/*
Theme Name: 3VOOR12
Theme URI: http://www.3voor12.nl
Description: 3VOOR12 flex theme
Version: 1.2.2
Author: Roy Tanck
*/

* { margin: 0; padding: 0; }
p { margin-bottom: 1em; line-height: 1.5em; }
a img { border: none; }
input, textarea, select, option { font-family: arial, helvetica, sans-serif; font-size: 12px; }
.hidden { display: none; }
.floatright { float: right; }

a { color: #000; }
a:hover { color: #000; }
a:visited { color: #666; }
a:active { color: #000; }

body {
	text-align: center;
	background-color: #8c0000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

#header { background-color: #fff; }

#headercontent {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* main menu widget + bar */

#menubar { background-color: #d30202; }

#menubar .widget {
	width: 998px;
	height: 20px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#menubar .widget ul {
	list-style-type: none;
	line-height: 20px;
	padding: 0;
}

#menubar .widget ul ul {
	display: none;
}

#menubar .widget li {
	display: inline;
	float: left;
}

#menubar .widget li a {
	padding: 4px 10px;
	border-right: 1px solid #fff;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "arial narrow", arial, helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff;
}

#menubar .widget li a:hover,
#menubar .widget li.current_page_item a,
#menubar .widget li.current-cat a {
	background-color: #666;
}

#menubar .widget h2 { display: none; }

/* main content */

#rap {
	text-align: left;
	width: 1000px;
	margin: 0 auto 20px auto;
}

#content {
	width: 650px;
	float: left;
	padding-bottom: 20px;
	overflow: hidden;
}

#headerimage { margin-bottom: 1px; }

.post {
	background-color: #ccc;
	margin-bottom: 1px;
	padding: 16px 26px;
	line-height: 150%;
}

.specialpost { background-color: #fff; }

.post img.alignnone { float: none; }
.post img.aligncenter { display: block; margin: 0 auto 5px auto; }
.post img.alignleft { float: left; margin: 0 10px 5px 0; }
.post img.alignright { float: right; margin: 0 0 5px 10px; }
.post img.wp-smiley { float: none; display: inline; margin: 0; }

.post ul { list-style-type: square; padding-left: 30px; margin-bottom: 1.5em; }
.post ol { list-style-type: decimal; padding-left: 30px; margin-bottom: 1.5em; }
.post blockquote { border: 1px solid #666; padding: 8px 10px; margin: 20px; }
.post code { background-color: #999; }

div.meta, div.meta a { color: #666; }
.specialpost div.meta,
.specialpost div.meta a { color: #999; }

div#pagenav {
	padding: 4px 26px;
	background-color: #d30202;
	margin-bottom: 1px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}

div#pagenav a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

/* comments */

h3#comments,
h3#postcomment {
	padding: 4px 26px;
	background-color: #d30202;
	margin-bottom: 1px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}

div#commentscontainer ol {
	list-style-type: none;
}

div#commentscontainer li {
	background-color: #ccc;
	padding: 12px 26px;
	margin-bottom: 1px;
	overflow: hidden;
	line-height: 150%;
}

div#commentscontainer div.meta, div#commentscontainer div.meta a { color: #666; }

div#commentformcontainer {
	background-color: #333;
	padding: 16px 26px;
	margin-bottom: 1px;
	color: #fff;
}

div#commentformcontainer a,
div#commentformcontainer a:visited,
div#commentformcontainer a:hover,
div#commentformcontainer a:active { color: #fff; }


/* player */

div.playerbox {
	margin: 10px 0;
	padding: 4px 0;
}

a.playerlink {
	border: 1px solid #666;
	padding: 4px 10px 4px 28px;
	text-decoration: none;
	font-weight: bold;
}

a.playeraudio { background: url(images/icon-audio.gif) no-repeat 4px center; }
a.playervideo { background: url(images/icon-video.gif) no-repeat 4px center; }

/* sidebar */

#menu {
	/* margin-left: 651px; */
	width: 349px;
	float: right;
	overflow: hidden;
}

#menu .widget {
	background-color: #fff;
	padding: 16px 18px;
	margin-bottom: 1px;
	line-height: 150%;
}

.widgetheader {
	background-color: #d30202;
	margin: -16px -18px 0 -18px;
}

.widgetheader h2 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	padding: 2px 18px;
	margin-bottom: 8px;
}

.widgetheader h2 a,
.widgetheader h2 a:hover,
.widgetheader h2 a:visited,
.widgetheader h2 a:active {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

.widget ul { padding-left: 20px; }

/* specific widgets */

#menu .widget_df_about {
	background-color: #333;
	color: #fff;
	padding: 16px 18px;
}

#menu .widget_df_about h2 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 4px;
}

#menu .widget_df_about img {
	float: right;
	margin: 0 0 5px 5px;
}

#menu .widget_df_about #showlinks {
margin-top: 8px;
}

#menu .widget_df_about #showlinks img {
	border: 3px solid #fff;
	margin: 0 4px 0 0;
float: none;
}

#menu .widget_df_host { padding: 0; }

#menu .widget_df_host .widgetheader { margin: 0; }
#menu .widget_df_host .widgetheader h2 { margin-bottom: 0; }

#menu .widget_df_host .hostinfo {
	height: 240px;
	position: relative;
}

#menu .widget_df_host .hostinfo #hostlinks {
	position: absolute;
	left: 18px;
	bottom: 14px;
}

#menu .widget_df_host .hostinfo #hostlinks img {
	border: 3px solid #fff;
	margin-right: 4px;
}

#menu .widget_df_audio strong { display: block; margin-bottom: 4px; }
#menu .widget_df_audio object { margin-bottom: 8px; }


/* footer */


#footer {
	clear: both;
	background-color: #d30202;
	height: 20px;
	border-bottom: 20px solid #ccc;
}

#footer ul {
	width: 998px;
	height: 20px;
	margin: 0 auto;
	text-align: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	list-style-type: none;
	line-height: 20px;
	overflow: hidden;
}


#footer li {
	display: inline;
	float: right;
}

#footer li a {
	padding: 4px 10px;
	border-left: 1px solid #fff;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "arial narrow", arial, helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff;
}

#footer li a:hover,
#footer li.current_page_item a,
#footer li.current-cat a {
	background-color: #666;
}

/* text styles */

h2, h2 a, h2 a:visited { font-size: 24px; text-decoration: none; margin-bottom: 8px; color: #000; line-height: normal; }
h3, h3 a, h3 a:visited { font-size: 16px; text-decoration: none; margin-bottom: 4px; color: #000; line-height: normal; }