/*
Theme Name:		RP08
Theme URI:		http://raoandpierce.com
Description:	Custom theme conversion for Rao & Pierce.
Version:		0.5
Author:			Carlos d'Avis
Author URI:		http://drewd.com/
*/

/*
	Colors
	Light Blue A3C5E6
	Dark Blue 569CE1
	Green 73B84A
	Orange E79135
*/

body { background: #666; color: #FFF; 
		font: 62.5% "Helvetica Neue", Helvetica, Verdana, sans-serif; text-align: center; }

* { padding: 0; margin: 0; }



/*---:[ global elements ]:---*/

a, a:visited { color: #569CE1; text-decoration: none; }

	a:hover { color: #73B84A; text-decoration: underline; }
	
	a img { border: none; }
	
blockquote { font-style: italic; font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif; color: #569CE1; 
				margin: 0 30px 1.5em 30px; padding: 0; }

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Courier, monospace; }

pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { font-size: 1.4em; }

.amp { font-family: "Garamond", serif; }

hr { 
	height: 1px; color: #CCC; background: #CCC; margin: 30px 0 10px; padding: 0; border: 0; 
}
input, select, textarea { font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif; }

/*---:[ headlines ]:---*/

h1, h2, h3 { font-weight: bold; color: #333; letter-spacing: 1px; }

h1 { font-size: 3.6em; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #569CE1; text-decoration: none; }
	
	.posts h1 { font-size: 2.0em; color: #E79135; border-bottom: 1px solid #CCC;
			text-align: left; margin: 0.3em 0; line-height: 1.2em; padding: 0 0.4em 0.3em;}
	
	.pages h1, h1.page_header { border-bottom: 1px solid #CCC; text-align: center; 
		margin: 0.5em 0; padding: 0em 0.4em 0.5em; color: #990033; font-size: 2.2em; }
	
h2 { font-size: 2.0em; color: #555; border-bottom: 1px solid #CCC; text-align: center; }

	h2 a { color: #E79135; text-decoration: none; }
	
		h2 a:visited { color: #E79135; text-decoration: none; }
	
		h2 a:hover { color: #A3C5E6; text-decoration: none; }
	
	.posts h2 { text-align: left; margin: 0.3em 0; line-height: 1.2em; padding: 0 0.4em 0.3em; }
	
	.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0.5em 0.4em 0.3em; color: #990033; font-size: 2.2em; }
	
	h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
	
h3 { font-size: 1.0em; text-transform: uppercase; }

	.entry h3 { margin: 0.5em 0; color: #73B84A; border-bottom: 1px solid #EEE; padding-bottom: 0.5em; }
		.entry h3 a { color: #73B84A; }
			.entry h3 a:hover { color: #569CE1; text-decoration: none;  }
	
	.entry h3.top { margin: 0.5em 0 0.5em 0 !important; }
	
	h3.comments_headers { font-size: 1.2em; padding: 0 0.5em;  }

h4 { font: italic 1.2em; color: #888; }

	h4 a, h4 a:visited { color: #888; text-decoration: none; }
	
		h4 a:hover { color: #888; text-decoration: underline; }
	
	.posts h4 { margin: 0 0 1.25em 0; padding: 0 1em 1.0em; }



/*---:[ core layout elements ]:---*/

#container { width: 940px; margin: 10px auto; border: 5px solid #CCC;
				padding: 5px; 
				background: #FFF; color: #333;
		  	box-shadow: 0 1px 6px #444, 0 0 6px #555; 
		  	-moz-box-shadow: 0 1px 6px #444, 0 0 6px #555; 
		  	-webkit-box-shadow: 0 1px 6px #444, 0 0 6px #555; 
 
			}
	
	#title { text-align: center; margin: 0 auto; padding: 0; 
				background: transparent url(images/title-shadow.jpg) no-repeat center bottom; }
		#title h1, #title h2 { margin: 0; line-height: 0; text-align: center; }
			#title h1 a img, #title h2 a img { background: #FFF; padding: 0px; }
		
	#header { margin: 0 auto; }
					
	#content_box { width: 940px; margin: 0 0 5px; text-align: left; float: left; clear: both; 
					background: transparent url(images/content-bg-940.png) repeat-y left top; 	
				}
		#content_box_inner { width: 940px; margin: 0 auto; padding: 0; float: left; 
								background: url(images/content-bg-bottom-940.png) no-repeat left bottom; }
		
		#side-left { width: 205px; float: left; margin: 0; padding: 0; 
						border-top: 5px solid #A3C5E6;  
		}
			#side-left .kiva-link {
				text-align: center; 
				margin: 0 auto; 
				padding: 10px; 
				border-bottom: 5px solid #999999; 
			}
				#side-left .kiva-link a {
					text-decoration: none; 
					text-transform: uppercase; 
					font-size: 2em; 
					font-weight: bold;
					color: #999999;  
				}
					#side-left .kiva-link a:hover {
						color: #990033; 
					}
				#side-left .kiva-link img {
					margin: 0 auto 5px; 
					border: 0; 
					box-shadow: 0 1px 6px #AAAAAA; 
					-moz-box-shadow: 0 1px 6px #AAAAAA; 
					-webkit-box-shadow: 0 1px 6px #AAAAAA; 
				}
	
		#content { width: 528px; padding: 0; float: left; margin: 0 0 0 1px; border-top: 5px solid #569CE1; }
		
		#sidebar { width: 205px; padding: 0; float: right; 
					text-align: center; 
					border-top: 5px solid #A3C5E6; 
				}				
		#footer { margin: 0 auto; padding: 5px 0 15px; width: 940px;
					text-align: center;  
					clear: both; 
					border-top: 1px solid #BBB;
				}
				

/*---:[ header styles ]:---*/


ul#nav { height: 36px; margin: 0; list-style: none; width: 940px; padding: 0; float: left; clear: both; 
			background: #FFF; border-bottom: 1px solid #FFF; 	
}

	ul#nav li { font-size: 1.3em; font-weight: bold; text-transform: uppercase; float: left; margin: 0; }
	
		ul#nav li a, ul#nav li a:visited { display: block; line-height: 32px; padding: 4px 0 0; width: 157px; 
											letter-spacing: 2px; color: #333; text-decoration: none;}
			ul#nav li.first a { width: 155px; }
	
		ul#nav li a:hover { color: #990033; text-decoration: none; background: url(images/nav-bg-hover.png) no-repeat center bottom; }
		
		ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #999; text-decoration: none; background: none; }
					

/*---:[ content styles ]:---*/

.entry { font-size: 1.3em; line-height: 1.3em; padding: 0 30px; text-align: left; }
		
	.entry blockquote { font-size: 1.0em; }
	
		.entry blockquote.pqr, .entry blockquote.pql { 
								width: 250px; font-style: normal !important; font-size: 1.1em !important; font-weight: bold; 
								margin: 0.5em 0 0.5em 15px; padding: 0.3em 0; 
								border: 3px double #CCC; border-width: 3px 0; text-align: right; float: right; 
								color: #73B84A; }
		
		.entry blockquote.pql { float: left; text-align: left; margin: 0.3em 15px 0.3em 0; }
	
			.entry blockquote.pqr p, .entry blockquote.pql p { margin: 0 !important; line-height: 1.4em !important; }
	
	.entry p { margin: 0 0 2em 0; }

	.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
	
	.entry ul { list-style-type: disc; }
	
		.entry li { margin: 0 0 0.2em 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
	
	.entry dl { margin: 0 0 1.5em 0; }
			
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
		.entry dd { margin: 0 0 1.5em 20px; }
		
	.entry .ad { margin: 0 0 0.5em 15px; float: right; }
	
	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

	.entry img { }

		.entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 1px solid #CCC; float: left; clear: left; }
		
		.entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 1px solid #CCC; float: right; clear: right; }
		
		.entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 1px solid #CCC; float: none; clear: both; }
	
		.entry img.off { padding: 0 !important; border: none !important; }
		
		.entry img.stack { clear: none !important; }

.tagged { padding: 0.4em 1em 0; line-height: 1.6em; color: #888; clear: both; }

	.tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }
	
		.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
	
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }

.navigation { margin: 10px auto; padding: 0; height: 40px; border-top: 1px solid #CCC; border-bottom: 1px solid #EEE; }
	
	.previous, .next { display: block; float: left; }
	
	.next { float: right; text-align: right; }
	
		.previous a, .next a { display: block; height: 32px; padding: 4px 10px; text-decoration: none; font-size: 1.1em; 
								width: 234px; overflow: hidden; }
			.previous a { border-left: 5px solid #FFF; }
			.next a { border-right: 5px solid #FFF; }
		.previous a:hover, .next a:hover { background: #EEE; border-color: #CCC; }

.clear { width: 530px; height: 1px; margin: 0 0 5.0em 0; clear: both; }

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 2.0em 0 !important; }

.whitespace { margin: 0 0 1px 0 !important; }



/*---:[ sidebar styles ]:---*/

#side-left img {
	background: #FFF; padding: 1px 0; border-bottom: 5px solid #BBB;
}


ul.sidebar_list { border-top: 1px solid #FFF; list-style: none; padding-top: 10px; }

	li.button { text-align: center; }
		li.button img { margin: 0 auto; }

	ul.sidebar_list li.sub, ul.sidebar_list li.categories, ul.sidebar_list li.linkcat { width: 100%; margin: 0 0 2.5em 0; font-size: 1.2em; line-height: 1.2em; float: left; }

		li.categories h2, li.sub h2, li.linkcat h2 { color: #569CE1; font-weight: bold; font-size: 1.077em; text-transform: uppercase; 
									margin: 0; padding: 0.4em 2px; }
			li.categories h2 a, li.categories h2 a:visited, li.categories h2 a:hover, li.categories h2 a.active
			li.sub h2 a, li.linkcat h2 a, 
				li.sub h2 a:visited, li.sub h2 a:hover, li.sub h2 a.active 
					{ text-decoration: none; color: #569CE1; }

		li.categories p, li.sub p { margin: 1em 0 0; padding: 0 10px 0 20px; color: #555; text-align: left;  }
			li.categories p strong, li.sub p strong { color: #73B84A; letter-spacing: 1px; }
		
		li.categories ul, li.sub ul, li.linkcat ul { list-style: none; margin: 0 0 0.5em; }
		
		li.categories ol, li.sub ol, li.linkcat ol { margin: 0 0 0.5em; }
		
			li.categories li, li.sub li, li.linkcat li { margin: 0; }
			
			ul.resources, ul.sidebar { font-size: 0.95em; }
				li.categories li a, li.categories li a:visited, 
				li.sub li a, li.sub li a:visited, li.linkcat li a, li.linkcat li a:visited 
					{ display: block; text-align: left; line-height: 1.5em; margin: 0; 
							padding: 0.75em 0px 0.75em 12px; border-bottom: 1px solid #BBB; 
							text-decoration: none; font-weight: bold; color: #999; }
			
		/*---< Sub Menu style >---*/
		li.categories li li a, li.categories li li a:visited, 
		li.sub li li a, li.sub li li a:visited, li.linkcat li li a, li.linkcat li li a:visited 
			{ color: #569CE1; padding: 0.75em 0 0.75em 25px; }
		
					li.categories li a:hover, li.sub li a:hover, li.linkcat li a:hover, 
					li.categories li a.active, li.sub li a.active, li.linkcat li a.active, 
					li.categories li li a:hover, li.sub li li a:hover, li.linkcat li li a:hover, 
					li.categories li li a.active, li.sub li li a.active, li.linkcat li li a.active
						{ color: #990033; text-decoration: none; background: #FFF url(images/sidebar-bg-hover.png) no-repeat center bottom;  }
			
				li.categories li .recent_date, 
				li.sub li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }

		/*---< Calendar widget styles >---*/
		
		#calendar_wrap { font-size: 1.3em; }
				


/*---:[ footer styles ]:---*/

#footer p { margin: 0 auto; padding: 0; font-size: 1.1em; color: #888; text-align: center; }

	#footer a, #footer a:visited { color: #888; text-decoration: none; }
		
		#footer a:hover { color: #569CE1; text-decoration: underline; }



/*---:[ comment styles ]:---*/

#comments { float: left; clear: both; }

	ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		
		ul#comment_list li.comment { padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
			
		ul#comment_list li.trackback { padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }
				
			.comment_meta { margin: 0 1.0em 1.2em; }
			
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
				
				.trackback .comment_num { padding: 0 0 0 20px; }
				
					.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
					
						.comment_num a:hover { color: #990033; text-decoration: none; }
				
				.comment_meta strong { font-size: 1.2em; }
					
				.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
		
			.comment .entry { padding: 0 15px; }
			
				.comment .entry p { margin: 0 0 1.0em 0; font-size: 1em; }
			


/*---:[ comment form styles ]:---*/

#comment_form { padding: 1.0em 1em 0 1em; float: left; }

	#comment_form p { padding: 0.6em 0; }
	
		#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }

		#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 321px !important; }
	
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em; cursor: pointer; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.4em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			
/*---:[ contact form styles ]:---*/

#contactform {}

form .form-item {
	float: left; 
	clear: both; 
	margin-bottom: 10px; 
}

.form-item label, 
.form-item input, 
.form-item textarea {
	float: left; 
	width: 240px; 
}
.form-item label {
	clear: both; 
	width: 110px; 
	margin-right: 10px; 
	text-align: right; 
	padding: 2px 0; 
}
.form-item.required label span {
	color: #990033; 
}
.form-item.form-submit input {
	margin: 0 0 10px 120px; 
	width: 120px; 
}

.form-item input[type=text], 
.form-item textarea {
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 13px; 
	line-height: 16px; 
	color: #333333; 
	padding: 2px; 
	border: 1px solid #999999;
}
.form-item input[type=text]:focus, 
.form-item textarea:focus {
	border: 1px solid #666666; 
	color: #222222; 
}


/*---:[ search form styles ]:---*/

#search_form { }

	#search_form .search_input { width: 180px; padding: 3px; font: normal 1.0em; border: 1px inset #999; }
	
	li.sub .search_input { font-size: 1em !important; }
	
		#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
		
/*---:[ Landing page Styles ]:---*/

		body.landing #content { width: 714px; background: #FFF; margin: 0; padding: 0 10px; }
		
			body.landing .pages h1 { margin-bottom: 0.5em; }
			body.landing .pages .entry { padding: 10px 20px; font-size: 1.4em; line-height: 1.5em; width: 360px; float: left; }
			body.landing .pages .entry ul { list-style-type: circle; }
			body.landing .pages .entry li { margin: 0; color: #569CE1; }
			
			body.landing strong { color: #569CE1; }
			body.landing .entry h3 { border-bottom: 1px solid #EEEEEE; text-align: center; color: #E79135; font-size: 1.6em; margin: 0 0 0.5em; padding-bottom: 0.3em; }
			
			body.landing h2.subtitle { clear: both; padding-top: 0; margin-bottom: 0.5em; }
			
			img.landing { margin: 0 10px 10px 0; padding: 0; clear: both; }
				img.landing-left { float: left; }
				img.landing-right { float: right; margin: 0 0 10px 10px; }

			body.landing #footer { border-top: none; }
				body.landing #footer p, body.landing #footer a { color: #777; }

		body.landing ul.sidebar { font-size: 1em; }
		body.landing li.sub h2 { color: #999; }
		body.landing li.sub li { border-top: 1px solid #FFF; }
		body.landing li.sub li a, body.landing li.sub li a:visited { 
			border-bottom: 1px solid #EEE; line-height: 40px; 
			background: #FFF; color: #569CE1;
			font-size: 1.1em;  
		}
		body.landing li.sub li a.phone { color: #E79135; }
		body.landing li.sub li a:hover { border-bottom: 1px solid #CCC; color: #990033; background: #F9F9F9; }
