/*  
Theme Name: Museum of East Anglian Life
Theme URI: http://www.eastanglianlife.org.uk/
Description: 
Version: 1.0 20080430
Author: Karl Dawson
Author URI: http://www.singlecelldesign.com/

*/

/* Reset browser defaults ---------------- */
/* Meyer Reset v1.0 | 20080212. Removed outline, ins and del styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}

/* Typography ----------------------------- */
body{font:12px/1.5 Arial,Helvetica,Verdana,sans-serif;}
#page{font-size:1em;}
h1,h2,h3,h4,.flickrbadge a.flickrlink{font-family:Constantia,"Trebuchet MS",Georgia,"Times New Roman",serif;}
h1,/*.post*/ h2{margin:0 6px 1em 6px;font-size:1.5em;line-height:1;font-weight:700;}
/*h2{margin:0 6px 1.125em 6px;font-size:1.3333em;line-height:1.125;font-weight:700;}*/
#intro h2{margin:0 6px 1em 6px;font-size:2.67em;line-height:1;font-weight:700;}
h3,h4,dt{margin:0 6px 1.2857em 6px;font-size:1.1666em;line-height:1.2857;font-weight:700;}
p,ul,ol,address,.postNavigation,cite,.commentmetadata,blockquote,dd
{margin:0 6px 1.5em 6px;font-size:1em;line-height:1.5;}
table{font-size:inherit;font-size:100%;}
select,input,textarea{font:99% arial,helvetica,sans-serif;}
.amp{font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif; font-size:1.0769em;line-height:1;font-style:italic;}
#tmplPage .entry p+p{text-indent:1em;}
.entry p.continue{text-indent:0;}
em{font-style:italic;}

/* Misc elements and general styles ------- */
.imgLeft,.alignleft{float:left;margin:0 1em .75em 6px;}
.imgRight,.alignright{float:right;margin:0 6px .75em 1em;}
.box img{margin-left:6px;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}
.post ul li,#help ul li{padding-left:20px;background:url(images/bullet_black.png) no-repeat 0 0;color:#333;}
.post ol li{margin-left:20px;list-style:decimal;}
table{margin:0 10px 1.5em;width:60%;border:1px solid #000;}
td,th{padding:0.2em;vertical-align:top;}
th{background-color:#bcd4ec;color:#000;}
thead th{border-bottom:1px solid #333;}
td{background-color:#fff;color:#000;}
tr.alt td{background-color:#ecf6fc;color:#000;}
tr.over td{background-color:#bcd4ec;color:#000;}
a{text-decoration:none;}
a:hover,a:focus{background:#fff;color:#000;text-decoration:underline;}
a:active{background:#fff;color:#000;text-decoration:underline;}
.commentlist .alt, #content .commentlist .alt a{background-color:#eff6ff;}

/* Layout --------------------------------- */
body{text-align:center;background:#fff url(images/body_bg.gif) top left repeat-x;color:#333;}
#header{position:relative;}
#page{margin:1.5em auto 0 auto;text-align:left;background:#fff;color:#333;}
#footer{clear:both;background:#fff url(images/grass_tile.jpg) bottom left repeat-x;color:#333;height:6em;}

/* Fluid Layout --------------------------- */
#page{width:95%;max-width:1200px;min-width:760px;/*border:1px solid #dbeebe;*/}
#content{float:left;margin:0 10px;width:56%;background:#fff;}
#secContent{float:right;margin:0 10px;width:38%;}
.twoCols #content{width:70%;}
.twoCols #secContent{width:20%;}
.sidebar{float:right;width:45%;}
.sidebar.first{clear:both;float:left;margin-right:20px;}
#secContent .sidebar.wide{float:left;margin:0;width:100%;}

/* Boxes */
#secContent .box{background:#fff url(../meal/images/box_bg.gif) top left repeat-x;color:#333;overflow:hidden;}
#secContent .box h2{margin:0;padding:6px 8px 4px 6px;}
#secContent .box ul{padding-bottom:1.5em;}
#upcoming.box,#facebook.box{margin-bottom:1.5em;background:#7fb3e1 url(images/grad_bg_blue.gif) top left repeat-x;color:#fff;}
#twitter{clear:both;}
#twitter object{margin-left:10px;}

/* Header --------------------------------- */
#headerimg{margin:0;width:100%;height:200px;overflow:hidden;}
#headerimg h1{position:relative;margin:0;padding:0;background:#444;color:#fff;}
#headerimg h1 span,#headerimg h1 a span
{z-index:4;display:block;position:absolute;top:0;left:0;width:100%;height:200px;background:transparent url(images/museum_of_east_anglian_life.jpg) no-repeat top left;}
#headerimg h1 small{font-size:70%;}
#headerimg h1 a{display:block;position:absolute;width:100%;height:200px;background:#444;color:#fff;cursor:pointer;text-decoration:none;}
#headerimg h1 a:hover,#headerimg h1 a:focus,#headerimg h1 a:active{text-decoration:underline;}
#headerimg h1 a:hover span,#headerimg h1 a:focus span,#headerimg h1 a:active span{background-position:0 -200px;}

/* Site search */
#siteSearch{position:absolute;z-index:10;bottom:35px;right:0;background-image:url(images/transparent.png);color:#fff;}
#searchform{margin:-3em 6px 0 6px;padding:1.5em 0;}
#siteSearch h2{padding:6px 0 4px 0;background:transparent;}
#searchform label{position:absolute;top:-9999px;left:-9999px;}
#searchsubmit{background:#000;color:#fff;}

/* Navigation ----------------------------- */
#navigation{margin:0 0 1.5em 0;padding-top:.5em;width:100%;height:2.5em;background:#2f2f2f;color:#fff;border-top:1px solid #000;}
.sf-menu, .sf-menu *{margin:0;padding:0;}
.sf-menu{line-height:1.0;}
.sf-menu ul{position:absolute;top:-999em;width:10em;/* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}
.sf-menu li{float:left;position:relative;z-index:99;}
.sf-menu a{display:block;position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{top:2.5em; /* match top ul list item height */left:0;z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{top:0;left:10em;/* match ul width */}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{top:0;left:10em;/* match ul width */}

/* colour scheme */
.sf-menu{float:left;margin-top:0;font-weight:700;}
.sf-menu a,.sf-menu .home{padding:.2em .5em;text-decoration:none;}
.sf-menu a, .sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#fff;}
.sf-menu li{background:#2f2f2f;color:#fff;}
.sf-menu li li{background:#2f2f2f;color:#fff;border-top:1px solid #444;}
.sf-menu li li li{background:#2f2f2f;color:#fff;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0;background:#2f2f2f;color:#acfdee;}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{text-decoration:underline;}

/* shadows for all but IE6 */
.sf-shadow ul{padding:0 8px 9px 0;background:url(images/shadow.png) no-repeat bottom right;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;}
.sf-shadow ul.sf-shadow-off{background:transparent;}

/* prev / next results */
div.navigation{display:block;float:left;margin:1.5em 0;text-align:center;}

/* Main content --------------------------- */
.searchResults{margin-bottom:0.75em;border-bottom:1px solid #c9c9c9;}
.twoCols #content a{background:#fff;color:#3b5998;text-decoration:none;}
.twoCols #content h3 a:visited{padding-right:18px;background:#fff url(images/sprite-icons.gif) no-repeat 100% -582px;color:#3b5998;}
.twoCols #content a:hover,.twoCols #content a:focus{text-decoration:underline;}
.twoCols #content a:active{text-decoration:underline;}
#events{float:left;width:48%;}
#activities{float:right;width:48%;}
#events h4,#activities h4{border-top:1px solid #c9c9c9;}
#updates{clear:both;}

/* Home page news */
#featured, .panel{width:100% !important;}
.latestPost-bg{position:relative;margin:0 0 6px 6px;height:280px;background:#444 url(http://www.eastanglianlife.org.uk/wp-content/uploads/news-image.jpg) no-repeat 0 0;color:#fff;border:2px solid #000;}
.postdate{display:inline;padding:10px;background:#000;color:#fff;border:1px solid #444;}

.postTitle{position:absolute;bottom:0;left:0;width:100%;padding:4px 0;}
.postTitle h3{margin:6px;font-size:2.67em;line-height:1;}

.postTitle h3 a{display:block;padding-left:6px;background:#000;color:#acfdee;text-decoration:none;}
.postTitle h3 a:hover,.postTitle h3 a:focus{background:#000;color:#fff;text-decoration:underline;}
.postTitle h3 a:active{background:#000;color:#fff;text-decoration:underline;}


#previously{float:left;margin-top:2em;width:48%;}
#previously h3{background:#fff;color:#000;}
#previously a{color:#000;text-decoration:none;}
#previously a:hover,#previously a:focus{text-decoration:underline;}
#previously a:active{text-decoration:underline;}

#previously p a{color:blue;}

#visiting{float:right;margin-top:2em;width:48%;background:#fff url(images/box_bg.gif) top left repeat-x;;color:#333;overflow:hidden;}
#map{margin-left:6px;width:100%;height:300px;}

/* Pages */
.post{clear:both;}
#photoColumn{float:right;margin:-1.5em 0 1.5em 1em;width:200px;}
.photo{float:left;/*position:relative;*/margin:0 1em 1.5em 0;width:180px;/*height:130px;*/}
.photo img{padding:4px;background:#fff;border:solid 1px #ccc;}
/*.photo span{display:block;position:absolute;top:13px;left:-5px;width:189px;height:137px;background:url(images/cut-corner.png) no-repeat;}
.photo a span{cursor:hand;}*/

/* Secondary content ---------------------- */
/* keystage */
#keystage.box{margin-bottom:1.5em;background:#444 url(images/grad_bg_blue.gif) top left repeat-x;color:#fff;text-align:center;}
#keystage a{background:transparent;color:#fff;text-decoration:none;border-bottom:1px solid #fff;}
#keystage a:hover,#keystage a:focus{background:transparent;color:#000;border-bottom:1px solid #000;}
#keystage a:active{background:transparent;color:#000;border-bottom:1px solid #000;}
#keystage img, #hlf img{border:1px solid #333;}
#director{padding-bottom:1.5em;}
#director img, #happy img{display:block;margin:auto;}

/* Flickr badge */
#flickr_badge.box{margin-bottom:1.5em;}
#flickr_www{background:#fff;color:#333;text-decoration:none;}
#flickr_www strong{background:#fff;color:#3993ff;}
#flickr_www span{background:#fff;color:#ff1c92;}
#flickr_badge_wrapper div{float:left;margin-right:5px;}
#flickr_badge_source{clear:both;width:100%;margin-top:1.5em;}

/* Upcoming */
.upb_events{margin-left:1em;}
.upb_date{font-weight:bold;background:transparent;color:#000;}
.upb_event{margin-bottom:0.75em;}
span.upb_venue{position:absolute;top:-9999px;left:-9999px;}
#upcoming a{background:transparent;color:#fff;}
#upcoming a:hover,#upcoming a:focus{background:#3b5998;color:#fff;}
#upcoming a:active{background:#3b5998;color:#fff;}

/* Twitter */
#twitter li{padding-bottom:.5em;border-bottom:1px dotted #D7CFB8;}

/* See also */
#related li{padding:0.4em 0;border-bottom:1px dotted #aaa;}
#related a{display:block;width:100%;background:transparent;color:#333;text-decoration:none;}
#related a:hover,#related a:focus{background:#3b5998;color:#fff;}
#related a:active{background:#3b5998;color:#fff;}

/* Footer content */
#footer p{margin-left:10px;}

/* thickbox specific link and font settings */
#TB_window{font:1em Arial, Helvetica, sans-serif;color:#000;}
#TB_secondLine{font:1em Arial, Helvetica, sans-serif;color:#333;}
#TB_window a:link{color:#666;}
#TB_window a:visited{color:#666;}
#TB_window a:hover{color:#000;}
#TB_window a:active{color:#666;}
#TB_window a:focus{color:#666;}

/* thickbox settings */
#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;}
.TB_overlayMacFFBGHack{background:url(images/macFFBgHack.png) repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
#TB_window{position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;}
#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;height:100%;width:100%;}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}