/*
Theme Name: LightHouse Blog Theme
Theme URI: http://lighthouse-sf.org/blog/
Description: Custom child theme based on Sandbox 1.6.1. The Sandbox theme must be installed for this theme to work. http://www.plaintxt.org/themes/sandbox/
Author: TrendMedia
Author URI: http://trendmedia.com/
Template: sandbox
Version: 0.1
*/

/* =Global Styles
------------------------------------------------------------------*/
.clear { clear: both; }
.hidden { float:left; margin-left: -2000em; }
img { border: none; }
.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; }
a:link, a:visited { color: #333; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
body { text-align:center; min-width: 75.5em; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; background-image: url(http://lighthouse-sf.org/images/template_images/background.gif); background-repeat: repeat; font-size: 62.5%; color: #333; margin:0; }
#wrapper { background-color: #fff; position:relative; width: 75.5em; text-align:left; margin: 0 auto 0 auto; background: url(/images/template_images/content-bg.gif) repeat-y 63% 0; }
/* =Header
------------------------------------------------------------------*/
#header { height:15.0em; background-color: #ffce3c; }
#header img#logo { position: absolute; top: 2.4em; left: 2.6em; width: 29.4em; height: 6.9em; border: none; }
div#skipLinks { float:left; margin-left: -2000em; }
/* =Main Nav
----------------*/
#mainNav { background-color: #fff; color:#000; position:absolute; top:11.6em; left:0; height:3.2em; width: 75.5em; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #fff; border-bottom-color: #fff; background-image: url(/images/template_images/nav-fill-bg.gif); background-repeat: no-repeat; background-position: right; }
#mainNav ul#udm li a.top { /*kludge: fix nav display in blog*/ height: 1em; padding-top: 7px; padding-bottom: 9px; }
/* =Search (main site search)
----------------*/
#search { position: absolute; top: 7.4em; left: 52.4em; width: 34.9em; text-align:right; }
input#query { float:left; font-size: 100%; }
#searchButton { font-size: 100%; height:2.1em; width: 7.1em; float:left; margin: 0 0 0 4px; }
#search form { margin: 0; }
#search input#query { width:14em; height: 1.5em; }
#search .button { /*Note: button styling is not supported in Safari.*/ background-color: transparent; border: 0; padding: 0; }
#search label { float: left; margin: -2000em; }
/* =Utility Nav
----------------*/
#utilityNav { background-color: #fff; color:#666; padding: 0 7px 0 15px; position:absolute; top:0px; right:0px; height:2.275em; width: 28.5em; font-size: 1.1em; text-align:right; }
#utilityNav a:link, #utilityNav a:visited { color: #666; text-decoration: none; }
img.fontSize { vertical-align: -.75em; margin: 0 0 0 0; }
#fontSizeLast { margin: 0 1.5em 0 0; }
#utilityNav img { border: none; }
img.increase { width: 1.786em; height: 2.232em; }
img.decrease { width: 2.05em; height: 2.232em; }
img.contrast { width: 1.96em; height: 2.232em; }
/* =Breadcrumb
----------------*/
#breadcrumb { font-size:1.0em; color: #333; height: 3.2em; background-color: #fff; padding: 0.1em 20px 0 20px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; }
#breadcrumb a:link, #breadcrumb a:visited { color: #666; text-decoration: none; /*background-color:#fff;*/ }
#breadcrumb a:hover { color: #666; text-decoration: underline; /*background-color:#fff;*/ }
/* =Content Area
------------------------------------------------------------------*/
div#container { /*float:left; margin:0 -200px 0 0; width: 75.3em;*/  /*background-color: #ccc; */ zoom:1; /*move zoom to IE6 stylesheet */ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #ccc; border-left-color: #ccc; }
div#content { /*margin:0 200px 0 0;*/ float: left; margin: 0; padding: 20px; width: 33.4em; border-top-width: 1px; border-top-style: solid; border-top-color: #e5e5e5; font-size: 1.3em; line-height: 1.5em; /*background-color:#FF66FF; */ }
div#content h1 { font-size: 26px; }
h1#blog-title { margin-top: 0; }
div#content h2 { font-size: 18px; line-height: 1.5em; }
div#content h3 { font-size: 16px; }
div#content h4 { font-size: 14px; }
div#content div.entry-meta { font-size: 11px; }
div.podPress_content {margin-bottom: 1em;}
div.podPress_content object {margin-bottom: 1em;}
div#nav-above { display: none; }
body.single div#nav-below { display: none; }
div#nav-below { font-size: 1.6em; }
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; }
.entry-title, .entry-meta { clear:both; }
div.donate {border: dashed 1px #70A341; margin: 1em 0 1em 0; padding: 1em 1em 1em 1em; font-size: 11px;}
div.donate p {margin: 0;}
div.donate p.button {float: right; margin-left: 1em; margin-top: .5em;}

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%; }
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#menu ul li, div.gallery dl, div.navigation div.nav-previous { float:left; }
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; }
/* =Sidebar
------------------------------------------------------------------*/
div.sidebar { float:right; overflow:hidden; width:27.5em; background-color: #eef4de; }
div#primary { margin-top: 0; /*background-color:#FFCCFF; */ }
div#secondary { clear:right; }
div.sidebar #pages { display: none; }
div.sidebar ul.xoxo {margin: 0;}
div.sidebar p, div.sidebar li, div.sidebar th, div.sidebar td { font-size: 12px; line-height: 1.75em; }
div.sidebar ol, div.sidebar ul, div.sidebar table { margin-bottom: 1em; }
div.sidebar input#s { width:12em; }
div.sidebar ul ul { margin:0 0 0 0; }
div.sidebar ul ul li { list-style:none; margin:0; }
div.sidebar a:link, div.sidebar a:visited { text-decoration: none; }
div.sidebar a:hover { text-decoration: underline; }
div.sidebar a:link, div.sidebar a:visited { color: #000; }
li.sidebarModule { background-image: url(/images/template_images/sidebar_module_bottom.gif); background-repeat: repeat-x; background-position: bottom; background-color: #dfeac1; padding: 0 10px 15px 10px; color: #000; }
li.sidebarModule h3 { color: #fff; font-size: 16px; background-color: #70a341; height: 1.25em; margin: 0 -10px 0.5em -10px; padding: 1px 10px 2px 10px; }
div.sidebar li.yellow { background-color: #ffe69d; }
div.sidebar li.yellow h3 { background-color: #ffce3c; color: #333; }
div.sidebar li a.feedLinkSmall { background: url(images/feed-icon-14x14.png) no-repeat left 30%; display: block; padding-left: 25px; /*height:18px; margin-bottom: -0.5em;*/ }
/* =Twitter module
----------------*/
div.aktt_tweets ul li {padding-bottom: 1em;}
div.aktt_tweets ul li.aktt_more_updates {padding-bottom: 0;}
div.aktt_tweets a:link, div.aktt_tweets a:visited {text-decoration: underline;}



/* =Footer
------------------------------------------------------------------*/

#footer { position:relative; clear: both; background-color: #fff; padding: 30px 20px 20px 20px; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; border-top-width: 1px; border-top-style: solid; border-top-color: #E5E5E5; }
div#footerLinks { position: relative; float: left; }
#footer a:link, #footer a:visited { text-transform: uppercase; color: #242323; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
div#accessLogos { position: relative; float:right; }
#accessLogos img { margin-right: 20px; }
span.pipe { margin: 0 .5em 0 .5em; }