/*
	First completed by Richard Bull 10 Oct 2009
	TODO: Would be nice to move from px font sizes to em if possible
	May 27th 2010:	Increase font-size: 0.8em;
*/
* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	}
body {
	background-color: #333;
	background-position: center;
	font-family: Verdana, Helvetica, sans-serif;
	min-height: 100%;
    position: relative; 
	}
:focus {
	outline:none;
	}
	
/* Structure */
#main {
	margin: 0 auto;
	width: 990px;
	background-color: #000;
	}	
#container {
	background-color:#000;
	margin:0 auto;
	padding:0 20px;
	width: 950px;
	position:relative;
	}
#header {
	clear: both; 
	height: 148px;
	width: 950px;
	border-bottom: solid 2px #333;
	}
#logo {
	float: right;
	height: 148px;
	width: 208px;
	}
* html div#content { 
   height: expression( this.scrollHeight < 400 ? "399px" : "auto" ); /* sets min-height for IE */
}
div#content {
	min-height:400px;/* sets min-height value for all standards-compliant browsers */
	float: left;
	}
	
/* begin left colum */
#content-left{
	float: left;
	width: 240px;
	margin-top: 10px;
	color: yellow;
}
/* begin right (content) column */
#content-right {
	display:inline;
	float: left;
	width: 710px;
	padding:0;
	margin:0;
	clear: right;
	overflow:hidden;
	}
#content-right .col-1 {
	width:468px;
	overflow:hidden;
	}
#content-right .col-2 {
	width:230px;
	padding-left:12px;
	overflow:hidden;
	}
/* begin headerNav  950 - 208 = 742*/
#headerNav {
	float: left;
	height: 29px;
	padding: 0px;
	margin-top: 15px;
	width: 720px;
	display:block;
	}
#headerNav ul {
	display: block;
	list-style: none;
	margin-left: 0px;
	}
#headerNav ul li {
	display: inline;
	float: left;
	line-height: 20px;
	list-style: none;
	text-align: left;
	padding: 0;
	width: auto;
	}
#headerNav ul li a {
	color: #999;
	font-size: 10px;
	height: 29px;
	margin: 0;
	text-decoration: none;
	}
#headerNav ul li a:hover {
	color: #fff;
	text-decoration: none;
	}

/* begin mainnavigation menu 950 - 208 = 742*/
#mainnavigation {
	clear: left;
	height: 30px;
	padding: 0px;
	padding-top: 68px;
	width: 720px;
	
	}
#mainnavigation ul {
	display: block;
	height: 30px;
	list-style: none;
	margin-left: 0px;
	}
#mainnavigation ul li {
	display: inline;
	height: 29px;
	list-style: none;
	padding: 0px;
	text-align: left;
	}
#mainnavigation ul li a {
	color: #AAA;
	text-transform: uppercase;
	height: 29px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	text-decoration: none;
	width: auto;
	}
#mainnavigation ul li a:hover {
	color: #FFF;
	text-decoration: none;
	}
#mainnavigation ul li.current_page_item a,
#mainnavigation ul li.current_page_ancestor a{ /* Highlights where we are in the nav */
	color: #fff;
}

/* begin left hand second level menu */
#secondlevelnavigation {
	clear: both;
	padding: 0px;
	width: 230px;
	}
#secondlevelnavigation ul {
	display: inline;
	list-style: none;
	margin-left: 5px;
	list-style-position:outside;
	}
#secondlevelnavigation ul li {
	display: block;
	list-style: none;
	list-style-position:outside;
	padding:0;
	margin:0;
	text-align: left;
	}
#secondlevelnavigation ul li a {
	color: #999;
	text-transform: uppercase;
	font-size: 10px;
	height: 18px;
	margin: 0;
	padding: 0 7px 0 0px;
	text-decoration: none;
	width: auto;
	}
#secondlevelnavigation ul li a:hover {
	color: #FFF;
	text-decoration: none;
	}
