/*

	THE SPITBALL! STYLESHEET
	STYLES 2.1
	March 21, 2009
	Copyright 2009 Martin McClellan
	Last good movie seen: Adam's Rib

*/

@import 'reset.css'; /*Eric Meyer's defaults reset.*/
@import 'text.css';
@import '960.css';  

body { background:#eeeded; text-align:center; color:#353535; }
strong { color:#333; }
a > img { border:0; background:none; padding:0; margin:0; }
#masterwrap { width:960px; margin:0 auto; text-align:left; background:#ffffff;} 

/*paragraph styles*/
p a, ol.footnotes a { text-decoration:underline; color:#353535; }
#masterwrap a:hover { background:#ffffcc; text-decoration:none; } 
p + p { text-indent: 1.5em;  }
p.image + p, p.credit, p.noindent { text-indent:0; } 
p.credit, span.byline { background:#f2f2f2; padding:5px 0 5px 20px; font-family: helvetica, arial, sans-serif; font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:#858585; border-top:1px solid #efefef;border-bottom:1px solid #efefef; margin:20px 0 40px 0; }
p.credit a, span.byline a { color: #858585; }
p.image { float:left; padding:0 1em 0 0; }  
.image { float:left; background:transparent !important; } 
blockquote { padding:1em 0 1em 2em; color:#666; } 
.post h1 { font-weight:normal; font-size:27px; font-style:italic; line-height:1.20em; }
.post h1 a { color:#353535; text-decoration:none; border-bottom:1px solid #efefef; padding-bottom:2px; background:#fff; }
.post h1 a:hover { border-bottom:1px solid #858585; }
.post h1 span { font-size:11px; color:#858585;}
h2 { font-family:verdana, helvetica, arial, sans-serif; font-weight:normal; line-height:1.5em; font-size:9px; letter-spacing:.2em; margin:5px 0 3em 0; text-align:right; text-transform:uppercase; }
h1.pageHeader { font-size:16px; color:#c42208; font-style:italic; padding-bottom:2em; }   

/*Yellow quick info bar*/
.top {  height:3em; background:#FFFFCC; }
.top a { background:none; color:#858585;} 
p.intro {  color:#858585; line-height:3em; font-size:12px;}

/*Fastball posts*/ 
dl dt { margin-bottom:10px; }
dl dt a { color: #353535; font-weight:bold;  }
dl dd { padding-bottom:2em; } 
dl p.credit { padding-top:-2em; }
em.credit { color: #858585; }

/*Sliding about & navigation sections*/
.navigation, .navigation_up, .about, .about_up {display:block; font-size:8px; font-family:verdana, helvetica, arial, sans-serif; text-decoration:none; letter-spacing:.3em; position:absolute; color:#ffffcc;padding:12px 10px 0px 10px; height:25px;}
.navigation, .navigation_up { top:0; right:80px }
.about, .about_up { top:0; right: 10px; }       
.about:hover { background:#FFFFCC; color:#353535; }
.navigation img.arrow, .about img.arrow { display:none; }
.navigation:hover, .navigation_up:hover { background:#353535 !important; }
.navigation:hover img.arrow, .about:hover img.arrow { display:inline; }
.navigation:hover img.arrow_blank, .about:hover img.arrow_blank { display:none; }
#navigation, #about {  background:#353535; color:#eeeded; font-family:helvetica, arial, sans-serif; font-size:9px/1.5em; text-align:left; padding:50px 0 50px 0; position:relative;} 

#about { background:#FFFFCC !important; color:#353535; }   
#about .about_up { position:absolute; right:0; top:0;}  
#navigation .navigation_up { position:absolute; right:0; top:0; }
#navigation li a { color:#FFFFCC; text-decoration:none; display:block; padding:0 .5em 0 .5em;}
#navigation li a:hover { background:#ffffff; color:#858585; }
#navigation p a { background:#353535; color:#eeeded;}
#navigation ul { list-style-type:none;  }
#navigation li { float:left; padding:0; margin:0; }
#navigation h3, #about h3 { font-weight:normal; font-size:12px; text-transform:uppercase; letter-spacing:.1em; padding-top:25px; }

.navigation_up { display:none; background:#353535; } 
.about_up { display:none; background:#ffffcc; color:#353353;}

/*Title and nav bar*/
#logo { height:50px; background:#c42208;position:relative; }  

#footer { background:#c42208; height:50px; text-align:left; line-height:50px; color:#ffffcc; font-size:9px; text-transform:uppercase; font-family:verdana, helvetica, arial, sans-serif; letter-spacing:.1em; position:relative; } 
#footer a, #navigation a.fb_link { color:#fff; text-decoration:none; background:#cd4f3b; padding:3px; } 
#footer a:hover, #navigation a.fb_link:hover { color:#333; background:#ffffcc;}  
#footer a img.creative_commons { position:absolute; bottom:18px; }   

.hide { display:none; }

#navigation #archives_category ul li a { text-transform:uppercase; font-size: 10px; letter-spacing:.1em; }
#navigation #search { border:1px solid #000; background:#eeeded; border:none; font-size:12px; height:18px; padding:5px; width:355px; color:#353535; float:left; margin-right:15px; } 

#breadcrumb { font-size:8px; margin-bottom:2em; text-transform:uppercase; color:#c6d2f8; font-family:verdana, helvetica, sans-serif; letter-spacing:.3em; padding-top:1em; padding-bottom:1em; overflow:auto; } 
#breadcrumb a { color:#ccc; padding:.5em 0 .5em 0; text-decoration:none; }   
#breadcrumb a:hover { background:transparent !important; color:#666; }

p a.commentLink { margin-bottom:2em; display:block; width:200px; }

#masterwrap ul li a, #comments-open a { color:#353535; }  

div.comment { border-left:2px solid #ccc; padding-left:10px; padding-bottom:1em;  margin-bottom:1em;  }
div.comment .comment-content { padding-bottom:1em; }  

/*FOOTNOTES*/
ol.footnotes { padding-top:3em; margin-top:3em; padding-left:15px; margin-left:0; border-top:1px dotted #666; color:#666; font-size:x-small; }
ol.footnotes li { padding-left:0; margin-left:0; } 
sup { font-size:7pt; vertical-align:super; padding-left:3px;}   


/*Illustration attribution*/
.attribution { font-size: 11px; text-indent:0; margin-top:1em; }