/*-----------------------------------------------------------------------------------*/
/*	The Top Bar Navigation Styles
/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/
/*	1. Basic Setup 
/*-----------------------------------------------------------------------------------*/
#topbar{
	min-width:980px;
	z-index:9;
	position: fixed;
	top: 0px;
	width: 100%;
}

.entry-container {
    padding-left: 0 !important;
}

#content.no-grid {
    margin-top: 75px;
}

#content.full {
    margin-top: 85px !important;
}







/*-----------------------------------------------------------------------------------*/
/*	2. Bar Styling - Height, Background and Shadows
/*-----------------------------------------------------------------------------------*/

#topbar {
	background: url('../img/header_bg_pat_1.png') repeat top left;
	height:65px;
	z-index: 9999;
	  
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
    		box-shadow:0 0 2px rgba(0, 0, 0, 0.5);

}
#topbar .topbar-wrap{background: transparent;}

#topbar .sf-menu {
    /* border-left: 1px solid #111; */
    float: left;
    margin-left: 10px;
    padding-left: 12px;
    position: relative;
    z-index: 80;
}

#topbar .logo {
	padding:0 16px 0 0;  /* Change this to adjust the vertical padding of the LOGO */
	width: auto;
	float: left;
	opacity: 0.92;
	background: transparent;
}
#topbar .logo:hover {
	opacity:1;
}

#topbar #navigation{
	padding-top: 20px; /* Change this to adjust the vertical padding of the NAVIGATION */
	/* margin-right: 15px; */
	float: right;	
}

#topbar .menu-primary-menu-container{float: left;}

#content a{
	   -moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
}






/*-----------------------------------------------------------------------------------*/
/*	3. Navigation
/*-----------------------------------------------------------------------------------*/

#topbar #navigation .menu-item, #rsort{ /* Chances are good this will be overwritten by the admin panel */
	text-transform: uppercase; 
	font-size: 16px; 
}

#topbar #navigation .menu-item ul .menu-item{ /* Chances are good this will be overwritten by the admin panel */
	font-size: 14px; 
	text-transform: capitalize;	
}

#topbar .shuffle{float: left; margin: 2px 0 0 10px;}

#topbar #shuffle {
    float: left;
    padding: 1px 0;
    /* margin: 3px 0 0 10px; */
}

#topbar #rsort {font-weight: normal;}

#topbar #navigation li a, #copyright-inner li a{color: #b4b4b4;}


#topbar #navigation ul li{
	/* border-right: 1px solid #222; */
    padding-bottom: 3px;
    padding-right: 8px;
}

#topbar #navigation ul li ul li{border: 0;}





/*-----------------------------------------------------------------------------------*/
/*	4. DropDown Styles
/*-----------------------------------------------------------------------------------*/

.menu {
	float: left;
}
/* Items */  
.menu ul li {
	position:relative;
	display:block; 
	margin-right:14px;
	list-style:none;
	overflow:visible;
	float:left;
	background: transparent;
}

/* .menu ul li a {
	display:block;
	height:46px; 
	margin-top:0px;
	padding-top:15px;
	padding-right:40px;
	font-size:14px;
	font-size:1.4em;
	color:#82846f;
	outline:none;
} */
.menu ul li .active {
/* 	background:url(images/on.png) top right no-repeat;*/
}

.menu ul li .inactive {
/* 	background:url(images/off.png) top right no-repeat;*/
}
/* Subitems */
.menu ul li ul {
	position:absolute;
	display:none; 
	top:42px; /* Corresponds to the top padding on line 69 */
	left:-13px; 
	padding:6px 12px 8px;   
	width:130px;
	background:#000;
	border:solid 1px #111;
	
	-webkit-border-bottom-right-radius: 5px;
	 -webkit-border-bottom-left-radius: 5px;
	    -moz-border-radius-bottomright: 5px;
	     -moz-border-radius-bottomleft: 5px;
	        border-bottom-right-radius: 5px;
	         border-bottom-left-radius: 5px;
	        
} 
.menu ul li ul li .cornup {
	position:absolute;
	height:14px;
	width:20px;
	top:-21px;
	left:75px;
	/* background:url(images/corn-up.png) top left no-repeat; */
}
.menu ul li ul li {
	position:relative;
	display:inline;
	width: 100%;
	background: none;
	line-height: 24px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:1px;
	border-bottom:solid 1px	#fff;
}

.menu ul li ul li ul {
	position:absolute;
	left:144px; /* Set the vertical space from the top */
	top:-5px;
	-webkit-border-bottom-left-radius: 0px;
	    -moz-border-radius-bottomleft: 0px;
	        border-bottom-left-radius: 0px;	
	          
	 -webkit-border-top-right-radius: 5px;
	     -moz-border-radius-topright: 5px;
	         border-top-right-radius: 5px;	         
}

.menu ul li ul li .cornleft {
	position:absolute;
	height:70px;
	width:13px;
	top:4px;
	left:-20px;
	/* background:url(images/corn-left.png) top left no-repeat; */
}
.menu ul li ul li .active {
	/* background:url(images/sub-on.png) top right no-repeat; */
}

.menu ul li ul li .inactive {
	/* background:url(images/sub-off.png) top right no-repeat; */
}
.menu ul li ul li a {
	background:none;
	height:auto;
	color:#858585;
	padding-left:0px;
	padding-top:8px;
	padding-bottom:8px;
}






/*-----------------------------------------------------------------------------------*/
/*	5. Social Media + Search
/*-----------------------------------------------------------------------------------*/

#topbar #right_links {
	float:right;
	padding:12px 18px 2px 0px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
}

#topbar #right_links a {
	margin:0 2px 0 0;
	position:relative;
	top:3px;
}

#topbar #right_links a{float: right;}
#topbar #right_links .search{float: right;}

#topbar .search form{width: auto !important; padding: 0 !important; margin: -21px 0 0 4px !important; height: auto !important;}
#topbar .search input{ margin-bottom: 8px;}
#topbar .search{
	float: right;
	padding-top: 21px;	
	}

#topbar .search .field{
	background: transparent url(../img/search_bar.png) no-repeat 0 0;
	font:11px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	line-height: 22px;
	width: 152px;
	height: 20px;
	color: #555;
	float: left;
	padding: 1px 3px 3px 6px;
	border: 0;
}

#topbar .search .button{
	background: transparent url(../img/search_btn.png) no-repeat;
	width: 60px;
	height: 20px;
	color: #313131;
	font:12px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	float: left;
	border: 0;
	cursor:pointer;
}





