/*
Theme Name: RSI Main Theme
Theme URI: http://www.restorationsocietyinc.com
Description: Base RSI Theme for Production Server
Author: Aaron Drake
Author URI: http://www.drakedesign.com
Template: thematic
Version: v1.0
.
General comments/License Statement if any.
.
*/

/* Reset browser defaults */
@import url('../thematic/style.css');


* {
/* 	outline: 1px solid red!important; */
}

/*---------------------
  GENERAL TYPOGRAPHY
----------------------*/

	h1.entry-title {
		color: #6a69ad;
	}
	
	.home-title {
		font-size: 22px;
		margin: 0 0 27px;
	}
	
	body.home div#main {
		border: none;
		background: none;
	}

/*---------------------
     SHORTCODE STYLES
----------------------*/

	.contact-box-blue {
			width: 75%;
			color: #7c7db7;
			margin: 10px 0px 15px 0px;
			display: block;
			background-color: #dfdff8;
			padding: 17px;
			border: 1px dotted #6d6fa1;
		}
		
	.contact-box-blue h2 {
		padding: 0px;
		margin-bottom: 10px;
	}


.purple-button {
	background: #6A69AD url(../images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 13px 17px 12px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

a.donate {
	background: orange;
	padding: 8px;
	font-size: 17px;
	color: #fff;
}

a.purple-button:link {color: #fff;text-decoration: none !important;}
a.purple-button:visited {color: #fff;text-decoration: none !important;}
a.purple-button:hover {background: #6A69AD url(../images/alert-overlay.png) repeat-x;}

.tiny {
	font: normal 12px Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 1px #af6e0a;
	padding: 8px 8px 8px 8px;;

}

.small {
	font: normal 14px Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 1px #af6e0a;

}
.standard {
	font: normal 18px Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 1px #af6e0a;
}
.large {
	font: normal 22px Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px 1px #af6e0a;
}

/*---------------------
    STRUCTURE STYLES
----------------------*/

	#slider-wrap {
		 margin: 0 auto;
       	 width: 940px;
       	 position: relative;
       	 z-index: 1;
       	 border: 1px;
	}
	
	#slider {
		float: left;
		width: 620px;
	}
	
	#slider-aside {
		width: 275px; height: 265px;
		background: url('images/message-bg.png') repeat-x;
		float: left;
		padding: 20px;	
	}
	
	#slider-text {
		color: #e8e8e8;
		background: url('images/message-inner-bg.png') repeat-x;
		padding: 20px;
		text-align: center;
		height: 269px;
	}
	
	#slider-text h1 {
		color: white;
		font-size: 38px;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 2px dotted #fff;
		text-shadow: 1px 1px 2px #487192;
		filter: dropshadow(color=#, offx=1, offy=1);
	}
	
	#slider-text p {
		color: #6e6aaf;
		font-size: 18px;
		line-height: 28px; 
	}
	
		
	#wrapper {
		background:#ffffff url('images/rsi-page-bg.png') repeat-x;
	}
	
	#main {
		background-color: #ffffff;
		border: 1px solid #e6e6e6;
		padding-top: 45px;
		margin-top: 30px;
	}
	
	#footer {
		background:#6e6ab0 url('images/rsi-page-footer.png') repeat-x;
		color: #fff;
		margin-top: 30px;
		border: 0px;
	}
	
	#content {
		margin-left: 285px;
	}
	
