/*
Theme Name: Gooseneck Gazette
Theme URI: http://eddiegiese.net
Description: The Gooseneck Gazette custom Wordpress theme. Built from scratch using the famous <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by Elliot Jay Stocks. It's chock full of CSS3 goodies and features custom page designs for most articles.
Version: 2.9
Author: Eddie Giese
Author URI: http://pennedweb.com
Tags: orange, minimal, gray, simple, clean, flexible, custom article/page designs
*/

html	{ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { 
	background: #fff;
	color: #444;
	font-family: sans-serif;
	font-size: 15px;
	}
body.home {background: url(images/body-bg.jpg) left 200px no-repeat;}
.alert { background:red; color:white } 
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin: 20px 20px 10px 0; }
.alignright { float:right margin: 20px 0 10px 20px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
div, ul, li { position:relative } /*This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
/*
	Utilities
*/
.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0px;
	}
.clear {clear:both; height:0px;}	
.center {text-align:center;}
/*
	Pre-Defined HTML Elements
*/
a, #snippet a, #footer-wrapper a { color: #F19434; text-decoration:none; }
	a:hover, #snippet a:hover, #footer-wrapper a:hover {
		color: #000; 	
		text-decoration:none;
		border-bottom: 2px solid #F19434;
		}
abbr { border-bottom: 1px dotted #004b89; cursor: help;	font-variant:small-caps; text-transform:lowercase;}
blockquote { 
	margin: 0 -30px;
	padding-left: 20px;
	margin-bottom: 1.5em;
	font-style: italic;
	font-family: 'Palatino Linotype', Palatino, Georgia, serif;
	color: #2c2a2e;
	border-left: 10px solid #F19434;
	border-right: 10px solid #F19434;
	background-color: rgb(242,242,242);
	background-color: rgba(0,0,0,0.05);
	}
	blockquote p {
		padding-bottom: 0;
		padding-right: 80px;
		background: transparent url(images/blockquote.png) right center no-repeat;
		}
		blockquote p.cite { background:none; }
dl { padding: 0 0 1.5em 0;}		
	dt { font-weight:700; line-height:1.5em; color:#36210F;}
	dd { padding-left: 1em;}
em { font-style: italic; }
form { font-size: 1em; line-height:1.3em; }
	form p { padding: 0 0 0.5em; }
	form li { padding: 5px 0px; }
	form label {
		width:120px; 
		margin-left:1em;
		}
	form textarea { width: 274px; margin: 1em 0;}
h1,h2,h3,h4,h5,h6 {	font-family: "Palatino Linotype","Palatino","Georgia",serif; color:#36210F;}
h1,h2,h6 { font-weight:bold }
h3,h4,h5 { font-weight:normal }
h1 { font-size: 3.2em; font-style: italic; }
h2 { 
	font-size: 2.6em;
	line-height: 2.0em;
	text-transform:capitalize; 
	letter-spacing: -1px;
	}
	h2.contact { padding-bottom: 140px; }
	h2 em {color: #666; text-transform:none; font-size:0.85em; font-weight:normal;}
h3 { font-size: 1.8em; line-height:1.7em; text-transform:capitalize;}
	h3 em {color: #666; text-transform:none; font-size:0.85em;}
h4 { font-size: 1.6em; line-height:1.6em; font-style: italic;}
h5 { font-size: 1.3em; line-height:1.55em; font-variant: small-caps;}
h6 { font-size: 1.0em; line-height:1.5em; font-variant: small-caps;}
hr { border-top: 1px solid #ddd; border-bottom: 1px solid #adadad;}
img { border: 2px solid #ddd; background: #eee; padding: 2px;}
	a img:hover {border-color: #888;}
input.search-text {
	width:220px; 
	margin-right: 4px; 
	font-style: italic;
	color: #555;
	}	
.button {
	background: #222 url(images/button-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	line-height:1;
	border:none;
	border-bottom: 1px solid #222;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position:relative;
	cursor:pointer;
	}
	.button:hover { background-color:#111; }
.button.orange { background-color: #FF5C00; }
	.button.orange:hover { background-color: #D45500; }
ol { list-style-type: decimal; }
	ol li {  line-height: 1.5em; }
	ol li p { padding: 0 0 0 8px; }
		ol ol {margin-bottom:0;}
		ol ol li { list-style-type:lower-alpha; }
p { 
	line-height: 1.5em; 
	padding: 0 0 1.5em 0;
	}
pre {
	background-color: #F19434;
	margin:1.5em;
	padding:1em;
	font-size: 0.9em;
	font-family: Inconsolata, Consolas, Monaco, monospace;
	color:#fff;
	}
	pre code {color:#fff; font-size:1em;}
code { font-family: Inconsolata, Consolas, Monaco, monospace; color: #888; font-size: 0.9em;}
span.amp, ul#contents li span.amp {
	font-family: Baskerville, "Bell MT", “Goudy Old Style”, “Palatino”, “Book Antiqua”, Constantia, serif;
	font-style: italic;
	padding: 0;
	width: 100%;
	display:inline;
}
sup {vertical-align: super;}
strong {font-weight:700;}
table {
	border: 1px solid #CCC;
	width:100%;
	}
	td, th {
		padding:5px;
		text-align:center;
		}
	th {background: #ddd; border-bottom:1px solid #777;}
	tr {border-bottom: 1px solid #ccc;}
	tr.even {background-color:#eee;}
		tr.hover td {background-color: #eee;}
textarea, input.text {
	color: #000; 
	background-color: #efefef; 
	border: 1px solid #ddd;
	}
textarea {width: auto; overflow: auto;}
ul,ol {margin: 0 0 1em 3em;}
ul { list-style-type:disc; }
	ul li { line-height: 1.5em;}
		ul ul {margin-bottom:0;}
/*
	Structure and Targeted Elements
*/
#top, #bottom, #left, #right {
	background: #ccc;
	position: fixed;
	z-index:999;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 6px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 6px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
	/* end body border */
.wrapper { width: 960px; margin: 0 auto; }
	#header-wrap {
		width: 100%;
		background: rgb(255,255,255);
		background: rgba(255,255,255, 0.9);
		border-bottom: 6px solid #ccc;
		color: #444;
		}
	#header { 
		width: 960px; 
		padding-top: 40px; 
		margin: 0 auto;
		}
		#header a#logo-link {
			height: 140px; 
			width: 360px; 
			float:left; 
			border:none; 
			padding:0; 
			text-indent:-9999px; 
			background: url(images/logo.png) top left no-repeat;
			}
			#header a:hover#logo-link {	background-position: left -140px; }
		#snippet { 
			float: right; 
			width: 460px;
			padding-top: 20px;
			}
			#snippet p {
				font-family: "Palatino Linotype","Palatino","Georgia",serif;
				font-style: italic;
				font-size: 17px;
				}
			#snippet a {
				background: none;
				}
/*
	Navigation
*/
		div.navbar {
			border-bottom: 1px solid #ccc;
			background: rgb(255,255,255);
			height: 38px;
			}
		#nav {
			margin:0;
			list-style-type:none;
			}
			#nav li {
				float: left;
				}
				#nav li a {
					display: block;
					width: 99px;
					border-bottom: none;
					border-right: 1px solid #ccc;
					background: #eee;
					color:#444;
					padding: 6px 18px 5px 6px;
					text-transform:uppercase;
					font-size:13px;
					line-height:13px;
					/*total height: 13 + 13 + 5 + 6 + 1 = 37px*/
					}
					#nav li a span { 
						color: #777;
						text-transform:lowercase;
						letter-spacing:-0.5px;
						font-size: 12px;
						}
					#nav li a:hover,
					#nav li.feed a:hover {	
						border-bottom:none;
						color:#222;
						background-color:#ddd;
						border-color: #bbb;
						}
					/* Active Styles */
					body.about a#aboutnav,
					body.contact a#contactnav,
					body.topics a#topicsnav,
					body.archives a#archivesnav {
						color:#F19434;
						border-bottom:none;
						background-color:#ddd;
						border-color: #bbb;
						}
				#nav li.searchnav { width: 325px; height:37px;}		
					#nav li.searchnav div.search {position: absolute; top: 4px; right: 6px;}
				#nav li.left { border-left: 1px solid #ccc; }
				#nav li.right { float:right; border-left: 1px solid #ccc;}
				#nav li.feed a {background: #eee url(images/feed.png) 94px center no-repeat;}
	div.col-left { float:left; width: 47%; }
	div.col-right {float:right; width: 47% }
/*
	Targeted Content
*/				
#the-date {
	display:block;
	width: 130px;
	height: 130px;
	background: rgb(255,255,255);
	position:absolute;
	top:60px;
	left:-150px;
	}
	span#day, span#month, span#year {display:block; text-align:center;}
	span#day {
		font-size: 50px;
		padding-top: 20px;
		position:relative;
		z-index: 100;
		}
	span#month{
		font-size: 30px;
		text-transform: uppercase;
		position:relative;
		z-index: 200;
		}
	span#year{
		font-size: 50px;
		position:absolute;
		top: 40px;
		width: 130px;
		z-index: 1;
		color:#ccc;
		}
#content {
	margin: 40px auto;
	width: 600px; 
	padding: 40px 20px; 
	min-height: 500px;
	}		
body.home #content {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #ececec;
	float:right;
	}
	ul#contents {list-style-type:none; margin:0;}
	ul#contents	li {
		margin: 15px 0;
		text-transform: capitalize;
		background: #ddd;
		}
		ul#contents li:nth-child(2n+1) {background: #eee;}
		ul#contents li:hover {
			background: #F3B97E;
			}
		ul#contents li a {
			margin-right: 0.5em;
			color: #555;
			display:block;
			height: 40px;
			line-height: 15px; /*text height = 15px */
			font-family: "Palatino Linotype","Palatino","Georgia",serif;
			font-style: italic;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			}
			ul#contents li a:hover {
				color:#020202;
				background: none;
				border:none;
				}
		ul#contents li span {
			display: inline-block;
			padding: 13px 1.5em 0 0.5em;
			font-variant: small-caps;
			width: 120px;
			font-family: sans-serif;
			font-style:normal;
			color: #333;
			}
	p.post-meta {padding:0.5em 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
	p.nocomments { font-style:italic; padding-top:1em;}
	p.archive-date, p.search-date { padding-bottom:0;}
	.block-wrap {
		width: 275px;
		float: left;
		margin-left: 67px;
		}
		.alpha { margin-left: -2px; }
		.block-top{ background: transparent url(images/summary-top.png) top left no-repeat; height: 70px; }
			.block-top h3 { padding: 25px 0 0 25px; }
		.block { 
			padding: 0 25px; 
			background: transparent url(images/summary-bg.png) top left repeat-y;
			height:100%;
			}
		.block-bottom{ background: transparent url(images/summary-bottom.png) bottom left no-repeat; height: 50px; }
			.block-bottom span.omega {
				color: #aaa;
				text-align:right;
				float: right;
				width: 40px;
				padding-right: 25px;
				}
		.block li a:hover {background:transparent;}
/*
	Footer
*/
	#footer {
		background-color: #ececec;
		color: #333; 
		width: 100%;
		border-top: 3px solid #ccc;
		padding: 30px 0;
		} 
			#footer a img { border:none; }
			#footer-wrapper {
				width: 960px; 
				margin: 0px auto;
				position:relative;
				font-size:0.9em;
				}
				#footer-wrapper h4 { color:#36210F; border-bottom:1px solid #ccc; margin-bottom:0.5em; font-style:normal; padding:0 0 0 30px;}
				#footer-wrapper h4 em { color:#888; font-size:0.9em}
				#footer-wrapper h4.description {
					color: #666; 
					border:none; 
					background:url(images/description-bg.png) center bottom no-repeat;
					line-height:1em;
					text-align:center;
					margin: 0.5em 0 0 0;
					padding:0;
					font-style: italic;
					}
				.footer-col {
					width:300px;
					margin-left: 20px;
					float: left;
					position:relative;
					}
				#footer-wrapper .alpha { margin-left: 10px; }
				#footer-wrapper .alpha p {padding-top:0;}
				#footer-wrapper .middle { text-align: center; background: transparent url(images/footer-divider.png) no-repeat center bottom scroll; }
				#footer-wrapper ul { margin:0; }
					.footer-col li {list-style:none; }
					.footer-col em { color:	#555; }
					.footer-col p {padding-top: 0.5em;}
			#bits { background: transparent url(images/bits.png) left center no-repeat; }
			#findme { background: transparent url(images/findme.png) left center no-repeat;}
			#typography { background: transparent url(images/typography.png) left center no-repeat;}
		#toplink { 
			position:absolute; 
			padding:0; 
			right:65px; 
			top:-2em; 
			border: 3px solid #ccc; 
			margin:0;
			background-color:#D9691E;
			}
		#toplink a {
			display:block;
			height: 27px; 
			width: 55px; 
			border:none; 
			padding:0; 
			text-indent:-9999px; 
			background: url(images/top.png) top left no-repeat;
			}
			#toplink a:hover, #toplink a:active { border-bottom: none; }
