/*   
Theme Name: Raincity Housing
Theme URI: http://www.raincityhousing.org/
Description: Design Created by Ideastream Design for Raincity Housing
Version: 1.0
Author: Theme Development by Christine Rondeau of Bluelime Media
Author URI: http://www.bluelimemedia.com

Color used:
lilac:#ECEEF7;
turquoise:#00BCE4;
blue: #005DAA;
grey:#939698;
*/
p, ul, li, h1, h2, h3, h4, h5, h6, ol, form {margin:0px; padding:0px;}
td {vertical-align:top; text-align:left;}
.hide {display:none;}
a img {border:none;}
a {color:#00BCE4;}
a:hover {color:#005DAA;}
p, li {font: 1em/1.4em verdana, arial, tahoma, sans-serif;}
p {padding:4px 0;}
h3 {color:#005DAA; 
	letter-spacing:-1px;
	font: normal 24px/26px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin-bottom:4px;
}

h4 {color:#00BCE4; 
	letter-spacing:-1px;
	font: normal 20px/22px "Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:8px 0 0 0;
}
.imgalignleft, .alignleft {float:left; padding-right:8px; padding-bottom:8px;}
.imgalignright, alignright {float:right; padding-left:8px; padding-bottom:8px;}


body {
	margin: 0; padding:0;
	background:#FFF url(images/bg.gif) 50% repeat-y;
	font:72%/1.6 verdana, arial, tahoma,  sans-serif;
	color:#333;
}
#wrapper {
	width:100%; height:16px;
	background: transparent url(images/bg.png) 50% top no-repeat;
	}
#wrap {
	text-align:left;
	width: 1020px;
	position:relative;
	margin: 0px auto 0px auto;
}

 #header{
	position:absolute;
	top:0; left:0;
	width: 1020px; height:176px;
	margin:0; padding:0;
	background:url(images/top/1.jpg) bottom right no-repeat;
}


#logo a {
	position:absolute;
	top:20px; left:50px;
	margin: 0; padding:0;
	width: 200px; height:133px;
	background:url(images/logo.gif) no-repeat;
	display: block; overflow: hidden; 
}

/* Primary Navigation
-------------------------------------------------------------- */
#top_nav {
	position:absolute;
	top:176px; left: 0px; 
	padding:0;
	width:1020px; height:28px;
	background:#ECEEF7;
}

#top_nav ul { 
	list-style: none; 
	margin:0; padding: 5px 130px 0 0;
}

#top_nav li {
	display: block;
	margin: 0; padding: 0;
	float: right; width: auto;
}
#top_nav a {
	display: block; width: auto; 
	color: #005DAA;
	text-decoration: none;
	margin:0px; padding:0px 15px;
	font:bold 1.1em arial, verdana, tahoma, sans-serif;
	text-transform:lowercase;
}

#top_nav ul li a:hover, 
#top_nav ul li.current_page_item a,
#top_nav ul li.current_page_ancestor a,
#top_nav ul li.current-menu-ancestor a, 
#top_nav ul li.current-menu-item a,
#top_nav ul li.current-menu-parent a {
	color: #8CCCCA;
}

/* Drop down menu */
#top_nav ul ul {
	display:none;
	position:absolute;
	top:40px; left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#top_nav ul ul li {
	min-width: 180px;
	border-bottom:1px solid #d4d4d4;	
}

/* Third Level drop down menu */
#top_nav ul ul ul {
	left:100%;
	top:0;
}
#top_nav ul ul a,
#top_nav ul li.current_page_item ul li a,
#top_nav ul li.current-menu-ancestor ul li a {
	background:#FFF;
	color:#000;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 160px;
}

#top_nav ul ul a:hover,
#top_nav ul li.current_page_item ul li a:hover,
#top_nav ul li.current-menu-ancestor ul li a:hover {
	color:#fff;
	background:#000;
}
#top_nav ul li:hover ul {
	display:block;
}

#socmed {
	position:absolute;
	top:182px; left: 58px;
	list-style-type:none;
}


#socmed li {float: left; padding-right: 5px;}
#socmed li a {display:block; height:16px; width:16px;}
#socmed li.twitter { background: url(images/twitter.png) top left no-repeat; width:16px; height:16px;}
#socmed li.rss { background: url(images/feed.png) top left no-repeat; width:16px; height:16px;}
#socmed li.youtube { background: url(images/youtube.png) top left no-repeat; width:16px; height:16px;}
#socmed li.facebook { background: url(images/facebook.png) top left no-repeat; width:16px; height:16px;}
#socmed li.flickr { background: url(images/flickr.png) top left no-repeat; width:16px; height:16px;}
/*---------Layout of main content ----*/


#main {
	position:absolute;
	top:220px; left:50px;
	width:900px;
	margin:0; padding:0;
}


#sidebar {/* Used to display side navigation*/
	width: 230px;
	float: left;
	margin: 0px;
	padding: 20px 0px 30px 0px;
}

