/*   
Theme Name: European Beach Hockey	
Theme URI: www.europeanbeachhockey
Description: custom theme for the european beach hockey site 
Author: Sam Vermeersch
Author URI: www.netrix.be
Template: 
Version: 0.1
.
General comments/License Statement if any.
.
*/


body {
	background-image: url(images/background_gradient.jpg);
	background-repeat: repeat-x;
	}
	
#wrapper {
	margin: 0 auto;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 976px;
	background-color: white;
	}
	
#banner {
	margin: 0 auto;
	width: 956px;
	height: 262px;
	background-image: url(images/banner.jpg);
	}

#datebanner {
	margin-top: -10px;
	float: left;
	height: 162px;
	width: 202px;
	background-image: url(images/datebanner.png);
	background-repeat: no-repeat;
	}
	
#navigation {
	margin: 0 auto;
	border-style: solid;
	border-width: 1px 0px;
	width: 931px;
	border-color: #999;
	height: 44px;
	background-image: url(images/navbg.jpg);
	padding-left: 25px;
	}

#navigation a {
	font-family: Helvetica neue, Helvetica, arial, Sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #3c3c3c;
	line-height: 44px;
	text-decoration: none;
	padding-left: 9px;
	padding-right: 9px;
	display: block;
	}
	
#navigation ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	}

#navigation li {
	float: left;
	}
	
#navigation a:hover {
	color: #0180d0;
	}


.spacer {
	display: block;
	line-height: 44px;
	background-image: url(images/navspacer.jpg);
	background-repeat: no-repeat;
	margin-left: 9px;
	margin-right: 9px;
	}
	
.spaced {
	display: block;;
	width:4px;
	height: 200px
	background-color: white;
	}
	
#slideshow {
	margin: 0 auto;
	height: 210px;
	width: 956px;
	background-color: #bbbB;
	
	}	
	
#mainbody {
	min-height: 200px;
	background-color: #e9e9e9
	color: #333;
	font-family: Helvetica neue, Helvetica, arial, Sans-serif;
	font-size: 14px;
	width: 720px;
	float: left;
	}
	
#mainbody a {
	color: #333;
	}

#mainbody a:hover {
	color: #0180d0;
	}
			
#box1 {
	position:absolute;
	}

#box1 span {
	display:block;
	float:left;
	}

.mask1 {
	position:relative;
	width:956px;
	height:200px;
	overflow:hidden;
}

span img {
	display:block;
	border: none;
	}

.postbit {
	color: #333;
	background-color: #f2f5f9;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	margin: 10px;
	padding: 30px;
	padding-top: 10px;
	}
	
.postbit_date {
	color: #aaa;
	font-size: 10px;
	}

.meta {
	color: #aaa;
	font-size: 10px;
	}

.meta a {
	color: #aaa;
	font-size: 10px;
	}
	
.postbit_title {
	display: block;
	margin: -10px -30px 10px -30px;
	padding: 10px;
	background-color: #eaf0ff;
	clear: both;
	border-bottom: solid #ccc 1px;
	}
	
#sidebar {
	padding-right: 10px;
	display: block;
	text-align: left;
	width: 240px;
	float: right;
	min-height: 200px;
	background-color: #e9e9e9
	color: #333;
	font-family: Helvetica neue, Helvetica, arial, Sans-serif;
	font-size: 14px;
	min-height: 600px;
	}
	
.sidebarbit {
	color: #333;
	background-color: #f2f5f9;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	margin-top: 10px;

	padding: 10px;
	}

.sidebarbit_title {
	display: block;
	margin: -10px -10px 10px -10px;
	padding: 10px;
	background-color: #eaf0ff;
	clear: both;
	border-bottom: solid #ccc 1px;
	}
	
#sidebar a {
	color: #333;
	}

#sidebar a:hover {
	color: #0180d0;
	}
	
#mainbodypage {
	min-height: 200px;
	background-color: #e9e9e9
	color: #333;
	font-family: Helvetica neue, Helvetica, arial, Sans-serif;
	font-size: 14px;
	width: 976px;
	}

#mainbodypage a {
	color: #333;
	}

#mainbodypage a:hover {
	color: #0180d0;
	}