#secondlevelnavigation ul li.current_page_item a,
#secondlevelnavigation ul li.current_page_parent a{/* controled in functions.php, this is fall back*/
	color: #fff;
}
/* end menu */


/* begin menu */
#thirdlevelnavigation {
	clear: both;
	padding: 0px;
	width: auto;
	height: 30px;
	margin-bottom: 10px;
	border-bottom: solid 1px #333;
	clear: both; 
	}
#thirdlevelnavigation ul {
	display: block;
	list-style: none;
	height: 30px;
	margin-left: 0px;
	margin-top: 10px;
	}
#thirdlevelnavigation ul li {
	display: inline;
	list-style: none;
	padding: 0px;
	text-align: left;
	}
#thirdlevelnavigation ul li a {
	color: #999;
	font-size: 10px;
	height: 20px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
        border:0!important;
	width: auto;
	}
#thirdlevelnavigation ul li a:hover {
	color: #FFF;
	text-decoration: none;
	}
#thirdlevelnavigation ul li.current_page_item a { /* controled in functions.php, this is fall back*/
	color: #fff;
}
/* end menu */


#pagestop{ /* this was meant to clear the bottom of the content to push footer down */
	clear: both;
	height: 40px;
}

.clearBoth {
	clear:both;
	}
#sidebar {
	color:#fff;
	}

/* end right (content) colum */

/* Begin footer*/

.col-1, .col-2 {
	display:inline;
	float:left;
	}
	
#footer {
	clear:both;
	background-color:#000;
	height:40px;
	color: #333333;
	font-size: 10px;
	font-style: normal;
	padding:20px 0;
	}
#footer .col-1 {
	width:50%;
	padding-top:20px;
	}
#footer .col-2 {
	float:right;
	width:230px;
	}
#footer a {
	color:#333;
	}
#footer a:hover {
	color:#fff;
	}
	
/* end of basic header and footer stuff */


/* home page */

.homepage-horizontal-container{
	width: auto;
/*	height:290px;*/
	margin-top: 20px;
	background-color: #000;
	height:1%;
	overflow:hidden;
}
.homepage-1col{/* (230) + 10px on right */
	width: 230px;
	float:left;
	height:297px;
	padding:0;margin:0;
}
.homepage-1col-top{
	height:7px;
	width: 230px;	
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
}
.panel-box-1col-image{
	position: relative;
	height: 287px;
	background-repeat:no-repeat;
	background-position:bottom center;
	border:0px;
	padding:0;margin:0;
	border-right:solid 1px;
	border-left:solid 1px;
	border-bottom:solid 1px;
}

.panel-box{
	height: 86px;
	width:228px;
}

.panel-box-arrow{
	position:absolute;
	right: 0px;
	bottom:0px;
	background-repeat:no-repeat;
	background-position:top left;
	height: 27px;
	width:27px;
	margin:0;
}
.panel-box-bottom{
	position: absolute;
	bottom:0px;
	left:0px;
	_bottom:-1px;
}
.panel-box-top{
	position: absolute;
	top:0px;
	left:0px;
}
.panel-text{
	font-size:10px;
	line-height: 14px;
	padding:0 20px 0 10px;
	margin:0;
	display:block;
}

a .panel-text {
	color:#000;
	}
a:hover .panel-text {
	color:#fff;
	}

h2.panel-title{
	padding:0;
	font-size:1.0em;
	color:#fff;
	font-weight: normal;
	margin:5px 10px 0 10px;
}
.homepage-2col{ /* (230x2) + 10 + 10 */
	width: 464px;
	float:left;
	border:0;
	height:297px;
	margin:0 12px;
}
.homepage-2col-top{
	height:7px;
	width: 464px;	
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
}
.panel-box-2col-image{
	position:relative;
	height: 287px;
	background-repeat:no-repeat;
	background-position:top center;
	border:0px;
	padding:0;margin:0;
	border-right:solid 1px;
	border-left:solid 1px;
	border-bottom:solid 1px;
}

