/*
Theme Name: Magazine Basic
Theme URI: http://tinkerpriestmedia.com/free-wordpress-themes/magazine-basic/
Description: A magazine style theme with a fully customizable layout. Theme options include site width, 1 or 2 widgetized sidebars, logo uploader, multiple front page grid layouts, Google Analytics, header ad space and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.8 using Firefox, IE6 and IE7. Fully optimized for search engine ranking. 100% valid xHTML. Designed by <a href="http://tinkerpriestmedia.com">c.bavota</a>.
Version: 2.4.11
Author: c.bavota
Author URI: http://tinkerpriestmedia.com/
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Basic Tag Elements */

a {
	text-decoration: none;
	outline: none;
	color: #205B87;
	}
	
	a:hover {
          color: #FF9933;
		}
	
img { 
	border: 0;
	}

body {
        background-image: url("images/body-bg.png");
        background-repeat: no-repeat;
        background-position: center top; 
        background-color: #0c2a4c;
 	margin: 0 auto; 
	font-size: 14px; 
	padding: 0; 
	}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #222;
	}

textarea {
	width: 97%;
	}

/* Header Elements */

#header{
     height: 200px;
     float: left;
	width: 100%;
     margin-top: 30px;
     border-left: 1px solid #999;
     border-right: 1px solid #999;
	}

#headerad {
	width: 468px;
	}	

#login {
	height: 16px;
	font-size: 12px;
	color: #fff;
	text-align: right;
	padding: 7px 10px 9px;
	background: url(images/login.png) repeat-x;
	}
	
	#login a {
		color: #fff;
		}
	
	#login ul {
		padding: 0;
		margin: 0;
		}
	
	#login ul li {
		display: inline;
		}
	
.dot:before {
	content: url(images/whitedot.png) " ";
	}

#title {
	font-size: 38px;
	margin: 20px 0 0 20px;
	padding: 0;
	line-height: 34px;
	}
	
	#title a {
		color: #FFF;
		}		
	
	
		
#description {
	font-size: 14px;
	margin: 10px 0 0;
	padding: 0;
	}		
	

								


#sub-navigation2 {
	clear: both;
	float: left;
	width: 100%;
 	z-index: 50;
 	position: relative;
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
	}
	
	#sub-navigation2 ul {
		padding: 0 0 0 250px;
		margin: 0;
		}
	
	#sub-navigation2 li {
		list-style-type: none;
		float: left;
		font-size: 8px;
		padding: 0 10px 0 0;
		text-transform: uppercase;
		margin: 0;
		line-height: 18px;
		position: relative;
		}
	
	#sub-navigation2 a {
		color: #222;
		padding: 0 5px;
		}
		
		#sub-navigation a:hover {
                color: #FF9933;
			}
			
#sub-navigation2 ul li:hover ul { display: block; }	
#sub-navigation2 ul li:hover ul ul { display: none; }	
#sub-navigation2 ul ul { position:absolute; top:22px; left:0; background:#fff; display:none; list-style:none; margin:0;padding:0; border-top: 1px solid #000;}
#sub-navigation2 ul ul li {position:relative; border:1px solid #aaa; border-top: 0;width:159px; margin:0; padding: 0; background: none;}
#sub-navigation2 ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#fff; border-right: 0; font-size: 12px; }
#sub-navigation2 ul ul li a:hover {background-color:#eee}
#sub-navigation2 ul ul li:hover ul { display: block; }
#sub-navigation2 ul ul ul { left:159px; top:-1px; display: none; }	


#sub-navigation2 li.nodot {
	background: none;
	}
	
#sub-navigation2 li.right-d {
	float: right;
	}


/* Main Elements */
	
#mainwrapper {
        position: relative;
        top: -18px;
	float: left;
     max-width: 1280 px;
	min-width:1024px;

		/* IE Hack (http://blog.unmatchedstyle.com/hacks/min-width-max-width-re-hacked)- Begin */
	width:expression(document.documentElement.clientWidth < 1160 ?
				"1024px":"1280px");
	/* IE Hack - End */
        height: 100%;
	padding: 10px 0 10px 0;
	margin: 0;
	background: #fff;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        background:#FFF url(images/main_shadow.gif) top repeat-x;
	}

