/*=============================================================
Glashart Stylesheet

author: Siyou Internet Solutions

[Kleuren]
Rood : 			color:#da2a36;

=============================================================*/

/*=============================================================
common
=============================================================*/
@import "footer.css";

* {
	padding:0;
	margin:0;
}

html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	height: 100%;
	background: #f78f1e url('../images/main_bg.jpg') no-repeat;

}
img, a {
	border:none 0px;
	color:#3f3f3f;
}
a, a:hover {
	color:#3f3f3f;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3, h4, h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif, Trebuchet MS;
	color:#000;
}
h1 {
	font-size:16px;
	font-weight:bold;
	width:100%;
	border-bottom:1px dotted #434343;
	margin:0 0 13px 0;
}
h2 {
	font-size:11px;
	padding:0;
	margin:0;
}
h3 {
	font-family: Arial, Verdana, Trebuchet MS;
	font-size:15px;
	font-weight:normal;
	color:#f78f1e;
	padding-bottom:10px;
}
h4 {
	font-size:11px;
	color:#000000;
}
h5 {
	font-size:24px;
	color:#000000;
}
p{
	line-height:16px;
	padding:10px 0 10px 0;
}
	
.date {
	font-size:9px;
}
/*=============================================================
shared specs
=============================================================*/
.bold {font-weight:bold;}
#contentText {
	width:583px;
	margin:44px 0 0 0;
}

/*=============================================================
maincontainer
=============================================================*/
#maincontainer {
	position:relative;
	min-height:100%;
	width:100%;
}

/*=============================================================
header
=============================================================*/
#header {
	position:relative;	
	text-align:center;
	width:100%;
	height:50px;
	background: url('../images/header_bg.gif') repeat-x;
}
#headerContent {
	position:relative;
	margin:0 auto;
	padding:0 auto;
	padding-left:16px;
	width:954px;
	height:50px;
	text-align:left;
	background: url('../images/header_bg.gif') repeat-x;
}

#headerContent ul {
	list-style-type:none;
	padding:0;
	margin:0;
	height:50px;
}
#headerContent ul li,
#headerContent ul li img{
	float:left;
	padding:0;
}
#headerContent ul a {
	display:block;
	padding:19px 12px 0 12px;
	font-size:15px;
	color:#FFF;
	height:31px;
	background: url('../images/header_nav_bg.gif') no-repeat;
	text-decoration:none;
	float:left;
}
#headerContent ul .active a,
#headerContent ul a:hover {
	background-position:0 -50px;
}

/*=============================================================
content
=============================================================*/
#content {
padding:0 auto;
margin:0 auto;
	width:970px;
	position:relative;
	padding-bottom:44px;
}
#contentLeft {
	position:relative;
	width:220px;
	margin:0 0 10px 16px;
	float:left;
}
#contentRight {
	position:relative;
	width:705px;
	padding:0 0 20px 29px;
	float:left;
}

.contentintro {
	padding:10px 0 0 0;
}
.contentintro p {margin: 0; padding: 0; line-height: 13px;}

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

#logotop {
	float:left;
	width:220px;
	height:50px;
	padding:0 0 0 43px;
	background:url('../images/logo_top.gif') no-repeat
}
#logobottom {
	width:220px;
	height:56px;
	margin-bottom:6px;
	background:url('../images/logo_bottom.gif') no-repeat;
}
#logobottom .button_home_bottom{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9000px;
}
#logotop .button_home_top{
	display:block;
	margin:0 0 0 -43px;
	width:220px;
	height:50px;
	text-indent:-9000px;
}
#LEFT_announcebox {
	background:#FFF;
	padding:15px;
	font-family:Verdana, Arial;
	font-size:11px;
	line-height:17px;
	color:#5f5f5f;
}

#LEFT_announcebox p {margin: 0; padding: 0; line-height:17px;}

#LEFT_announcebox_bottom {
	width:220px;
	height:13px;
	background: url('../images/blockleft_roundedbottom.gif') no-repeat;
}
.morelink {
	color:#f78f1e;
	font-size:11px;
	text-decoration:underline;
}
.LEFT_blocktitle {
	width:200px;
	height:24px;
	margin:10px 0 3px 0;
	padding:7px 10px 0 10px;
	background:#3f3f3f;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
	font-weight:bold;	
}
.LEFT_orangeblock {
	padding:10px;
	background:#ffa746;
	color:#3f3f3f;
	font-size:10px;
}
.LEFT_orangeblock p {margin: 0; padding: 0; line-height:12px;}
.LEFT_orangeblock ul {
	list-style-type:none;
}
.LEFT_orangeblock ul li {
	padding:3px 0 3px 0;
}

.leftblock_h4 {color:#3f3f3f}
#displayStars {float:left; width:100%;padding:5px 0 5px 0;}


#sortbar {
	height:31px;
	width:100%;
	margin:14px 0 10px 0;
}
#sortbar a{color:#FFF;text-decoration:none;}
#sortbar a:hover{color:#FFF;text-decoration:underline;}
#sortbar FORM {
	padding:0;
	margin:0;
}
#sortbar #sortbar_bar {
	padding:6px 6px 0 0;
	height:21px;
	width:699px;
	background-color:#3f3f3f;
	color:#FFF;
}

#sortbar #sortbar_right {
	float:right;
	color:#FFF;
}

#sortbar #sortbar_bar ul {
	margin-top:-10px;
	list-style-type:none;
	float:left;
}
#sortbar #sortbar_bar ul li{
	float:left;
	height:31px;
}

#sortbar #sortbar_bar ul li a{
	display:block;
	height:21px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	padding:10px 7px 0 7px;
}

#sortbar #sortbar_bar ul li a:hover {
	text-decoration:underline;
}
#sortbar #sortbar_bar ul .active{
	background-color:#767470;
}
/*============================================
SEARCH BOX IN BAR
=============================================*/
.searchbox {
	float:left;
	margin:0 0 0 20px;
}
.searchInput {
	width:120px;
	/*height:16px;*/
	font-size:10px;
	color:#3f3f3f;
	padding:0;
	margin:0;
	float:left;
	/*padding:2px 5px 1px 5px;	*/
}
.submitsearch {
	width:16px;
	height:16px;
	margin:0 0 0 4px;
	}

/*============================================
VIDEO GRID
=============================================*/
.videoGrid {
	list-style-type:none;
	margin:0;
	padding:0;
	color:#3f3f3f;
}
.videoGrid li {
	float:left;
	width:125px;
	border-bottom:1px dotted #434343;
	padding:0 4px 10px 4px;
}
.videoGrid .videotitle{
	font-size:11px;
	font-weight:bold;
	padding:0 0 10px 0;
        height: 30px;
}
.videoGrid .videothumb{
	width:122px;
	border:1px solid #999999;
	margin:0 0 5px 0;
}
.videoGrid .videothumb a{
	border:0;
}
.videoGrid .videothumb img {
	border:1px solid #FFFFFF;
}
.videoGrid .videoviews{font-size:10px;}

.plusmin {
	padding:0 0 0 20px;
	height:15px;
	color:#f78f1e;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url('../images/plusmin.png') no-repeat;
	background-position: 0 0;
}
.show{display:block;}
.plusminopen{background-position:0 -15px;}