/*
Theme Name: The Riley Group
Theme URI: http://www.therileygroup.info
Description: The theme for The Riley Group.
Version: 1.0
Author: Kristopher Olds
Author URI: http://oldski.net/
Tags: fixed width
*/



/* 


font set up
----------------------------------------------------------------
*/
@font-face {
	font-family: 'MyriadPro';
	src: url('myriadpro-regular-webfont.eot');
	src: local('Myriad Pro'), local('MyriadPro-Regular'), url('type/myriadpro-regular-webfont.woff') format('woff'), url('type/myriadpro-regular-webfont.ttf') format('truetype'), url('type/myriadpro-regular-webfont.svg#webfontmi6L8y8n') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* 


structure
----------------------------------------------------------------
*/

html {
	background:#ffffff url('images/layout/bg.jpg') repeat-x;
	}
	
body {
	margin:0;
	padding:0;
	text-align:center;
	width: 100%;
	display: table;
	background: url('images/layout/bg-swirls.jpg') no-repeat top center;
	}
	
.home{
	margin:0;
	}
	
		
#header{
	width:940px;
	height:265px;
	padding:10px;
	margin:0;
	position:relative;
	}
		

	
#wrapper{
	padding:0;
	margin:0 auto;
	text-align:left;
	width:960px;
	}
	

#footer_wrap{
	width:100%;
	text-align:center;
	background: #111112; ;
	padding:20px 0;
	margin:0;
	color:#f9f6f6;
	}




/* 


globals
----------------------------------------------------------------
*/

body{
	color:#111112;
	font: 13px/20px "MyriadPro", "Helvetica Neue", Arial, Helvetica, Geneva, "Lucida Grande";
	}
	
.clear{clear:both;}


.page .akpc_pop, .single .akpc_pop{display:none;}

.ctr{text-align:center;}
	
.rt{text-align:right;}
	
.lt{text-align:left;}

.fright{float:right;}
.fleft{float:left;}
	
img.rt{ float:right; padding:10px;}
img.lt{ float:left; padding:10px;}

img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.img_wrap{
	width:280px;
	height:200px;
	overflow:hidden;
	}
	
	