/* ####  3 COL HOMEPAGE */
	.homepage-3col{ /* (230x2) + 10 + 10 + 10*/
		position: relative;
		width: 706px;
		float:left;
		height:296px;
		border:0;
		margin-right:12px;
	}
	.homepage-3col-top{
		height:7px;
		width: 706px;	
		background-repeat:no-repeat;
		background-position:top left;
		overflow:hidden;
	}
	.homepage-3col-image{ 
		width: 704px;
		float:left;
		height:288px;
		border-right:solid 1px;
		border-left:solid 1px;
		border-bottom:solid 1px;
		background:url(img/homepage_map.jpg) no-repeat left -7px;
		}
	.homepage-3col-links{
		position: absolute;
		height: 210px;
		width: 250px;
		left:445px;
		top: 83px; 
		background-color:#000;
		padding:0;margin:0;
	}
	#explore-region-list ul li a:hover{color:#fff;}
	
	.homepage-3col-panel{
		position: absolute;
		left:0px;
		bottom: 1px;
		background-color:#333;
		padding:0;margin:0;
	}
	.homepage-3col-links h2{
		margin:3px 5px 0px 15px;
		font-size:1.0em;
		color:#fff;
		font-weight: normal;
		margin-bottom: 0px;
		padding-bottom:0px;
	}
	.homepage-3col-links ul{
		margin-top:5px;
	}

/* ### - PANEL SPACER -  ### */
.homepage-panel-spacer{
	float:left; 
	width:12px;
	height:296px;
	background-color: #000;
}
/*
16, 21, 22, 62, 64, 67, 69, 71, 73 - these are region pages - fixing links specifically...

*/
ul#explore-region-list li.page-item-16 a{color: #d2412a;}
#secondlevelnavigation ul li.page-item-16 a{color: #aaa;}
ul#explore-region-list li.page-item-21 a{color: #d67d2a;}
#secondlevelnavigation ul li.page-item-21 a{color: #aaa;}
ul#explore-region-list li.page-item-22 a{color: #e6bd33;}
#secondlevelnavigation ul li.page-item-22 a{color: #aaa;}
ul#explore-region-list li.page-item-62 a{color: #d5d525;}
#secondlevelnavigation ul li.page-item-62 a{color: #aaa;}
ul#explore-region-list li.page-item-64 a{color: #80ad39;}
#secondlevelnavigation ul li.page-item-64 a{color: #aaa;}
ul#explore-region-list li.page-item-67 a{color: #006d38;}
#secondlevelnavigation ul li.page-item-67 a{color: #aaa;}
ul#explore-region-list li.page-item-69 a{color: #007073;}
#secondlevelnavigation ul li.page-item-69 a{color: #aaa;}
ul#explore-region-list li.page-item-71 a{color: #00669a;}
#secondlevelnavigation ul li.page-item-71 a{color: #aaa;}
ul#explore-region-list li.page-item-73 a{color: #0ca5c7;}
#secondlevelnavigation ul li.page-item-73 a{color: #aaa;}

ul#explore-region-list li a:hover{color: #fff;}
#secondlevelnavigation ul li.page-item-16 a:hover{color: #d2412a;}
#secondlevelnavigation ul li.page-item-21 a:hover{color: #d67d2a;}
#secondlevelnavigation ul li.page-item-22 a:hover{color: #e6bd33;}
#secondlevelnavigation ul li.page-item-62 a:hover{color: #d5d525;}
#secondlevelnavigation ul li.page-item-64 a:hover{color: #80ad39;}
#secondlevelnavigation ul li.page-item-67 a:hover{color: #007073;}
#secondlevelnavigation ul li.page-item-69 a:hover{color: #00669a;}
#secondlevelnavigation ul li.page-item-71 a:hover{color: #d67d2a;}
#secondlevelnavigation ul li.page-item-73 a:hover{color: #0ca5c7;}