#sidebar_left {
      float: left;
      width: 160px;
	margin: 0px 5px 0 8px;
	padding: 5px 0 0;
	}

#sidebar_right {   
     float: right;
     width: 160px;
	margin: 0px 8px;
	padding: 5px 0 0;
	}

#sidebar_top {
        width: 100%;
	}
	
.side {
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 0;
	}	
	
.side-widget {
	margin: 0 0 10px;
	padding: 0 10px 15px;
	background: url(images/bg-hatch.gif);
	border: 1px solid #ddd;
	}
	
	.side-widget ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

	.side-widget ul li {
		padding: 0;
		margin: 0;
		font-size: 13px;
		}
		
	.side-widget ul li {
		padding-left: 15px;
		margin: 2px 0;
		}
	
	.side-widget h2 {
		font-size: 14px;
		border-bottom: 1px solid #ddd;
		padding: 10px 0 5px;
		margin-top: 0;
		text-align: center;
		text-transform: uppercase;
		}
		
	.side-widget .storycontent {
		border-bottom: 1px solid #ddd;
		}
		
	.side-widget .noline {
		border-bottom: 0;
		}		

.side-widget2 {
       margin: 0 15px;
	padding: 0 10px 15px;
	background: url(images/bg-hatch.gif);
	border: 1px solid #ddd;
	}
	
	.side-widget2 ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

	.side-widget2 ul li {
		padding: 0;
		margin: 0;
		font-size: 13px;
		}
		
	.side-widget2 ul li {
		padding-left: 15px;
		margin: 2px 0;
		}
	
	.side-widget2 h2 {
		font-size: 14px;
		border-bottom: 1px solid #ddd;
		padding: 10px 0 5px;
		margin-top: 0;
		text-align: center;
		text-transform: uppercase;
		}
		
	.side-widget2 .storycontent {
		border-bottom: 1px solid #ddd;
		}
		
	.side-widget2 .noline {
		border-bottom: 0;
		}

.posts {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	}
	
	.posts h2 {
		margin: 10px 0 0;
		}
	
	.posts img {
		margin: 10px 10px 10px 0;
		float: left;
		}
		
.readmore {
     background: transparent url(images/bullet.gif) no-repeat 0 3px;
	color: #336699;
     padding: 0 0 0 10px;
	}
		
#footer {
	clear: both;
     position: relative;
     top: -18px;
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	border: 1px solid #999;
     background: #fff;
	}

/* Left Content Elements */

#leftcontent {
	float: left;
	margin: 0 10px;
	padding: 0;
	}

	#leftcontent h5 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		color: #cc0000;
		margin-bottom: 5px;
		font-size: 14px;
		}

	#leftcontent h1 {
		margin: 0;
		padding: 0;
		font-size: 24px;
		line-height: 26px;
		}

#leftcontent h1.catheader {
	margin-top: 3px;
	color: #cc0000;
	font-weight: normal;
	}
	
	#leftcontent .post h1, 
	#leftcontent .ind-post h1, 
	#leftcontent .twopost h1, 
	#leftcontent .threepost h1 {
		margin-top: 5px;
		font-size: 36px;
		font-family: Georgia, Times, serif;
		font-weight: normal;
		line-height: 38px;
		color: #222;
		}
		
	#leftcontent .twopost h1 {
		font-size: 26px;
		line-height: 28px;
		}
	
	#leftcontent .threepost h1 {
		font-size: 20px;
		line-height: 22px;
		}
	
	#leftcontent .postmetadata {
		clear: both;
		line-height: 14px;
		}
		
	#leftcontent .post .entry {
		font-size: 15px;
		line-height: 18px;
		}
		
	#leftcontent .date {
		margin-bottom: 5px;
		font-style: italic;
		color: #888;
		}
		
	#leftcontent .meta {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #444;
		}	
		
	#leftcontent .catdesc {
		background: #f7f7f7;
		border: 3px double #ddd;
		padding: 0 10px;
		color: #666;
		font-size: 13px;
		line-height: 15px;
		margin-bottom: 10px;
		}
		
/* This is your subtitle style */

#leftcontent p.sub {
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
	margin: 10px 0 0;
	}

/* This is your blockquote style */
	
