/*
Theme Name: RedHotz Theme
Theme URI: http://thisisfaux.com
Description: Custom Redhotz WP Theme(Based on Starkers by Elliot Jay Stocks)
Version: 2 (WP2.6.2)
Author: Matthew McClure
Author URI: http://www.thisisfaux.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 80%; font-family: Arial, sans-serif; color: #000000; background: #e3e3e3; }
ul									{ list-style: none; }
ol									{ list-style: decimal inside; }
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: #ea2222; color: white; }
div.clear 							{ clear: both; }
.blank								{ height: 30px; background: url(images/main_bg.jpg) center repeat-y; }


/*
	STRUCTURE
*/
#page-wrap							{ width: 900px; margin: 0px auto -250px;
									  min-height: 100%; height: auto !important; height: 100%; position: relative; }
div.inside							{ width: 830px; padding-left: 40px; }

/*
	TYPGROGRAPHY
*/

a 									{ color: black; text-decoration:underline; }
a:visited 							{ color: grey; text-decoration: underline; }
a:hover 							{ color: red; text-decoration: underline; }
h1									{ font-size: 3.6em; font-family: Arial, serif; font-weight: normal; }
h2									{ font-size: 2.8em; font-family: Arial, serif; font-weight: normal; }
h3									{ font-size: 2.6em; font-family: Arial, serif; font-weight: normal; margin: 0 0 10px 0; }
h4									{ color: white; font-size: 2.0em; margin-bottom: 15px; }
.post h4							{ font-size: 1.8em; font-family: Arial, serif; font-weight: normal; margin: 0 0 10px 0;
									  color: #FFFFFF; }

/*
	HEADER
*/
#header								{ width: 900px; height: 247px; background: url(images/header_bg.jpg) top center no-repeat; }
.bloginfo							{ margin-top: 13px; }
#main-pic							{ float: left; margin-right: 10px; }
#top-bar							{ padding: 41px 0 0 0; }
#top-bar p							{ color: #FFFFFF; width: 300px; float: left; }
form#searchform						{ margin: 0 0 10px 0; float: right; }
#pages_nav							{ padding-top: 196px; }

#upcoming							{ z-index: 5; position: absolute; top: 52px; left: 414px; width: 166px; height: 120px; color: white;
									  background: url(images/upcoming.png) left top no-repeat; padding-left: 37px; padding-top: 20px; }
#upcoming li						{ list-style: square; }
#upcoming a							{ color: white; }
#upcoming a:hover					{ background: white; color: black; }

/*
	POSTS
*/
#main								{ width: 900px; min-height: 230px; background: url(images/main_bg.jpg) center repeat-y;
									  list-style: square; }
#endpost							{ text-align: center; }
.post								{ min-height: 105px; }
.datebox							{ width: 45px; float: left; padding: 0 5px 5px 5px; background: #000000; color: white; text-align: center;
									  margin: 0 10px 0 0; }
.day								{ font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; }
.month								{ font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year								{ font-size: 1.6em; font-weight: bold; margin: 0; }

/*
	SIDEBAR
*/
#sidebar							{ width: 200px; height: 200px; margin-right: 40px; float: right; padding-left: 7px; padding-top: 27px; 
									  z-index: 6; }
#sidebar li							{ margin-bottom: 10px; }

/*
	COMMENTS / INPUTS STYLING
*/
input 								{ border-color: black; border-style: solid; }
textarea							{ border-color: black; border-style: solid; }
#commentform input 					{ width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea 				{ width: 98.5%; padding: 2px; }
#commentform #submit 				{ margin: 0; float: right; border: 1px solid #272727; background: white; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }

/*
	BIOS
*/
#bio_list							{ list-style: square; }

/*
	FOOTER
*/
#footer								{ font-size: 75%; width: 900px; height: 70px; background: url(images/footer_bg.jpg) center bottom no-repeat; }
#footer p							{ text-align: center; padding-bottom: 20px; }