/* ---- headers ---- */	
h1 {font: 30px/45px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, Geneva, "Lucida Grande"; 
	color:#3F231A;
	margin:5px 0;
	padding:0;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	h1 span{padding-left:20px; letter-spacing:.05em}
	
h2, h1 span {
	font: 22px/30px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, Geneva, "Lucida Grande"; 
	color:#C1D82F;
	margin:5px 0;
	padding:0;
	letter-spacing:1px;
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	}
	

h3 {
	margin:15px 0 3px 0;
	font: 16px/20px "MyriadPro",  "Helvetica Neue",  Arial, Helvetica, Geneva, "Lucida Grande"; font-weight:bold;
	}
	
	h3 img.alignleft{margin:0 1em 1em 0;}

h4 {font: 14px/18px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, Geneva, "Lucida Grande";font-weight:bold;}

p {}

strong{font: 13px/20px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, Geneva, "Lucida Grande";font-weight:bold;}

em{font: 13px/20px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, Geneva, "Lucida Grande"; font-style:italic;}
		

p a, h2 a{
	font-weight:bold;
	}
	
p a{
	color:#3F231A;
	text-decoration:none;
	}
	
	p a:hover{text-decoration:underline;}
	
a, .post_data a{ color:#022b4e; font-weight:normal;}
a:hover{text-decoration:none;}

a img{border:none;}

big{
	font: 18px/27px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, Geneva, "Lucida Grande";
	font-weight:bold;
	padding:5px;
	background:#eef5bc;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	}

.light{
	font: 13px/20px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, Geneva, "Lucida Grande";
	}	


.padding_wipe{padding:0;}


/* 


header
----------------------------------------------------------------
*/

	
#branding{

	top:10px;
	left:0px;
	}
	
	
/*-- sliders -- */

#header .slides_wrap img{
  position: absolute;
  margin-top: 30px;
  margin-left: 160px;
	}
	
.slides_wrap .slide img{display:none;}
	

/* -- navigation -- */




.primary-menu{
position:absolute;
right:0px;
top:42px;
}
	
	.primary-menu ul{
list-style-type:none;
margin:0;
padding:0;
}
		
.primary-menu ul li{
float:left;
margin:0 3px;
}
			
.primary-menu ul li a{
float:left;
font-size:14px;
background:url(images/layout/tab-left.jpg) no-repeat left top;
margin:0;
line-height:25px;
padding:0 0 0 5px;
text-decoration:none;
color:#3F231A;
}
				
.primary-menu ul li a span{
float:left;
display:block;
background:url(images/layout/tab-right.jpg) no-repeat right top;
padding:10px 11px 9px 6px;
color:#3F231A;
}
			
.primary-menu ul li a:hover,
.primary-menu ul li.current_page_item a{
float:left;
background:url(images/layout/tab-left.jpg) no-repeat left bottom;
margin:0;
padding-left:5px;
line-height:25px;
text-decoration:none;
}
		
				
.primary-menu ul li a:hover span,
.primary-menu ul li.current_page_item a span{
float:left;
display:block;
background:url(images/layout/tab-right.jpg) no-repeat right bottom;
padding:10px 11px 9px 6px;
margin:0;
}

	
	.primary-menu ul li ul { /* second-level lists */
			position: absolute;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			z-index:1000;
			background:#fbfbfb;
			width:165px!important;
			width:155px;
			margin-top:44px;
			margin-left:0!important;
			margin-left:0;
			padding:0 5px 5px 0px;
			border-left:2px solid #abc121;
			border-right:2px solid #abc121;
			border-bottom:2px solid #abc121;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			-webkit-box-shadow: 0px 2px 3px #34343e;
			-moz-box-shadow: 0px 2px 3px #34343e;
			box-shadow: 0px 2px 3px #34343e;
			}
			
			.primary-menu ul li ul li a,  
			.primary-menu ul li.current_page_item ul li a{
				font-size:14px;
				width:145px;
				text-decoration:none;
				color:#3F231A;
				padding:2px 10px 2px 10px;
				line-height:16px;
				background:none;
				}
				
			
			.primary-menu ul li ul li a span,
			.primary-menu ul li ul li.current_page_item a span,
			.primary-menu ul li.current_page_item ul li a span{
				background:none;
				padding: 2px 10px 2px 10px;
				}
				
				
			.primary-menu ul li ul li a:hover,
			.primary-menu ul li ul li a:hover span, 
			.primary-menu ul li ul li.current_page_item a,
			.primary-menu ul li ul li.current_page_item a span, 
			.primary-menu ul li.current_page_item ul li a:hover{
				color:#f9f9f9;
				background:none;
				background-color:#3F231A;
				-moz-border-radius: 2px;
				border-radius: 2px;
				padding:2px 10px 2px 10px;
				}
				
			.primary-menu ul li ul li{padding:2px 0;}
				
				
		
		.primary-menu ul li ul ul { /* third-and-above-level lists */
			margin:-24px 0 0 135px !important;
			margin:-25px 0 0 125px;
			}
		
		.primary-menu ul li:hover ul ul, .primary-menu ul li.sfhover ul ul {
			left: -999em;
			}
		
		.primary-menu ul li:hover ul, .primary-menu ul li li:hover ul, .primary-menu ul li.sfhover ul, .primary-menu ul li li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
			}
				
	
				


/* 



/* New Menu Style */

* html .droplinetabs{ /* IE6 dirty quick hack*/

margin-top: -21px;
margin-left: 240px;
float: right;
overflow: hidden;

}

.droplinetabs{

margin-top: 32px;
float: right;
overflow: hidden;

}