#leftcontent blockquote {
	width: 250px;
	font-size: 24px;
	line-height: 26px;
	float: right;
	margin: 0 0 0 30px;
	padding: 0;
	font-style: italic;
	}
	
	#leftcontent blockquote p {
		padding: 0;
		margin: 0;
		}

.more-link {
	font-size: 11px;
	text-align: right;
	color: #336699;
	}


.tags a {
	color: #336699;
	}

	
.ind-post, .post {
	float: left;
	border-bottom: 1px solid #aaa;
	margin-bottom: 10px;
	padding-bottom: 10px;
     width: 100%;
}

	.ind-post img {
		margin: 0px 10px 5px 0;		
		}

#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 10px 0 0;
	background: url(images/line.png) repeat-y 50% 0;
	}

	#twocol img {
		margin: 0px 8px 5px 0;
		}
		
	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
		border-bottom: 1px solid #aaa;
		}
	
.mainhr {
	float: left;
	background: #aaa;
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
}	
	
.twopost {
	width: 46%;
	float: left;
	}	

	.twopost2, .twopost4 {
		margin-left: 7.5%;
		}
		
	.twopost3, .twopost4 {
		border-top: 1px solid #aaa;
		padding-top:5px;
		}
		
	.twopost1, .twopost3 {
		clear: left;
		}		
		
#threecol {
	float: left;
	background: url(images/line.png) repeat-y 31.5% 0;
	margin-top: 3px;
	}

#threecol2 {
	float: left;
	padding: 0;
	background: url(images/line.png) repeat-y 67% 0;
}

	#threecol img {
		margin: 0px 5px 5px 0;
		}

.threepost {
	width: 29%;
	float: left;
	border-top: 1px solid #aaa;
	padding-top: 10px;
	}

	.threepost2, .threepost5 {
		padding: 10px 0 0;
		margin: 0 6%;
		}
		
	.threepost1, .threepost2, .threepost3 {
		border-top: 0;
		}
		
	.threepost1, .threepost4 {
		clear: left;
		}
			
/* Other Elements */

.red, .entry a {
	color: #336699;
	}
	
#tagcloud {
	width: 400px;
	text-align: center;
	margin: auto;
	padding: 20px;
	}	
	
#tagcloud a {
	color: #cc0000;
	}

/* Comment Elements */

h3#comments {
	text-transform: none;
	padding-bottom: 5px;
	}

#postcomments {
	padding-top: 20px;
	}
			
			
	 h4#comments, #respond h3 { color:#333; font:normal 240% georgia,times,serif; margin:0 0 .1em; padding:0 0 .1em; }

	 #respond p { font-size:11px; margin:0 0 1em; }	

	 ol.commentlist { list-style:none; margin:0; padding:0; }

	 ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 80px; position:relative; }

	 ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }

	 ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }

	 ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }

	 ol.commentlist li div.vcard cite.fn a.url, .cancel-comment-reply a { color:#cc0000; text-decoration:none; }

	 ol.commentlist li div.vcard cite.fn a.url:hover, .cancel-comment-reply a:hover { color:#000; }

	 ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }

	 ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }

	 ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }

	 ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }

	 ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }

	 ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }

	 ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }

	 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

	 ol.commentlist li ul.children { margin:16px 20px 0 0; padding: 0 0 0 20px; list-style-image: url(images/commentarrow.png); }

	 ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }

	 ol.commentlist ul.children li.odd { background:#fff; }

	 ol.commentlist ul.children li.even { background:#f6f6f6; }

	 ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
			
.commentnumber {
		position: absolute;
		left: 7px;
		bottom: 3px;
		font-size: 14px;
		color: #ccc;
		}

/* WordPress Required Elements */

.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px auto;
}

.alignleft, div.alignleft {
   float: right;
   margin: 5px 15px 5px 0;
}

.alignright, div.alignright {
   float: right;
   margin: 5px 0 5px 15px;
}

.alignnone {
	margin: 5px 0;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#today {
	color: #cc0000;
	}

#wp-calendar {
	margin: auto;
	}

.feed {
         position: relative;
         top: -18px;
         float: right;
         z-index: 150;
	 font-size:10pt;
	 margin: 0 20px 0 0 ;
	 }

.feed a.rss {
         color:#ff4000;
	 padding: 0 0 0 25px;
	 background: transparent url(images/rss.gif) no-repeat 6px 0;
	 }

