/* 



/*    

Theme Name: Avum

Theme URI: www.visiv.ca/Avum

Description: Avum is a theme that aims to be stark but modern. It aims to make your content the main focus. It is higly configurable enabling you to change fonts, backgrounds, theme colors and more from within the theme options page.

Author: George Kendros/Visiv.ca

Author URI: www.visiv.ca

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Version: 1.3.1

Tags: dark, one-column, right-sidebar, custom-colors, custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, front-page-post-form

. 

All rights reserved. 2010

. 

*/  



/*-------------------general elements-----------------------------*/

/*------------------------------------------------------------------*/



html, body{

	height: 100%;

	width: 100%;

	

	

}



html{

	height: 100%;

	width: 100%;

}



body{

	

	padding: 0px;

	margin: 0px;

	font-family: Corbel, Helvetica, sans-serif;

	color: #333333;

	background-color: #dddddd;

	background-image: url('img/bg_water_1.jpg');

	/*background-color: #E1E2E6;*/

	/*background-image: url('img/bg_desat.jpg');*/

	background-repeat: repeat-x;

	background-position: center top;

	

	

}



a{

	text-decoration: none;

	color: #333333;

	border-bottom: 1px dashed #333333;

}



h1,h2,h3,h4,h5,h6,h7{

	font-family: Corbel, Helvetica, sans-serif;

	color: #666666;

}



h3{

	font-size: 19px;

}



img{

	border: none;

}



blockquote{

	margin: 16px 40px;

	padding-left: 4px;

	border-left: 1px dotted #ccc;

}



/*-------------------- Top Menu and Logo area --------------------------*/

/*------------------------------------------------------------------*/



#top_menu{

	

}



#logodiv{

	

	float: left;

	margin-top: 0px;

	width: 50px;

	height: 60px;

	background-image: url("img/logo.png");

	background-repeat: no-repeat;

	

	font-size: 36px;

	

	

}



#logodiv p{

	margin-top: 0px;

}



#search-men{

	margin: 0px;

	border-top: 4px solid #666;

	float: right;

	

	

}



#search-men form{

	width: 215px;

	height: 34px;

	overflow: hidden;

	

}



#search-men input.s{

	display: block;

	float: right;

	margin: 7px;

	background-color: transparent;

	border: 3px solid #666;

	width: 157px;

	

	

}



#search-men input.s-button{

	float: right;

	margin: 2px ;

}



input.s-button{

	float: right;

	margin: 2px ;

}



#search-men a{

	display: block;

	height: 100%;

	width: 100%;

	border: none;

}



#mobile_menu_button{

	display: none;

}





#menu{

	float: right;

	z-index: 40;

	border-right:5px solid #666666;

	 

}



#menu .menu-main-container{

	/*float: left;*/

}



#menu .menu_level2{

	clear: both;

	float: right;

	z-index: 40;

	/*border-right:5px solid #666666;*/

	 

}



#menu a{

	border-bottom: none;

	color: #666666;

	text-decoration: none;

	font-family: Corbel, Helvetica, sans-serif;

	font-size: 20px;

}



#menu ul{

	margin: 0px;

	margin: 0px;

	padding: 3px 10px 3px 0px;

	border-top: 5px solid #666666;

	float: right;

	

	

}



#menu .menu_level2 ul{



	border-top: none;

	padding-top: 0px;

}



#menu ul li{

	

	display: inline;

	list-style: none;

	

	padding-left: 15px;

	padding-right: 15px;

	

}



#menu .menu_level2 ul li{

	

	display: inline;

	list-style: none;

	

	padding-left: 15px;

	padding-right: 15px;

	

}



#menu ul li > a{

	font-size: 19px;

}



#menu ul ul li > a{

	font-size: 17px;

}



#menu ul ul ul li > a{

	font-size: 14px;

}







.sub-menu{

	

	display: none;

	

}



#menu .sub-menu{

	border-top: none;

	position: absolute;

	

	

}



#menu .menu_level2 .sub-menu{

	border-top: none;

	position: absolute;

	

	

}



#menu .menu_level2 .sub-menu a{

	font-weight: 300;

}



#menu .menu_level2 .sub-menu .current-menu-item a,

#menu .menu_level2 .sub-menu .current_page_item a{

	font-weight: 600;

}



#menu .menu_level2 .sub-menu{

	position: relative;

}



#menu .menu_level2 ul li{

	display: none;

	padding: 0px;

}



#menu .menu_level2 ul li li{

	

	padding: 0px 15px;

}



#menu .menu_level2 ul li.current-menu-item li,

