/*
Theme Name: Thegoal
Theme URI: http://thegoal.org/
Description: The default style for thegoal.nl
Author: Geert Hoekzema
Version: 1.0
Tags: Green, grass, purple, youth
*/

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}
body {
	font-size:81.25%;
	font-family:Arial, Verdana, sans-serif;
	font-weight:normal;
	line-height:1.5em;	
	background:transparent url("images/content_background.gif") repeat scroll top center;
}

#main-holder {
	background:transparent url("images/header_background.jpg") repeat-x scroll top center;
	position:relative;
	width:100%;
	min-height:100%;
	margin:0
	padding:0;
}


/* ========== HEADER-HOLDER ========== */
#header-holder {
	width:950px;
	height:300px;
	position:relative;
	margin:0 auto;
}
#logo {
	position:absolute;
	width:371px;
	height:106px;
	left:0;
	top:60px;
	margin:0;
}
#logo a {
	display:block;
	width:371px;
	height:106px;
	background:transparent !important;
}
#logo span {
	display:none;
}

#quote {
	position:absolute;
	right:0;
	margin:0;
	font-size:20px;
	color:#1b4f65;
	text-align:right;
	top:30px;
}
#quote span {
	font-size:54px;
	display:block;
	color:#fff;
}
	
/* ========== NAVIGATION ========== */
#main-nav {
	margin:0;
	padding:0 30px;
	position:absolute;
	bottom:0;
	left:0;
	list-style-type:none;
	font-size:1.4em;
}
#main-nav li {
	float:left;
	color:#fff;
	line-height:41px;
	margin:0 15px 0 0;
	background:transparent url("images/menu_divider.gif") no-repeat scroll left center;
	padding-left:25px;
	
}
#main-nav li a {
	color:#fff;
}
#main-nav li a:hover,
#main-nav li.current-menu-item a {
	color:#000;
	background:transparent;
}

#main-nav li.divider img{
	margin:0 0 2px;
}

/* ========== CONTENT ========== */
#content-holder {
	position:relative;
	width:890px; /* 950 - 60px (van de padding links en rechts) */
	margin:0 auto;
	padding:30px 30px 250px 30px;
}

.home #content-holder {
	background:transparent url("images/content_lead_background.png") no-repeat scroll center 30px;
}

#left-holder {
	position:relative;
	float:left;
	width:430px;
}
.home #left-holder {
	width:460px;
}
#right-holder {
	float:right;
	width:430px;
	position:relative;
	background:transparent url("images/content_lead_background.png") no-repeat scroll right top;
}

/* ===== RIGHT_HOLDER ===== */

#video-holder {
	position:relative;
	margin:15px;
	width:400px;
	height:363px;
	
}
#video-holder .home {
	background:none;
}
#more-video {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
}
#more-video li {
	float:left;
	margin:0 17px 0 0;
}
#more-video li:last-child {
	margin:0;
}
#more-video li a {
	line-height:1px;
	margin:0;
	padding:0;
	display:block;
}
#more-video li a img {
	padding:2px;
	background:#ccc;
}
#more-video li a:hover img {
	background-color:#ee0078;
}
#more-video li.title {
	float:none;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.7em;
}

.verder-praten {
	background:url("images/button_verder_praten.png") no-repeat scroll left bottom;
	color:#68093a !important;
	font-size:2.1em;
	display:block;	
	height:52px;
	padding:15px 20px;
	margin-top:45px;
	line-height:10px;
}
.verder-praten small{
	font-size:13px;
	color:#e080c5;
}
.verder-praten b {
	font-weight:normal;
	color:#fff;
}
.verder-praten:hover small {
	color:#fff !important;
}

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

#sidebar .widget-container{
	width:200px;
	float:left;
	min-height:180px;
	white-space:nowrap;
	position:relative;

	overflow:hidden;
	margin:20px 30px 0 0;
}
#sidebar .widget-container h3 {
	background:url("images/line.gif") repeat-x scroll left bottom;
	line-height:1.5em;
	font-size:1.8em;
}
#sidebar .widget-container ul {
	list-style-image:url("images/list_marker_arrow.gif");
	margin:0;
	padding:0 0 0 10px;
}

#text-4 {
	margin:20px 0 0 0 !important;
}

#sidebar .widget-title .kbrsswidget {
	display:none;
}
#sidebar .widget-title a:hover {
	background:transparent;
	color:#000000;
}



/* ===== LEFT HOLDER ===== */