.feed a.burner {
         color:#0000FF;
         font-size:10pt;
	 padding: 0 0 0 25px;
	 background: transparent url(images/feedburner.jpg) no-repeat 4px 0;
	 }
.feed a.twitter {
         font-size:10pt;
         color:#09ac01;
	 padding: 0 0 0 35px;
	 background: transparent url(images/twitter.png) no-repeat 8px 0;
	 }

.extra   {
         position: relative;
         top: -18px;
         float: left;
         z-index: 150;
	 font-size:10pt;
         margin: 0 20px 0 0;
         }

.extra a.weather {
         font-size:10pt;
         color:#09ac01;
	 padding: 0 0 0 25px;
	 background: transparent url(images/sun.gif) no-repeat 6px 0;
	 }

.extra a.firefox {
         font-size:10pt;
         color:#518ce5;
	 padding: 0 0 0 35px;
	 background: transparent url(images/firefox.gif) no-repeat 8px 0;
	 }
.extra a.job {
         font-size:10pt;
         color:#ed8101;
	 padding: 0 0 0 35px;
	 background: transparent url(images/job.gif) no-repeat 8px 0;
	 }

.date {
	background: url(images/date.jpg) no-repeat;
	height: 40px;
        color: #FFFFFF;
	margin-bottom: 0px;
	width: 40px;
	text-align: center;
	margin-top: 15px;
}
.date .month {
	display: block;
	color: #FFFFFF;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
}

.date .day {
	display: block;
	color: #000000;
	font-size: 16px;
	padding-top: 0px;
	text-align: center;
	margin-top: 5px;
}

.byline  {
      margin: -16px 0 0 50px;
      padding-left: 20px;
      background: transparent url(images/user.gif) no-repeat 
}

.commentcount  {
      padding-left: 20px;
      padding-bottom: 10px;
      background: transparent url(images/comment.gif) no-repeat 
}

.tagline  {
     padding-left: 20px;
     padding-bottom: 4px;
     background: transparent url(images/tag-blue.gif) no-repeat
}

.blogline  {
     margin: -10px 0 20px 0;
     padding-left: 20px;
     background: transparent url(images/group.png) no-repeat
}
.latest  {
     margin: 0 0 -36px 50px;    
     color: #81ab1b;
     font-size: 16px;
     font-weight: bold;
}

.space {
     height: 350px;
}

.date2 {
	background: url(images/latest.gif) no-repeat;
	height: 40px;
        color: #FFFFFF;
	margin-bottom: 0px;
	width: 40px;
	text-align: center;
	margin-top: 15px;
}
.date2 .month {
	display: block;
	color: #000000;
	padding: 10px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
}

.date2 .day {
	display: block;
	color: #000000;
	font-size: 16px;
	padding-top: 0px;
	text-align: center;
	margin-top: -14px;
}

/* menu */

#menu-div {
     float: left;
	background: #ffffff;
	height: 32px;
     padding: 0 0 0 -30px;
     border: 1px solid #999;
     z-index:300;
}

#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	height: 32px;
     
}

#menu li {
	margin: 0;
	background: #ffffff;
	float: left;
	padding: 0;
}

#menu li a {
	background: transparent url(images/menu-li.png) no-repeat;
	display:block;
	color:#565C65;
	height:32px;
	line-height:32px;
	padding:0 20px;
	margin-left:-10px;
	text-decoration:none;
     z-index:1;
}

#menu li.current_page_item a {
	background: transparent url(images/current-li.png) no-repeat;
}

#menu li a:hover {
	background: transparent url(images/menu-li-hover.png) no-repeat;
}

#menu li a.home {
     margin-left: 0px;
	background: transparent url(images/home-li.png) no-repeat;
	width: 15px;
     
}

#menu li.current_page_item a.home {
	background: transparent url(images/home-li-current.png) no-repeat;
	width: 15px;
}

#menu li a.home:hover {
	background: transparent url(images/home-li-hover.png) no-repeat;
      
}

#menu li a.last:hover {
	background: transparent url(images/menu-li.png) no-repeat;
	cursor: default;
}


/* menu2 */

#menu2-div {
	position: relative;
     float: left;
	background: #ffffff;
	height: 20px;
     border-left: 1px solid #999;
     border-right: 1px solid #999;
     border-bottom: 1px solid #999;
     z-index:20;
}