#content {
	width: 570px;
	float: right;
	padding: 30px 30px 60px 0; margin: 0px;
}



/*---Styling of main blog content area---------------------*/
.entry{	padding: 0px; margin-bottom:20px;}
.entry ul, .entry ol {margin-left: 20px;padding-left:0px; list-style-type:none;}
.entry p {padding:4px 0 8px 0;}
.entry li {
	background: url(images/bullet.gif) 0 .5em no-repeat;
	padding:4px 0 4px 20px;
}
.entrymeta {
	margin:10px 0 0 0;
	color: #00BCE4;
}
.entrymeta p {padding:3px 0; font-size:12px;}

.post-navigation {padding:10px 0;}
.post-navigation a {padding:3px; background:#ECEEF7; color:#005DAA; text-decoration:none;}
.post-navigation a:hover {background:#005DAA; color:#FFF; text-decoration:none;}

.navigation-previous {
	float:left;
	width:50%;
	text-align:left;
}

.navigation-next {
	float:right;
	width:50%;
	text-align:right;
}


/*---Styling of side bar and side navigation area--*/

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0; padding:12px 0;
	background:#ECEEF7;
}
#sidebar ul li a {
	color:#005DAA;  
	font-weight:bold; 
	margin:0; padding:6px 0px 6px 15px; 
	display:block;
	text-decoration:none; 
	width:214px; 
	background:#ECEEF7;
}

#sidebar .news ul li a, #sidebar .news ul {background:#DFF2F9;}

#sidebar .news {
	background:#DFF2F9;
	width:229px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

#sidebar h4 {
	padding: 10px 0 10px 10px;
}
#sidebar select {margin-left:10px;}


#sidebar ul li a:hover, #sidebar ul li.current_page_item a, #sidebar ul li.current-cat a { 
	background-color:#005DAA; 
	color:#FFFFFF; 
	text-decoration:none; 
	font-weight:bold; 
}

#sidebar p {padding:5px 0; color:#005DAA; font:normal 1.2em arial, verdana, tahoma, sans-serif;}

table.education_table {}

.education_table {
	border-left:1px solid #ECEEF7;
	border-top:1px solid #ECEEF7;
	margin-bottom:20px;
}
.education_table th, .education_table td {
	border-right:1px solid #ECEEF7;
	border-bottom:1px solid #ECEEF7;
}

.education_table th {
	background-color:#ECEEF7;
	color:#005DAA;
	text-align:center;
}



/*---Styling of footer area---------------------*/

#footer { 
    clear:all; 
	float:left;
	text-align:left;
	width:600px; margin-left:300px;
}
#footer ul {padding: 5px 0px; margin:0; list-style: none;} 

#footer ul li {
	display: block;
	margin: 0; padding: 0;
	float: left; width: auto;
	color:#00BCE4;
}

#footer ul li a { 
	display: block; width: auto; 
	color: #00BCE4;
	
	margin:0px; padding:0px 8px;
	font:1em arial, verdana, tahoma, sans-serif;
	text-transform:lowercase;
} 


#footer p {clear:both; font-weight:normal; font-size:0.9em; margin: 0px; padding:10px 0px 20px 8px; color:#00BCE4;}

#footer a {text-decoration: none;}
#footer a:hover {color: #8CCCCA; text-decoration:underline;}



/* Comments													
-----------------------------------------------------*/
h3#comments { margin:30px 0 10px 0; }		
		
.avatar {
	float: left;
	display:block;
	padding: 0 20px 10px 0px;
}
			
.commentlist {padding: 20px 0px;}

.commentmetadata {margin-top: 0;}
ol.commentlist, ol.commentlist li {	
	list-style: none;
	margin:0; padding:0;
}
ol.commentlist li {
	padding:10px 0; 
	border-bottom:1px solid #eee;
}

ol.commentlist li p {
	padding:6px 0;
	font-size:14px; 
	line-height:20px;
}
#commentform {padding:20px 0;}
#commentform p {margin-bottom:10px;}


/**
* Respond (comments form area)
**************************************/
#respond {
	padding: 0 1px;
}
#reply-title {
}
#respond form {
	overflow: hidden;
	padding: 20px 19px 4px 19px;
	border: 1px solid #eee;
}
#respond label {
	padding: 0 0 10px 0px;
	font-size: 14px;
}
#respond p{
	margin: 0 0 15px;	
}
#respond .required {
	color: #ba0000;	
}
#respond input[type="text"], #respond input[type="email"], #respond input[type="url"] {
	display: block;
	width: 230px;
	height: 33px;
	padding: 0 10px;
	color: #333;	
}

#respond textarea {
	width: 93%;
	padding: 10px;
	color: #333;
	border: 1px solid #eee;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#submit {
	background:#005DAA;
	color:#fff;
	font-size: 14px;
	border: none;
	padding:3px 10px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
#submit:hover {
	cursor: pointer;	
}