/*  
Theme Name: Linebreak Version 2
Theme URI: http://linebreak.org/
Description: Theme for Linebreak
Version: 2
Author: Johnathon Willims
Author URI: http://linebreak.org/
*/

/* First let's zero everything ------------------------------------- */
*{ 
	margin: 0;
	padding: 0;
}


/* Fixed positioning goodies from 456 Bera st. ------------------------------------- */
/* And credit for this demonstrating this implementation of the ie png hack goes to fortuito.us -------------------------- */
/* While we're thanking people, much love to the  dudes at northtemple.com, who provided the most striking implemention of a fixed footer */

html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */




html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {padding:6em 1em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */

#content-inner {
width: 835px;
margin: 0 auto 0 auto;
}


#masthead {
	width:100%;
	height:122px;
}
html>body #masthead {
	position:fixed;
	bottom:0;
	z-index:11;
 /* Prevent certain problems with form controls */
}

/* Note the underscore in front of the transparent png filter -- without it, the hack applies itself unnecessarily to ie7, which includes
native support for transparent pngs, and, in doing so, somehow hides the links in the navbar by overlaying them. The underscore
hides the hack from ie7 so that only ie6 and below see it. Sounds simple, but finding that little gem took me FIVE GODDAMN HOURS
of bug testing. */



div#masthead { 
 /* transparent png hack for ie */
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/linebreak/magic.png',sizingMethod='scale');
 }

/* overwrite for other browsers */
div#masthead[id] {
 background: transparent url(/wp-content/themes/linebreak/magic.png) top repeat-x;
 }

.masthead_contain {
 width: 835px;
 margin: 0 auto 0 auto;
 }
 
h1#logo { 
 float: right;
 overflow:hidden;
 position: relative;
 width: 142px;
 height: 114px;
 margin: -28px 0 0 0;
 /* transparent png hack for ie */
 /* Same note on the underscore -- see above comment */
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/linebreak/logo.png',sizingMethod='crop');
 }

/* overwrite for other browsers */
h1#logo[id] {
 background: transparent url(/wp-content/themes/linebreak/logo.png) top left no-repeat;
 }
 
h1#logo a { 
 display:block;
 text-indent: -9000px;
 width: 142px;
 height: 114px;
 border:0;
 }
 
 
/* Navigation Links
------------------------------------- */
#navbar {
 float: left;
 margin-top: 69px;
 width: 390px;
 margin-left:0px;
 position: static;

 } 
 
#navlinks {
 list-style:none;
 margin:0;
 padding:0;
 position: relative;

 }
 
#navlinks li {
 float: left;
 border-right: solid 1px #666;
 padding: 0 10px 2px 10px;
 font-family: 'lucida grande', Arial, sans-serif;
 text-transform: lowercase;
 line-height: 1em;
 font-size:0.9em;
 position: relative;
 margin:0;
 }
 
#navlinks li a {
 text-decoration: none;
 }
 
#navlinks li.first {
padding-left:0;
}
 
#navlinks li.last {
border-right:none;
}

#navlinks li a {
color:#6699cc;
}

#navlinks li a:hover {
text-decoration:underline;
}

 



/* Float Fix
------------------------------  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */


 
 
 
/* Enough with the layout, which, by the way, was made 4000 motherfucking times harder than it needed to be by the craptastic piece of standards-breaking shit that is IE 6. Fuck IE 6. Break off a thick oak branch, and fuck IE 6 until it's dead. */
/* Let's have fun with page styles! */
 



body {
font-family: "times new roman", times, georgia, serif;
font-size:12pt;
background-color: #fff;
color:#333;
}


.poem, .page {
padding-top:40px;
margin-right: 212px;
}

.poem p, .page p, .poem pre {
padding-bottom:24px;
}

pre {
	font-family: "times new roman", times, georgia, serif;
}

pre.mono {
	font-family: coursica,'andale mono','courier new',courier;
	font-size:0.8em;
}

.page a, .poem-date a {
color:#45739f;
text-decoration:underline;
}

.page a:hover, .poem-date a:hover {
color:#990000;
}

.poem-meta-upper {
margin-bottom:15px;
}

.poem-meta-lower {
margin-bottom:15px;
line-height:140%;
}

.poem-meta-lower p {
padding-bottom:0;
}

.poem-date {
font-family:helvetica, arial, sans-serif;
font-size:0.9em;
color:#333;
font-weight:lighter;
line-height:150%;
padding:10px 0;
margin-bottom:40px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
letter-spacing:0.1em;
}

.poem-title, .page-title {
font-family:'helvetica neue', helvetica, arial, sans-serif;
font-size:2.2em;
color:#000;
font-weight:normal;
margin:0;
padding:0;
}

.page-title {
padding-bottom:30px;
}

.poem-title a, .page-title a {
text-decoration:none;
color:#000;
}

.poem-title a:hover, .page-title a:hover {
color:#6699cc;
}

.poem-author {
font-family:'lucida grande', arial, sans-serif;
font-weight:normal;
margin:0;
padding:0;
font-size:.85em;
text-transform:uppercase;
letter-spacing:0.1em;
color:#555
line-height:140%;
float:left;
}

#metabar {
float:left;
width:100px;
list-style:none;
margin-left:2px;
margin-bottom:0;
padding-bottom:0;
}


#metabar li#bio {
 float: left;
 overflow:hidden;
 position: relative;
 width: 11px;
 height: 15px;
 background: url(/wp-content/themes/linebreak/info.gif) top left no-repeat;
 margin-left:10px;
 margin-bottom:0;
 padding-bottom:0;
}

#metabar li#bio a {

display:block;
 text-indent: -9000px;
 width: 11px;
 height: 15px;
 border:0;
}

#metabar li#audio {
 float: left;
 position: relative;
 width: 22px;
 height: 15px;
 background: url(/wp-content/themes/linebreak/audio.gif) top left no-repeat;
 margin-left:10px;
}

#metabar li#audio a {
display:block;
 text-indent: -9000px;
 width: 22px;
 height: 15px;
 border:0;
}





.poem-meta {
margin:7px 0;
}



#poem-meta-author, #poem-meta-audio {
background:#FFF;
color:#333;
padding:10px 0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
font-family:helvetica, arial, sans-serif;
font-size:0.9em;
letter-spacing:0.1em;
}

#poem-meta-author a, #poem-meta-audio a {
color:#5f80a0;
}

#poem-meta-author a:hover, #poem-meta-audio a:hover {
color:#990000;
}


#poem-meta-author img {
border:1px solid #FFF;
float:left;
margin:0 8px 5px 0;
}

.poem-body, .page-body {
font-size:1.15em;
color:#111;
line-height:1.3em;
}

.poem-body h5.subhead {
	font-weight:normal;
	font-style:italic;
	font-size:1.15em;
	padding-bottom:28px;
}

.archive-list {
margin-left:35px;
padding-bottom:25px;
}

.archive-list li {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
}

.archive-list li span.author {
	font-size:.8em;
	font-style:italic;
}

.dedication, .quote {
font-style:italic;
color:#333;
size:1em;
margin-left:40px;
}

.supplemental {
font-size:0.8em; 
color:#666; 
padding-top:10px;
}

.divider {
	font-size:1.1em;
	text-align:center;
	color:#999;
	margin:15px 0;
}

/*hide the stats smiley */
img#wpstats {
	display:none;
	}
	
/*success/error messages from MailChimp */

#mce-success-response, #mce-error-response {
	font-style:italic;
	color:#990000;
}

#mc-embed-signup form {
	margin-bottom:5px;
}