/*
Theme Name: WordPress YWAM
Description: WordPress theme for YWAM
Author: Linking Pixels - Marieken Kerkhoven
website: http://www.linkingpixels.nl
*/

/* CSS Document */

/* COPYRIGHT MENU ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/opaque_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	line-height: 190%;
	color: #5b6770;
	background:url('images/bg.gif') repeat-x;
	background-color:#ebebeb;
	text-align:center;
}

#wrapper {	
	height:auto !important;
	background-color:#ebebeb;
	min-height: 800px;
	width:100%;
	background:url('images/houses.png') bottom left repeat-x;
}

#container {
height:auto !important;
width:970px;
margin:10px auto 0 auto;
padding: 0 0px 0 0px;
text-align:left;
/*	overflow: hidden;*/
}
	
/*TOPMENU*/	
#topMenu {
text-align:right;
list-style:none;
padding: 0;
margin:0;
}

#topMenu li {
display:inline;
padding: 0 2px;
}

#topMenu li a {
color:#363f6b;
text-transform:uppercase;
font-size: 0.8em;
font-weight:bold;
text-decoration:none;
}

#topMenu li a:hover {
color: #CCCCCC;
}

#topMenu img {
border:none;
}

#header {
background:url('images/header.jpg') repeat-y;
	margin:0px;
	width: 970px;
	height: 151px;
	border-top: 5px solid #363f6b;
}

#header h1 {
	margin: 0px;
	width: 100%;
	height: 0px;
	text-indent:-3000px;
}

#header img {
	border: none;
	padding: 0;
	margin: 9px 0 10px 10px;
	height: 75px;
	display:block;
}

#header a.logo {
	border: none;
	padding: 0;
	margin: 0px;
	height: 0px;
}
/*MENU*/

#menu {list-style-type:none; margin:40px 0 0px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
#menu li {display:block; float:left; position:relative; z-index:100; border-right: 1px solid #ffffff;letter-spacing:0.1em;}
#menu li a {display:block; white-space:nowrap; text-decoration:none;color: #FFFFFF;padding:3px 25px 0px 25px; background:#9da4a9;text-transform:uppercase;border-bottom: 1px solid #ffffff;}
#menu li a:hover {display:block; white-space:nowrap; text-decoration:none;color: #FFFFFF;padding: 3px 25px 0px 25px; background: #5b6770;text-transform:uppercase;border-bottom: 1px solid #5b6770;}
#menu li.current_page_item a {display:block; white-space:nowrap; text-decoration:none;color: #FFFFFF;padding: 3px 25px 0px 25px; background: #5b6770;text-transform:uppercase;border-bottom: 1px solid #5b6770;}
@media screen and (-webkit-min-device-pixel-ratio:0) { #menu li a, #menu li a:hover, #menu li.current_page_item a {padding:3px 25px 1px 25px;}}

#menu ul {position:absolute; top:20px; left:0; margin: 6px 0 0 0; padding: 4px 0; background:transparent url('images/opaqueYwam.png'); border-top: 1px solid #fff;}

* html #menu ul {background:transparent url('images/opaqueYwam.gif');}
#menu ul li {display:none; background: transparent; clear:left; margin:0; color: #fff; font-size: 1em; text-align:left;background: none; border: none; font-weight: normal;letter-spacing:normal;}
#menu li:hover li, #menu li a:hover li {display:block;}


/*submenu*/
#menu li li a {display:block; white-space:nowrap; text-decoration:none;color: #FFFFFF;padding: 2px 10px 0 10px; background:none;text-transform: capitalize; border: none;}
#menu li li a:hover {display:block; white-space:nowrap; text-decoration:none;color: #cccccc;padding: 2px 10px 0 10px; background: none;text-transform:capitalize; border: none;}
#menu li.current_page_item li a, #menu li.current_page_parent li.current_page_item a {display:block; white-space:nowrap; text-decoration:none;color: #FFFFFF;padding: 0px 10px 0 10px; background: none;text-transform: capitalize; border-bottom: none;}
#menu li.current_page_item li a:hover, #menu li.current_page_parent li.current_page_item a:hover {display:block; white-space:nowrap; text-decoration:none;color: #cccccc;padding: 0px 10px 0 10px; background: none;text-transform: capitalize; border-bottom: none;}

#menu ul ul {display:none;}



/*CONTENT*/

#contentBox {
background: #f5f5f5 url('images/bgContentBox.gif') repeat-y;
	clear: both;
	width: 970px;
	height: 100%;
	overflow:hidden;
	border-top: 7px solid #5b6770;
	padding-bottom: 25px;
	border-bottom:2px solid #363F6B;
}

