/*
Theme Name: Rabat Church
Description: custom wordpress theme created for Rabat International Church
Version: 1
Author: Dennis Hadley
Author URI: http://dennishadley.com
*/

@import "style/css/reset.css";
@import "style/blueprint/grid.css";
@import "style/css/typography.css";


/* LAYOUT */
/* ----------------------------------------- */

html, body{
	width: 100%;
	height:100%;
	background-color:#d1c8c1;
	background-repeat:repeat;
	text-align:justify;
}

blockquote{padding:0 40px; font-style:italic; text-align:justify; color:#3f6670;}

#wrapper {
	min-height:100%;
	background-color:#ffffff;
	width:970px;
	margin:0 auto;
	border-left:1px solid #705944;
	border-right:1px solid #705944;}

#header{
	background-color:#89a6aa;
	background-image:url(style/images/rabat-bgnd2.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	padding: 18px 0 0 0;
	width:970px;
	min-height: 152px;
	/*border-bottom:2px solid #3f6670;*/
}

#logo{
	float:left;
	height: 90px;
	margin-left:14px;
}

#description{
	clear:left;
	float:left;
}

ul#top-nav span{
	height:22px;
	display: table-cell;
	vertical-align:middle;
}

form#searchform{
	height:18px;	
	display: table-cell;
	vertical-align:bottom;
	float:right;
	margin-right:18px;
}

form#searchform label{
	color:#ffffff;
	font-size:.8em;
	text-transform:lowercase;
}

ul#top-nav{
	height:22px;
	margin-right:0;
	margin-bottom:18px;
	color:#ffffff;
	float:right;
	font-size:.8em;
	text-transform:lowercase
}

#top-nav li{
	float:left;
	display:inline;
}

#top-nav li a:link, #top-nav li a:visited{
	color:white;
	text-decoration:none;
}

#top-nav li a:hover{
	color:white;
	text-decoration:underline;
}

#weather{
	float:right;
	margin-right:10px;
}

ul#main-nav{
	float:right;
	width:100%;
	margin-top:18px;
	/*background-color:#000000;*/
}

#main-nav li{
	margin-right:18px;
	font-weight:bold;
	float:right;
	display:inline;
	font-size:18px;
}

#main-nav li a:link, #main-nav li a:visited{
	color:white;
	text-decoration:none;
}

#main-nav li a:hover{
	color:#5b4837;
	text-decoration:none;
}

#content{
	clear:both;
	margin:18px auto 54px;
	background-color:#ffffff;}

.contact-btn{
	text-align:right;
}

#contact-form{
	text-align:left;
}

#contact-form input, textarea{
	width:426px;
	vertical-align:top;
}

#contact-form input.btn{
	width:80px;
}

#contact-form p.contact-message{
}

.post{
	margin: 0 0 18px 0;
}

.contact-field{
	line-height:1.4em;
}

input#submit{
	margin:18px 0;
}

div#slideshow{
	background-color:#000000;
	height:360px;
	margin-bottom:18px;
	position:relative;
}

img {
	border:1px solid #5b4837;
}

img#map{
	border:none;
}

#slideshow img {
	margin:0;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	opacity:0.0;
	border:1px solid #5b4837;
}

#slideshow.side{
	height:162px;
}

#slideshow img.active {
    z-index:10;
	opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

div#join-us{
	min-height:360px;
	margin-bottom:18px;
}
div#get-in-touch{
	min-height:360px;
	margin-bottom:18px;
}

h1#morocco-header{
	background-image:url(style/images/zellij_teal_heading.jpg);
	background-repeat:no-repeat;
	height:36px;
	color:#ffffff;
}

div#about-morocco{
	background-image:url(style/images/zellij_teal.jpg);
	background-repeat:no-repeat;
	padding-left:90px;
}

#sidebar{
	margin: 0 0 18px 0;
}

ul.sidebar-list li{
	list-style-position:inside;
	list-style-type:circle;
}

#footer{
	bottom:0;
	font-size:.8em;
	clear:both;
	margin: -54px auto 0;
	background-color:#89a6aa;
	background-image:url(style/images/rabat-bgnd.jpg);
	background-repeat:no-repeat;
	min-height:54px;
	width:970px;
	border-left:1px solid #705944;
	border-right:1px solid #705944;
}

#footer p#copyright{
	margin: 0 18px 0 18px;
	color:#ffffff;
	float:left;
}

ul#footer-nav{
	float:right;
}

#footer-nav li{
	margin-right:18px;
	font-weight:normal;
	float:right;
	display:inline;
}

#footer-nav li a:link, #footer-nav li a:visited{
	color:white;
	text-decoration:none;
}

#footer-nav li a:hover{
	color:white;
	text-decoration:underline;
}

.emphasis{
	font-weight:bold;
	color:#3f6670;
}

.de-emphasis{
	font-weight:normal;
	font-size:.6em;
	color:#636363;
}

#contact-form input.captcha{
	width: 342px;
}

ol{
	margin-bottom: 18px;
}

ol li{
	list-style-type: decimal ;
	margin-left:32px;
}

ol li ol li{
	list-style-type:lower-roman;
	margin-left:32px;
}

ol li ol li ol li{
	list-style-type:none;
	margin-left:32px;
}

/*----WORDPRESS GENERATED-------*/
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
img.alignleft{margin-right:18px}
.alignright { float:right}
img.alignright{margin-left:18px;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */