/*
Theme Name: Terified
Theme URI: http://teriwilkins
Description: The Wordpress theme of teriwilkins.com.
Version: 2 (WP2.6.2)
Author: Eddie Giese
Author URI: http://pennedweb.com
Tags: teri, wilkins, green, letterpress, illustration
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "fontface.css";
/*
	Utilities
*/
html	{ -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

.center {text-align: center;}
.clear {clear:both; height:0px;}
.right {float: right;}
.left {float: left;}

a {
	text-decoration: none;
	color: #996633;
	font-weight: bold;
	}
a:hover {
	color: #669933;
	font-weight:bold;
	}
abbr {
	cursor: help;
	}
body {
	background: #ffffcc url(images/body-bg.jpg) repeat;
	color: #444;
	font: 13px/19px "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
}
blockquote {
	border-left: 10px solid #ccc; 
	padding: 0 0 0 10px;
}
hr {
	background-color: #669966;
	height: 2px;
	border: 0;
	margin: 10px 0;
	}
hr.post-summary {
	background-color: #888;
	height: 2px;
	border: 0;
	margin: 10px 0 0 0;
	}
input.comment {
	width: 78px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(images/comment-button.png) no-repeat top left;
	margin-top: 15px;
	padding: 0px;
	border: none;
	-moz-border-radius: 0px;
	font-size: 0px; 
	display:block; 
	line-height: 0px; 
	}
input:hover.comment {
	background: transparent url(images/comment-button.png) no-repeat top right;
	}
#page-wrap {
	width: 960px;
	margin:0 auto;
}
	#blog-info {
		float: left;
		width: 400px;
		margin-top: 100px;
		margin-left: 20px;
		}
		
		a#home-link {
			display:block;
			text-indent: -9999px;
			width: 311px;
			height: 46px;
			background: transparent url(images/home-link.png) top left no-repeat;
			}
		p#tag-line {
			color: #996633;
			font-size: 16px;
			line-height:24px;
			text-align: center;
			width: 311px;
			}
	div#logo {
		width: 280px;
		height: 240px;
		float: left;
		}
		body#blog div#logo {
			float:right;
			}
		a#logo-link {
			display:block;
			text-indent: -9999px;
			width: 272px;
			height: 254px;
			background: transparent url(images/taw2.png) center center no-repeat;
			}
			body#blog a#logo-link{
				background: transparent url(images/teri.png) center center no-repeat;
			}
			div#recommend-wrap {
				float:right;
				width: 250px;
				}
				div#recommend-top {
					background: transparent url(images/chalkboard-top.png) top left no-repeat;
					height: 40px;
					}
				div#recommendations {
					background: transparent url(images/chalkboard-wrap.png) top left repeat-y;
					}
				div#recommend-bottom {
					background: transparent url(images/chalkboard-bottom.png) top left no-repeat;
					height: 40px;
					}				
					div#recommendations p#quote {
						margin: 0 25px 0 20px;
						font: 12px/18px Georgia, "Times New Roman", Times, serif;
						font-style: italic;
						color: #fff;
						padding-bottom: 0px;
						}
					div#recommendations p#author {
						margin: 0 27px 0 0;
						text-align: right;
						font: 14px Georgia, "Times New Roman", Times, serif;
						padding-bottom: 0px;
						}
						div#recommendations p#author a{
							font-weight: normal;
							color: #F6FBAE;
							}
							div#recommendations p#author a:hover{
								border-bottom: 1px dotted #F6FBAE;
								}
	#content-head {
		background: transparent url(images/content-head.png) top left no-repeat;
		width: 960px;
		height: 143px;
		}
	#content-wrap {
		background: transparent url(images/content-wrap.png) top left repeat-y;
		width: 960px;
		}
		#content {
			width: 500px;
			height: 100%;
			padding: 0 0 0 65px;
			margin-top: -100px;
			float: left;
			}
			#content ul li {
				padding-left:10px;
				list-style: inside circle;
				}
		#sidebar {
			width: 290px;
			height: 100%;
			margin-top: -100px;
			float: right;
			margin-right: 50px;
			}
	#content-foot {
		background: transparent url(images/content-foot.png) top left no-repeat;
		width: 960px;
		height: 57px;
		}
	#footer {
		background: transparent url(images/footer-bg.png) top left no-repeat;
		width:960px;
		height: 116px;
		}
			#footer ul {
				width: 660px;
				list-style-type: none;
				margin: 0 auto;
				padding-top: 30px;
				}
					#footer ul li {
						display: block;
						float: left;
						padding-right: 30px;
						text-align:right;
						height: 32px;
						}
						#footer ul li.omega { padding-right:0;}
						#footer ul li a {
							display:block;
							text-decoration: none;
							color: #996633;
							height:32px;
							line-height: 32px;
							padding-right: 40px;
							vertical-align:bottom;
							}
							#footer ul li a:hover {
								color: #669933;
								}
						#footer ul li a.blog {
							background: url(images/rss-foot.png) no-repeat bottom right;
							}
						#footer ul li a.facebook {
							background: url(images/facebook.png) no-repeat bottom right;
							}
						#footer ul li a.twitter {
							background: url(images/twitter.png) no-repeat bottom right;
							}
						#footer ul li a.linkedin {
							background: url(images/linkedin.png) no-repeat bottom right;
							}
						#footer ul li a.buzz {
							background: url(images/buzz.png) no-repeat bottom right;
							}
						#footer ul li a.email {
							background: url(images/email_send.png) no-repeat bottom right;
							}
			#footer p {
							padding-top: 10px;
							width: 100%;
							margin:0 auto;
							font-size:10px;
							text-align: center;
						}								