/* ### - HUMLA - 16 ### */
.humla{color: #d2412a;}
.humla-border{border-color: #d2412a;}
.humla-bg{background-color: #d2412a;}
.humla-top{background-image:url('img/tops/humla_1_top.gif');}
.humla-top-2col{background-image:url('img/tops/humla_2_top_464.gif');}
.humla-panel-image-1col{background-image:url('img/home_panel_1col_humla.jpg');}
ul#explore-region-list li a.humla{color: #d2412a;}
ul#explore-region-list li a.humla:hover {color: #fff;}
.humla-image-2col{background-image:url('img/homepage_image_2col_kanchenjunga.jpg');}

/* ### - MUGU - 21 ### */
.mugu, .mugu a:hover{color: #d67d2a;}
.mugu-border{border-color: #d67d2a;}
.mugu-bg{background-color: #d67d2a;}
.mugu-top{background-image:url('img/tops/mugu_1_top.gif');}
ul#explore-region-list li a.mugu{color: #d67d2a;}
ul#explore-region-list li a.mugu:hover {color: #fff;}

/* ### - DOLPA - 22 ### */
.dolpa, .dolpa a:hover{color: #e6bd33;}
.dolpa-border{border-color: #e6bd33;}
.dolpa-bg{background-color: #e6bd33;}
.dolpa-top{background-image:url('img/tops/dolpa_1_top.gif');}
.dolpa-panel-image-1col{background-image:url('img/home_panel_1col_dolpo.jpg');}
ul#explore-region-list li a.dolpa{color: #e6bd33;}
ul#explore-region-list li a.dolpa:hover {color: #fff;}

/* ### - ANNAPURNA - 62 ### */
.annapurna, .annapurna a:hover{color: #d5d525;}
.annapurna-border{border-color: #d5d525;}
.annapurna-bg{background-color: #d5d525;}
.annapurna-top{background-image:url('img/tops/annapurna_1_top.gif');}
ul#explore-region-list li a.annapurna{color: #d5d525;}
ul#explore-region-list li a.annapurna:hover {color: #fff;}

/* ### - GANESH - 64 ### */
.ganesh, .ganesh a:hover{color: #80ad39;}
.ganesh-border{border-color: #80ad39;}
.ganesh-bg{background-color: #80ad39;}
.ganesh-top{background-image:url('img/tops/ganesh_1_top.gif');}
ul#explore-region-list li a.ganesh{color: #80ad39;}
ul#explore-region-list li a.ganesh:hover {color: #fff;}

/* ### - LANGTANG - 67 ### */

.langtang, .langtang a:hover{color: #006d38;}
.langtang-border{border-color: #006d38;}
.langtang-bg{background-color: #006d38;}
.langtang-top{background-image:url('img/tops/langtang_1_top.gif');}
.langtang-panel-image-1col{background-image:url('img/homepage_panel_1col_langtang_image.jpg');}
ul#explore-region-list li a.langtang{color: #006d38;}
ul#explore-region-list li a.langtang:hover {color: #fff;}


/* ### - EVEREST - 69 ### */
.everest{border-color: #007073;}
ul#explore-region-list li a.everest{color: #007073;}
ul#explore-region-list li a.everest:hover {color: #fff;}

/* ### - MAKALU - 71 ### */
.makalu{border-color: #00669a;}
ul#explore-region-list li a.makalu{color: #00669a;}
ul#explore-region-list li a.makalu:hover {color: #fff;}

/* ### - KANCHENJUNGA - 73 ### */
.kanchenjunga, .kanchenjunga a:hover{color: #0ca5c7;}
.kanchenjunga-border{border-color: #0ca5c7;}
.kanchenjunga-bg{background-color: #0ca5c7;}
.kanchenjunga-top-2col{background-image:url('img/tops/kanchenjunga_2_top_464.gif');}
.kanchenjunga-top{background-image:url('img/tops/kanchenjunga_1_top.gif');}
.kanchenjunga-panel-image-1col{background-image:url('img/homepage_panel_kanchenjunga_image.jpg');}
ul#explore-region-list li a.kanchenjunga{color: #0ca5c7;}
ul#explore-region-list li a.kanchenjunga:hover {color: #fff;}

.default {color: #AAA;}
.default a:hover{color: #ccc;}
.default a:visited{color: #999;}
.default-border{border-color: #333;}
.default-top{background-image:url('img/tops/map_box_top_706.gif');}
.default-bg{background-color: #666;}
ul#explore-region-list li a.default:hover {color: #fff;}

.humla-arrow		{background-image:url('img/arrow_humla.gif');}
.mugu-arrow			{background-image:url('img/arrow_mugu.gif');}
.dolpa-arrow		{background-image:url('img/arrow_dolpa.gif');}
.annapurna-arrow	{background-image:url('img/arrow_annapurna.gif');}
.ganesh-arrow		{background-image:url('img/arrow_ganesh.gif');}
.langtang-arrow		{background-image:url('img/arrow_langtang.gif');}
.everest-arrow		{background-image:url('img/arrow_everest.gif');}
.makalu-arrow		{background-image:url('img/arrow_makalu.gif');}
.kanchenjunga-arrow	{background-image:url('img/arrow_kanchenjunga.gif');}
.default-arrow		{background-image:url('img/arrow_default.gif');}

/* end of home page boxes */

ul#explore-region-list li {
	display: block;
	list-style: none;
	padding: 0px;
	text-align: left;
	text-transform: uppercase;
}
ul#explore-region-list li a{
	font-size: 10px;
	text-decoration: none;
}


/*typpograhy*/
a:link {
	color: #eee;
	text-decoration:none;
	}
a:visited {
	color: #aaa;
	text-decoration:none;
	}
a:hover {
	color: #FFFFFF;
	text-decoration:none;
	}
a:active {
	color: #fff;
	}
.arrow a{ /*no definition as a now surrounds homepage panels, not just arrow*/
	margin:0;
	padding:0;
}
p, span, span span, td {
	font-size: 0.8em;
	color:#ddd;
	line-height: 18px;
	text-align: left;
	margin-bottom:10px;
	margin-top:5px;
	}
#content-right p, #content-right ul {
	/*width: 468px;*/
width:100%;

 /* reduced to 460 to allow right hand column (floated right) images - this should be expanded if widget built*/
}
#content-right p a, #content-right ul li a{
	border-bottom: dotted 1px #999;
}
#content-right ol li{
	font-size: 0.8em;
	color:#eee;
}
#content-right blockquote p{
	width: 370px;
}
p.contact{
	font-size: 12px;
}
	
/* mailing list form */
input[type="text"], input[type="password"], select, textarea {
	background-color:#0A0A0A;
	border:1px solid #333333;
	color:#FFFFFF;
	}
input[type="text"], input[type="password"] {
	padding:2px;
	}
#submit {
	cursor:pointer;
	}
	
.contactCap {
	border:1px solid #333333;
	margin-left:15px;
}

#comment {
	width:468px;
	}
.contact input {
	width:250px;
	}
.contact input#submit {
	width:auto !important;
	}
.contact textarea {
	width:300px;
	font-size:12px;
	}
td {
	padding: 5px;
}
hr{
  border-color: #333;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 20px;
  height: 0;
}
ul{
	font-size: 0.8em;
	color:#333;
	line-height: 18px;
	text-align: left;
	margin-left: 20px;
}
#content-right ul li{
	color:#bbb;
	font-size: 12px;
}
h1 {
	color: #fff;
	font-size: 1.6em;
	text-align: left;
	font-weight: normal;
	padding: 10px 0px 10px 0px;
	margin:0;
	width: 100%;
	clear: both;
	}
h1 a:link{
	text-decoration:none;
	color: #fff;
}
h1 a:hover{
	text-decoration:underline;
	color: #fff;
}
h1 a:visited{
	text-decoration:none;
	color: #ccc;
}
h2, h2 a {
	color: #fff;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	margin-bottom:10px;
	margin-top:10px;
	}
h2 a:visited{
	color: #aa0000;
}
h3 {
	color: #fff;
	font-size: 0.9em;
	text-align: left;
	font-weight: normal;
	margin-bottom:5px;
	}
img {
	border: none;
	}
blockquote{
	margin: 0px 50px 0px 50px;
	padding: 0px 10px 0px 10px;
	border-left: solid 2px #333;
	font-style:italic; 
	clear: left;
	width: 370px;
}

/*  Photogallery - needs changing if widgetised - bit messy!*/
#photo-navigaton{
	width: 710px;
	height: 26px;
}
#content-right #photogallery p{
	width: auto;	
	clear:both;
}
#photogallery td img{
	margin-right: 7px;
	margin-bottom: 7px; 
}
#photogallery td{
	padding: 0px;
}
p img.alignleft,
div.alignleft img{
	float:left;
	width:auto;
	margin-right: 10px;
	margin-bottom: 10px; 
}
div.wp-caption{
	width: 240px;
	height: 100%;
}
div.wp-caption p {
	width:auto;
	}
.col-2 div.wp-caption p {
	width:220px !important;
	}

div.alignleft{
	float:left;
}

img.alignleft{
	float:left;
}
div.alignright{
	float:right;
	clear: right;
}
div.alignright img{
	/*float:right;*/
	width:auto;
	margin-left: 10px;
	margin-bottom: 10px; 
}
div.alignright p.wp-caption-text{
	margin-left: 10px;
	width: auto;
}
div.alignleft p.wp-caption-text{
	margin-right: 10px;
	width: auto;
}
.wp-caption-text{
	font-size:10px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	width:230px !important;
}
#content-right p.wp-caption-text a{
	border-bottom: dotted 1px #000;
}


/* Used for photogallery <!--more--> links*/

#page-links{
	color:#fff;
	font-size:10px;
	float: left;
	width: auto;
	height:22px;
}
#page-link {
	float:left;
	border: solid 1px #000;
	text-align: center;
	margin-right: 5px;
	font-size:10px;
}
#page-link a, .page-link-arrow a{
	color:#aaa;
	text-decoration: none;
}
#page-links a:hover, .page-link-arrow a:hover{
	text-decoration: none;
}
#page-links a:visited{
	text-decoration: none;
	color:#333;
}

#page-links-next-prev{
	color:#fff;
	float: left;
	text-align: right;
	width: 130px;
	height:22px;
}
.page-link-arrow{
	text-align: right;
	font-size: 10px;
	text-decoration: none;
	float: left;
	text-align: center;
	padding: 0px 5px 0px 5px;
}


.hidden{
	display: none;
}

/* Fast facts are used on the section landing pages - currently hand marked-up is in main page content - needs widgetising?*/
.fastFact{
	float: right;
	width: 210px;
}
.fastFact ul {
	width:auto !important;
	}

.fastFact p, #content-right .fastFact ul li{
	font-size: 10px !important;
	color: #999999;
	height: auto;
	width:auto;
}
.fastFact ul li {
	line-height:14px;
	margin-bottom:5px;
	}
.fastFact h3{
	width: 210px;
	font-size: 0.8em;
	text-align: left;
	font-weight: normal;
	margin:0;
	margin-bottom:4px;
	padding-top:10px;
}

/* Right Photos */
.rightPhotos img {
	margin-top:10px;
	}

/* For comments... */
ul#commentlist {clear:both; }
/*#comment{
	background-color:#0a0a0a;
	border: solid 1px #333;
	color: #fff;
	width: 460px;
	height: 120px;
	font-size: 12px;
}
ul#commentlist li{
	display: inline;
	list-style: none;
	margin-left: 5px;
	background-color:#333;
}
ul#commentlist li img{
	float: right;
}
ul#commentlist li p{
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 10px;
	border-left: solid 2px #333;
	color:#ccc;
}
ul#commentlist li p.post_meta{
	text-align: right;
	border-left: solid 1px #000;
	color:#999;
}
a.more-link{
	color: #fff;	
}
#para2col{
	width: 470px;
	height: auto;
}*/
/* Site Map: Tree Structure */

ul.tree, ul.tree ul {
	background:url(img/tree-root.gif) repeat-y left top;
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside;
	}
ul.tree li {
	background:url(img/tree-branch.gif) no-repeat left 15px;
	padding:5px 0 5px 20px;
	}
ul.tree li a {
	text-decoration:none;
	border:none !important;
	}
ul.tree li a:hover {
	text-decoration:underline;
	}

#lightbox-image-details-caption{
	font-size:12px !important;
}

/*--------------- Seawrch Form at the header 03-02-2010----------------------------------------*/
#searchForm {
 	display:inline;
        float:left;
        margin:0 0 0 10px;
}

#searchForm input { display:inline; float:left;}
#searchForm input#s {
	background-color:#000;
	border :1px solid #444343; 
	color:#666666;
	height:16px;
	padding:2px 5px;
	width:167px;
	border-right:none;
  }
#searchForm input#searchBtn {
	width:17px;
	height:22px;
	}


/*--------------- Share Plugin 03-02-2010----------------------------------------*/
.sociable {
	clear:both;
	color:#BBBBBB;
	margin:16px 0;
	width:468px;
}

.sociable ul {
	list-style: none;
	margin:0;
	padding-top:5px;
	}
.sociable ul li {
	display: inline;
	list-style: none;
	text-align: left;
	}

.sociable ul li a {
	border:none !important;
}

.sociable-hovers {
	opacity:0.6;
}

.sociable-hovers:hover {
	opacity:1;
}

/*--------------------- Navigation ---------------------*/
#nav {
height:30px;
left:20px;
list-style:none outside none;
margin:0;
padding:0;
position:absolute;
top:120px;
z-index:99999;
}

#nav li {
float:left;
font:10px/18px Verdana,Helvetica,sans-serif;
margin:0 25px 0 0;
padding:0;
position:relative;
text-transform:uppercase;
}