#menu .menu_level2 ul li.current-menu-item,

#menu .menu_level2 ul li.current-menu-parent,

#menu .menu_level2 ul li.current-menu-parent li,

#menu .menu_level2 ul li.current_page_item ,

#menu .menu_level2 ul li.current_page_item li

{

	display: block;

}



#menu .menu_level2 ul li.current-menu-item a,

#menu .menu_level2 ul li.current-menu-parent a,

#menu .menu_level2 ul li.current_page_item a

{

	display: none;

}



#menu .menu_level2 ul li.current-menu-item li a,

#menu .menu_level2 ul li.current-menu-parent li a,



#menu .menu_level2 ul li.current_page_item li a

{

	display: block;

}



#menu .menu_level2 ul li.current_page_item li ul{

	display: none;

}



#menu ul li ul li{

	display: block;

	float: left;

	

}



.current-menu-item > ul{

	display: block;

}



.current-menu-ancestor > ul{

	display: block;

}





.current_page_item a,

.current_page_ancestor  a

.current-menu-item  a,

.current-menu-ancestor  a{

	font-weight: bold;

	color: #000000 !important;

	

}



/*--------------------------- Banner rotator -------------------*/

/*------------------------------------------------------------------*/

#feature-wrap{

	width: 860px;

	clear: both;

	position: relative;

	margin: auto;

	

	overflow: hidden;

}



.arrow{

	

	color:#666666;

	font-size:65px;

	font-weight:bold;

	position:absolute;

	top:110px;

}



.arrow_right{

	

	color:#666666;

	font-size:65px;

	font-weight:bold;

	position:absolute;

	top:110px;

	right: 0px;

}







#feature{

	width: 795px;

	

	position: relative;

	margin: auto;

	padding-top: 0px;

	overflow: hidden;

	

	

}



.feat-top {

	position: absolute;

	background-color: rgb(255,255,255);

	background-color: rgba(255,255,255,0.7);

	

}



.feat-thumb{

	text-decoration: none;

	border: none;

}



#feature h1,

#content h1{

	

	font-size: x-large;

	

}



#content h2{

	font-size: 21px;

}



#f-scroller{

	width: 10000px;

	height: 260px;

	

}



#f-scroller ul{

	padding: 0px;

	margin: 0px;

	

}



#f-scroller li{

	width: 225px;

	height: 225px;

	overflow:hidden;

	list-style: none;

	display: block;

	float: left;

	margin: 10px 12px;

	border: 8px solid #666666;

}



#left-scroller{

	display: none;

	color:#666666;

	font-size:65px;

	font-weight:bold;

	position:absolute;

	top:170px;

	border-bottom: none;

	outline: 0px;

}



#right-scroller{

	color:#666666;

	font-size:65px;

	font-weight:bold;

	position:absolute;

	top:170px;

	right: 0px;

	border-bottom: none;

	outline: 0px;

}



#closer{

	float: right;

}





/*-------------------------- main content area ---------------------*/

/*------------------------------------------------------------------*/



#content{

	

	border-top: 6px solid #666666;

	border-left: 6px solid #666666;

	padding-left:10px;

	

}



#main{

	margin: auto;

}



#content-lvl2{

	width: 800px;

	margin: auto;

	

}



#content-wrap{

	background-repeat: no-repeat;

	background-position: top center;

	margin-top: 15px;

}



#content h1 a{

	color: #666666;

	

	

}



#content img{

	border: 4px solid #666;

	margin: 2px;

}



#main_pic{

	

	border:6px solid #666666;

	margin-left:-16px;

	margin-top:-250px;

	overflow:hidden;

	position:absolute;

	width:788px;

}



#main_pic img{

	border: none;

	margin: 0px;

}



#main_pic img{

	margin-bottom: 0px;

	display: block;

}





#content .post,#content .page{

	

	margin-bottom: 30px;

	

	overflow: hidden;

}



#content .cat-tag{

	margin-top: 20px;

	border-top: 1px dashed #ccc;

	clear: both;

}



#content .tag-holder{

	margin: 2px 0px;

	font-size: 14px;

	font-weight: normal;

	float: left;

	padding-right: 5px;

	padding-left: 5px;

	border-right: 1px solid #666;

	

}



#content .tag-holder a{

	font-size: 12px;

	border-bottom: none;

	font-weight: bold;

	border-bottom: 1px solid #ccc;

	

	

}



#content .cat-holder{

	padding-left: 5px;

	margin: 2px 0px;

	font-size: 14px;

	font-weight: normal;

	float: left;

	

	

}



