/*

Theme Name: Going Stagg
Theme URI: http://www.davidstagg.com
Description: David Stagg's blog Going Stagg WordPress theme. I don't want no cake on my birthday, I want my cake everyday.
Version: 2.0
Author:	David Stagg
Author URI: http://www.davidstagg.com/

*/

* { padding: 0; margin: 0; }

body {
	background: #fff url(images/dstagg_pattern.png) repeat top left;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
	}

/*--- global ---*/
p { margin-bottom: 12px; }
a { color: #f90; text-decoration: none;	}
a:visited { color: #f90; text-decoration: none; }
a:hover { color: #f00; text-decoration: none; }

img {
	border: 1px dotted #000;
	padding: 6px;
	background: #fff;
	}
.floatright { float: right; margin: 0 0 15px 15px; }

a:hover img {
	background: #f90;
	}

.external { background: transparent url(images/external.gif) right center no-repeat; 
	padding-right: 13px;
	margin-right: 3px;
	}
	
blockquote {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #555;
	margin: 0 30px 1.5em 15px;
	padding: 0 0 0 25px;
	background: transparent url(images/blockquote_quote.gif) no-repeat top left;
	}

abbr, acronym {
	border-bottom: 1px dotted #aaa;
	text-transform: uppercase;
	cursor: help;
	}

code {
	color: #090;
	font-family: Courier, monospace;
	}

pre {
	margin: 0 0 1.5em 0;
	overflow: auto;
	font-size: 1.3em;
	clear: both;
	}


/*--- headers ---*/
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	}

h1 {
	margin: 2px 0 15px 0;
	color: #f90;
	font: normal 36px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	}
	
h1 a {
	color: #f90;
	font: normal 36px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	text-decoration: none;
	line-height: .9em;
	}
h1 a:hover { color: #f00; }


h2 {
	font-size: 18px;
	color: #f00;
	padding-bottom: 8px;
	}
h3 {
	font-size: 14px;
	color: #000;
	padding-bottom: 7px;
	font-style: oblique;
	font-weight: bold;
	}

#masthead h1, #masthead h3 { background: none; text-indent: -9999px; }

.underline { border-bottom: 1px dotted #f00; margin-bottom: 8px; }



#container {
	width: 960px;
	margin: 0 auto 0 auto;
	position: relative;
	}


/* ----- header presentation ----- */

#header {
	clear: both;
	margin-bottom: 115px;
	}

#flag {
	position: absolute;
	background: transparent url(images/astros_hat.gif) no-repeat top left;
	top: 0;
	left: 0;
	display: block;
	width: 330px;
	height: 250px;
	z-index: 199;
	}

#davidstagg {
	background: transparent url(images/davidstagg.gif) no-repeat top left;
	text-indent: -9999px;
	display: block;
	width: 381px;
	height: 24px;
	position: absolute;
	top: 114px;
	right: 0;
	}
	#davidstagg:hover {
		background-position: bottom left;
		}

#about {
	float: right;
	display: block;
	width: 736px;
	height: 13px;
	text-indent: -9999px;
	background: #fff url(images/about.png) no-repeat top right;
	position: absolute;
	top: 148px;
	right: 0;
	}
	#about:hover {
		background: #f90 url(images/about_hover.png) no-repeat top right;		
		}

/* ------ menu-fest -------- */
.menu {
	position: absolute;
	top: 90px;
	right: 0;
	font: 16px Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -.1em;
	}

.menu ul {
	list-style: none;
	}
	
.menu li {
	display: inline;
	float: right;
	margin-left: 10px;
	}
	
.menu li a {
	color: #666;
	}
.menu li a:hover {
	color: #f90;
	text-decoration: none;
	}
	


.rssfeed { margin-bottom: 15px; }


/* ---- PAGE STYLINGS ---- */

#content /* right column */ {
	width: 600px;
	margin-left: 20px;
	margin-top: 15px;
	float: right;
	}
	.sub #content {
		margin-top: 0;
		}