#menu2 {
	list-style: none;
	margin: 0 0 0 300px;
	padding: 0;
	font-size: 10px;
	height: 20px;
     
}

#menu2 li {
     list-style: none;
	margin: 0;
	background: #ffffff;
	float: left;
	padding: 0;
}

#menu2 li a {
	background: transparent url(images/menu2-li.png) no-repeat;
	display:block;
	color:#565C65;
	height:20px;
	line-height:20px;
	padding:0 20px;
	margin-left:-10px;
	text-decoration:none;
     z-index:1;
}

#menu2 li.current_page_item a {
	background: transparent url(images/current2-li.png) no-repeat;
}

#menu2 li a:hover {
	background: transparent url(images/menu2-li-hover.png) no-repeat;
}

#menu2 li a.home {
     margin-left: 0px;
	background: transparent url(images/home2-li.png) no-repeat;
	width: 15px;
     
}

#menu2 li.current_page_item a.home {
	background: transparent url(images/home2-li-current.png) no-repeat;
	width: 15px;
}

#menu2 li a.home:hover {
	background: transparent url(images/home2-li-hover.png) no-repeat;
      
}

#menu2 li a.last:hover {
	background: transparent url(images/menu2-li.png) no-repeat;
	cursor: default;
}





/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #ddd;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: -12px;
 border: 1px solid #ddd;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #ddd;
}

ul.tabbernav li.tabberactive a
{
 background: transparent ;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #ddd;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:114px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#sidebox { 
width: 360px; 
float: right; 
}


/* navigation START */
#navigation {
	background:#FFF;
	border-bottom:1px solid #A6A6A6;
}

#menus {
      margin-left: -40px;
}

#menus li {
	display:inline;
	list-style:none;
      
}
#menus li a {
	background:transparent url(images/menu.gif) no-repeat;
	display:block;
	color:#382E1F;
	height:32px;
	line-height:32px;
	padding:0 20px;
     margin: -14px 0 0 -10px;
	text-decoration:none;
	font-size:11px;
	float:left;
	z-index:100;
}
#menus li a:hover, 
#menus li a.current {
	background-position:0 -31px;
}
#menus li.current_page_item a, 
#menus li.current-cat a {
	background-position:0 -62px;
}
#menus li a.home {
	background-position:0 -93px;
	width:45px;
	padding:0;
	margin-left:0;
	text-indent:-999em;
}
#menus li a.home:hover {
	background-position:0 -124px;
}
#menus li.current_page_item a.home {
	background-position:0 -155px;
}
#menus li a.lastmenu:hover {
	background-position:0 0;
	cursor:default;
}
#searchbox {
	background: url(images/searchbox.gif) no-repeat;
	width:140px;
	height:21px;
	display:block;
	float:right;
     margin-top:-10px;
	margin-right:10px !important;
	margin-right:5px;
	padding:3px 2px;
}
#searchbox .textfield {
	background:none;
	border:0px;
	width:120px;
	float:left;
	margin-right:2px;
	padding-left:2px;
}
#searchbox .button {
	background:none;
	border:0px;
	width:18px;
	height:18px;
	cursor:pointer;
	float:left;
	margin-top:1px;
}
#searchbox .searchtip {
	color:#999;
}
/* navigation END */

/* submenu START */
#menus li ul {
	display:none;
	background:#F4F5F7;
	border:solid #A6A6A6;
	border-width:1px 1px 0;
	line-height:0;
	position:absolute;
	z-index:200;
}
#menus li li {
	float:none;
	margin:0;
	padding:0;
	list-style:none;
}
#menus li li a {
	float:none;
	padding:7px 18px 7px 10px;
	text-decoration:none;
	border-bottom:1px solid #DDD;
	margin:0 0 0 -40px;
	background-image:none;
	height:auto;
	line-height:145%;
	color:#999;
	display:block;
	width:100px;
}
#menus li li a.last {
	border-color:#A6A6A6;
}
#menus li li a:hover, 
#menus li li a.current {
	background-color:#EDEFF0;
	color:#382E1F;
}
#menus li li a.subtitle, 
#menus li li a.subtitle:hover {
	background-image:url(images/arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}
/* submenu END */
