/*
Theme Name: RHM DEV Theme
Theme URI: http://rhminteractive.com/
Description: The main RHM Interactive Theme
Version: 1.0
Author: Rob Maurizi
Author URI: http://robmaurizi.com/
*/


/* one col: 62px 
	gutter: 13px */

body { font: normal normal normal 62.5%/1.5 "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, Times, serif; background-color: #000;}
.wrapper { width: 960px; margin: 0 auto; font-size: 1.3em; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;  background: #FFF url('http://rhminteractive.com/images/body_bkgd.gif') repeat-x scroll top left;}

#header { height: 90px; position: relative; background-image: url('http://rhminteractive.com/images/header_stripe.gif'); background-position: bottom; background-repeat: repeat-x;}
#header ol { position: absolute; left: 17px; top: 7px; list-style-type: decimal; padding-left: 20px; color: #666; font-size: 1.0769230769230769em; }
#header ol p { color: #900; }
#header ol p a { color: #000; text-decoration: none; font-weight: bold; }
#header ol p a:hover { text-decoration: underline; }
#header #logo { position: absolute; right: 17px; top: 28px;}

.content { padding: 50px 17px 50px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); }
.content p, #footer p, blockquote { margin-bottom: 1.0em; }
blockquote { font-style: italic; }
.testimonials blockquote { display: none; }
cite { display: block; text-align: right; font-style: normal; margin-top: 1.0em; }

h1 { font-size: 2.0em; font-family: "Futura", "Tahoma", verdana, sans-serif; color: #900; font-weight: bold; margin-bottom: 1.0em; }
h1 { background-image: url('http://rhminteractive.com/images/headers.png'); background-repeat: no-repeat; text-indent: -9999px; height: 30px; }
h2 { font-size: 1.6153846153846154em; margin-bottom: .5em;}
h3 { font-size: 1.1538461538461538em;}

	#contact h1 { background-position: 0 0;}
	#about h1 { background-position: 0 -30px; }
	#news h1 { background-position: 0 -60px; }
	#services h1 { background-position: 0 -90px; }
	#work h1 { background-position: 0 -120px; }
	#clients h1 { background-position: 0 -150px; }
	#home h1 { background-position: 0 -180px; }
	#error_404 h1 { background: none; }

#footer { clear: both; height: 13.4em; border-top: 1px solid #000; padding: 5px 17px 0; background-image: url('http://rhminteractive.com/images/footer_stripe.gif'); background-repeat: repeat-x; background-position: bottom; }
#footer ul { float: left; }
#footer ul li { display: inline; padding: 0 10px 0 0; font: 0.8461538461538462em Helvetica, sans-serif; color: #666;}
#footer ul li a { color: #666; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer #copyright { float: right; padding: 5px 10px 0 0; font: 0.8461538461538462em Helvetica, sans-serif; color: #666; text-align: right; }

#footer #contact_block { clear: both; /*height: 150px; */padding-top: 2em; color: #f2f2f2; float: left; }
#footer #contact_block a { color: #F2F2F2; text-decoration: underline; }
	#footer #contact_block a:hover { text-decoration: none; }
#footer #contact_block, #footer #mailchimp { text-shadow: 1px 1px 30px #000; }

#footer #mailchimp { float: right; color: #F2F2F2; padding-top: 2em; width: 250px;}
#footer #mailchimp h3 { display: inline; font-size: 1em; }
#footer #mailchimp #mc_embed_signup { padding-top: .5em; }
#footer #mailchimp #mce-EMAIL { float: right; }
#footer #mailchimp #mc-embedded-subscribe { float: right; clear: right; margin-top: .5em; }



#left_col, #about #left_col, #contact #left_col, #home #left_col { width: 608px; float: left; }
#right_col, #about #right_col, #contact #right_col, #home #right_col { width: 220px; float: right; }

/*#contact #left_col, #contact #right_col { width: 375px; float: left; margin-right: 13px;}*/
#contact label.required { font-weight: bold; }
#contact input, #contact label { width: 95%; }
#contact form p { clear: both;}

	#contact #city_row, #contact #state_row { clear: none; float: left; }
	#contact #city_row { width: 60%; }
	#contact #state_row { width: 40%; }
	
	#contact #subject_row { position: relative; }
	#contact #subject { width: 150px; margin-right: 10px; }
	#contact #subject_other { display: none; width: 400px; position: absolute; right: 5%; }

#contact textarea { width: 95%; }
#contact p.submit_button { width: 95%; }
#contact #submit { float: right; width: auto; }

#contact #map_container { width: 220px; height: 220px; }


.testimonials { 
	
	box-shadow: 		0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:	0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:	0 0 10px rgba(0, 0, 0, 0.5);
	background: #dedede;
	background:rgba(127, 127, 127, 0.25) none repeat scroll 0 0;

	margin: 0 -18px 1.8em -17px;
	padding: 1em 17px;

	zoom: 1;

}

p.form_error { background-image: url('http://rhminteractive.com/images/icons/exclamation.png'); }
p.form_okay { background-image: url('http://rhminteractive.com/images/icons/tick.png'); }
p.form_error, p.form_okay { background-repeat: no-repeat; background-position: right 90%; }



#home .intro_copy p { font-size: 1.1538461538461538em; }
#home .intro_copy { border-bottom: 1px solid #000; margin-bottom: 1em; }

#home .news ul#recent-work { zoom: 1; }
#home .news ul#recent-news { border-top: 1px solid rgb(191, 191, 191); border-top: 1px solid rgba(0, 0, 0, .25); padding-top: 1em; }

#home .news li { float: left; width: 296px; margin-bottom: 1em; }
#home .news li.first { margin-right: 12px; clear: both; }
#home .news li img { float: left; width: 62px; margin-right: 12px; border: 1px solid #000;}
#home .news li p { float: left; width: 220px; }
#home .news li.full p { width: 294px; }

#about .about_photo { border-top: 1px solid #000; margin-top: 1em; padding-top: 1em; }
#about .about_photo img { border: 1px solid #000; }

#left_col h2+p { font-size: 1.1538461538461538em; }


#clients #client_list { font-size: 1.1538461538461538em; margin-left: 3em; }
#clients #client_list li { margin-bottom: .5em; }


#work #portfolio_nav { position: relative; width: 100%; }
#work .back, .next { position: absolute; display: block; background-color: #000; color: #FFF; top: 45%; z-index: 10;}
#work .back { left: 0; }
#work .next { right: 0; }

#work ul.portfolio_container { width: 532px; margin: 0 39px; padding-top: 2em; }

#work .portfolio_container li { float: right; width: 220px; /*margin-right: 13px;*/ height: 290px; }
#work .portfolio_container li.first { float: left; /*margin-left: 13px;*/ }
#work .portfolio_container img { display: block; width: 220px; height: 150px; }
#work .portfolio_container a { display: block; width: 220px; height: 150px; /*border: 1px solid #000; */}
/*#work .portfolio_container a:hover { border: 1px solid #900; }*/
#work .portfolio_container .descr { display: block; width: 220px; margin-top: .5em; }
#work .portfolio_container .descr a { height: auto; border: none; text-align: right;}

#todootz-tout { background: transparent url('http://todootz.com/images/todootz-logo.png') right 1em no-repeat; padding-right: 335px; }