/*

Theme Name: Opzeeland

Theme URI:  http://www.swummoq.net

Description: Fixed width, 2 column theme with a fixed width header. Made for www.sandervanopzeeland.nl by <a href="http://www.swummoq.net">swummoq.net</a>. Bases on <a href="http://dandyland.org">dandyna</a> (original base by http://www.sixshootermedia.com/)

Version: 1.0

Author:  <a href="http://swummoq.net">swummoq.net</a> (original base by http://www.sixshootermedia.com/)

*/

body
{
	background:#000000;
	word-spacing:2px;
	color:#ffffff;
	margin:0;
	font-family: "Verdana", "LucidaÊGrande", "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size:12px;
}

*
{
	margin:0;
	padding:0;
}

a
{
	color:#ffffff;
	text-decoration:none;
	font-family: "LucidaÊGrande", "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 9px;
	background: transparent url('images/bullit-content.png') no-repeat center left;
	padding: 0 0 0 10px;
}

a:hover
{
	text-decoration: underline;
}


a img
{
	border:0;
}

.more-link a
{
	font-size:12px;
	background: none;
	margin: 0;
	padding: 0;
	color: #00ccff;
}

/*******************************************************************************
 * HEADER & MENU
*******************************************************************************/

#header
{
	padding:0px;
	text-align:left;
	margin:0px 0 0 0;
	background:#00ccff url(images/gradient_header.jpg) left top no-repeat;
	height:250px;
}
	#header h1, #header h2
	{
	
	color:#ffffff;
		font-family: Helvetica, sans-serif;
		text-decoration:none;
		position: absolute;
		right: 10px;
		text-align: right;
	}

	#header h1
	{
		font-size:60px;
		border-bottom:0;
		top: 10px;
		/*line-height: 45px;*/
		display: block;
		width: 384px;
		height: 0px;
		overflow: hidden;
		padding-top: 106px;
		background: transparent url('images/title.gif') no-repeat left top;	
	}

	#header a, #header a:hover
	{
		border: 0;
		color: #ffffff;
		text-decoration: none;
	}
	
	#header h2
	{
		font-size:24px;
		top: 120px;
		width: 600px;
	}
	
	#menu
	{
		width:100%;
		padding:0px;
		text-align:left;
		margin: 0 0 20px 0;
		/*background:#303030 url(images/b.gif) repeat-x;*/
		background-color: #00ccff;
		height:24px;
		line-height: 24px;
		font-family: "LucidaÊGrande", "Lucida Sans Unicode", Helvetica, sans-serif;
		font-size: 9px;
		font-weight: bold;
	}
	
	#menu ul
	{
		border: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
	}
	
	#menu ul li
	{
		display: block;
		float: left;
		text-align: center;
		padding: 0;
		margin: 0;
		background: transparent url('images/gradient_vert_24.jpg') no-repeat right top;
	}
	
	#menu ul li a
	{
		padding: 0 20px 0 20px;
		color: #0040AC;
		text-decoration: none;
		display: block;
		text-align: center;
		border: 0;
		background: transparent;
	}

	#menu ul li a:hover
	{
		color: #0040AC;
		background: #ffffff url('images/gradient_vert_24.jpg') no-repeat right top;
	}

	#menu a:active
	{
		background: #444;
		color: #ffffff;
	}

	
	#menu li.current_page_item a
	{
		border: 0px;
		color: #ffffff;
	}

h1 a, h2 a, h3 a, h4 a, h4 a, h5 a, h6 a, h7 a
{
	background: none;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #ffffff;
	font-weight:normal;
}

	h2 a
	{
		font-size: 32px;
		color:#ffffff;
		text-decoration:none;
		border:none;
		padding:0;
	}

	h2 a:hover
	{
		color:#00D9FF;
		border: none;
	}

h3
{
	font-size:1.2em;
	color:#ccc;
	font-weight:normal;
}

p
{
	line-height:17px;
	margin:25px 0 25px 0;
}

blockquote
{
	font-size:12px;
	color:#787878;
	background:url('images/blockquote.gif') no-repeat top left;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left: 0;
	margin-right: 150px;
	margin-top: 35px;
	margin-bottom: 35px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
	padding-bottom: 0;
}

blockquote p
{
	line-height:20px;
}

/*******************************************************************************
 * SIDEBAR
*******************************************************************************/