#l_sidebar {
	float: left;
	width: 280px;
	font-size: 11px;
	color: #666;
	line-height: 1.3em;
	margin-top: 65px;
	}
.sub #l_sidebar {
margin-top: 0;
}

.entry {
	padding: 0 0 30px 0;
	margin: 0 0 25px 0;
	background: transparent url(images/entry_bottom.gif) bottom center no-repeat;
	}

/* first post stylings */
.firstpost {
	border: 1px #fff solid;
	padding: 15px;
	margin-bottom: 15px;


	background: transparent url(images/tile_bg.jpg) top left repeat;
	}
.firstpost h1 a {
	background-color: #fff;
	line-height: 1em;
	font: normal 40px Georgia, "Times New Roman", Times, serif;
	}


/*----- ABOUT PAGE ------ */

.sub .about_banner {
	margin: 0 0 15px 0;
	background: transparent url(images/ds_about_banner_long.gif) no-repeat center center;
	display: block;
	width: 970px;
	height: 67px;
	}

#about_content { width: 650px; }

.about_david, .about_barry { margin-top: 25px; }

.about_david {
float: left;
width: 315px;
}

.about_barry {
float: right;
width: 315px;
}


/*---- LEFT SIDEBAR HEADER STYLINGS ----*/
	
.recently {
	padding-top: 10px;
	background: transparent url(images/recently.gif) top left no-repeat;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	margin-bottom: 15px;
	}
	.recently ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	.recently li {
		padding: 0 0 0 25px;
		margin: 0 0 8px 0;
		background: url(images/pen.gif) left top no-repeat;
		}

.on_the_daily ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.on_the_daily li {
	padding: 0;
	background: none;
	}
	
.on_the_daily li a {
	display: block;
	padding: 2px 0 2px 25px;
	width: 250px;
	color: #000;
	background: url(images/li_friends.gif) left center no-repeat;
	}
.on_the_daily li a:hover {
	color: #f90;
	text-decoration: none;
	background: url(images/li_friends_hover.gif) left center no-repeat;
	}
.on_the_daily li a:visited {
	background: url(images/li_friends_visited.gif) left center no-repeat;
	}


.on_the_daily h2, .search h2, .ads h2, .rss_l_sidebar h2, .recently h2 {
	background: none;
	text-indent: -9999px;
	}

.on_the_daily {
	padding-top: 10px;
	background: transparent url(images/on_the_daily.gif) top left no-repeat;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	margin-bottom: 15px;
	}

.ads {
	padding-top: 10px;
	background: transparent url(images/ads.gif) top left no-repeat;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	margin-bottom: 15px;
	}

.rss_l_sidebar {
	padding-top: 10px;
	background: transparent url(images/subscribe.gif) top left no-repeat;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	margin-bottom: 15px;
	}

/*--- MAIN COLUMN LIST STYLES ---*/

.entry ul, .entry ol { margin: 0 0 1.4em 25px; }
	
.entry li { 
	margin: 0 0 0.3em 0;
	padding: 0 0 0 25px;
	background: url(images/li_sprite.gif) left top no-repeat;
	list-style: none;
	}
		
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }


.entry .left { margin: 0.5em 15px 0.5em 0; float: left; clear: left; }
.entry .right { margin: 0.5em 0 0.5em 15px; float: right; clear: right; }


/* ---- tags and comments ---- */

.tagged {
	color: #444;
	clear: both;
	font-style: oblique;
	}

.tagged a, .tagged a:visited {
	color: #333;
	text-decoration: none;
	}
	
.tagged a:hover {
	color: #000;
	text-decoration: none;
	}

.add_comment {
	display: block;
	margin-top: 10px;
	}


/* ----- previous entries and next entries styles ------ */

.navigation { width: 480px; font-size: 1.0em; float: left; }
	
	.previous { padding: 0 20px 0 0; float: left; }
	
	.next { float: right; }

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 2.0em 0 !important; }

.whitespace { margin: 0 0 3.5em 0 !important; }



/*------- LEFT SIDEBAR MORE SPECIFICS -------*/

.blurb {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
	}