#content {
	width: 630px;
	background-color: #ffffff;
	float: left;
	margin: 0;
	padding: 0px 20px 0 20px;
}

p {margin: 18px 0px 18px 0;}

h2 {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.3em;
	color: #363f6b;
	letter-spacing:0.05em;
	margin-top: 25px;}

h3 {
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
font-size: 1.1em;
color: #363f6b;
margin-bottom:-15px;
}

a {text-decoration:underline;
color:#333366;
cursor:pointer;}

a:hover {color: #666666;
text-decoration: none;}

/*FEATURED CONTENT*/

#content #gallery {
margin-top: 25px;
width: 631px;
height: 401px;
/*border: 1px solid #cccccc;*/
}

.carouselBtn {display : none;}

#content a.readMore, #content .overview a.alignright {
color: #FFFFFF;
float: right;
font-size:0.8em;
line-height:1.6em;
background:#333366 url('images/readmore.gif') right 4px no-repeat;
padding: 0px 20px 1px 3px; 
text-decoration: none;}

#content a:hover.readMore, #content .overview a:hover.alignright {
color: #333366;
float: right;
font-size:0.8em;
background:#cccccc url('images/readmore_ro.gif') right 4px no-repeat;
padding: 0px 20px 1px 3px; }

#content img {border: 1px solid #ccc;
padding: 2px;}

/*DOCS*/

#content .wp-oembed {background: url('images/pdf_icon.gif') top left no-repeat;
padding: 0 0 3px 20px;} 

#content a.post-edit-link {color: #FF9900;}

/*SIDEBAR*/

.widgettitle {display:none;}

#context {
	background-color: #f5f5f5;
	width: 265px;
	float: right;
	padding: 25px 0 0 0;
	font-size: 11px;
	margin-right: 15px;
}

#context img {
border: none;
}

#context ul {
padding:0;
margin:0;
list-style:none;
}

#context h3 {
font-family: "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0.05em;
line-height: 1.5em;
margin:10px 0;
}

#news { margin:0 0 40px 0;
padding:0;
font-size:11px;
line-height: 1.5em;}

#news li { margin:0 0 10px 0;}
#news p { margin:0 0 18px 0;}
#news .date {color: #999999 ;
text-transform:uppercase;}
#news .title {color: #363F6B;
font-weight:bold;}

#news a {
color: #5b6770;
display: block;
text-decoration:none;
background: url('images/arrow.gif') right bottom no-repeat;
padding-right: 10px;
}

#news a:hover {
color:#5b6770;
text-decoration:none;
background: url('images/arrow_ro.gif') right bottom no-repeat;}

#news a.readMore {
color: #FFFFFF;
float: right;
font-size:0.9em;
line-height:1.6em;
background:#333366 url('images/readmore.gif') right 4px no-repeat;
padding: 0px 20px 1px 3px; 
text-decoration: none;}

#news a:hover.readMore {
color: #333366;
float: right;
font-size:0.9em;
background:#cccccc url('images/readmore_ro.gif') right 4px no-repeat;
padding: 0px 20px 1px 3px; }


/*OVERVIEW PAGE*/

.overview .post {display: block;clear: both;}
.overview h3 {margin: 0 0 0px 0;clear:both;}
.overview img {float:left; margin: 7px 15px 5px 0;}
.overview p {margin:0 0 18px 0;}
.overview .date {color: #999999;font-size:0.9em;margin-top:0px;}

/*FOOTER*/

.clear {clear: both;}
a.login {color:#f5f5f5;
text-decoration:none;}
a:hover.login {color:#999999;
text-decoration:none;}