/*  
Theme Name: Limau Orange
Theme URI: http://www.blogohblog.com/
Description: Limau Orange is a 3 columns Wordpress theme. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like.
Version: 0.1
Author: Bob 
Author URI: http://www.blogohblog.com/
This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/

/* Patch from google below to verify site for webmaster tools */
<meta name="google-site-verification" content="p4D_UHmlccwHO1EZ4zEcP_fb28kbKrvUe__zubDrEOU" />

body { font-family:'Verdana'; font-size:12px; }
#wrap { width:960px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#444444; margin:0 auto; }
#header { height:168px; width:960px; position:relative; color:#000; margin-bottom:3px; float:left;padding:0; }
#header h1 { text-indent:-10000px; margin:0; padding:0; }
#header h1 a { display:block; background:url(images/grange2.gif) no-repeat left top; height:168px; }
#search { margin-top:30px; float:right; padding:0; display: none; }
input#searchsubmit { background:#fc6; border:2px solid #f93; color:#333; font-size:13px; }
a:hover { text-decoration:none; color:#555353; border:none; }

.contact.left { float:left; width:250px; margin:10px 0; padding:10px 0; background-color: transparent; z-index: 5; position: relative;}

.right { float:right; margin:10px 0 10px 0; padding:10px 0 10px 0; background-color: transparent; z-index: 5; position: relative;}

.middle { margin-top:0px; line-height:24px; margin-left:10px; float:left; width:460px; padding:10px; font-size:12px; text-align: justify; position: relative; z-index: 3; background-color: transparent; }

.middle h2 { font-size:16px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; }

.middle img { border:0;}
.middle p {z-index: 4;}


/*Shop opening times in blue box in right hand sidebar */
.right .times {background-color:#00267F; padding: 15px; line-height:150%; font-size:11px; font-weight: bold; color: white; z-index: 5; -moz-border-radius: 1em; border-radius: 1em;}
.right .times p { padding: 0; margin: 0; }


/*The two main images on the home page, fixed absolutely to the middle section, so don't budge with the content.  Left is -237 because it extends outside the middle section to the left, over the sidebar */
.img-left img {position: absolute; bottom: 0; left: -237px; z-index: -1; display: block;}
.img-right img {position: absolute; bottom: 0; left: 378px; z-index: -1; display: block;}


#post-7 h2 {display: none;}
.ads { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:490px; border:3px solid #f3f3f3; text-align:center; padding:10px; }
.ads img { border:0; text-align:center; }
img.wp-smiley { border:0; padding:0; }
#footer { width:980px; margin-top:20px; text-align:center; clear:both; padding:10px; }
div.hr { clear:both; }
div.br { clear:both; }
.alignright { float:right; } 
.alignleft { float:left; } 
.gcomment { border-left:none; vertical-align:middle; border-right:none; margin-bottom:3px;}
.ucomment { border-left:none; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#fbfbf1; padding:3px; } 
input#submit { background:#fc6; border:2px solid #f93; color:#fff; font-size:13px; }
ol.commentlist { margin:0 0 1px; padding:0; }
ol.commentlist li { list-style:none; margin:0; padding:13px 13px 1px; }
ol.commentlist li.commenthead { list-style:none; margin:0; } 
ol.commentlist li.commenthead h2 { margin:0; }
.addthis { float:right; clear:both; }
a:link,a:active,a:visited { text-decoration:none; color:#00267F; border:none; }
.left a:link,.left a:active,.left a:visited { text-decoration:none; color:white; border:none; }
.left h2,.comments h3 { font-size:16px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; }
.pagenav h2 {display: none;}

.left ul,.right ul { list-style-type:none; margin:10px 0 0 0; padding:0; line-height:150%; font-size:11px; font-weight: bold; colour: white; z-index: 4;}
.left ul li,.right ul li { list-style-type:none; margin:0; padding:0; }
.left ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.left ul li ul li,.right ul li ul li { list-style-type:none; background-color:#00267F; margin:0 10px 10px 0; padding: 5px 7px; width: 200px; position: relative; z-index: 4;}

.left ul li ul li span {background:transparent url(images/gradient-white-250.png) repeat-y top right; display:block; height:27px; position:absolute; width:100%; right: 0; top: 0;}
.left ul li ul li :hover { border-bottom:#ccc 1px solid;}

.right h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }
.right ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.right ul li,.right ul li { list-style-type:none; margin:0; padding:0; }
.right ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.right ul li ul li,.right ul li ul li { list-style-type:none; border:0; margin:0; padding:0 0 2px 0; }
.right ul li ul li :hover { border-bottom:#ccc 1px solid;}

div.hr hr,div.br br { display:none; }
.middle2,.middle3 { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:237px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; }
.middle2 h2,.middle3 h2 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; } 
.middle2 :hover,.middle3 :hover { background:#fafafa; }
.ucomment img,.addthis img { border:0; }
.entry p { padding-top: 0; margin-top: 0; }

/*left-sidebar images */
.left { float: left; margin-top: 10px; }

/*display should be set to none here: */
#fs-1 { display: none}
#fs-2 { display: none }
#fs-3 { display: none }
#fs-4 { display: none }
#pyo-1 { display: none }
#pyo-2 { display: none }
#pyo-3 { display: none }
#pyo-4 { display: none }
#ct-1 { display: none }
#ct-2 { display: none }

/*display should be set to block here. Block puts each image in its own cell, with a line break before and after, it doesn't add a border. (Inline would keep the cells without line breaks) */
.farm-shop #fs-1 { display: block; margin-top: 20px;}
.farm-shop #fs-2 { display: block; margin-top: 20px;}
.farm-shop #fs-3 { display: block; margin-top: 20px;}
.farm-shop #fs-4 { display: block; margin-top: 20px;}

.pick-your-own #pyo-1 { display: block; margin-top: 20px;}
.pick-your-own #pyo-2 { display: block; margin-top: 20px;}
.pick-your-own #pyo-3 { display: block; margin-top: 20px;}
.pick-your-own #pyo-4 { display: block; margin-top: 20px;}

.contact #ct-1 { display: block; margin-top: 20px;}
.contact #ct-2 { display: block; margin-top: 20px;}

.caption {font-family: 'Verdana'; font-size: 10px; font-style: italic; padding-top: 1px; margin-top: 0px;}

/*right-sidebar images - see left-sidebar images above for notes */
.right {float: right; margin-right: 0px; }

#r-fs-1 { display: none }
#r-fs-2 { display: none }
#r-fs-3 { display: none }
#r-fs-4 { display: none }
#r-pyo-1 { display: none }
#r-pyo-2 { display: none }
#r-ct-1 { display: none }
#r-ct-2 { display: none }

.farm-shop #r-fs-1 { display: block; margin-top: 20px;}
.farm-shop #r-fs-2 { display: block; margin-top: 20px;}
.farm-shop #r-fs-3 { display: block; margin-top: 20px;}
.farm-shop #r-fs-4 { display: block; margin-top: 20px;}

.pick-your-own #r-pyo-1 { display: block; margin-top: 20px;}
.pick-your-own #r-pyo-2 { display: block; margin-top: 20px;}

.contact #r-ct-1 { display: block; margin-top: 20px;}
.contact #r-ct-2 { display: block; margin-top: 20px;}