/*
Theme Name: Wasabi
Theme URI: http://www.wasabitravel.com/
Description: The static Wasabi site
Version: 1.0
Author: Pete Usborne
Author URI: http://www.buzzgraphics.co.uk
*/


/* 1.0 - BODY DEFAULTS
---------------------------------------------------------------------- */

body { background:url(http://www.wasabitravel.co.uk/gfx/iceclouds_large.jpg) top no-repeat #111; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
a { text-decoration:none; outline:none; } /* Only retards need their links outlined.  You're not a retard, are you? Well then */
.content { width:980px; margin:0px auto;  }


/* 1.1 - HEADER & FOOTER
---------------------------------------------------------------------- */

#header { float:left; width:950px; margin:0 0 30px 30px; background:url(gfx/blogTop.png) bottom left no-repeat; }
ul#nav { float:left; width:980px; list-style:none; padding:0; margin:79px 0 100px 0; }
ul#nav li { float:left; padding:20px 0 0 0; margin:0 20px 0 0; font-weight:bold; font-size:12px; }
ul#nav li a { float:left; padding:0; color:#d7d5d5; text-decoration:none; }
ul#nav li a:hover { color:#fff; }
ul#nav li.active a { color:#0099cc; }
ul#nav li.active a:hover { color:#87c80a; }
ul#nav li#logo { padding:0; margin:0 189px 0 30px; }
ul#nav li#logo.holding { margin-left:420px; }
ul#nav li#logo h1 { padding:0; margin:0; width:129px; height:32px; background:url(gfx/wasabi_logo.png) left center no-repeat; text-indent:-9000px; overflow:hidden; }
ul#nav li#logo h1 a { float:left; width:129px; height:32px; padding:0; }
ul#nav li#rss { float:right; margin:0 17px 0 0; }
ul#nav li#rss a { padding:0 18px 0 0; background:url(gfx/rssIcon.png) right center no-repeat; }

#footer { clear: both; float: left; display: inline; height: 330px; position: relative; width:920px; margin:0 0 0 30px; font-size:12px; }
#footer #footer_anchor { clear: both; bottom: 0; left: 0; float: left; display: inline; height: 140px; padding:30px 30px 30px 0; position: absolute; width: 890px; border-top:1px solid #292929;}	
#footer dl.footer-links a { text-decoration:none; }
#footer dl.footer-links dt a { color:#808a97; font-weight:bold; }
#footer dl.footer-links dt a:hover { color:#fff; }
#footer dd { margin:0; }
#footer dl.footer-links dd a { color:#565f63; }
#footer dl.footer-links dd a:hover { color:#808a97; }
#footer #footer_anchor .footer-links { float: left; }
#footer #footer_anchor .footer-links dt, #footer #footer_anchor .footer-links dd { clear: both; float: left; width:183px;}
#footer #footer_anchor .footer-links dt { padding-bottom: 20px;}
#footer #footer_anchor .footer-links dd { padding-bottom: 8px;}
#footer #footer_anchor #copywright { background: url(gfx/dubya.gif) no-repeat right top; top: 75px; right: 0px; padding-top: 40px; position: absolute; color:#565f63;}

#postNav { float:right; width:565px; margin:0 67px 10px 0; }
#postNav a { float:left; background:#1f1f1f; padding:20px 15px 20px 15px; font-size:12px; color:#0099cc; font-weight:bold; margin:0 10px 0 0; }
#postNav a:hover { color:#fff; background:#262626; }


/* 2.0 - SIDEBAR
---------------------------------------------------------------------- */

#sidebar { float:left; width:191px; font-family:Helvetica, Arial, sans-serif; }
#sidebar ul#categories { float:left; width:191px; list-style:none; padding:0 0 30px 0; margin:0 0 0 30px; border-bottom:3px solid #253642; }
#sidebar ul#categories li { float:left; width:191px; margin:0 0 5px 0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#808a97; font-weight:bold; }
#sidebar ul#categories li a { font-size:17px; color:#fff; }
#sidebar ul#categories li a:hover { color:#0099cc; }

#sidebar ul#archives { float:left; width:191px; list-style:none; padding:0 0 30px 0; margin:30px 0 0 30px; border-bottom:3px solid #253642; text-transform:lowercase; }
#sidebar ul#archives li { float:left; width:191px; margin:0 0 4px 0; padding:0; font-family:Helvetica, Arial, sans-serif; }
#sidebar ul#archives li a { color:#808a97; font-size:14px; font-weight:bold; }
#sidebar ul#archives li a:hover { color:#fff; }

#sidebar a#fbLink { float:left; width:151px; background:url(gfx/facebook.gif) left center no-repeat; margin:30px 0 0 30px; height:30px; line-height:30px; padding:0 0 0 40px; font-size:13px; color:#fff; font-weight:bold; }
#sidebar a:hover#fbLink { color:#0099cc; }
#sidebar a#twitterLink { float:left; width:151px; margin:-20px 0 0 30px; font-size:13px; color:#fff; font-weight:bold; }
#sidebar a#twitterLink strong { color:#808a97; }
#sidebar a:hover#twitterLink strong { color:#fff; } 
#sidebar #twitterStatus { float:left; width:206px; background:url(gfx/twitterTop.gif) top center no-repeat #2b2c2f; margin:20px 0 0 15px; }
#sidebar #twitterStatus p { float:left; width:176px; margin:15px 0 0 0; padding:0 15px 53px 15px; background:url(gfx/bird.gif) bottom center no-repeat; }
#sidebar #twitterStatus p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#808a97; line-height:16px; }
#sidebar #twitterStatus p a { color:#0099cc; } #sidebar #twitterStatus p a:hover { color:#fff; }


/* 3.0 - MAIN AREA
---------------------------------------------------------------------- */

ul#mainArea li#subscribe h2.postTitle { margin-bottom:20px; }
ul#mainArea li#subscribe p { margin-bottom:20px; }
li#subscribe #subForm { float:left; width:460px; margin:2px 0 30px 0; }
li#subscribe #subForm input { float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; border:none; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:10px; margin:0; }
li#subscribe #subForm input.inBox { width:336px; background:#fff; color:#999; }
li#subscribe #subForm input.focused, #subscribe #subForm input.changed { color:#333; }
li#subscribe #subForm input.subButton { background:#0099cc; color:#fff; margin:0 0 0 15px; text-shadow:1px 1px #0065a9; cursor:pointer; }
li#subscribe #subForm input.subButton:focus { background:#096996; }


ul#mainArea { float:left; width:676px; margin:0 0 0 113px; padding:0; list-style:none; }
ul#mainArea li { float:left; width:632px; margin:0 0 60px 44px; position:relative; background:url(gfx/liBottom.gif) bottom left no-repeat; }
ul#mainArea.post li { margin:0 0 30px 44px; }
ul#mainArea li .commentCount a { float:left; position:absolute; top:5px; left:-44px; width:29px; height:33px; background:url(gfx/commentCount.gif) center top no-repeat; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; font-weight:bold; text-shadow: 1px 1px 0px #1f69b3; padding:6px 0 0 0; }
ul#mainArea li .olderPosts a { float:left; position:absolute; top:40px; left:-44px; width:29px; height:23px; background:url(gfx/bezier.gif) center top no-repeat; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#0099cc; font-weight:bold; padding:6px 0 0 0; text-indent:-9000px; }
ul#mainArea li h2.postTitle { float:left; width:530px; font-family:Helvetica, Arial, sans-serif; font-size:21px; color:#fff; font-weight:bold; margin:0; padding:0; text-shadow: 1px 1px 0px #111; }
ul#mainArea li h2.postTitle a { color:#0099cc; text-transform:lowercase; }
ul#mainArea li h2.postTitle a:hover { color:#87c80a!important; }
ul#mainArea.post li h2.postTitle a { color:#87c80a }
ul#mainArea li DIV.meta { float:left; width:530px; margin:3px 0 35px 0; font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#808a97; font-weight:bold; }
ul#mainArea li DIV.meta a { color:#fff; }
ul#mainArea li h2.postTitle a:hover,ul#mainArea li DIV.meta a:hover { color:#0099cc; }
ul#mainArea li p { float:left; width:530px; margin:0 0 35px 0; padding:0; }
ul#mainArea li p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#808a97; line-height:20px; }
ul#mainArea li p a { color:#0099cc; } ul#mainArea li p a:hover { color:#fff; }
ul#mainArea img, ul#mainArea p img { margin:0 0 35px 0; }
ul#mainArea a img { border:none; outline:none; }
ul#mainArea br { margin:0 0 30px 0; }

	  /* 3.1 - GENERAL POST STYLING (The basics, to stop the client dicking around too much)
	  ---------------------------------------------------------------------------------------- */
	  
	  ul#mainArea li h2,h3,h4,h5 { float:left; width:100%; clear:both; color:#fff; margin:0 0 20px 0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:13px; }
	  ul#mainArea li ul,ol { float:left; width:530px; color:#fff; margin:0 0 35px 0; padding:0; }
	  ul#mainArea li ul { list-style:disc; }
	  ul#mainArea li ul li,ul#mainArea li ol li { width:480px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#808a97; line-height:20px; margin:0 0 0 50px!important; padding:0; background:none; }
	  ul#mainArea li ul,ul#mainArea li ol li a { color:#0099cc; } ul#mainArea li ul,ul#mainArea li ol li a:hover { color:#fff; }
	  ul#mainArea li blockquote { float:left; width:530px; margin:0 0 35px 0; padding:0; background:url(gfx/quotation.gif) top left no-repeat; background-position:0 5px;  }
	  ul#mainArea li blockquote p { float:left; width:430px; margin:0 100px 0 50px; color:#fff; font-weight:bold; font-size:13px; }



/* 4 - POST.PHP
---------------------------------------------------------------------- */

ul#mainArea.post li h3.unqHeading { font-size:15px; color:#fff; margin:0 0 20px 0; }


	  /* 4.1 - ADD COMMENT
	  ---------------------------------------------------------------------- */
	  
	  ul#mainArea.post li #addComment { float:left; width:535px; background:#1f1f1f; margin:0 0 33px 0; padding:15px; }
	  ul#mainArea.post li #addComment input, .commentBox { float:left; width:240px; border:none; background:white; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#999; padding:11px; margin:0 0 10px 0; }
	  ul#mainArea.post li #addComment input, .commentBox { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-radius:3px; }
	  ul#mainArea.post li #addComment input.inputRight { margin-left:10px; }
	  ul#mainArea.post li #addComment input.inputWide, .commentBox { width:512px; }
	  ul#mainArea.post li #addComment .button { width:114px; height:39px; background:none; padding:0; margin:0; }
	  ul#mainArea.post li #addComment .focus { color:#000; } ul#mainArea.post li #addComment .changed { color:#777; }
	  
	  /* 4.2 - LIST COMMENTS
	  ---------------------------------------------------------------------- */
	  
	  ul#mainArea.post li #listComments { float:left; width:565px; padding:0; margin:0 0 15px 0; }
	  ul#mainArea.post li #listComments .moderating { color:#87c80a; font-size:12px; text-align:right; }
	  ul#mainArea.post li #listComments p { float:left; width:505px; padding:30px 30px 35px 30px; background:url(gfx/pointerBot.gif) bottom repeat-x #212123; font-size:13px; line-height:20px; color:#fff; margin:0; }
	  ul#mainArea.post li #listComments .authorDetail { float:left; text-align:right; width:565px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808a97; font-weight:bold; margin:10px 0 25px 0; }
	  ul#mainArea.post li #listComments .authorDetail .author { color:#fff; font-size:12px; }
	  ul#mainArea.post li #listComments .authorDetail .author a { color:#0099cc; } ul#mainArea.post li #listComments .authorDetail .author a:hover { color:#fff; }
	  
	  
	  
/* 5 - GALLERY
---------------------------------------------------------------------- */


#gallery-1 dt { padding:0; margin:0 20px 0 0; }
#gallery-1 img { padding:0; margin:0; }
#gallery-1 dt a { padding:0; margin:0; }
#gallery-1 .gallery-item { width:auto!important; margin:0!important; }