/*---------------------
     HEADER STYLES
----------------------*/
	
	#header {
		margin: 0 auto;
		width: 940px;
		height: 149px;
		position: relative;
	}
	
	#branding {
		position: absolute;
		padding: 0px !important;
		left: 36px;
		top: 4px;
		z-index: -2;
	}
	
	#blog-title a {
		padding: 0px !important;
		background: #ffffff url('images/restoration-society-logo.png') no-repeat;
		width: 178px; height: 157px;
		-webkit-box-shadow: 0px 0px 9px ;
		-moz-box-shadow: 0px 0px 9px ;
		box-shadow: 0px 0px 9px ;
		display: block;
		
	}
	
	#blog-title, #blog-description {
		text-indent: -9999px;
	}
	
	#blog-title a:active, #blog-title a:hover {
		color: #000;
	}
	
	#header-aside {
		width: 700px;
		float: right;
		z-index: 10;
	}
	
	#header-aside img {
		margin-left: 129px;
		margin-top: 15px;
	}
	
	.header-secondary-aside {
		color: #464646; 
		display: block;
		width: 400px;
		text-align: center;
		float: left;
		font-size: 19px;	}
	
	#header-links {
		width: 300px; height: 101px;
		text-align: right;
		float: right;
	}
	
	#header-links ul {
		font-size: 0.89em;
		margin: 10px 0px 10px 0px;
	}
	
	
	#header-links h3 {
		margin-top: 10px;
		font-size: 1.2em;
	}
	
	#header-links li {
		display: inline;
		list-style: none;
		margin-left: 10px;	
	}
	
	#header-links a, #header-links a:visited {
		text-decoration: none;
		color: #6E6AB0;
	}
	
	#s {
		width: 135px;
		color: #a3a3a3;
	}
	
/*---------------------
      NAV STYLES
----------------------*/
	
	#access {
		clear: both;
		border: 0;
		font-size: 14px;
	}
	
	.sf-menu {
		float: right!important;
		border-right: none;
	}
	
	.sf-menu a, .sf-menu a:visited {
		border: none;
		color: #6E6AB0;
	}
	
	.sf-menu ul li a:visited {
		border: 1px solid white;
	}
	
	.sf-menu ul li a {
		border: 1px solid #ffffff;
	}

	
/*---------------------
     SIDEBAR STYLES
----------------------*/

	#sidebar {
		background-color: #918ec5;
		float: left;
		width: 170px;
		padding: 20px;
		margin-left: 20px;
		margin-top: -25px;
		display: inline;
		font-size: 13px;
		color: #fff;
	}
	
	#sidebar a, #sidebar a:visited {
		color: #fff;
	}
	
	#sidebar h2 {
		 font-family: Arial,sans-serif;
		 font-size: 22px;
		 display: block;
		 margin-bottom: 15px;
		 text-shadow: 1px 1px 2px #44417b;
		filter: dropshadow(color=#, offx=1, offy=1);
	}
	
	.page-thumbnail {
		margin: auto;
	}
	
	.page-thumbnail img{
		padding: 10px;
		background-color: white;
		margin-bottom: 20px;
	}
	
	#sidebar .children {
		color: #464560;
	}
	
	ul.sub-nav {
		margin-left: 0px;
		list-style: none;
		text-decoration: none;
		
	}
	
	#sidebar a:link, #sidebar a:visited, #sidebar a:hover {
		color: #464560;
	}
	
	#sidebar ul {
		text-decoration: none;
	}
	
	#sidebar ul li {
		font-weight: bold;
		border-bottom: 1px dotted white;
		text-decoration: none;
		padding: 12px 0 12px 0;
	}
	
	#sidebar ul li ul li {
		font-weight: normal;
		border-bottom: none;
		padding: 0;
	}
	
	.main-aside {
		width: 100%;
		border: 0px;
	}
	
	#download-area ul li {
		padding: 0px;
	}
	
	#download-area h3 {
		font-family: Arial,sans-serif;
		font-size: 20px;
		border-bottom: 1px dotted #fff;
		margin-bottom: 12px;
	}
	
	#download-area ul {
		list-style: none;
		margin-left: 0px;
	}
	
	#download-area ul h4 {
		font-family: Arial,sans-serif;
		 font-size: 13px;
		 font-weight: bold;
	}