h2 {
	color: #669933;
	font: 26px/1.5 "DejaVu Serif Condensed",Georgia,"Times New Roman",Times,serif;
	border-bottom: 1px dotted #669933;
	font-style: italic;
	margin-bottom: 10px;
	text-transform: capitalize;
	}
	h2 a {
		color: #669933;
		text-decoration:none;
		font-weight: normal;
		}
	h2 a:hover {
		color: #CC6600;
		font-weight: normal;
		}	
	#sidebar h2 {
		padding-top: 10px;
		font-size: 22px;
		}
h3 {
	color: #669933;
	font: 18px/1.5 "Century Gothic", Verdana, sans-serif;
	padding: 5px 0px;
	text-transform: capitalize;
	font-weight: normal;
	}
#siderbar h2, #sidbar h3 {
	padding-bottom: 0px;
	}
h4 {
	color: #669933;
	font: 16px/1.5 "Century Gothic", Verdana, sans-serif;
	font-variant: small-caps;
	padding: 5px 0px;
	font-weight: normal;
	}

p { padding-bottom: 15px;}
p.date {
	color: #666;
	font: 12px/15px Helvetica, Arial, sans-serif;
	padding-bottom: 13px;
	}
p.post_summary {
	color: #333;
	font: 12px/15px Helvetica, Arial, sans-serif;
	padding-top: 15px;
	padding-bottom: 15px;
	float:right;
}
ul#nav {
	height:30px;
	padding-left:60px;
	width:484px;
	margin-bottom: -4px;
	margin-top: 20px;
	}
	ul#nav li {
		float:left;
		height: 30px;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		text-indent:-9999px;
		}
		ul#nav li a {
			display:block;
			height: 30px;
			}
ul#nav li.services a {
	width:103px;
	background: transparent url(images/nav.png) left top no-repeat;
}
ul#nav li.resume a {
	width:104px;
	background: transparent url(images/nav.png) -103px top no-repeat;
}
ul#nav li.recommendations a {
	width:202px;
	background: transparent url(images/nav.png) -207px top no-repeat;
}
ul#nav li.links a {
	width:75px;
	background: transparent url(images/nav.png) right top no-repeat;
}
ul#nav li.services a:hover {
	background: transparent url(images/nav.png) left -30px no-repeat;
}
ul#nav li.resume a:hover {
	background: transparent url(images/nav.png) -103px -30px no-repeat;
}
ul#nav li.recommendations a:hover {
	background: transparent url(images/nav.png) -207px -30px no-repeat;
}
ul#nav li.links a:hover {
	background: transparent url(images/nav.png) right -30px no-repeat;
}
body#services ul#nav li.services a {
	background: transparent url(images/nav.png) left -60px no-repeat;
}
body#resume ul#nav li.resume a {
	background: transparent url(images/nav.png) -103px -60px no-repeat;
}
body#recommendations ul#nav li.recommendations a {
	background: transparent url(images/nav.png) -207px -60px no-repeat;
}
body#links ul#nav li.links a {
	background: transparent url(images/nav.png) right -60px no-repeat;
}
		
#sidebar ul {
	margin: 10px 0;
	}
	li.rssfeed {
		background: transparent url(images/RSS.png) right center no-repeat;
		width: 160px;
		}
		li.rssfeed a {
			width: 100%;
			}
#content img {
	border: 4px solid #669933;
	margin: 15px 0;
	}
li#twitter-1 {
	background: transparent url(images/twitter-bird-1.png) top right no-repeat;
	background-position: 210px 7px
}
ul.twitter {
	padding-right: 15px;
	}
	li.twitter-item {
		background: transparent url(images/twitter-bg.png) no-repeat right top;
		color: #fff;
		height: 140px;
		margin-bottom: -40px;
		margin-left: 20px;
		padding: 40px 20px;
		font-style: italic;
		font-family: Georgia, "Times New Roman", Times, serif;
		}
		li.twitter-item a {
			color: #fac977;
			}
			li.twitter-item a:hover {
				color: #00fac9;
				}
		span.twitter-timestamp {
			color: #f3f478;
			float:right;
			padding-left: 15px;
			}
#content ul li.older, #content ul li.newer {
	list-style-type: none;
	float:left;
	width: 50px;
	height: 22px;
	padding:0px;
	}
	#content ul li.older a {
		background: transparent url(images/older-newer-sprite.png) top left no-repeat;
		text-indent: -9999px;
		width: 50px;
		height: 22px;
		display:block;
		}
		#content ul li.older a:hover {
			background: transparent url(images/older-newer-sprite.png) top right no-repeat;
		}
#content ul li.newer {
	margin-left: 20px;
	}
	#content ul li.newer a {
		background: transparent url(images/older-newer-sprite.png) bottom left no-repeat;
		text-indent: -9999px;
		width: 50px;
		height: 22px;
		display:block;
		}
		#content ul li.newer a:hover {
			background: transparent url(images/older-newer-sprite.png) bottom right no-repeat;
		}		
fieldset.search {
	border: none;
	width: 248px;
	background: #fefefe;
	padding: 0px;
	margin: 0px;
}
.search input {
	border: none;
	float: left;
}
.search input.box {
	color: #555;
	font-size: 14px;
	width: 165px;
	height: 30px;
	background: transparent url(images/search-form.png) no-repeat;
	padding: 5px 0 0 10px;
	margin: 0px;
	border:none;
}
.search input.btn {
	width: 63px;
	height: 30px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(images/search-form.png) no-repeat top right;
	margin: 0px;
	padding: 0px;
	border: none;
	-moz-border-radius: 0px;
	font-size: 0px; 
	display:block; 
	line-height: 0px; 
}
#content img.avatar {
	border: 2px solid #999;
	padding: 1px;
	float: left;
	margin-right:20px;
	}
li.alt {
	background-color: #fff;
	}