/*
Theme Name: Nathan
Theme URI: http://www.nathanrice.net/
Author: Nathan Rice
Author URI: http://www.nathanrice.net/
Version: 1.0
Description: This is a custom theme built for NathanRice.net.
Template: prodigy
*/

/*********************************************
		Reset Styles
*********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*********************************************
		Universal Defaults
*********************************************/
html {
	background: #007c9b url(images/html-bg.jpg) center 0px repeat-x;
}
body { 
	background: url(images/body-bg.jpg) center 0px no-repeat; 
	color: #555;
	font-family:  Georgia, "Times New Roman", Times, Serif;
	font-size: 14px;
	line-height: 170%;
	text-align: center;
	margin: 0; padding: 0;
}

/*********************************************
		Universal Link Styles
*********************************************/
a {
	color: #56bf30;
	text-decoration: none;
}
a:hover {
	color: #1fad6b; 
	text-decoration: underline; 
}

/*********************************************
		Universal Text Elements
*********************************************/
ol, ul { margin: 5px 35px; }
ol { list-style-type: decimal; }
ul { list-style-type: square; }
b, strong { font-weight: bold; }
i, em { font-family:  Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, Serif; font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; }
p { margin: 0; padding: 10px 0; }
img { border: 0; background: none; }
blockquote {
	border: 1px solid #c7e7ee;
	background: #e2f5f9 url(images/q.gif) 5px 5px no-repeat;
	color: #25768a;
	font-size: 13px;
	margin: 0; padding: 10px 30px;
}
code { /* inline code */
	font-family: Monaco, Console, "Courier New", Courier, monospace !important;
	font-size: 11px;
	background: #EEE;
	overflow: auto;
}
pre { /* code blocks */
	font-family: Monaco, Console, "Courier New", Courier, monospace !important;
	font-size: 11px;
	margin: 10px 0; padding: 10px;
	background: #292929;
	color: #cacaca;
	overflow: auto;
}
pre code {
	background: none;
}
.alert {
	margin: 5px 0 0 0; padding: 10px;
	/* same colors that the WP admin uses for alert box */
	background: #ffffe0;
	border: 2px solid #e6db55;
}
.alert a {
	color: #cc0000;
	text-decoration: none;
}
.alert a:hover {
	color: #cc0000;
	text-decoration: underline;
}
.note {
	margin: 5px 0; padding: 10px;
	background: #aedde5;
	border: 1px solid #007c9b;
}

/*********************************************
		The Obligatory WP Styles
*********************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   text-align: left;
}
.alignright {
   float: right;
   text-align: right;
}
img.alignleft {
	margin: 0px 8px 8px 0px;
}
img.alignright {
	margin: 0px 0px 8px 8px;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*********************************************
		Heading Styles
*********************************************/
/* Use this for universal styles for all header elements */
h1,h2,h3,h4,h5,h6 {
	font-family: Baskerville, "Baskerville Old Face", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", Serif;
	font-weight: 500;
	font-size: 24px;
	color: #56bf30;
}
/* This style used as a sub-header in post/page content */
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #555;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 0;
}
/* This style used as the post titles on homepage/archive */
h3 a {
	color: #56bf30;
}
h3 a:hover {
	text-decoration: underline;
}
/* This style used as title for comments and as the identifying header on archive page  */
h4 {
	margin: 0 0 15px 0;
}
h5 {
	/* see #sidebar section */
}
h6 {
	color: #262626;
	font-size: 24px;
	padding: 15px;
}

/*********************************************
		Container / Wrap Styles
*********************************************/
#container {
	background: url(images/container-bg.jpg) center repeat-y;
	width: 1000px;
	margin: 0 auto; padding: 0;
	text-align: left;
	overflow: auto;
}
#wrap {
	background: url(images/wrap-bg.jpg) center 0px no-repeat;
	padding: 20px 40px;
	overflow: auto;
}

