/*

	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: 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; }
.wp-caption-text { font-size: 1.3em; font-style: italic; color: #808080; padding: 6px 0 0 6px; }



/*	TYPOGRAPHY */

@font-face { font-family: 'HVDComicSerifProRegular'; src: url('fonts/HVD_Comic_Serif_Pro-webfont.eot'); src: local('‚ò∫'), url('fonts/HVD_Comic_Serif_Pro-webfont.woff') format('woff'), url('fonts/HVD_Comic_Serif_Pro-webfont.ttf') format('truetype'), url('fonts/HVD_Comic_Serif_Pro-webfont.svg#webfontgeOxJffY') format('svg'); font-weight: normal; font-style: normal; }
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: 20px 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-nosidebar { width: 640px; margin: 0 0 0 160px; float: left; }
#main-col-nosidebar ul, ol { margin: -10px 0 10px 0; padding: 0px 0px 5px 50px; }
#main-col-cclanding { width: 960px; float: left; }
#main-col-cclanding 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; }	
#sidebar { width: 300px; float: right; }
#push { height: 135px; }



/*	HEADER */

/*h1#logo { width: 280px; height: 67px; background: url(images/yourname.png) top left no-repeat; text-indent: -9999px; margin: 0 10px 8px 0; float: left; }*/
h1#logo { font-size: 4.0em; font-family: "HVDComicSerifProRegular", Georgia, Times, serif; font-weight: normal; margin: -8px 0 0 0; }
h1#logo a { color: white; text decoration: none; }
h1#logo a:hover { color: white; text-decoration: none; }
#top-bar-bg { background: #272727; padding: 20px 0 3px 0; }
#top-bar { width: 960px; margin: 0 auto; padding: 0; position: relative; }
#top-bar-1 { width: 280px; float: left; margin-right: 0px; }
#top-bar-2 { width: 250px; float: left; margin-right: 80px; font-family: Georgia, Times, serif; font-size: 1.5em; color: #f4dfb8; }
#top-bar-3 { width: 350px; float: left; }
form#searchform { float: right; position: absolute; top: 0px; right: 0px; }



/*	MENU */

#menu-bar-bg { background: #990000; padding: 5px 0 5px 0; }
#menu-bar { width: 960px; margin: 0 auto; }
ul#main-nav { width: 940px; float: left; margin: 0 0 0 -15px; } 
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: 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#about ul#main-nav li.about a,
body#freebies ul#main-nav li.freebies a { color: white; 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: Arial, sans-serif; font-size: 1.2em; }
ul#subscribe-sb { clear: both; list-style: none; margin: -10px 0 0 15px; }
ul#subscribe-sb li { float: left; }
ul#subscribe-sb li a { display: block; width: 110px; padding: 5px 5px 5px 5px; color: #272727; background: none; text-decoration: none; font-weight: bold; }
ul#subscribe-sb li a:hover { color: #990000; }

#subscribe-sb2 { font-family: Arial, sans-serif; font-size: 1.0em; }
ul#subscribe-sb2 { clear: both; list-style: none; margin: -10px 0 0 0; }
ul#subscribe-sb2 li { float: left; }
ul#subscribe-sb2 li a { display: block; width: 90px; padding: 0; color: #272727; background: none; text-decoration: none; font-weight: bold; }
ul#subscribe-sb2 li a:hover { color: #990000; }

#cc-sb { font-family: Arial, sans-serif; }
ul#cc-sb { clear: both; list-style: none; padding: 10px 0 0 0; }
ul#cc-sb li { float: left; margin: -10px 0 0 0; }
ul#cc-sb li a { display: block; width: 280px; padding: 5px 5px 5px 5px; color: #272727; background: none; text-decoration: none; }
ul#cc-sb li a:hover { color: #990000; }

#subscribe-body { font-family: Arial, sans-serif; font-size: 1.2em; }
ul#subscribe-body { clear: both; list-style: none; }
ul#subscribe-body li { float: left; }
ul#subscribe-body li a { display: block; width: 235px; padding: 5px 5px 5px 5px; color: #272727; background: none; text-decoration: none; font-weight: bold; }
ul#subscribe-body li a:hover { color: #990000; }

#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; }

#podcast-sb { font-family: Arial, sans-serif; font-size: 1.3em; }
ul#podcast-sb { margin: 10px 0 20px -30px; 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; font-weight: normal; text-decoration: none; }
ul#podcast-sb li a:hover { color: #990000; }



/*	BLOG ENTRIES */

.postmetadata { text-transform: uppercase; font-family: 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; }

.dotted { width: 100%; margin: 0 0 20px 0; border-bottom: 1px dotted #A9A9A9; clear: both; }



/*	COMMENTS */

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; }



/*	CULTURE CONVO */

.cc-box { width: 960px; padding: 0 0 20px 0; margin: 0 0 20px 0; }
.cc-1 { width: 250px; float: left; margin: 0 30px 0 115px; }
.cc-2 { width: 450px; float: left; margin: 0 115px 0 0; }
.cc-3 { width: 300px; float: left; margin: 0 30px 0 0; }
.cc-4 { width: 300px; float: left; margin: 0 30px 0 0; }
.cc-5 { width: 300px; float: left; margin: 0 0 0 0;}

/*.cc-1 { width: 450px; float: left; margin-right: 60px; }
.cc-3 { width: 400px; float: left; margin: 0 30px 0 65px; }
.cc-4 { width: 400px; float: left; margin: 0 65px 0 0;}*/

p#cc-intro { font-family: Georgia, Times, serif; font-size: 2.5em; line-height: 1.2em; margin: 0 0 20px 0; }
p.cc-quote { font-family: Georgia, Times, serif; font-size: 2.5em; line-height: 1.2em; margin: 0 0 0 0; }
p.cc-quote-meta { color: #808080; margin: 0 0 40px 0; }



/*	STORE */

.callout { background: #f4dfb8; margin: 0 0 20px 0; padding: 20px 20px 1px 20px; border-left: 8px solid #d7b880; clear: both; }



/* 	BLOCKQUOTE */ 

blockquote { background: #f4dfb8; margin: 0 0 20px 0; padding: 20px 20px 1px 20px; font-style: italic; border-left: 8px solid #d7b880; }
.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: 25px 0 15px 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; }