/*THEME NAME: MethlandDESCRIPTION: Modified Sandbox theme built specifically for the promotion of the book MethlandVERSION: 1.0AUTHOR: <a href="http://www.mneilsworld.com/">Michael Neil</a>AUTHOR URI:TAGS: methland, nick reding, bookModified sandbox theme original author information:=THEME URI: http://www.plaintxt.org/themes/sandbox/=DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists=VERSION: 1.6=AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>=AUTHOR URI:=TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer*//* Two-column with sidebar on left from the /examples/ folder  */@import url('styles/3c-b.css');html{height:100%;min-height:100%;width:100%;}body{height:100%;min-height:100%;width:100%;border:none;margin:0;background:#000000 url(images/body_bg.jpg) no-repeat top center;font-family:Helvetica, Arial, Verdana, sans-serif;}img{border:none;}#header{width:762px;background:url(images/header_bg.jpg) no-repeat;height:153px;}#wrapper{height:100%;min-height:100%;}#wrap{width:762px;position:relative;margin-left:-381px;left:50%;background:#ffffff url(images/content_bg.jpg) left repeat-y; min-height:100%;}#access{background:url(images/nav2_bg.jpg) right no-repeat;height:39px;font-weight:bold;}#content{font-size:13px;}div.entry-content p{text-indent:20px;}.entry-content{text-indent:20px; line-height:19px;padding-bottom:40px;}.entry-content p{margin:0;}/* blockquote is an override for paragraphs that don't require text-indent */.entry-content blockquote	{ margin:0; padding:0; border:none; }.entry-content blockquote p 	{ text-indent:0px; }li#meta-left{margin:0;}div#footer{height:17px;padding-top:3px;background:#000000;position:relative;margin-top:-20px; #padding-top:0px;#height:20px;}h1.page_offset_header{position:relative;margin-left:-200px;margin-top:-20px;letter-spacing:-1px;font-size:24px;font-weight:300;}/** No more dotted borders in Firefox! **/input:active, a:active{outline: none;}input:focus, a:focus{-moz-outline-style: none;}/* Just some example content */div.skip-link {position:absolute;right:1em;top:1em;}.menu {height:1.5em;padding:0px 0 0 240px;text-transform:uppercase;width:745px; position:relative; z-index:100;}/* hack to correct IE5.5 faulty box model */* html .menu {width:746px; w\idth:745px;}/* remove all the bullets, borders and padding from the default list styling */.menu ul {padding:0;margin:0;list-style-type:none;}.menu ul ul {width:149px;}/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */.menu li {float:left;position:relative;}/* style the links for the top level */.menu a, .menu a:visited {line-height:29px; padding:0 5px;display:block;margin-right:1em;text-decoration:none;color:#621119;font-size:13px;}/* a hack so that IE5.5 faulty box model is corrected */* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}/* style the second level background */.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}/* style the second level hover */.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}/* style the third level background */.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}/* style the third level hover */.menu ul ul ul a:hover {background:#b2ab9b;}/* hide the sub levels and give them a positon absolute so that they take up no room */.menu ul ul {visibility:hidden;position:absolute;top:25px;left:0; width:149px;z-index:150;}.menu ul ul li{background:url(images/menu_trans_bg.png) repeat top left; }/* another hack for IE5.5 */* html .menu ul ul {top:30px;t\op:31px;}/* position the third level flyout menu */.menu ul ul ul{left:149px; top:-1px; width:149px;}/* position the third level flyout menu for a left flyout */.menu ul ul ul.left {left:-149px;}/* style the table so that it takes no ppart in the layout - required for IE to work */.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}/* style the second level links */.menu ul ul a, .menu ul ul a:visited {background:none; color:#621119; line-height:1em; padding:5px 10px; width:128px;font-size:12px;margin-right:0;}/* yet another hack for IE5.5 */* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}/* style the top level hover */.menu a:hover, .menu ul ul a:hover{color:#000;}.menu :hover > a, .menu ul ul :hover > a {color:#000;}/* make the second level visible when hover on first level list OR link */.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; }/* keep the third level hidden when you hover on first level list OR link */.menu ul :hover ul ul{visibility:hidden;}/* make the third level visible when you hover over second level list OR link */.menu ul :hover ul :hover ul{ visibility:visible;}/* ================================================================    This CSS is further CSS I have created specifically for Wordpress   so that the current page is highlighted in two levels.   If you want it in three levels let me know.   Author: Isaac Rowntree   Website: www.zackdesign.biz=================================================================== */.menu ul ul .current_page_item a {  color: red;  background: white;  border-left: 1px solid black;}.menu .current_page_item a {  color: 000000;  font-weight: bold;}.menu ul .current_page_item ul a {  color: white;  font-weight: normal;  background: black;}.menu ul .current_page_item ul a:hover {  background: gray;}.menu .current_page_item a:hover {  background: white;}div#menu {height:1.5em;padding:7px 0 0 300px;text-transform:uppercase;}div#menu ul,div#menu ul ul {line-height:1;list-style:none;margin:0;padding:0;}div#menu ul a {padding:0 5px;display:block;margin-right:1em;text-decoration:none;color:#621119;font-size:13px;}div#menu ul a:hover {color:#000000;}div#menu ul li.current_page_item a{color:#000000;}div#menu ul ul ul a {font-style:italic;}div#menu ul li ul {left:-999em;position:absolute;}div#menu ul li:hover ul {left:auto;}.entry-title,.entry-meta {clear:both;}div#container,div#primary {margin-top:2em;}form#commentform .form-label {margin:1em 0 0;}form#commentform span.required {background:#fff;color:#c30;}form#commentform,form#commentform p {padding:0;}input#author,input#email,input#url,textarea#comment {padding:0.2em;}div.comments ol li {margin:0 0 3.5em;}textarea#comment {height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}.alignright,img.alignright{float:right;margin:1em 0 0 1em;}.alignleft,img.alignleft{float:left;margin:1em 1em 0 0;}.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}div.gallery {clear:both;height:180px;margin:1em 0;width:100%;}p.wp-caption-text{font-style:italic;}div.gallery dl{margin:1em auto;overflow:hidden;text-align:center;}div.gallery dl.gallery-columns-1 {width:100%;}div.gallery dl.gallery-columns-2 {width:49%;}div.gallery dl.gallery-columns-3 {width:33%;}div.gallery dl.gallery-columns-4 {width:24%;}div.gallery dl.gallery-columns-5 {width:19%;}div#nav-above {margin-bottom:1em;}div#nav-below {margin-top:1em;}div#nav-images {height:150px;margin:1em 0;}div.navigation {height:1.25em;}div.navigation div.nav-next {float:right;text-align:right;}div.sidebar h3 {font-size:1.2em;}div.sidebar input#s {width:7em;}div.sidebar li {list-style:none;margin:0 0 2em;}div.sidebar li form {margin:0.2em 0 0;padding:0;}div.sidebar ul ul {margin:0 0 0 1em;}div.sidebar ul ul li {list-style:disc;margin:0;}div.sidebar ul ul ul {margin:0 0 0 0.5em;}div.sidebar ul ul ul li {list-style:circle;}div#menu ul li,div.gallery dl,div.navigation div.nav-previous {float:left;}div#header,div#footer {text-align:center;}input#author,input#email,input#url,div.navigation div {width:50%;}div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {margin:0;padding:0;}/* 	prop added 	stying to the right column */li#meta-right		{  }li#meta-right a		{ color:#000000; text-decoration:underline; font-size:12px; font-weight:bold; }