/*
	Comments Sections
*/
div#respond { background: transparent url(images/comment.png) 420px top no-repeat; }
h4#comments { text-align:right; }
div.comment-id { position:absolute; right:0; font-family:serif; font-size:3.5em; color:#ddd; z-index:1;}
div.comment-author {z-index:100;}
div.comment-text {z-index:200; margin:1em 0 0 0; text-transform:none;}
div.reply {text-align:right; }
ul.commentlist { list-style:none; margin-left:0;}
	ul.commentlist	li {
		margin: 15px 0;
		padding: 20px;
		text-transform: capitalize;
		background: none repeat scroll 0 0 transparent;
		}
		ul.commentlist li:nth-child(2n+1) {background: #fcfcfc;}
		ul.commentlist li a {	}
			ul.commentlist li a:hover {
				background: none;
				}
	img.avatar { background:none; padding:0; }
	ul.commentlist li ul li, ul.commentlist li ol li {border:none; background:none; margin: 0 0 0 1em; padding:0; }
	ul.commentlist ul.children {list-style:none; margin:0;}
		ul.commentlist ul.children li {border:1px solid #ddd; padding:1em;}
/*
	Fixed Footer
*/
#container {display: block; position: absolute; min-height: 100%; width:100%} 
	#content, #content-wrap {display: block; margin-bottom: 280px;} 
	#footer {position: absolute; display: block; bottom: 0; /*height: 168px*/ } 
/*
	End of File
*/