/*
THEME NAME: Sandbox
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.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

@import url(reset.css);

body {
background: #666666 url('images/background.png') repeat-x top left;
font-family: helvetica, arial sans-serif;
color: #fff;
letter-spacing:-0.02em;
font-size: 10pt;
position: relative;
}

div#wrapper { height: 100%; }

p, h1, h2, h3, h4, h5 { padding: 0.5em 0; font-weight: normal; }
p, div.gig-post {line-height: 1.7em; }

a { color: #fff; text-decoration:none;}
a:hover{ text-decoration: underline; }


div#header {background: #fff url('images/header.jpg') no-repeat top center; height: 370px;}
   div#header h1 {
   background: url('images/logo.png') no-repeat top center;
   overflow: visible;
   height: 600px;
   text-indent: -9999px;
   }

div#access { background: #333; height:65px; width:100%; }
.shadow { height: 8px; background: url('images/shadow.png') repeat-x top left; margin-bottom: 15px;}

div#menu ul,div#menu ul ul, div#main { width: 800px; margin: auto; }
div#menu { height: 45px; background:#333 url('images/toolbar.png') repeat-x top left; }
div#menu ul,div#menu ul ul { line-height: 45px; list-style:none; padding:0; }
div#menu ul li { float:left; }
div#menu ul a:hover { color: #ccc; }
div#menu ul a {
text-transform:lowercase;
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
font-weight: normal;
font-size: 20px;
color: #fff;
}

div#main { background: #000; height: 100%; position: absolute; left: 50%; top: 20px; margin-left: -400px; z-index: -1; }


.entry-title,.entry-meta { clear:both; }
.entry-meta, .entry-meta a, .edit-link, .edit-link a { color: #666; padding: 0.5em 0 2em 0; line-height: 1.2em;}
.entry-date, div.gigs-calendar table tr th { font-weight: bold; color: #990000; padding: 0 0 0.5em 0;}

div#container { padding: 0 0 20px 60px; width: 740px; }

div#content h2.page-title, div#content h2.page-title a, div#primary h3 {
font-size: 18pt;
font-weight: bolder;
background: #ccc;
text-transform: uppercase;
color: #333;
display: inline-block;
}

div#content h2.page-title {padding: 3px 6px 1px 60px; margin: 10px 0 10px -60px; }
div#primary h3{ display:block; padding: 6px 0 1px 3px; margin: 10px 0 10px 0; text-align:left; }

div#content h2, div#content h3 { font-size: 18pt; }

.brlink { padding: 5px; }
.alignright { float: right; }
.alignleft { float: left; }

li#next-gig div.eventName { font-weight: bold; font-size: 14pt; }
li#next-gig div.cityStateCountry, li#next-gig div.venue, li#next-gig div.date, li#next-gig div.moreInfo { padding-top: 2px; padding-bottom: 2px; }

div#container { overflow: hidden; background: #000; }
div#content { width: 520px; float: left;}
div#primary { width: 220px; float: right;}

.flickrpress-container { overflow: hidden; }

div.gigs-calendar table {width: 100%; padding: 0 0 20px 0; border-collapse: separate;}
div.gigs-calendar table tr {padding: 3px 0; line-height: 1.5em; text-align:left;}
div.gig-post table tr td.bold { font-weight: bold; width: 6em; }
div.gigs-rss {padding-bottom: 30px;}


div.sidebar { text-align: right; } 
div.sidebar ul { overflow: hidden; padding: 0 0 10px 20px; text-align: left;}
div.sidebar ul li { clear: both; width: 100%;}
div.sidebar ul li ul, div.sidebar ul li form, div.sidebar ul li div { overflow: hidden; padding: 5px 0 5px 15px;}
div.sidebar ul li div.flickrpress-items { text-align: left; }
div.sidebar ul li ul li {clear:both; width: 100%; padding: 3px 0; }


div.navigation { padding: 5px; }
div.navigation div, div.navigation div a { display: inline; color: #aaa;}
div.nav-next { float: right; }
div.gigs-calendar { padding: 0 0 20px 0; }
div#nav-above { display: none; }

div.linkcat { float: left; padding-right: 40px; }

div#footer {background: #333; width: 100%; height: 20px;}
div#footer p {width: 800px; margin: 0 auto; line-height: 20px; padding: 0 0 0 120px; }