.droplinetabs ul{
font: bold 11px Verdana, sans-serif;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

.droplinetabs li {
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


* html .droplinetabs a{ /* another dirty IE6 hack to please the client who's browser is outdated... */
float: left;
color: white;
background:url(images/layout/tab-left.jpg) no-repeat left top;
margin: 0 4px 0 0;
line-height: 13px;
padding:0 0 0 5px;
text-decoration:none;
color:#3F231A;
}

.droplinetabs a{
float: left;
color: white;
background:url(images/layout/tab-left.jpg) no-repeat left top;
margin: 0 4px 0 0;
line-height:25px;
padding:0 0 0 5px;
text-decoration:none;
color:#3F231A;
}

.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{
color: white;
}

.droplinetabs a span{
float: left;
display: block;
background:url(images/layout/tab-right.jpg) no-repeat right top;
padding:10px 11px 9px 6px;
color:#3F231A;
}

.droplinetabs a span{
float: none;
}


.droplinetabs a:hover{
float: left;    
background:url(images/layout/tab-left.jpg) no-repeat left bottom;
margin: 0 4px 0 0;
text-decoration:none;
color:#3F231A;
}

.droplinetabs a:hover span{
float: left;	
display:block;
background:url(images/layout/tab-right.jpg) no-repeat right bottom;
color:#3F231A;
margin:0;
}

/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
background: #C2D730; /*sub menu background color */
visibility: hidden;
border-bottom: 2px solid gray; /*underline across bottom of main tabs*/
border-left: 2px solid gray;
border-right: 2px solid gray;

}

/* Sub level menu links style */
.droplinetabs ul li ul li a{
font: 11px Verdana, sans-serif;
margin-top: 2px;
margin-bottom: 3px;
margin-left: 2px;
padding: 8px;
background: #C2D730;/*sub menu background color */


}

.droplinetabs ul li ul li a span{
background: #C2D730; /*sub menu background color */


}

.droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
background: #402419;
font: 11px Verdana, sans-serif;
padding: 8px;
margin-top: 2px;
margin-bottom: 3px;
margin-left: 2px;
color: #FFF;
-webkit-border-radius: 5px;  
-moz-border-radius: 5px; 
-khtml-border-radius: 5px;  
border-radius: 5px;
box-shadow: 2px 2px 3px #818181;
-webkit-box-shadow: 1px 1px 2px #818181;
-moz-box-shadow: 1px 1px 2px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=2, offY=2, positive=true);

}





/*content
----------------------------------------------------------------
*/


/* ---- BLOG ---- */

.blog_sidebar{
	margin:20px 0;
	padding:10px 0 20px 0;
	}
	
.blog .post, .search .post, .blog .entry, .blog #comments{
	margin:10px 0;
	padding:2px 0;
	}
	
	
.single .blog h1{
	font: 24px/30px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, Geneva, "Lucida Grande"; 
	color:#3F231A;
	margin:5px 0;
	padding:0;
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	}

.blog h2 a{
	font: 20px/30px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, Geneva, "Lucida Grande"; 
	color:#3F231A;
	margin:5px 0;
	text-decoration:underline;
	padding:0;
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	}
	
	.blog h2 a:hover{
		text-decoration:none;
		}
		
.blog ul.xoxo, .blog ol.commentlist{
	padding:0;
	margin:0;
	list-style:none;
	}
	
	.blog ol.commentlist li ul.children{
		list-style:none;
		}
		
		.blog ol.commentlist li ul.children li{
			border-top:1px dashed #ededed;
			padding:10px 0;
			margin:5px 0;
			}

.blog .fn{font-weight:bold;}
	
.blog #comments h3#comments-title{
	background:#3F231A;
	padding:5px;
	color:#fff;
	}
	

	


	
/* end BLOG */



/* ---- TESTIMONIALS ---- */
div#testimonials {
	position:relative;
	height:290px;
	background:url(images/layout/bg-testimonials.png) no-repeat top center;
	}
				
	#testimonials p{
		margin:2px 0;
		padding:0;
		}
		
#testimonial ul{
	margin:0;
	padding:0;
	}

div#testimonials ul li {
	float:left;
	position:absolute;
	list-style: none;
	top:40px;
	left:45px;
	width:200px;
	}