#main-story {
	margin:15px;
	width:430px;
	color:#fff;
	height:252px;
	overflow:hidden;
}
#main-story div {
	float:left;
	width:200px;
}
#main-story div:last-child {
	margin-left:15px;
}


.home .category-voorpagina {
	position:relative;
	width:200px;
	margin:30px 30px 0 0;
	float:left;
}
.home .category-voorpagina h2 {
	z-index:100;
	position:absolute;
	left:0;
	top:0;
	background:#000;
	color:#ee0078;
	font-size:2.1em;
	padding:3px 3px 1px;
}
.home .category-voorpagina h2 a:hover {
	background:transparent;
	color:#fff;
}

.home .category-voorpagina .entry-content {
	z-index:50;
	margin-top:23px;
	top:23px;
	padding:15px 7px 10px;
	min-height:190px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-size:12px;
	
}
.home .category-voorpagina ul {
	list-style-image:url("images/list_marker.gif");
	margin:0;
	padding:0 0 0 10px;
}

.home .category-voorpagina .more-link {
	display:block;
	position:absolute;
	bottom:-5px;
	right:0;
	background:#000;
	padding:2px 4px;
	color:#ee0078;
	line-height:14px;
	font-size:1em;
}
.home .category-voorpagina .more-link:hover {
	color:#fff;
}

/*.blue div { */
.home .category-voorpagina .entry-content {
	background-color:#ccd6a6;
}
#post-14 .entry-content {
	background-color:#cacaca;
}

/* ========== FOOTER ========== */

#footer-holder {
	position:absolute;
	bottom:0px;
	height:219px;
	width:100%;
	background:transparent url("images/footer_background.jpg") no-repeat scroll center top;
}
#footer-widget-area {
	width:890px;
	padding:60px 30px 0;
	margin:0 auto;
}
.widget-area {
	float:left;
	width:200px;
	overflow:hidden;
	display:block;
	margin:0 30px 0 0;
}
.widget-area ul {
	margin:0;
	padding:0;
	list-style-type:none;
	color:#fff;
}
.widget-area h3 {
	background:url("images/line.png") repeat-x scroll left bottom;
	line-height:1.6em;
	color:#fff;
}
.widget-area a {
	color:#fff !important;;
}
/* ========== FORMS ========== */

table.form {
	margin:0;
	width:100%;
}
table.form tr th{
	width:150px;
	text-align:left;
	background:url("images/line.gif") repeat-x scroll left bottom;
	padding:5px 5px;
	font-weight:normal;
}
table.form tr td{
	text-align:left;
	background:url("images/line.gif") repeat-x scroll left bottom;
	padding:5px 5px;
}
table.form input,
table.form textarea,
table.form select {
	width:200px;
	border:1px solid #aaa;
	padding:3px 5px;
	color:#999;
	font-family:arial, verdana, sans-serif;
	font-size:1em;
}
table.form input.button {
	background:#bd008c url("images/form_button_background.gif") repeat-x scroll left top;
	padding:7px 20px;
	color:#fff;
	font-size:1.1em;
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
}

table.form input:focus,
table.form input:hover,
table.form textarea:hover,
table.form textarea:focus,
table.form select:focus,
table.form select:hover  {
	color:#333;
	border-color: #ee0078;
	background-color:#fff;
}
table.form input.button:focus,
table.form input.button:hover {
	background:#bd008c none;
	color:#fff;

}


/* ========== GENERAL ========== */
a 					{ color:#ee0078; text-decoration:none; }
a:visited 	{ color:#ee0078; text-decoration:none; }
a:active 		{ color:#ee0078; text-decoration:none; }
a:hover 		{ color:#fff; background-color:#ee0078;}

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.center 		{ text-align:center; }
.right 			{ text-align:right; }
.floatLeft 	{ float:left; }
.floatRight { float:right; }
.clearLeft 	{ clear:left;}
.clearRight { clear:right;}
.clearBoth 	{ clear:both; }
.hidden 		{ display:none; } 
.small 			{ font-size:.9em; }

h1,h2,h3,h4,h5,h6 { margin:0; color:#ee0078;}
h1 { font-size:3.0em;	}
h2 { font-size:1.8em; }
h3 { font-size:1.2em; font-weight:normal;}
h4 { font-size:1.1em; font-weight:normal; color: #444; }
h5 { font-size:1.0em; color: #444; }
h6 { font-size:1.0em;	color: #444; }

img 				{ border:0; }
table 			{ border-collapse:collapse }
input 			{ font-family:Arial, Verdana, sans-serif; } 
input:focus { background-color:#e4ebee; }

p {margin:0 0 15px 0;

.noDisplay { 	display:none; }