#content .cat-holder a{

	font-size: 12px;

	border-bottom: none;

	font-weight: bold;

	border-bottom: 1px solid #ccc;

	

	

}











/*--------------------------- Sidebar style -------------------------*/

/*---------------------------------------------------------------------*/



#side{

	margin-top: 32px;

	float: right;

	clear: none;

	margin-left: 5px;

	font-size: small;

	

	

}



#side div.widget-area{

	

}





#side ul{

	padding-left: 0px;

	padding-right: 0px;

	margin-top: 0px;

}



#side div.widget-area ul li:last-child{

	border-bottom: none;

}





#side li{

	list-style: none;

}



#side label.screen-reader-text{

	display: none;

}



#side li.sb{

	border-left: 2px solid #666;

	border-top: 3px solid #666;

	width: 200px;

	border-bottom: 1px solid #666;

	padding: 15px 0px 15px 8px;

}



#side h2{

	margin-top: 4px;

	margin-bottom: 4px;

}





.clearer{

	clear: both;

	height: 20px;

}



.clearer-wide{

	clear: both;

	height: 250px;

}



.clearer-wide-short{

	clear: both;

}



.post-ender{

	height: 2px;

	background-color: #ccc;

	width: 100%;

	margin:10px 0 40px;

	clear: left;

}



/*--------------------- Footer style ----------------------*/

/*---------------------------------------------------------*/



#footer{

	margin: 10px 10px 0px;

	clear: both;

	height: 50px;

	

	border-top: 6px solid #666666;

	border-right: 6px solid #666666;

}



#footer li{

	list-style: none;

}



#footer h2{

	margin: 0px;

}



#footer #sidebar-footer{

	margin-bottom: 0px;

	padding: 5px;

	float: left;

	margin-top: 0px;

	

}



#footer .sb {

	float: left;

	clear: both;

	list-style: none;

	margin: 0px 15px 5px;

	

}



#footer .sb ul{

	padding-left: 5px;

}



#footer .sb ul li{	

	display: inline;

	margin:0 8px;

}



/*------------------------ Comment styling -----------------------*/

/*---------------------------------------------------------------*/



#comment-wrapper{

	overflow: hidden;

}



#comment-wrapper .reply a{

	border: 1px solid #cccccc;

	padding: 2px 4px;

	font-size: small;

	background-color: #cccccc;

}



#comment-wrapper .navigation{

	

}



#comments{

	color: #666666;

	

	margin-top: -20px;

	

}



#comments cite{

	font-weight: bold;

}



.comment-meta a{

	font-size: x-small;

	border-bottom: 1px solid #cccccc;

	

}



ol.commentlist{

	list-style: none;

	padding-left: 20px;

	clear: left;

	padding-top: 10px;

	

}



ul.children{

	list-style: none;

	padding-left: 20px;

	padding-top: 10px;

}



.comment-body{

	border-top: 1px solid #cccccc;

	

	overflow: auto;

	padding-bottom:4px;

	padding-top: 4px;

	border-left: 1px solid #cccccc;

	padding-left: 5px;

}



ol.commentlist li{

	margin-bottom: 50px;

}





#respond{

	border-top: 1px solid #cccccc;

	/*margin-left: 10px;*/

	clear: left;

	border-left: 4px solid #ccc;

	padding-left: 10px;

}



#respond h3{

	color: #666666;

	font-size: medium;

}



#cancel-comment-reply-link{

	

	font-size: 12px;

	margin-left: 20px;

}



.comment-form-comment label{

	display: block;

	

}



.comment-form-comment textarea{



}



.bypostauthor .comment-author{

	background-color: #ccc;

}



.bypostauthor li .comment-author{

	background-color: inherit;

}







.form-allowed-tags{

	font-size: 12px;

	display:none;

}



.pingback, .trackback{

	border-left: 2px solid #ccc;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding-left: 5px;

}











/*---------------- wordpress image related styles -------------------*/

/*-------------------------------------------------------------------*/

#content img.aligncenter, div.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

	

}

.alignleft {

	float: left;

	margin-right: 4px;

}

.alignright {

	float: right;

}

.wp-caption {

	background-color: #F5F5F5;

	margin: 5px;

	padding-top: 4px;

	text-align: center;

}

.wp-caption img {

	border: 0 none;

	margin: 0;

	padding: 0;

}



.wp-caption a {

	border: 0 none;

	

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	margin: 0;

	padding: 0 4px 5px;

}



.gallery-caption{

	font-size: small;

}



.sticky{

	border-left: 1px solid #ccc;

	

}