#nav li:last-child {padding:0;}
#nav li:hover > ul { display:block; }
/* #nav li a { text-decoration: none; color: #fff; border:none; height:40px; float: left; padding:0 20px;} */
#nav li a {
float:left;
font:13px/15px Verdana,Helvetica,sans-serif;
margin:0;
padding:0;
height:30px;
color:#AAAAAA;
}

#nav li a:hover,
#nav li.current-cat a,
#nav li.current_page_item a,
#nav li.current_page_parent a,
#nav li.current_page_ancestor a {color:#FFFFFF;} /* for ie6 */
#nav li:hover > a { color:#FFFFFF;}

#nav li.page_item li:hover > a { background:#000000 none; color:#fff;}

#nav li.current-cat li a,
#nav li.current_page_item li a {color: #000}

#nav li ul li a { height:auto; line-height:18px; padding:5px 10px; color:#000; font-weight:normal; font-size:12px;}
#nav li ul li a:hover { background:#FFFFFF none; color:#fff;}
#nav ul { display:none; list-style:none; margin:0; padding:0; position: absolute; left:0; top:25px; width:200px; background-color: #666666; z-index:99999;} 
#nav ul li{ margin:0;padding:0;display: block; width: 200px; border-bottom: 1px solid #FFFFFF; background-color: #666666;} 
#nav ul li a { display: inline-block; width:180px; text-transform: none; zoom:1; } 
#nav ul ul { left: 100%; top: 0;}