/*

	MY THEME FOR WORDPRESS
		 
	By: Chris Ferdinandi
	http://renegadehr.net
	http://chrisferdinandi.com
		 
	-- Special thanks to Chris Coyier of http://css-tricks.com for providing the template upon which this theme is based.
		 
	Light Tan: #f4dfb8
	Dark Tan: #d7b880
	Tan Fill: #EFD29F
	Dark Gray: #272727
	Post Gray: #808080
	Light Gray: #A9A9A9
	Dark Red: #990000
		 
*/



/*	RESET */

* { margin: 0; padding: 0; } 
html { overflow-y: scroll; } 
html, body { height: 100%; } 
body { font-size: 10px; font-family: Georgia, serif; color: #272727; background: url(images/body-bg.png) top center repeat-x white; }
ul { list-style: square outside; } 
ol { list-style: decimal outside; } 
a { outline: none; text-decoration: none; } 
a img { border: none; background: none; } 
img { vertical-align: middle; } 
table { border-collapse: collapse; } 



/*	UTILITY */

.floatLeft { float: left; } 
.floatRight { float: right; } 
.clear { clear: both; } 
.button { border: 1px solid #272727; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; } 
.button:hover { background: #990000; color: white; } 
img.alignleft, div.alignleft { float:left; margin: 0 15px 15px 0; }
img.alignright, div.alignright { float:right; margin: 0 0 15px 15px; }
img.aligncenter, div.aligncenter { display: block; text-align:center; margin:0 auto; }
img.alignnone, div.alignnone { margin: 0 15px 15px 0; }



/*	TYPGROGRAPHY */

p { font-size: 1.5em; line-height: 1.5em; margin: 0 0 20px 0; }
li { font-size: 1.5em; line-height: 1.5em; margin: 0 0 10px 0; }
h1 { font-size: 3.0em; font-family: Arial, sans-serif; font-weight: normal; margin: 0 0 10px 0; } 
h1 a { text-decoration: none; color: #990000; }
h1 a:hover { color: #272727;}
h2 { font-size: 2.6em; font-family: Arial, sans-serif; font-weight: normal; margin: 0 0 20px 0; padding: 10px 0 0 0; }
h2 a { text-decoration: none; color: #990000; }
h2 a:hover { text-decoration: none; color: #272727;} 
h3 { font-size: 2.2em; font-family: Arial, sans-serif; font-weight: normal; margin: 0 0 20px 0; padding: 10px 0 0 0; } 
h4 { color: white; font-size: 2.0em; margin-bottom: 15px; }   
.underline { border-bottom: 1px dotted #A9A9A9; }



/*	FORMS */

input { padding: 3px; }



/*	STRUCTURE */

#page-wrap { width: 960px; margin: 0px auto -135px; min-height: 100%; height: auto !important; height: 100%;}
#main-col { width: 640px; float: left; }
#main-col ul, ol { margin: -10px 0 10px 0; padding: 0px 0px 5px 50px; }	
#main-col-store { width: 960px; float: left; }
#main-col-store ul, ol { margin: -10px 0 10px 0; padding: 0px 0px 5px 50px; }	
#main-col-product { width: 640px; margin: 0 0 0 160px; float: left; }
#main-col-product ul, ol { margin: -10px 0 10px 0; padding: 0px 0px 5px 50px; }		
#sidebar { width: 300px; float: right; }
#push { height: 135px; }



/*	HEADER */

/*h1#logo { width: 288px; height: 33px; background: url(images/yourname.png) top left no-repeat; text-indent: -9999px; margin: 0 10px 8px 0; float: left; }*/
h1#logo { font-size: 4.2em; font-family: Georgia, Arial, sans-serif; font-weight: normal; margin: -10px 0 0 0; }
h1#logo a { color: #FFF; text decoration: none; }
h1#logo a:hover { color: #FFF; text-decoration: none; }
#main-pic { float: left; margin-right: 10px; }
#top-bar { width: 960px; margin: 0 auto 5px auto; padding: 20px 0 14px 0; position: relative; }
#top-bar p { color: #f4dfb8; width: 300px; float: left; }
form#searchform { float: right; position: absolute; top: 20px; right: 0px; }



/*	MENU */

#menu-bar { padding-top: 0; padding-bottom: 27px;}
ul#main-nav { width: 940px; float: left; margin: 0 0 0 0; } 
ul#extra-nav { width: 0px; float: right; text-align: right; margin: 0 0 0 0; }
ul#main-nav li, ul#extra-nav li { display: inline; }
ul#main-nav li a, ul#extra-nav li a { font-family: "Century Gothic", Arial, sans-serif; text-transform: lowercase; color: white; font-size: 1.1em; padding: 5px 15px 5px 15px; }

ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#default ul#main-nav li.home a,
body#culture-convo ul#main-nav li.culture-convo a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a { text-decoration: underline; }



/* 	SIDEBAR */ 

.widget { background: #f4dfb8; width: 300px; border-right: 1px solid #d7b880; border-bottom: 1px solid #d7b880; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; }
.widget .inside { padding: 10px; }
.widget a { color: #990000; text-decoration: none; } 
.widget a:hover { color: #990000; text-decoration: underline; }
.widget h1 { font-size: 2.0em; font-family: Arial, sans-serif; font-weight: bold; margin: 0 0 10px 0; }

#subscribe-sb { font-family: "Century Gothic", Arial, sans-serif; font-size: 1.2em; }
ul#subscribe-sb { clear: both; list-style: none; margin: -10px 0 0 0; }
ul#subscribe-sb li { float: left; }
ul#subscribe-sb li a { display: block; width: 130px; padding: 5px 5px 5px 5px; color: #272727; background: none; text-decoration: none; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#subscribe-body { font-family: "Century Gothic", Arial, sans-serif; font-size: 1.2em; }
ul#subscribe-body { clear: both; list-style: none; margin: -10px 0 0 0; }
ul#subscribe-body li { float: left; }
ul#subscribe-body li a { display: block; width: 250px; padding: 5px 5px 5px 5px; color: #272727; background: none; text-decoration: none; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#subscribe-callout { font-family: "Century Gothic", Arial, sans-serif; font-size: 1.2em; }
ul#subscribe-callout { clear: both; list-style: none; margin: -10px 0 0 25px; }
ul#subscribe-callout li { float: left; }
ul#subscribe-callout li a { display: block; width: 365px; padding: 5px 10px 5px 10px; color: #272727; background: none; text-decoration: none; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#bestof {  }
ul#bestof { clear: both; margin: -10px 0 0 30px; list-style: square outside; color: #272727; }
ul#bestof li { margin: 0 0 10px 0; }
ul#bestof li a { padding: 5px 5px 5px 5px; color: #990000; text-decoration: none; }
ul#bestof li a:hover { color: #990000; text-decoration: underline; }

#connect { font-family: "Century Gothic", Arial, sans-serif; font-size: 1.1em; }
ul#connect { clear: both; list-style: none; }
ul#connect li { margin: 0 0 0 10px; width: 260px; }
ul#connect li a { display: block; padding: 5px 5px 10px 5px; color: #272727; background: none; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#podcast-sb { font-family: "Century Gothic", Arial, sans-serif; font-size: 1.3em; }
ul#podcast-sb { margin: 10px 0 20px 0; clear: both; list-style: none; }
ul#podcast-sb li { margin: 0 0 0 0; width: 300px; }
ul#podcast-sb li a { display: block; padding: 5px 5px 10px 5px; color: #272727; background: none; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; }



/*	BLOG ENTRIES */

.postmetadata { text-transform: uppercase; font-family: "Century Gothic", Arial, sans-serif; font-size: 1.2em; line-height: 1.2em; color: #808080; padding: 0 0 20px 0; margin: 5px 0 0 0; }
.postmetadata a { text-decoration: none; color: #808080; }
.postmetadata a:hover { text-decoration: underline; color: #990000;}

.post { margin: 0 0 15px 0; }
#post-index { border-bottom: 1px dotted #A9A9A9; }
.post a { color: #990000; text-decoration: none; } 
.post a:hover { color: #990000; text-decoration: underline; }
/*.post hr { border-style: none none dotted; color: #fff; background-color: #fff; border: 1px dotted #A9A9A9; }*/
/*.post hr { border-bottom: 1px dotted #A9A9A9; } */

.datebox { width: 40px; float: left; padding: 0 5px 5px 5px; background: #990000; color: white; text-align: center; margin: 0 10px 0 0; }
.day { font-size: 3.4em; font-weight: bold; margin: -5px 0 0 0; font-family: Century Schoolbook, Georgia, serif; }
.month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: -5px 0 0 0; }
.year { font-size: 1.6em; font-weight: bold; margin: -5px 0 0 0; }

ol.commentlist { list-style: none; margin: 20px 0 0 -50px; }
.comment-bubble { background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ol.commentlist li { margin: 0 0 30px 0; }
ol.commentlist li p { font-size: 1.0em; }
ol.commentlist li a { color: #FFF; text-decoration: underline; }
ol.commentlist li a:hover { color: #FFF; text-decoration: none; }

#comment-text p { font-size: 1.0em; }
#comment-text a { color: #990000; text-decoration: none; } 
#comment-text a:hover { color: #990000; text-decoration: underline; }

ol.footnote { margin: 0 0 0 20px; padding: 0 0 0 20px; color: #808080; font-size: 0.8em; }



/*	STORE */

.callout { margin: 0 40px 25px 15px; padding: 15px 20px 3px 20px; border: 1px solid #A9A9A9; }

.callout-store-left { float: left; margin: 0 0 15px 0; width: 430px; height: 200px; padding: 15px 20px 3px 20px; border: 1px solid #A9A9A9; }

.callout-store-right { float: right; margin: 0 0 15px 0; width: 430px; height: 200px; padding: 15px 20px 3px 20px; border: 1px solid #A9A9A9; }

#buy-now { font-family: "Century Gothic", Arial, sans-serif; font-size: 1.0em; }
ul#buy-now { clear: both; list-style: none; margin: -10px 0 55px -30px; }
ul#buy-now li { float: left; margin: 0 20px 0 0; }
ul#buy-now li a { display: block; width: 100px; padding: 10px 10px 10px 10px; color: white; background: #990000; text-decoration: none; font-weight: bold; border-right: 1px solid #A9A9A9; border-bottom: 1px solid #A9A9A9; -moz-border-radius: 10px; -webkit-border-radius: 10px; }



/* 	BLOCKQUOTE */ 

/*blockquote { margin: 0 10px 20px 10px; padding: 15px 20px 3px 20px; background: #E0EDF0; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-style: italic; }*/
blockquote { margin: 10px 20px 10px 40px; padding: 0 0 0 15px; font-style: italic; border-left: 3px solid #990000; }
.clearboth { clear: both; }



/* 	PAGE NAVIGATION */ 

.page-nav { clear: both; /* To clear any floats */ margin: 15px 0px; padding: 2px 0px; height: 22px; }
.nav-previous { float: left; text-align: left; margin: 2px 0px; }
.nav-next { float: right; text-align: right; margin: 2px 0px; }
.page-nav a { color: #990000; text-decoration: none; }
.page-nav a:hover { color: #990000; text-decoration: underline; }
.nav-previous a { padding-left: 10px; }
.nav-next a { padding-right: 10px; }



/* 	SOCIAL BOOKMARKS */ 

#social { width: 600px; height: 45px; padding: 5px 0 35px 0; }
#social ul{ list-style: none; margin: 0 0 0 -50px; }
#social li{ display: inline; padding-right: 10px; }



/*	FOOTER */

#footer { height: 135px; background: #272727; border-top: 4px solid #990000; padding-top: 20px; }
#footer-inside { width: 960px; margin: 0 auto; }
#footer p { color: white; }
#footer-1 { width: 960px; }
#footer a { color: white; text-decoration: underline; } 
#footer a:hover	{ text-decoration: none; }
#footer ul { color: white; }