/*
Theme Name: RPRT Theme
Theme URI: http://www.layer-51.com/client/themes
Description: Custom theme for RP-RT.
Version: 1.0
Author: Duncan McAlester
Author URI: http://www.layer-51.com/
Tags: custom, rp-rt

*/

/*
==============================================================================
**
** reset.css
** * Resets default browser CSS.
**   
** Based on work by Eric Meyer:
** * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
**
==============================================================================
*/

  

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; list-style: none;}
body { line-height: 1.5; background: #fff; margin:1.5em 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


/*
**
** HTML Elements
**
*/
html {;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px; }


body {
	height: 100%;

	margin: auto;
	background-color: transparent; 
	background: transparent url(images/bg.png) 0 110px repeat-x; 
	color: #717f81; }

	#what-we-do, #who-we-are, #clients, #contact, #news, #blog {
		background: transparent url(images/bg2.png) 0 110px repeat-x; } 

a, a:link {
	color: #ab252b;
	text-decoration: none; }
	
a:hover { text-decoration: underline; }

p { margin-bottom: 20px; }




/*
**
** DIVS
**
*/


#page {
	width: 800px;
	
	height: 100%;
	margin: auto;
	padding-bottom: -50px; }

body > #page { height: auto; min-height: 100%; }


#content { 
	margin-left: 10px; 
	font-size: 12px;
	padding-bottom: 50px;
	color: #717f81; }


#header {
	height: 80px;
	margin: 0 auto 50px auto; }


#home #header {
	height: 80px;
	margin: 0 auto 30px auto; }



#masthead {
	text-indent: -10000px;

	width: 120px;
	height: 90px;
	
	border-left: #e1e2e2 1px solid;
	background: transparent url(images/masthead.png) top left no-repeat;
	
	float: left; }
	
	
	
	
	
#main-nav {
	width: 300px;
	height: 62px;
	
	padding-top: 10px;
	padding-bottom: 10px;

	border-left: #e1e2e2 1px solid;
	
	
	float: left; }
	
	
	#main-nav li a {
		text-indent: -10000px;
		width: 120px; 
		height: 12px;
		display: block; }
		
		
		#home-btn		{ background: transparent url(images/main-nav.png) 0 -10px no-repeat;}
		#what-btn		{ background: transparent url(images/main-nav.png) 0 -22px no-repeat; }
		#who-btn		{ background: transparent url(images/main-nav.png) 0 -34px no-repeat; }
		#clients-btn	{ background: transparent url(images/main-nav.png) 0 -46px no-repeat; }
		#news-btn		{ background: transparent url(images/main-nav.png) 0 -58px no-repeat; }
		#contact-btn	{ background: transparent url(images/main-nav.png) 0 -70px no-repeat; }
		
		
		#home-btn:hover, #home #home-btn			{ background: transparent url(images/main-nav.png) 0 -111px no-repeat;	}
		#what-btn:hover, #what-we-do #what-btn		{ background: transparent url(images/main-nav.png) 0 -123px no-repeat; }
		#who-btn:hover,	#who-we-are #who-btn		{ background: transparent url(images/main-nav.png) 0 -135px no-repeat; }
		#clients-btn:hover,	#clients #clients-btn	{ background: transparent url(images/main-nav.png) 0 -147px no-repeat; }
		#news-btn:hover,	#news #news-btn, #blog #news-btn			{ background: transparent url(images/main-nav.png) 0 -159px no-repeat; }
		#contact-btn:hover,	#contact #contact-btn	{ background: transparent url(images/main-nav.png) 0 -171px no-repeat; }






#header .vcard { float: left; text-indent: -10000px; }
	
	#header .vcard .org { height: 0; }
	
	#header .vcard .adr { 
		width: 238px;
		height: 83px; 
		
		border-left: #e1e2e2 1px solid;
		background: transparent url(images/address.png) top left no-repeat; 
		
		float: left; }
	
	#header .vcard .con {
		margin-top: 0; 
		width: 118px;
		height: 83px;
	
		border-left: #e1e2e2 1px solid;
		border-right: #e1e2e2 1px solid;
		background: transparent url(images/phone-numbers.png) top left no-repeat; 
		
		
		float: left; }


	#header .vcard .email a {
		display: block;
		margin-top: 35px;
		height: 20px;
		width: 100px;  }
		
		
		



#header .vcard,
#header .vcard .org, 
#header .vcard .adr,
#header .vcard .con,
#header .vcard .locality,
#header .vcard .region,
#header .vcard .postal-code
{ text-indent: -10000px; display: block; }


#featured {
	clear: both;

	top: 20px;

	height: 312px;
	width: 100%;  
	
	padding-top: 24px;
	margin-bottom: 25px; }
	
	
	#featured #flash {
		float: left; 
		margin: 5px 28px auto auto; }
		
		
	#description {
		
		width: 275px;
		
		margin: 20px 50px auto auto;
		 
		float: left;}
		
		#description h2 {
			font-size: 38px;
			font-weight: bold; 
			margin-bottom: -20px;
			color: #000; }
			
		#description p {
			margin-top: 25px; 
			font-size: 12px;
			color: #515b5d; }
			
		
	#services {
		margin-top: 50px;
		font-size: 12px;
		font-weight: bold;
		color: #515b5d; }
		
		#services li {
			list-style-image: url('images/bullet-point.png');
			margin-bottom: 10px; 
			line-height: 14px; }
			
			#services li a, #services li a:link, #news-headlines h4 a, #news-headlines h4 a:link { color: #515b5d; }
			#services li a:hover, #news-headlines h4 a:hover { color: #ab252b; text-decoration: none; }
			
			
			
			