/*---------------------
    SECTION STYLES
----------------------*/
	.program-title {
		width: 50%;
		float: left;
	}
	
	.donate-section {
		width: 50%;
		float: left;
		text-align: center;
	}
	
	.donate-cta {
		width: 230px;
		text-align: right;
		margin-right: 15px;
		color: #777;
	}
	
	.tagline-section {
		border-bottom: 1px dotted #777;
	}
	
	
	#program-blocks ul {
		margin: 0px;
	}
	
	#program-blocks li {
		float: left;
		list-style: none;
		padding-right: 25px;
		width: 210px;
		height: 160px;
		margin-bottom: 15px;
	}
	
	#program-blocks h3 {
		font-family: Arial,sans-serif;
		color: #c27c3e;
		font-size: 20px;
	}
	
		#program-blocks h3 a {
		color: #c27c3e;
	}
	
	#program-blocks p {
		font-size: 13px;
		line-height: 19px;
	}
	
	#program-blocks a {
		text-decoration: none;
	}

/*---------------------
   ANNOUNCEMENT STYLES
----------------------*/
	#announcement-section {
		margin: 40px auto 20px;
		background: url('images/announcement-bg.png') repeat-x;
		width: 920px;
		color: #e7f1f9;
		-moz-border-radius: 8px;
		border-radius: 8px; 
		font-size: 14px;
		line-height: 20px;
	}
	
	#announcement-section h4 {
		font-family: Arial,sans-serif;
		font-size: 21px;
		color: #fff;
		border-bottom: 1px dotted #fff;
		margin-bottom: 10px;
		padding-bottom: 10px;
		text-shadow: 1px 1px 2px #18324e;
		filter: dropshadow(color=#, offx=1, offy=1); 
	}
	
	.a-block {
		float: left;
		width: 260px; height: 182px;
		padding: 20px;	
	}
	
	#testimonial-block h4 {
		background: url('images/comment-icon.png') right center no-repeat;
	}
	
	.author {
		color: #18446d;
	}
	
	#social-block h4 {
		background: url('images/social-icon.png') right center no-repeat;
	}
	
	#social-block {
		background: url('images/connect-bg.png') repeat-x;
		z-index: 50;
	}
	
	ul#social-links {
		border-top: 1px dotted #fff !important;
		margin: 0;
		padding-top: 12px;
	}
	
	#social-links li {
		display: inline;
	}
	
	#news-block  {
		background: #9997c9 url('images/news-bg.png') repeat-x;
		width: 240px;
		height: 220px;
		overflow: hidden;
		margin-top: -38px;
		padding: 20px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	
	#news-block h5 {
		  background: url("images/news-icon.png") no-repeat scroll left center transparent;
		  font-family: Arial,sans-serif;
		  font-size: 17px;
		  padding-left: 30px;
	}
	
	#news-block p {
		color: #44417b;
		font-style: italic;
	}
	
	#news-block li a:link {color: #fff;}
	#news-block li a:visited {color: #fff;}
	#news-block li a:hover {color: #fff;}
	
	#news-block ul {
		margin-top: 22px;
		margin-left: 0px;
	}
	
	#news-block li {
		list-style: none;	
	}


/*----------------------------
	Testimonial STYLES
-----------------------------*/
	
	#testimonial {
		background-color: #f5f5f5;
		padding: 25px;
		margin-bottom: 40px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	
	#testimonial p {
		float: right;
		width: 475px;
	}
	
	#testimonial h2 {
		color: #6A69AD;
		font-size: 16px;
		text-align: right;
	}
	
	.cloud {
		margin: 0px 15px 15px 0px;
		float: left;
	}
	
/*---------------------
     Footer STYLES
----------------------*/
	
	#subsidiary #first.aside {
		width: 600px;
		color: #fff;
		padding-left: 30px;
	}
	
	#subsidiary #second.aside {
		width: 200px;
		color: #fff;
		float: right;
	}
	
	#siteinfo, #siteinfo a {
		color: #fff;
	}
	
	#siteinfo li a:link {color: #fff;}
	#siteinfo li a:visited {color: #fff;}
	#siteinfo li a:hover {color: #fff;}
	
	#footer a:link {color: #fff; font-weight: bold;}
	#footer a:visited {color: #fff;}
	#footer a:hover {color: #fff;}

/*---------------------
     EXTRA STYLES
----------------------*/

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }