/*  
Theme Name: EIT Media
Theme URI: http://www.eitmedia.com
Description: A theme by Christina Fowler theme designed especially for Everything in Time Media.
Version: 1.0
Author: Christina Fowler
Author URI: http://www.christinafowler.com
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:400,700);

/* CSS reset based on HTML5 ✰ Boilerplate & Type-a-file  */

html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { font:16px/1.58em 'Droid Serif', Georgia, Times, 'Times New Roman', serif; background:#fff000 url('images/repeater.gif') top center repeat-x; } 

h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family:'Droid Sans', Helvetica, Arial, sans-serif; }
h1 {font-size:2.285em; line-height:1.4em; margin:.85em 0 0em; font-weight:bold;}
h2 {font-size:1.4em; padding-top:.1em; margin:2.05em 0 1.3em;}
h3 {font-size:1.125em;}
h4 {font-size:1em;}

p {margin:0 0 1.58em;}

blockquote, q { quotes: none; }
blockquote:before, q:before { content: "“"; font-size:4em; text-indent:-.6em; margin-top:.15em; float:left; opacity:.3; }
cite{display:block; text-transform:uppercase; letter-spacing:1px; font-style:normal; font-weight:bold; font-size:smaller; margin-top:1.9em;}
cite:before{content:"–"; float:left; font-size:1.5em; text-indent:-1.3em; font-weight:bold; margin-top:-.1em;}

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

a, a:active, a:visited { color: #000; text-decoration:none; }
a:hover, a:active { outline: none; }
a:hover { text-decoration:underline; }

abbr { border-bottom: 1px dotted; cursor: help; text-transform:uppercase; font-size:.85em; }

ul { list-style:none; }
#content ul { list-style-type:disc; margin:1.58em 0 1.58em 2em; }
ol { list-style-type: decimal-leading-zero; margin:1.58em 0 1.58em 2em; }
ol li { margin:0 0 1.58em; }

strong { font-weight: bold; }
em { font-style:italic; }

table { border-collapse: collapse; border-spacing: 0; margin:1.58em 0; }
th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

form { margin:1.58em 0; }
label { cursor:pointer; }
select, input, textarea { font:99% 'Droid Serif', Georgia, Times, 'Times New Roman', serif; }
input, select { vertical-align: middle; }
textarea { overflow: auto; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
input.button { cursor: pointer; width: auto; overflow: visible; }

/* LAYOUT */
#container {
margin:0 auto;
text-align:left;
width:1040px;
padding-bottom:300px;
background:url('images/footer2.gif') bottom center no-repeat;
}

#header {
margin-bottom:1.58em;
padding:15px 0 0;
overflow:hidden;
position:relative;
height:200px;
}
#header h1, #header .pseudoh1 {
text-align:left;
border:0;
float:left;
text-indent:-2000px;
width:200px;
height:200px;
margin:0;
display:block;
background:url('images/logo.png') top left no-repeat;
}

#header form {
padding:0;
clear:none;
margin:0;
position:absolute;
bottom:16px;
right:92px;
z-index:1;
}
#header form input#s {
width:148px;
background:url('images/search.png') 95% center no-repeat;
border:1px solid #000;
padding:0 5px;
height:24px;
border-radius:3px;
font-style:italic;
}
#header form input#s:focus {
background:url('images/search-yellow.png') 95% center no-repeat #000;
color:#f2e703;
outline:none;
}

.menu-main-menu-container {
overflow:hidden;
position:absolute;
width:100%;
bottom:15px;
left:420px;
z-index:0;
}
.menu-main-menu-container a {
float:left;
padding:1px 10px;
border:0;
color:#000;
font-style:italic;
border-radius:3px;
margin-right:3px;
}
.menu-main-menu-container a:hover {
background:#000;
color:#f2e703;
text-decoration:none;
}
.menu-main-menu-container .current-menu-item a {
cursor:text;
font-style:normal;
background:#000;
color:#f2e703;
}

.follow { 
position:absolute;
bottom:10px;
right:10px;
}
.follow li {
float:left;
margin-left:3px;
}

#content {
clear:both;
overflow:hidden;
padding:0 10px;
}

/* PAGE */
#content .page {
width:48%;
float:right;
background:#fff;
padding:40px 6%;
box-shadow:0 6px 6px #dac300;
margin:0 0 20px;
}

.archive h1, .concert-archive h1 {
margin-bottom:.7em;
}
#content .archive h2 {
text-indent:-1.1em; 
margin:-.1em 0 0; 
color:#999;
}
.concert-archive h2 {
text-indent:-2.5em; 
margin:-.1em 0 0; 
font-size:.9em;
color:#999;
}
.archive p, .concert-archive p { 
margin:-1.58em 0 1.58em;
}
.concert-archive p span {
display:block;
font-size:.75em;
margin:-.55em 0 0;
color:#666;
}

.archive .filter h2 {
text-indent:0;
margin:2.05em 0 1.3em;
}
.filter h3 {
text-transform:uppercase;
font-size:.9em;
font-weight:normal;
}
#content .filter ul {
margin-top:0;
}
#content .filter li {
margin:0;
}

.archive .back-to {
margin:1.58em 0;
font-size:1.231em;
}
.back-to a:link, .back-to a:visited {
border-radius:3px;
font-style:italic;
padding:4px 10px;
color:#000;
}
.back-to a:hover {
background:#000;
color:#f2e703;
text-decoration:none;
}

/* HOME */

.home #content .page {
width:88%;
float:none;
overflow:hidden;
}

.home h1, .home .entry { 
width:50%;
float:left;
text-align:center;
}
.home h1 {
background:url('images/about.png') top center no-repeat;
height:123px;
text-indent:-2000px;
margin:60px 0 40px;
}
.home .entry {
clear:left;
margin:0 0 5em;
}
.home .featured-video {
float:right;
margin:-210px 0 0 50px;
}

.home .page h2 {
clear:both;
text-transform:uppercase;
font-size:1em;
text-align:center;
border-bottom:1px solid #ccc;
line-height:0;
color:#666;
}
.home .page h2 span {
background:#fff;
padding:0 5px;
}

#content .post-types li {
list-style:none;
float:left;
width:33%;
text-align:center;
font-size:1.5em;
padding:50px 0;
}
#content .post-types li a {
display:block;
padding:150px 30px 0;
}
#content .post-types li.song a {
background:url('images/song.png') top center no-repeat;
}
#content .post-types li.concert a {
background:url('images/concert.png') top center no-repeat;
}
#content .post-types li.interview a {
background:url('images/interview.png') top center no-repeat;
}

.menu-network-container {
clear:left;
}

.network, .updated, .donate {
float:left;
width:25%;
margin:0 5% 5em;
text-align:center;
}
.network {
margin:0 0 5em 8%;
}
.donate {  
margin:0 0 5em;
}

#content .network ul, #content .updated ul, #content .donate ul {
list-style:none;
margin:0;
}
#content .updated ul {
border-top:1px solid #000;
}
#content .updated li a {
border-bottom:1px solid #000;
padding:4px 10px;
display:block;
}

.donate a.action:link, .donate a.action:visited {
border-radius:3px;
padding:4px 10px;
background:#000;
color:#f2e703;
}
.donate a.action:hover {
text-decoration:none;
}

/* SEARCH RESULTS */
.search-result h2 { 
margin-bottom:0; 
}
.search-result .post-type {
text-transform:capitalize;
color:#666;
font-size:.75em;
}

/* SINGLE SONG */

.right_block {
width:48%;
float:right;
background:#fff;
padding:40px 6%;
box-shadow:0 6px 6px #dac300;
margin:0 0 20px;
}

.single-song h1 {
margin:0;
}
.single-song .lyrics {
font-style:italic;
}
.single-song .lyrics:before { 
content: "“"; 
font-size:4em; 
text-indent:-.6em; 
margin-top:.15em; 
float:left; 
opacity:.3; 
}
.single-song .facts { 
border-top:4px double #ccc;
font-size:12px;
}

.feat { 
font-style:italic;
}
.feat a:link, .feat a:visited {
font-style:normal;
}
.concert-date, .concert-date a:link, .concert-date a:visited {
color:#666;
}
.meta { 
font-style:italic;
color:#666;
}
.meta a:link, .meta a:visited {
font-style:normal;
color:#666;
}
.writer {
font-style:normal;
}
.feat {
margin:0;
font-style:italic;
}
.released {
margin:0;
font-size:12px;
}
.produced {
font-size:12px;
}

.left_block {
width:35%;
float:left;
font-size:.83em;
}

#content .left_block ul {
margin-left:0;
padding:0;
}
.left_block li {
margin:0 0 1.58em;
list-style:none;
overflow:hidden;
clear:left;
}
.left_block li img {
padding:5px;
background:#fff;
box-shadow:-2px 2px 5px #DAC300;
margin:0 10px 10px 0;
width:100px;
display:block;
float:left;
}
.left_block li a:link, .left_block li a:visited {
color:#000;
font-weight:700;
}

.featured-video {
margin:0 0 20px;
}
.featured-video a {
border:none;
}
.wpjp-attribution-text {
display:none;
}

/* Link icons */
a.dload { 
   padding-right: 18px;
   background: transparent url('images/dload.png') no-repeat center right;
   margin-right:10px;
}
a.play { 
   padding-right: 18px;
   background: transparent url('images/play.png') no-repeat center right;
}

#footer {
clear:both;
}

/* FEEDBACK */
.feedback-panel { padding:20px; width: 205px; background: #fff; position:absolute; top:240px; left:-245px; box-shadow:0 6px 6px rgba(0,0,0,.1); }
 
.feedback-panel a.feedback-tab { background:transparent url('images/feedback.gif') no-repeat scroll 0 0; display:block; height:99px; left:50px; bottom:20px; position:relative; float:right; text-indent:-9999px; width:30px; outline:none; }
 
textarea { width:90%; padding:5px; }
 
#response-message { background: #ccc; border: 1px solid #999; padding:50px; }