/*********************************************
		Header/Menu Styles
*********************************************/
#header {
	width: 1000px;
	margin: 0 auto; padding: 0;
	text-align: left;
}
#title a {
	display: block;
	clear: both;
	width: 990px; height: 222px;
	text-indent: -9999px;
	overflow: hidden;
}
#menu {
	height: 51px; width: 965px;
	margin: 0; padding: 0 0 0 35px;
	background: url(images/menu-bg.jpg) center 0px no-repeat;
}
#menu ul {
	display: block; float: left;
	width: 965px; height: 51px;
	margin: 0; padding: 0;
	list-style-type: none;
}
#menu li {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
}
#menu ul li a {
	display: block;
    margin: 0; padding: 0;
    height: 51px;
    background: url(images/menu-sprite.jpg) 0 0 no-repeat;
    text-indent: -9999px; overflow: hidden;
}

/* Home Link */
#menu ul li.home a {
	width: 106px;
	background-position: 0 0;
}
#menu ul li.home-active a {
	width: 106px;
	background-position: 0 -51px;
}
#menu ul li.home a:hover {
	width: 106px;
	background-position: 0 -102px;
}

/* About Link */
#menu ul li.about a {
	width: 117px;
	background-position: -106px 0;
}
#menu ul li.about-active a {
	width: 117px;
	background-position: -106px -51px;
}
#menu ul li.about a:hover {
	width: 117px;
	background-position: -106px -102px;
}

/* Themes Link */
#menu ul li.themes a {
	width: 127px;
	background-position: -223px 0;
}
#menu ul li.themes-active a {
	width: 127px;
	background-position: -223px -51px;
}
#menu ul li.themes a:hover {
	width: 127px;
	background-position: -223px -102px;
}

/* Plugins Link */
#menu ul li.plugins a {
	width: 131px;
	background-position: -350px 0;
}
#menu ul li.plugins-active a {
	width: 131px;
	background-position: -350px -51px;
}
#menu ul li.plugins a:hover {
	width: 131px;
	background-position: -350px -102px;
}

/* Plugins Link */
#menu ul li.contact a {
	width: 141px;
	background-position: -481px 0;
}
#menu ul li.contact-active a {
	width: 141px;
	background-position: -481px -51px;
}
#menu ul li.contact a:hover {
	width: 141px;
	background-position: -481px -102px;
}

/* Search Form */
#menu ul li.search {
}
#menu ul li.search form {
	display: block;
	height: 35px;
	padding: 16px 0 0 60px;
}
.ie7 #menu ul li.search form {
	padding-top: 13px;
}
#menu ul li.search input {
	width: 230px; height: 13px;
	margin: 0; padding: 3px 0;
	border: none; background: none;
	font-family: Georgia, "Times New Roman", Serif;
	font-style: italic;
	font-size: 11px;
	color: #999;
}


/*********************************************
		Content Styles
*********************************************/
#content {
	float: left;
	width: 630px;
	background: #FFF;
}
#content #postwrap {
	border: 1px solid #f5f5f5;
	border-bottom: 4px solid #ecf5f8;
	overflow: hidden;
	margin: 0; padding: 0;
}
#content .post,
#content .page {
	clear: both;
	margin: 0; padding: 20px;
}

/* Asides Title/Comments Style */
.category-asides h3,
.category-asides h1,
.category-asides span.aside-comments-number {
	display: inline;
	font-size: 18px;
	font-variant: small-caps;
}

a.more-link {
	clear: both;
	margin: 10px 0; padding: 0;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: 2px;
	display: block; width: 50%;
}

.top_postmeta {
	font-family: Baskerville, Palatino, "Palatino Linotype", "Book Antiqua", Gentium, Georgia, "Times New Roman", Serif;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	color: #007c9b;
}
.top_postmeta a {
	color: #007c9b;
}
.postnav {
	margin: 0; padding: 20px 0 0 0;
}

