/*  
Theme Name: Clint Allen's Theme
Theme URI: http://www.clintallen.com
Description: Theme specificly tailored to the needs of ClintAllen.com
Author: MaryLiz Bender
Author URI: http://www.marylizbender.com/
*/


/*#############################
  Clear Browser Defaults
#############################*/

* {margin:0;padding:0}
form, fieldset, img {border:none}
a {outline:none; text-decoration:none; color:#868584}

.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */


/*#############################
  Headline Styles
#############################*/
h1, h2 {font-size:16px; color:#a9ad77; font-weight:normal; text-transform:uppercase}
h3 {font-size:12px}


/*#############################
  General Classes
#############################*/
.bottom_space {margin-bottom:15px}
.bigger {font-size:1.1em}

/*#############################
  Layout Styles
#############################*/

body {font:87.5% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#fff; background:#010101 url(images/body_bg.jpg) left top repeat-x}

#wrapper {width:907px; margin:0 auto}
	
	#header {float:left; display:inline; padding-bottom:15px; width:907px; background:url(images/header_bg.jpg) left top no-repeat}
		#logo {float:left; display:inline; padding:32px 0 0 18px; margin-right:50px}
		#nav {float:left; font-size:12px; text-transform:uppercase}
			#nav li {float:left; display:inline; padding-top:34px; margin-right:33px; padding-left:4px; border-left:2px solid #7c5635}
				#nav li.last {margin-right:0}
				#nav li a {color:#fff}
					#nav li a:hover {color:#a38c7b}
					
	#hero {clear:both; width:889px; padding:20px 0 35px 18px; background:url(images/hero_bg.jpg) left top no-repeat}
		#hero p {width:420px; font-size:14px; line-height:1.4em; margin:10px 0}
		#hero small {display:block; margin-top:15px; font-size:11px; line-height:1em; font-style:italic}
		#hero .button {margin-top:20px; width:278px; height:35px; text-align:center; font-size:12px; background:url(images/button_bg.jpg) left top no-repeat}
			#hero .button a {display:block; padding-top:7px; font-weight:bold; color:#010101}
				#hero .button a:hover {color:#3c3100}
				
	#content {float:left; display:inline; width:871px; padding:18px; margin-bottom:100px; font-size:11px; line-height:1.5em; background-color:#010101}
		#content p, #content ul {margin:15px 0}
		#left_column, #mid_column, #right_column {float:left; display:inline; width:273px; overflow:hidden}
		#left_column, #mid_column {margin-right:25px}
		
		#two_columns {float:left; display:inline; width:871px; margin:25px 0}
			#two_columns .column1 {float:left; display:inline; width:573px; margin-right:25px}
			#two_columns .column2 {float:left; width:273px}
					
		#content .downloads {width:273px; list-style-type:none; font-weight:bold}
			#content .downloads li {width:273px; background:url(images/arrow.jpg) 12px 17px no-repeat}
				#content .downloads li.alt {background:#181515 url(images/alt_arrow.jpg) 12px 17px no-repeat}
				#content .downloads li a {display:block; padding:15px 0 15px 30px}
					#content .downloads li a:hover {background:#262121 url(images/arrow_hover.jpg) 12px 17px no-repeat}
		
		/* RFP Callout */
		#content .rfp {background:#181515 url(images/rfp_corner.jpg) right top no-repeat}
			#content .rfp h2 {margin:15px}
			#content .rfp p {font-size:13px; margin:15px; line-height:1.5em}
			#content .rfp .rfp_link {margin:25px 0; padding:15px; font-size:16px; text-transform:uppercase; background:#262222 url(images/rfp_arrow.jpg) 232px 22px no-repeat}
				#content .rfp .rfp_link a {display:block; color:#fff}
					#content .rfp .rfp_link a:hover {text-decoration:underline}
		

#footer {clear:both; background:url(images/footer_bg.jpg) left bottom repeat-x}
	#footer p {width:889px; margin:0 auto; padding:20px 0 50px 18px; font-size:9px; color:#d4d3d2; border-top:4px solid #000}
		#footer a:hover {text-decoration:underline}
	
	/*#############################
 	  Subpage Specific
	#############################*/
	.subcontent {background:url(images/subcontent_bg.jpg) top left no-repeat}	
		.subcontent h1 {margin-top:15px; font-size:20px}
		.subcontent p {font-size:12px; line-height:1.75em}
		
		.subcontent #two_columns .column1 {width:548px}
		
	/*#############################
 	  Forms
	#############################*/	
	
	#contact_form input, #contact_form textarea {padding: 5px; width:350px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size:10px}
	#contact_form #submit {width:auto}
	
	#rfp_form input, #rfp_form textarea {padding: 5px; width:273px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size:10px}
	#rfp_form select {width:140px; padding:5px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size:10px}
	#rfp_form #submit {width:auto}