/*
Theme Name: De Corvers
Theme URI: http://www.decorvers.nl
Description: Wordpress theme voor korfbal vereniging de Corvers
Version: 1.3.2
Author: Mark Smits
Author URI: http://www.marksmits.nl/
*/

root {
    display: block;
}

body {
	font: 0.75em Arial;
	color: #dddddd;
	margin: auto;
	text-align: center;
	background: url('../img/background.jpg') top center no-repeat fixed;
}

div#body-container{
	float: left;
	margin:0px auto;
	height:100%;
	width:100%;
	top: 0;
	z-index: 3;
}

img {
	border: none;
}

a {

	color: #cc0000;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

h1,h2,h3,h4,h5 {

	margin: 0px;

}

h1 {

	font-size: 1.5em;

}

h2 {

	font-size: 1.4em;

}

h3 {

	font-size: 1.3em;

}

/* Centers the layout */

.centered {
	display: inline-block;
	margin: 0 auto;
	height: auto;
	overflow:hidden;
	width: 784px;

	background: url(../img/shadow.png) repeat-y;

	padding: 0px 0px;

}

/* Header */

#header {

	margin: 0px auto 0px auto;

	background: url(../img/header.jpg);

	width: 761px;

	height: 200px;

	text-align: left;

}

#header h1 {

	margin: 0px;

	padding: 40px 0px 0px 34px;

	color: #ffffff;

	font: 1.7em Arial;

}

/* Navigation */

#navigation {

	text-align: center;

	font: 1.0em Trebuchet MS, Arial;

	padding-top: 168px;

}

#navigation ul {

	margin: 0px;

	padding: 0px 0px 0px 20px;

	list-style: none;

}

#navigation ul li {

	margin: 0px;

	padding: 0px 5px;

	float:left;

}

#navigation ul li a {

	display: block;

	text-decoration: none;

	color: #ffffff;

	padding: 5px 15px;

	float:left;

}

#navigation ul li a:hover {

	display: block;

	text-decoration: underline;

	color: #ffffff;

}

#navigation ul li a span {

	display: block;

	padding: 9px 20px 8px 20px;

}

/* Container */

#container {

	width: 728px;

	margin: 0 auto;

	text-align: left;

	padding-top: 20px;
	overflow:hidden;

}

/* Top ad */

.ad {

	text-align: center;

	margin-bottom: 20px;

}

/* First header */

.header1 {

	background: url(../img/h1.gif);

	border-left: 1px solid #156CB2;

	border-right: 1px solid #156CB2;

	font-size: 1.1em;

	color: #ffffff;

	text-align: center;

	padding: 6px 0px;

	width: 400px;

	float: left;

	font-family: Trebuchet MS, Arial;

}

.header2 {

	background: url(../img/h1.gif);

	border-left: 1px solid #156CB2;

	border-right: 1px solid #156CB2;

	font-size: 1.1em;

	color: #ffffff;

	text-align: center;

	padding: 6px 0px;

	width: 300px;

	float: right;

	font-family: Trebuchet MS, Arial;

}

/* Second Header */

.header3 {

	background: url(../img/h2.gif);

	font-size: 0.9em;

	color: #666666;

	text-align: right;

	padding: 7px 10px 0px 0px;

	font-family: Trebuchet MS, Arial;

}

#content {

	padding: 5px;

	line-height: 1.8em;

	float: left;

    width: 550px;

}

#content .details {

	font-size: 0.9em;

	color: #777777;

}

/* Footer */

#footer {

	text-align: center;

	font-size: 0.9em;

	line-height: 1.9em;

}

#col1 {

	float: right;

	padding: 5px;

    width:150px;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption-dd {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}
/*/DROP DOWN MENU/*/
#dropmenu, #dropmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	z-index:300;
	width:100%; 
	font-weight:bold;
}
#dropmenu a {
	display:block;
	padding:0.25em 1em;
	color:#CC0000;
	border-right:1px solid #c8c8c8;
	text-decoration:none;
}

#dropmenu a:hover {
	background:#888;
	color:#fff;
}
#dropmenu li {
	float:left;
	position:relative;
}
#dropmenu ul {
	position:absolute;
	display:none;
	width:12em;
	top:1.9em;
	left:0px;
}
#dropmenu ul a {
	border-left:1px solid #c8c8c8;
	border-top: 1px solid #c8c8c8;
}

#dropmenu li ul {

	width:14.1em;
}

#dropmenu li ul a {
	width:12em;
	height:auto;
	float:left;
	border-bottom:1px solid #c8c8c8;
	background: #666;
}
#dropmenu ul ul {
	top:auto
}
#dropmenu li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
	display:none;
}

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
	display:block;
}