/*********************************************
		Sidebar Styles
*********************************************/
#sidebar {
	float: right;
	width: 270px;
	color: #083900;
	font-size: 12px;
	line-height: 150%;
}
#sidebar .box {
	background: #1fad6b url(images/box-bg.jpg) repeat-x;
	margin: 0 0 15px 0; padding: 15px;
	border: 2px solid #f7f4eb;
	border-bottom: 2px solid #e4dec6;
	word-wrap: break-word; overflow: hidden;
}

/* Sidebar links */
#sidebar a {
	color: #083900;
}
#sidebar a:hover {
	
}

/* Sidebar headers */
h5 {
	display: block;
	margin: 5px 10px 0 0; padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/sidebar-heading-sprite.png);
}
h5.sidebar-subscribe {
	float: left;
	width: 103px; height: 20px;
	background-position: 0 0;
}
h5.sidebar-recommendations {
	width: 147px; height: 20px;
	background-position: 0 -85px;
}
h5.sidebar-twitter {
	float: left;
	width: 72px; height: 18px;
	background-position: 0 -21px;
}
h5.sidebar-popular {
	width: 145px; height: 25px;
	background-position: 0 -40px;
}
h5.sidebar-fineprint {
	width: 147px; height: 20px;
	background-position: 0 -65px;
}

/* Sidebar elements */
#sidebar form {
	display: block; clear: both;
	width: 232px; height: 65px;
	margin: 10px 0 0 0; padding: 0;
	background: url(images/email-bg.png);
}
.ie7 #sidebar form {
	margin: 0;
}
#sidebar input {
	color: #999;
	background: none;
	border: none;
	width: 198px; height: 17px;
	margin: 27px 0 0 10px; padding: 5px 5px 5px 7px;
}

#sidebar ul,
#sidebar ul li {
	clear: both;
	list-style-type: none;
	margin: 0; padding: 0;
}
#sidebar ul {
	margin: 0; padding: 0px 0 0 0;
}
#sidebar ul {
	margin: 0; padding: 0;
}
#sidebar ul li {
	margin: 0; padding: 10px 0;
	border-bottom: 1px solid #FFF;
}
#sidebar li span {
	font-weight: bold;
}
#sidebar li a,
#sidebar li a:hover {
	color: #083900;
}
#sidebar li a:hover {
	text-decoration: underline;
}

#sidebar #sidebar-recommendations {
}
#sidebar #sidebar-recommendations .ads {
	clear: both;
	margin: 0; padding: 15px 0 0 0;
}
#sidebar #sidebar-recommendations .ads a.left {
	padding: 0 15px 0 0;
}

#sidebar .copyright {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	margin: 15px 0; padding: 10px 0;
	font-weight: bold;
}
#sidebar .attr {
	font-weight: bold;
	margin: 0; padding: 10px 0 5px 0;
}

/*********************************************
		Share Links
*********************************************/
.share {
	color: #99b4b7;
	border-top: 1px solid #efefef;
	margin: 0; padding: 10px 15px;
	overflow: auto; word-wrap: break-word;
}
.share a {
	color: #99b4b7;
	text-decoration: underline;
}
.share:hover a {
	text-decoration: none;
}
.share a:hover {
	text-decoration: underline;
}
.share .subscribe {
	padding: 0 0 0 12px;
	background: url(images/share-rss.jpg) 0 4px no-repeat;
}
.share:hover .subscribe {
	background: url(images/share-rss.jpg) 0 -14px no-repeat;
}
.share:hover .subscribe a,
.share .subscribe a:hover {
	color: #f68a22;
}
.share:hover .delicious a,
.share .delicious a:hover {
	color: #3274d1;
}
.share:hover .stumbleupon a,
.share .stumbleupon a:hover {
	color: #2b8f18;
}
.share:hover .twitter a,
.share .twitter a:hover {
	color: #33ccff;
}

/*********************************************
		Related Posts
*********************************************/
.related {
	color: #99b4b7;
	border-top: 1px solid #efefef;
	margin: 0; padding: 10px 15px;
}
.related a {
	color: #99b4b7;
	text-decoration: underline;
}
.related a:hover {
	color: #5d6f71;
}
.related p {
	margin: 0; padding: 0;
}
.related ol {
	font-style: italic;
}