div#testimonials ul li.show {
	z-index:500
	}
/* end testimonials */

/* ---- basic content design/structure ---- */	

#container{
	width:956px;
	border-right:2px solid #54301A;
	border-left:2px solid #54301A;
	background:url(images/layout/bg-content.jpg) no-repeat bottom right;
	}
#content{
	padding:10px;
	width:940px;
	}
	


.box_sm, .box_med, .box_lg, .box_split{
	margin:5px 10px;
	float:left;
	padding:10px;
	}
	
.box_sm{
	width:280px;
	}
	
.box_med{
	width:600px;
	}

.box_lg{
	width:920px;
	margin:0;
	padding:0;
	}
	
.box_split{
	width:440px;
	}
	
	
.first_box{
	margin-left:0;
	}
	
.last_box{
	float:right;
	margin-right:0;
	}
	



#sidebar ul.xoxo{
	list-style:none;
	}
	
	#sidebar ul.xoxo li{
		padding:5px 0;
		margin:0;
		}
		
		#sidebar ul.xoxo li ul, #sidebar ul.xoxo li ol{
			list-style:none;
			margin:0;
			padding:0;
			}
			
			#sidebar ul.xoxo li ol span{
				display:none;
				}

	
	

.team_members{
	margin-top:20px;
	}
	

.team_members img{
	float:left;
	padding:0 10px 10px 0;
	}
	
	
.affiliates p{
	margin:0;
	padding:0;
	float:left;
	width:140px;
	}
	
.affiliates img{
	float:left;
	}
	
	
	
	
#footer{
	width:940px;
	margin:0 auto;
	padding:0 10px;
	font-size:10px;
	line-height:15px;
	height:40px;
	position:relative;
	color:#3F231A;
	background:url(images/layout/bg-footer.jpg) no-repeat bottom left;
	}
	
	#footer a{
		text-decoration:none;
		color:#3F231A;
		}
		
	#footer a:hover{
		text-decoration:underline;
		color:#fff;
		}
		

	#footer .site_info{
		width:220px;
		margin-right:10px;
		text-align:center;
		}
			
		

		
 
 
 
/* -- twitter feed -- */

.twit-list {
	margin: 10px 0;
	padding: 0;
	list-style: none;
	}

.twit-list li {
	padding: 10px 20px 10px;
	margin-bottom:5px;
	border-top:1px solid #c7cfb2;
	border-bottom:2px solid #232323;
	cursor: pointer;
	}