.recently_title { font-weight: bold; color: #f90; }
.recent_date { font-weight: normal; color: #000; font-style: oblique; }
.category { font-weight: normal; color: #666; }

.more-link {
	font-weight: bold;
	}


.date {
	font: 12px Verdana, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0 0 5px 0;
	margin: 0 25px 15px 0;
	border-bottom: 1px solid #999;
	}

.category_date {
	font: 12px Verdana, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 25px 15px 0;
	}




/*------ comments -------*/

.main_comment_box { /* Individual comments */
	padding: 0;
	}

.calendar {
	float: left;
	margin: 0 15px 0 0;
	display: block;
	width: 65px;
	height: 63px;
	}
.calendar-day {
	font-weight: bold !important;
	font: 34px Georgia, "Times New Roman", serif;
	color: #000;
	width: 60px;
	text-align: center;
	padding-top: 17px;
	letter-spacing: -.1em;
	}

.calendar-icon-01 {
background: url('images/cal/calendar-icon-01.jpg');
}
.calendar-icon-02 {
background: url('images/cal/calendar-icon-02.jpg');
}
.calendar-icon-03 {
background: url('images/cal/calendar-icon-03.jpg');
}
.calendar-icon-04 {
background: url('images/cal/calendar-icon-04.jpg');
}
.calendar-icon-05 {
background: url('images/cal/calendar-icon-05.jpg');
}
.calendar-icon-06 {
background: url('images/cal/calendar-icon-06.jpg');
}
.calendar-icon-07 {
background: url('images/cal/calendar-icon-07.jpg');
}
.calendar-icon-08 {
background: url('images/cal/calendar-icon-08.jpg');
}
.calendar-icon-09 {
background: url('images/cal/calendar-icon-09.jpg');
}
.calendar-icon-10 {
background: url('images/cal/calendar-icon-10.jpg');
}
.calendar-icon-11 {
background: url('images/cal/calendar-icon-11.jpg');
}
.calendar-icon-12 {
background: url('images/cal/calendar-icon-12.jpg');
}

.author_com {
	font: 14px Georgia, "Times New Roman", serif;
	border-bottom: 1px dotted #999;
	margin: 0 0 8px 80px;
	padding-bottom: 3px;
	}

.author_date {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	}

.author_com_text {
	padding-left: 10px;
	}

/* STYLES FOR WHEN I COMMENT ON MY OWN STUFF */

.author {
	color: #000;
	border-left: 5px solid #333;
	}
.author .calendar {
	margin-left: 15px;
	}

/* END PERSONAL STYLES */


ol.commentlist {
	list-style: none;
	margin: 0 0 4.0em 0;
	}
		
ol.commentlist li {
	width: 550px;
	padding: 15px 0 1.0em 0;
	}

/*--- for the comments ---*/

#comment_form {
	width: 525px;
	}

#comment_form p {

	}
	
#comment_form label {
	padding: 0 0 0 10px;
	}

#comment_form .text_input {
	width: 191px;
	padding: 3px;
	color: #444;
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
		
#comment_form .text_area { width: 321px !important; }
	
#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }

#comment_form p.subscribe-to-comments { font-size: 1.0em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }



/* ------- footer -------- */
#footer {
	width: 960px;
	height: 50px;
	background-color: #fff;
	padding: 10px;
	margin-top: 30px;
	}

#footer p {
	color: #999;
	padding: 0;
	font-size: 11px;
	}

#footer p a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	}
#footer p a:hover {
	background-color: #ccc;
	text-decoration: none;
	color: #fff;
	}


/* Help courtesy Macromedia and the Man in Blue */
input.submit {
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0.25em;
	background-color: #fff;
	color: #333;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}
input.submit:active {
	border: 3px double #ccc;
	border-top-color: #999;
	border-left-color: #999;
	}


/* ----- misc stylings ----- */

.firstthree {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	}

.clear {
	clear: both;
	}
.smalltext { font-size: 11px; }

.entry ol { list-style: decimal decimal none; background: none; }
.entry ol li { list-style: decimal; background: none; padding: 0; }