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

/* Usable page width is 608 pixels */
/* Photos are 600 pixels wide, with 3px padding and 1px border around them */

/* 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='/blog/wp-content/themes/linebreakblog/magic.png',sizingMethod='scale');
 }

/* overwrite for other browsers */
div#masthead[id] {
 background: transparent url(/blog/wp-content/themes/linebreakblog/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='/blog/wp-content/themes/linebreakblog/logo.png',sizingMethod='crop');
 }

/* overwrite for other browsers */
h1#logo[id] {
 background: transparent url(/blog/wp-content/themes/linebreakblog/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;
}


/* Blog Column -- Floated left so I can float the blognav box on the right. */

#blog-column {
float:left;
width: 502px;
margin-right:28px;
position:relative;
padding-top:55px;
}

/* Blog Editors column -- Middle column in the layout */


#blogeds {
float:right;
width: 157px;
position:relative;
border-left:1px dotted #CCC;
margin-top:47px;
font-family:'times new roman', times, georgia, serif;
font-size:0.9em;
color:#000;
}


#blogeds-inner {
padding:15px 18px;
}

#blogeds-inner h5 {
margin-bottom:10px;
font-size:0.85em;
text-transform:uppercase;
font-weight:normal;
font-family: helvetica, sans-serif;
color:#777;
}

#blogeds-inner p {
margin-bottom:22px;
}

#blogeds-inner img {
border:1px solid #999;
}


/* Blog Nav Box
------------------------------------- */
#blognav {
width:145px;
border-left:1px dotted #CCC;
text-align:center;
padding:15px 0px;
float:right;
margin-top:47px;
}


#blognav-inner {
padding-right: 0;
padding-left: 15px;
padding-bottom:20px;
}


#blognav ul {
list-style:none;
}

#blognav h2 {
font-family:'helvetica neue', helvetica, arial;
font-style:italic;
font-size:1em;
font-weight:normal;
color:#000;
}

#blognav h4 {
font-family:'times new roman', times, serif;
font-weight:normal;
color:#000;
font-size:0.9em;
}

#blognav ul#teaser {
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:15px 15px;
margin:15px; 5px;
color:#222;
}

#blognav #bloglinks {
font-size:0.8em;
font-family:'lucida grande', verdana, sans-serif;
margin-top:15px;
}

#bloglinks li {
display:inline;
letter-spacing:0.1em;
}

#bloglinks li.last {
padding-left:6px;
}

#bloglinks a {
color:#6699cc;
}


/* 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;
}


.entry, .page {
margin-bottom:60px;
}

.entry p, .page p {
margin-bottom:18px;
}

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

.page a:hover, .entry a:hover, .paging a:hover {
color:#990000;
}

.entry-meta-upper, .entry-meta-lower {
font-family: helvetica, sans-serif;
font-size:0.8em;
text-transform:uppercase;
color:#777;
}

.entry-meta-upper {
margin-top:5px;
margin-bottom:20px;
}


.entry-meta-upper a, .entry-meta-lower a {
text-decoration:none;
color: #777;
border-bottom: 1px dotted #CCC;
font-weight:normal;
}

.entry-meta .entry-author a {
color:#990000;
font-weight:bold;
}

.entry-title, .page-title {
font-family:'helvetica neue', helvetica, arial, sans-serif;
font-size:1.5em;
color:#000;
font-weight:normal;
margin:0;
padding:0;
line-height:1.3em;
margin-bottom:21px;
}

.entry-title {
font-size:1.4em;
margin-bottom:0px;
}

/* for single page titles, to make bigger */
.single {
	font-size:1.5em;
}

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

.entry-title a, .page-title a {
text-decoration:none;
color:#000;
font-weight:normal;
}

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

.entry-body, .page-body {
font-size:1.1em;
color:#000;
font-weight:normal;
line-height:1.4em;
}

.entry-body h6 {
	margin-bottom:18px;
}

.entry-comments {
font-family: helvetica, sans-serif;
border-top:1px dotted #CCC;
margin-top:12px;
padding-top:9px;
padding-bottom:4px;
color:#888;
font-size:0.9em;
padding-left: 40px;
line-height:1.25em;
background: transparent url(/blog/wp-content/themes/linebreakblog/comment.png) no-repeat left 9px;
}

.entry-comments a {
color:#888;
text-decoration:none;
}

.entry-comments a .red {
color:#990000;
border-bottom:1px dotted #CCC;
}

.entry-author {
	font-weight:bold;
}


.comment-header, .comment-form-header {
font-weight:normal;
color:#000;
font-family:helvetica, arial, sans-serif;
padding-bottom:10px;
margin-top:45px;
font-size:1.1em;
}

.comment-form-header {
margin-bottom: 20px;
}

#comments .text-area{
width:375px;
}

#comments .text-input {
width:250px;
height:18px;
}

#comments label {
font-family:helvetica, arial, sans-serif;
font-size:0.9em;
color:#888;
font-weight:normal;
padding-left:6px;
padding-top:4px;
}

.comment-meta {
font-family:helvetica, arial, sans-serif;
font-size: 0.8em;
text-transform: uppercase;
color:#777;
}

.comment-entry {
margin-top:10px;
color:#000;
font-size:1.05em;
line-height:1.3em;
}

.comment-author {
font-weight:bold;
}

.comment-meta a {
text-decoration:none;
border-bottom:1px dotted #CCC;
}

#comments dd {
margin-bottom:10px;
padding-bottom:10px;
border-bottom: 1px dotted #CCC;
}

#comments {
padding-bottom:20px;
}

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

.dedication {
font-style:italic;
color:#666;
size:1em;
}

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

blockquote {
color:#000;
margin-left:20px;
padding-left:20px;
border-left:1px dotted #999;
}

pre, .complete {
	overflow:auto;
	background:#EFEFEF;
	margin-left:0;
	padding:20px;
	border:1px solid #EEE;
	font-family:'times new roman', times, serif;
	font-size:0.9em;
	margin-bottom:18px;
}

#blog-column ul {
list-style:square inside;
}

#blog-column li {
margin-bottom:18px;
}

#blog-column img.size-thumbnail {
border:1px dotted #999;
padding:5px;
margin:4px 12px 3px 4px;
}

.alignleft {
float:left;
margin: 4px 8px 4px 0px;
}

#blog-column hr {
margin-bottom:18px;
}

.paging {
margin-top:50px;
font-family:'helvetica neue', helvetica, arial;
font-size:1.1em;
line-height:150%;
padding:10px 0px;
margin-bottom:40px;
}

.paging a {
	font-weight:bold;
	color:#5f80a0;
	border-bottom: 1px dotted #CCC;
	text-decoration:none;
}

#blog-column .paging ul {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

#blog-column .paging li {
	margin-bottom:2px;
	margin-left:0;
	padding-left:0;
}

#blog-column ol {
margin-left:22px;
}

#blog-column ol li {
margin-bottom:12px;
}


/*hide the stats smiley */
img#wpstats {
	display:none;
}