#sidebar
{
	clear:both;
	width:190px;
	color: #00ccff;
	float:left;
	padding: 0;
	margin: 0 0 0 10px;
	font-family: "LucidaÊGrande", "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 0.15em;
}

	#sidebar p 
	{
		/*font-size:12px;*/
	}	
	
	#sidebar a 
	{
		color:#ccccccc;
		border:none;
		text-decoration: none;
	}

	#sidebar a:hover
	{
		text-decoration: underline;
		color:#ffffff;
		border:none;
	}

	#sidebar h2 
	{
		background: #00ccff url('images/gradient_190.jpg') repeat-y top left;
		padding: 2px 0 2px 5px;
		font-size: 9px;
		letter-spacing: 0.2em;
		color: #00ccff;
	}

		#sidebar h2 a 
		{
			color:#ffffff;
			text-decoration:none;
			padding:0;
		}

		#sidebar h2 a:hover
		{
			text-decoration:none;
		}

	#sidebar h4 
	{
		color:#666666;
		font-size:20px;
		font-weight:normal;
	}

		#sidebar h4 a 
		{
			color:#ffffff;
			text-decoration:none;
			padding:0;
		}

		#sidebar h4 a:hover 
		{
			text-decoration:none;
		}


	#sidebar ul
	{
		padding: 0;
		margin: 10px 0 10px 0;
		list-style: none;
		list-style-type: none;
	}

		#sidebar ul li
		{
			margin: 0;
			padding: 0;
		
	margin:5px 0 5px 0 !important;
		}
		
		#sidebar ul li.current-cat a
		{
			color: #ffffff;
		}
		
		#sidebar ul li a
		{
			color:#33B6F8;
			margin: 0; 
			padding: 0 0 0 10px;
			background: transparent url('images/bullit.png') no-repeat center left;
		}
		
		#sidebar ul li.no_deco a
		{
			padding: 0;
			background: transparent;
		}

		#sidebar ul li.no_deco a:hover
		{
			text-decoration: none;
		}
ol#nav
{
	margin:25px 15px 25px 30px;
	font-size:1.3em;
}

ol li
{
	/*margin:15px 0 15px 0 !important;*/
	/*margin:-10px 0;*/
}

#nav a
{
	display:block;
	margin:0;
	color:#33B6F8;
	border:none;
}

	#nav a b
	{
	
	float:right;
		display:none;
	
	color:#333;
	}

	#nav a:hover
	{
		background:none;
		border:none;
		text-decoration:none;
	}

		#nav a:hover b
		{
			display:inline;
		}

/*******************************************************************************
 * CONTENT
*******************************************************************************/

#content 
{
	width: 530px;
	margin: 0 0 0 215px;
}

#content2
{
	/*background: url('images/content.jpg') no-repeat top left;*/
	padding: 20px;
	margin: 0 10% 0 50px;
}

	#content ul, #content2 ul
	{
		/*margin:15px 15px 15px 15px;*/
	
	list-style:none;
	}

		#content ul li, #content2 ul li
		{
			margin: 5px 0;
			background: url('images/bullit-content-lists.png') no-repeat top left;
			padding: 0 0 0 10px;
		}

	#content ol, #content2 ol
	{
		margin: 0;
		padding: 0 0 0 1.5em;
	}
	
		#content ol li, #content2 ol li
		{
			margin: 5px 0;
		}

	#content img, #content2 img, #footer img
	{
		padding: 1px;
		background: inherit;
		border: 0;
	}

#content div.post
{
	background: transparent url('images/gradient_530.jpg') no-repeat top left;
	margin: 0 0 10px 0;
	padding: 10px 0 20px 0;
}

#content p.postdata
{
	margin: 15px 0;
	font-family: "LucidaÊGrande", "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 9px;
}

#footer
{
	padding:30px;
	text-align:center;
	border-top:3px solid #333;
	margin:50px 0 0 0;
	background:#000;
}

/*******************************************************************************
 * COMMENTS
*******************************************************************************/

#commentlist li
{
	margin-bottom: 1.5em;
	padding-bottom: 1em;
}

#commentform
{
	color:#eee;
	margin: 1em 0;
	width: 280px;
}

	#commentform textarea
	{
		background: #121212;
		border: 1px solid #333;
		width: 280px;
		color:#eee;
	}

	#commentform textarea:hover
	{
		background: #121212;
		border: 1px solid #444;
	}

	#commentform textarea:focus
	{
		background: #121212;
		border: 1px solid #ccc;
		color:#eee;
	}

	#commentform #email, #commentform #author, #commentform #url
	{
		font-size: 1.1em;
		color:#eee;
		background: #121212;
		border: 1px solid #d6d3d3;
		width: 280px;
	}

	#commentform #email:hover, #commentform #author:hover, #commentform #url:hover
	{
		font-size: 1.1em;
		color:#eee;
		background: #121212;
		border: 1px solid #d6d3d3;
		width: 280px;
	}

	#commentform #email:focus, #commentform #author:focus, #commentform #url:focus
	{
		font-size: 1.1em;
		color:#eee;
		background: #121212;
		border: 1px solid #939793;
		width: 280px;
	}

	#commentform input
	{
		margin-bottom: 3px;
	}

.badge 
{
	float:right;
}

.ec3_eventday a
{
	color: #00ccff;
}

.category_intro, .category_intro h2
{
	color: #00ccff;
}

.paging a 
{
	background: none;
	margin: 0;
	padding: 0;
}