.twit-list li:hover {
	background: #f6f7f2 url(images/layout/bg-hover.jpg) repeat-x bottom left;
	border-top:1px solid #c7cfb2;
	border-bottom:2px solid #0e4b6f;
	color:#232323;
}

	.twit-list li:hover a{ color:#0c4b6f;}




	
	
	
/* 


testimonials 
----------------------------------------------------------------
*/	
	


.author{margin:0;padding:10px 0px 0px 60px;}



/* services on home page */

ul.package_list{
	list-style:none;
	padding:0;
	margin:0;
	}
	
	ul.package_list li{
		width:260px;
		padding:20px 20px 10px 20px;
		text-align:left;
		float:left;
		}	
		
		ul.package_list li.one{
			background:url(images/content/package-1.jpg) no-repeat top left;
			}
		ul.package_list li.two{
			background:url(images/content/package-2.jpg) no-repeat top left;
			}
		ul.package_list li.three{
			background:url(images/content/package-3.jpg) no-repeat top left;
			}
		ul.package_list li h3{
			background:url(images/layout/bg-services.png) no-repeat bottom center;
			padding:5px 0 15px 0;
			text-align:center;
			}
			
/* end services */


/* small font size */
.small{
	font: 12px/18px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, "Lucida Grande";
	font-weight:normal;
	padding:0;
	margin:3px 0;
	font-style:italic;
	}
	
	
.medium{
	font: 14px/21px "MyriadPro",  "Helvetica Neue", Arial, Helvetica, "Lucida Grande";
	font-weight:bold; 
	padding:4px 9px;
	}
	
	
	
.social{
	background:url(images/layout/bg-social.jpg) no-repeat top center;
	padding:0;
	position:relative;
	}
	
	
	.social .social_icons{
		position:absolute;
		top:20px;
		right:20px;
		width:75px;
		}
		
	.social .twitter_box{
		width:400px;
		height:150px;
		position:relative;
		padding:0;
		background:url(images/layout/bg-short_box.jpg) no-repeat top left;
		}
		
		.twitter_box img.icon-twitter, .twitter_box img.icon-facebook{
			position:absolute;
			top:10px;
			left:10px;
			}
			
		.twitter_box img.icon-facebook{
			top:84px;
			}
			
		.twitter_box h3{
			position:absolute;
			top:10px;
			width:475px;
			left:100px;
			}
		ul.twitter{
			position:absolute;
			top:30px;
			width:475px;
			left:100px;
			padding:0;
			margin:0;
			list-style:none;
			}
				
			ul.twitter li{
				padding:10px 0;
				}	
					
			ul.twitter li span.twitter-timestamp{display:block;font-style:italic;font-size:10px;}
		
	/*
	.social .box_sm{
		margin:0;
		}
			
	
		
		
			
		.twitter-follow{
			position:absolute;
			bottom:5px;
			left:50px;
			}
		
		*/
.sidebar{
	background:url(images/layout/bg-services.jpg) no-repeat top left;
	padding-left:20px;
	width:200px;
}




h1.title-about, h1.title-affiliates, h1.title-contact, h1.title-how_it_works, h1.title-newsworthy, h1.title-our_team, h1.title-services, h1.title-mission{
	text-indent:-9000px;
	width:600px;
	height:45px;
	}
	
	h1.title-about{
		background:url(images/content/titles/title-welcome.jpg) no-repeat center left;
		}
		
	h1.title-affiliates{
		height:55px;
		background:url(images/content/titles/title-affiliates.jpg) no-repeat center left;
		}
		
	h1.title-contact{
		background:url(images/content/titles/title-contact_us.jpg) no-repeat center left;
		}
	
	h1.title-how_it_works{
		background:url(images/content/titles/title-how_it_works.jpg) no-repeat center left;
		}
		
	h1.title-newsworthy{
		height:55px;
		background:url(images/content/titles/title-newsworthy.jpg) no-repeat center left;
		}
	
	h1.title-our_team{
		background:url(images/content/titles/title-our_team.jpg) no-repeat center left;
		}
		
	h1.title-services{
		background:url(images/content/titles/title-services.jpg) no-repeat center left;
		}
		
	h1.title-mission{
		background:url(images/content/titles/title-mission_statement.jpg) no-repeat center left;
		}
		
	
	
ul.xoxo{
	margin:0;
	padding:0 0 20px 0;
	list-style-type:none;
	}
			
	ul.xoxo li ul{list-style-type:none; padding:0; margin-left:0px;}
						
	ul.xoxo li ul li{
		border-bottom:1px dashed #ededed;
		
		}	
		
		
	ul.xoxo li ul li a{font-weight:bold; text-decoration:none;display:block;padding:5px 10px;}
	
	ul.xoxo li ul li a:hover{ color:#f9f9f9;
				background-color:#C1D82F;}
				
				
dl.gallery-item{
	float:left;
	padding:10px;
	}
	
	dl.gallery-item a img{border:1px solid #999999;}
	dl.gallery-item a:hover img{opacity:.9;}
	dl.gallery-item img{padding:0; margin:0;}
	

.contact-links { position: absolute; top: 0; right: 0; }

.contact-links .phone-number { padding: 1em 25px 1em 35px; background: url(http://therileygroup.info/wp-content/uploads/2011/11/phone-icon1.png) left 14px no-repeat; font-size: 130%; }

.contact-links .email-icon { padding: 1em 0 1em 30px; background: url(http://therileygroup.info/wp-content/uploads/2011/11/email-icon.png) left center no-repeat; }