.related .the-related {
	float: left; text-align: left;
	width: 450px;
}
.related .ad {
	float: right;
	width: 125px;
}

/*********************************************
		Comments Styles
*********************************************/
#comments {
	clear: both;
	margin: 0; padding: 0;
	line-height: 160%;
	border-top: 1px solid #efefef;
}
#comments ol.commentlist {
	list-style-type: none;
	margin: 0; padding: 0;
}
#comments li.trackback,
#comments li.pingback {
	clear: both;
	margin: 10px 0; padding: 0 15px;
	border-top: 1px solid #e3e2e2;
	border-bottom: 1px solid #e3e2e2;
	background: #eeeeee;
}
#comments li.comment {
	clear: both;
	margin: 0 0 30px 0; padding: 15px;
	overflow: auto; word-wrap: break-word;
}
#comments li.comment .avatar {
	display: block;
	border: 1px solid #e3e2e2;
	margin: 0; padding: 2px;
	width: 45px; height: 45px;
	float: left;
}
#comments li.comment .comment-content {
	float: left;
	width: 515px;
	margin: 0; padding: 0 0 0 15px;
}
#comments p {
}
#comments p.comment-author {
	font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif;
	font-variant: small-caps;
	font-size: 16px;
	margin: 0; padding: 0;
}
#comments .comment-meta {
	color: #a3a3a3;
	font-style: italic;
}
#comments .comment-meta a {
	color: #a3a3a3;
	text-decoration: underline;
}
#comments .comment-meta a:hover {
	color: #666;
}

/* do it for the kids */
#comments ul.children {
	display: block; clear: both;
	list-style-type: none;
	margin: 0; padding: 20px 0 0 35px;
}
#comments ul.children .comment-content {
	width: 455px;
}

/* Author Comments */
#comments li.bypostauthor {
	background: #64b9c8;
	color: #333;
}
#comments li.bypostauthor a {
	color: #FFF;
	text-decoration: none;
}
#comments li.bypostauthor a:hover {
	color: #FFF;
	text-decoration: underline;
}
#comments li.bypostauthor .avatar {
	border: 3px solid #FFF;
	padding: 0;
}
#comments li.bypostauthor .comment-author,
#comments li.bypostauthor .comment-meta {
	color: #FFF;
	text-decoration: none;
}
#comments li.bypostauthor .comment-meta a:hover {
	text-decoration: underline;
}

#respond {
	clear: both;
	margin: 0; padding: 0;
	border-top: 1px solid #efefef;
}
#respond .cancel-comment-reply {
	padding: 0 15px;
}
#respond form {
	display: block;
	padding: 0 15px;
}
#respond input {
	width: 274px;
	padding: 6px;
	border: 1px solid #d6d5d5;
	border-top: 2px solid #b7b6b6;
	border-left: 2px solid #b7b6b6;
	background: #FFF;
}
#respond .req {
	color: #dd0000;
}
#respond textarea {
	margin: 0; padding: 6px;
	width: 585px; height: 200px;
}
#respond .allowedtags {
	width: 580px;
	background: #EEE;
	margin: 0; padding: 10px;
}
#respond p.subscribe-to-comments {
	clear: none !important;
	float: left !important;
	padding-top: 15px;
}
#respond #submit {
	display: block; float: right;
	width: 164px; height: 33px;
	margin: 10px 0; padding: 0;
	font-size: 0; text-indent: -9999px; line-height: 0;
	border: none; color: #fff;
	background: url(images/submit-comment.png) no-repeat;
	cursor: pointer;
}

/*********************************************
		Footer Styles
*********************************************/
#footer {
	clear: both;
	height: 80px; width: 1000px;
	margin: 0 auto;
	background: url(images/footer-bg.jpg) top center no-repeat;
}