h3 {
	font-size: 30px; 
	margin-bottom: 20px; 
	color: #515b5d; }	
			
			
h4 { font-size: 20px; color: #515b5d; }
h5 { font-size: 18px; color: #515b5d; }
h6 { font-size: 16px; color: #515b5d; }
			
			
#news-headlines {  height: 350px; display: block; }

	#news-headlines li {
		width: 174px;
		margin-left: 34px;
		float: left;  }
		
	#news-headlines li:first-child, #news-headlines l.first-child {
		margin-left: 0; }
		
		
		#news-headlines li h4 {
			font-size: 14px;
			font-weight: bold;
			color: #383f40;
			line-height: 15px;
			margin-bottom: 7px;
			text-transform: uppercase; }
		
		#news-headlines li p {
			font-size: 11px;
			color: #717f81;}
			
		#news-headlines li a {
			font-weight: bold; }

		
		#news-headlines li img, #blog img {
			background: transparent url(images/news-img-bg.png) top left no-repeat;
			margin-bottom: 10px;
			padding: 7px; }
		
	
		.entry {
			min-height: 175px; 
			margin-bottom: 20px;
			clear: both; }
		

		
#what-we-do {}

	#what-we-do dl { width: 590px;  }

		#what-we-do dt { 
			font-size: 12px;
			font-weight: bold;
			color: #515b5d;  
			list-style-image: url('images/bullet-point.png'); 
			line-height: 14px; }
			
			
		#what-we-do dd {
			font-size: 12px;
			padding-bottom: 20px; }
			

#who-we-are h6 { margin-bottom: -8px; }
#who-we-are .title {
	font-size: 13px;
	font-style: italic; }

#who-we-are .email {
	margin-left: 10px;
	border-bottom: 1px #e1e2e2 solid; }

#who-we-are .bio {
	margin-top: 20px; }
	
	#who-we-are .bio p {
		margin-bottom: 20px; }
			
			




#content li {
	margin-bottom: 20px ; }
	


#clients img, #who-we-are img { 
	clear: left; 
	float: left; 
	background: transparent url(images/news-img-bg.png) top left no-repeat;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 7px;}
			
#clients h4 {
	padding-bottom: -5px;
	border-bottom: 1px #e1e2e2 solid; 
	margin-bottom: 20px; }				
	
#clients h5 {
	border-bottom: 1px #e1e2e2 solid;
	margin-bottom: 10px; }
	
	
#clients dl {
	font-size: 12px; 
	line-height: 12px; 
	margin-bottom: 10px; }	
	
#clients dt {
	font-weight: bold;
	margin-bottom: 2px;
	 }	

#clients dd {
 
	margin-bottom: 7px;}
	
	
	
#clients #management, #clients #talent { width: 350px; float: left; }
#clients #management { margin-right: 40px; }

#client-nav { 
	margin-top: -20px;
	width: 120px; 
	display: block;
	float: left;
	margin-right: 40px; }

#client-nav li  { margin-bottom: 0;   }

#client-nav .category {
	font-weight: bold; 
	padding-top: 3px;
	margin-top: 20px; 
	border-top: 1px #e1e2e2 solid; }
	
#clients #client-bios {
	width: 600px;
	height: 600px;
	position: relative;
	float: left;
	overflow: auto;
	
}	


#clients #client-bios li {
	 width: 600px;
	 height: 600px;
	 height: auto;
	
	 float: left;
}
	
	
	

#who-we-are #staff li {
	width: 350px;
	height: 800px;
	float: left; }
	
	#who-we-are #staff li:first-child {
	margin-right: 40px; }



#contact #content {
	width: 550px; 
	float: left;  }


	#contact label {
		display: block; }
		
	#contact input {
		width: 400px;
		padding: 3px;
		margin-bottom: 15px;
		border: 1px #717f81 solid; }
		
	#contact textarea {
		padding: 3px;
		width: 400px; 
		margin-bottom: 15px; }

	
#contact #supporting {
	margin-top: 80px;
	width: 200px;
	float: left;  }
	

	
#contact .vcard {
	margin-bottom: 20px; }
	
	#contact .vcard h5 {
		font-size: 12px;
		font-weight: bold; }
	
	#contact .vcard h6 {
		font-size: 11px;
		font-weight: bold; }
		
		
.hide {
	display: none; }
	
#contact-button {
	width: 100px; }
	


#news, #blog {}

	#news .narrowcolumn, #blog .narrowcolumn {
		width: 550px; 
		float: left; }
		
		
	#news .single h3, #blog .single h3 {
		border-bottom: 1px #e1e2e2 solid;
		margin-bottom: 10px; }

	#news h4, #blog h4 {
		border-bottom: 1px #e1e2e2 solid;
		margin-bottom: 10px; }
		
	#news .publish-date, #blog .publish-date {
		display: inline;
		font-weight: bold; }
		
	#news #sidebar, #blog #sidebar {
		width: 180px;
		margin: 78px auto auto 40px;
		float: left; }
		
	#news img, #blog img {
		margin: auto 10px 10px auto; 
		float: left; }
		
	
		
.widget {
	font-size: 12px;
	margin-bottom: 20px; }
	
	.widget h2 {
		font-weight: bold; 
		border-bottom: 1px #e1e2e2 solid; }
	

		
		


#footer {
	clear: both;
	position:relative;
	z-index: 10;
	height: 50px;
	margin-top: -50px;
	width:100%;
	background-color: #383f40; }
	
	
	#footer .content {
		width: 800px;
		padding-top: 20px;
		margin: 0 auto; 
		color: #9a9a9a; }
	
	
	#footer li { 
		float: left; }
		
	#footer #copyright {
		float: right; }