/* @override http://undo-dog.com/wp-content/themes/SF-Blueprint-WP/custom.css */

/********************************************************************************                                                  
   USING SF-BLUEPRINT-CSS with heavy modifications by ALEXANDER WHITSETT PILE

Hello, web developers. Undo-dog uses the SF-BLUEPRINT-CSS theme as a base.  The
CSS folder contains the standard Blueprint ie.css and print.css files and a 
custom screen.css file for this site's eleven-column grid.  

I've heavily edited this SF-BLUEPRINT-CSS custom.css file.  I consider this file
as much mine as it is Slip Fire's.

Take what you want for your site.  Just be sure to give me credit, as per the
Creative Commons License on the Undo-dog site.

Enjoy!
Alexander Whitsett Pile
http://undo-dog.com
********************************************************************************/


/********************************************************************************
	         BODY
********************************************************************************/

body {
   margin: 0;
   background:#333 url(wp-images/topborder.gif) top repeat-x;
   color: #FFF; 
}

/* Image of Banjo and Me */
#BigHeaderImg h4 {
	position:absolute; 
	float:right;
	top:1em; 
	z-index: 1;
	height:317px;
	width:328px;
	background: url(wp-images/BanjoAndMe.png) no-repeat;
	text-indent:-9999px;
}


/********************************************************************************
               TYPOGRAPHY with thanks to...
Mark Boulton: http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/
Antonio Carusone: http://www.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/
Richard Rutter: http://24ways.org/2006/compose-to-a-vertical-rhythm
********************************************************************************/
  
body {
   word-spacing: 1px;
   font-size: 75%; 
}

html>body { font-size: 12px; }

h1,h2,h3,h4,h5,h6 { 
  color: #FFF; 
  font-weight: normal;
}

h1 { font-size: 3em; line-height: 1.2em; margin: 0.3em 0 0.3em 0; }
h2 { font-size: 2em; line-height: 1.1em; margin: 0.4em 0 0.4em 0; }
h3 { font-size: 1.75em; line-height: 0.857em; margin: 0.857em 0 0.857em 0; }
h4 { font-size: 1.5em; line-height: 1em; margin: 1em 0 1em 0; }
h5 { font-size: 1.1667em; line-height: 1.286em; margin: 1.286em 0 1.286em 0; }
h6, p { font-size: 1em; line-height: 1.5em; margin: 1.5em 0 1.5em 0; }

blockquote { font-size: 1em; line-height: 1.5em; margin: 1.5em 0 1.5em 0; text-indent: -0.4em; color: #CCC; }
table, thead, tbody, tr, th, td { font-size:1em }

.center {text-align:center;}

.byline, .timestamp, .commentnum, .incategory, .commentnum a, .incategory a { font-size: 0.9167em; line-height: 1em; color: #CCC; margin: 0;}
.aboutpost {margin: 0.9em 0 0.3em 0;}


/********************************************************************************
               TOP-LEVEL LINKS
********************************************************************************/

a { color: #FFF; font-weight: bold;  text-decoration: none; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, nolink {border-bottom: none;}

a:focus, a:hover { 
	background: #39C;
	border-bottom: none;
	color: #FFF;	
}


/********************************************************************************
                MASTHEAD
********************************************************************************/

#header {
	padding: 0;
	margin: 0 auto;
}

#header #logo {
	float: left;
	width: 298px;
	display:block;
	margin: 5em 0 0 5px;
}

#header #logo h1 { 
	text-indent:-9999px;
	background:url(wp-images/logo.png) top left no-repeat !important;
	background:url(wp-images/logo.gif) top left no-repeat;
	display: block;
}
	
#header #logo h1 a {
	display:block;
	background:url(wp-images/logo.png) top left no-repeat !important;
	background:url(wp-images/logo.gif) top left no-repeat;
	height:64px;
}

#header #logo h2 { font-size: 1em; line-height: 1.5em; margin: 1.5em 0 1.5em 0; }



/********************************************************************************
                NAVBAR
********************************************************************************/

#navbar { font-size: 1.5em; line-height: 1em; margin: 0.5em 0 1.5em 0; }
	
#navbar li {
   display: inline;
   list-style-type: none;
   font-weight: bold;
   margin: 0 2em 0 0;
   padding: 0;
}
		
#navbar ul {
   margin: 0 0 0 0.333em;
   padding: 0;
}
	
#navbar ul li a {
   color: #FFF;
   padding: 0;
   margin: 0;
   text-decoration: none;
   border-bottom: none;
}

#navbar ul li a:hover, #navbar ul li a:active {
    background: #FFF;
	color: #39C;
}

.current_page_item { border-top: 3px solid #333; }


/********************************************************************************
                MAIN CONTENT
********************************************************************************/

#main { margin-top: 0; }
#content { margin: 1.5em 0 0 0; }
hr { background: #39c; height: 0.0833em; margin: 0.667em 0 2.25em 0; }
ul, ol, li {
	margin-left: 0em;
}


/********************************************************************************
                SIDEBAR
********************************************************************************/

#sidebar { 
	font-size:0.9167em;
	line-height:1.309em;
	margin-top: 11.7em;  
	color: #CCC;
}

input#s { width: 9em; }
strong.search-excerpt { color: #39C; }

#sidebar #twitter_div { margin-top: 3em; }

#sidebar ul, #sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	font-weight: bold;
	font-size: 1.1667em; line-height: 1.286em; margin: 1.929em 0 0.643em 0;
	text-transform: uppercase;
	color: #CCC;
}


/********************************************************************************
                FOOTER
********************************************************************************/

#footer {
   text-align: left;
   font-weight: normal;
}