/*-------------------------------------------------------------

Style Sheet voor: Vote for Freedom
versie:    1.0
auteur:    Mischa Kalle
email:     mischa@datdenkikwel.nl

-------------------------------------------------------------*/


* {
	padding: 0;
	margin: 0;
}
html{
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
img {
	border: 1px solid #d7d6d3;
	float: left;
	margin: 4px 17px 0 1px;
}
ul, ol {
	list-style: none;
}
body {
	background: #000000;
	font: 0.70em/1.4em Tahoma, Arial, Verdana, sans-serif; 
	color: #b9b9b9;
}

/* =Links
----------------------------------------------- */

a:link, a:visited {
	font: 1em/1.64em Tahoma, Arial, Verdana, sans-serif;
	text-decoration: underline;
	color: #757575;
}
a:hover {
	text-decoration: none;
}


/* =Headings
----------------------------------------------- */

h2 {
	font: 1.4em/1.64em Tahoma, Arial, Verdana, sans-serif;
	text-align: center;
	display: inline;
}

h2 a:link  {
	color: #db2323;

}

h2 a:visited   {
	color: #db2323;

}


h2 a:active  {
	color: #db2323;

}

h2 a:hover  {
	color: #ffffff;
	text-decoration: none;

}

.white {
		color:#5d5d5d;
		display: inline;
		text-decoration: none;
		padding: 0 10px 0 10px;
		
		}


h3 {
	border-bottom: 1px solid #d7d6d3;
	padding: 0 230px 5px 0;
	margin: 0 0 20px 0;
	display: block;
}
h4 {
	color:#6d645e;
	font: 1.3em/1.64em "Lucida Sans Unicode", sans-serif;
	padding: 5px 0 5px 0;
}

/* =Layout
----------------------------------------------- */

#container {
	width: 960px;
	margin:0 auto;
	position: relative;
}
#top {
	width: 960px;
	height: 460px;
	padding: 50px 0 30px 0;
}

#topLeft {
	width: 460px;
	padding: 0 0 0 35px;
	float: left;
}
#topRight {
	width: 440px;
	height: 476px;
	margin: 0 0 0 4px;
	text-align: center;
	background:#0033CC url(/themes/voteforfreedom/images/bg_form.jpg) no-repeat;
	float: left;
}

#topRight p{ 
	padding: 20px 40px 10px 40px;
	text-align:justify;
	}

#logo{
	background: url(/themes/voteforfreedom/images/logo.gif) no-repeat;
	width: 425px;
	height: 117px;
}
#logop2{
	background: url(/themes/voteforfreedom/images/logo.gif) no-repeat;
	width: 960px;
	height: 117px;
	background-position: 265px 40px;
}

#middle {
	width: 960px;
	padding: 35px 0 0 0;
	}

.storyBlock {
	width: 196px;
	padding: 0 0 30px 34px;
	text-align: justify;
	float: left;
}

.storyBlock a:link, a:visited {
	text-align:left;
	text-decoration: underline;
	color: #db2323;
	}

.redText{
	color:#db2323;
	}

#bottom { 
	clear:both;
	width:960px;
	height: 400px;
	display:block;
	
	}
#mHeader{
	text-indent: -9999px;
	background:url(/themes/voteforfreedom/images/header.gif);
	margin: 0 0 8px 34px;
	width:902px;
	height:60px;	
	}
	
.itemGray {
	background:#303030; 
	width:890px;
	margin: 0 0 0 35px;
	padding: 10px 0px 20px 10px;
	display:block;
	float: left;
	clear: both;
	}	

.itemBlack {
	width:890px;
	margin: 0 0 0 35px;
	padding: 10px 0px 20px 10px;
	display:block;
	float: left;
	clear: both;
	}	
	
.number {
	font: bold 2em/1em  Tahoma, Arial, Verdana, sans-serif ;
	float: left;
	color: #5d5d5d;
	}		
	
.info {
	font: bold 1em/1em  Tahoma, Arial, Verdana, sans-serif;
	text-align: right;
	float: right;
	margin: 10px 0 0 0;
	color:#db2323;
	}		
.message {
	font: 1em/1.4em Tahoma, Arial, Verdana, sans-serif;
	float: right;
	width: 500px;
	margin: 8px 10px 0 20px;
	}
	
	
#itemNav {
	clear:both;
	background: url(/themes/voteforfreedom/images/stippels.gif) no-repeat 0 10px;
	width: 902px;
	height: 100px;
	margin: 0 0 0 34px;
	padding: 40px 0 20px 0;
	text-align: center;
	}
	
#itemNav p{		
	font: bold 1em/1em  Tahoma, Arial, Verdana, sans-serif;
	padding: 15px 0 0 0;
	color:#5d5d5d;	
	display:inline;
	}
	
#itemNav p a:link, a:visited{	
	font: bold 1em/1em  Tahoma, Arial, Verdana, sans-serif;
	color:#db2323;	
	padding: 15px 0 0 0;
	}	

#itemNav p a:hover{	
	font: bold 1em/1em  Tahoma, Arial, Verdana, sans-serif;
	color:#db2323;	
	padding: 15px 0 0 0;
	}	

	
#itemNav .whitetextLeft	{
	color: #FFFFFF;
	text-align:left;
	margin: 0 20px 0 0;
	font: bold 1em/1em  Tahoma, Arial, Verdana, sans-serif;
	}

#itemNav .whitetextRight	{
	color: #FFFFFF;
	text-align:left;
	margin: 0 0 0 20px;
	font: bold 1em/1em  Tahoma, Arial, Verdana, sans-serif;
	}

#itemNav .whitetextLeft a:link, a:visited{
	color: #FFFFFF;
	text-align:left;
	font: bold 1em/1em  Tahoma, Arial, Verdana, sans-serif;
	}

#itemNav .whitetextRight a:link, a:visited{
	color: #FFFFFF;
	text-align:right;
	font: bold 1em/1em  Tahoma, Arial, Verdana, sans-serif;
	}	
	
	
#banner { 
	font: bold 1em/1em  Tahoma, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	text-align: center;
	float: left;
	margin:  0px 0 0 34px;
}	


#banner img {
	border: none;
	float: left;
	margin: 4px 17px 0 1px;
}

#bannerp2 { 
	font: bold 1em/1em  Tahoma, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	text-align: center;
	float: left;
	margin: 10px 0 0 34px;;
}	


#banner p{ 
	padding: 0 0 20px 0;
}	


#bannerp2 p{ 
	padding: 0 0 20px 0;
}	
/* =Kopjes

----------------------------------------------- */
#movie { margin: -10px 0 0 0; }

/* =Forms

----------------------------------------------- */
form{
	
	}


input {
	font: bold 1.3em/1em  Tahoma, Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-align: center;
	background:#303030;
	border: #5d5d5d 1px solid;
	width: 331px;
	margin: 20px 0 0 0;
	padding: 0px 0 0 0;
	height: 30px;
	.padding: 6px 0 0 0;
	.height: 24px;
}


.input.text {
	background:#303030;
	}


textarea {
	font: bold 1.3em/1em  Tahoma, Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-align: center;
	background:#303030;
	border: #5d5d5d 1px solid;
	width: 331px;
	margin: 20px 0 0 0;
	padding: 8px 0 0 0;
	
	scrollbar-base-color: #303030;
	scrollbar-face-color: #5d5d5d;
}

.bannerstyle {
	font:  1em/1em  Tahoma, Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-align: left;
	background:#303030;
	border: #5d5d5d 1px solid;
	width: 400px;
	height: 51px;
	margin: 4px 0 30px 0;
	padding: 8px 0 0 10px;
	
	scrollbar-base-color: #303030;
	scrollbar-face-color: #5d5d5d;
}
.bannerstylep2 {
	font:  1em/1em  Tahoma, Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-align: left;
	background:#303030;
	border: #5d5d5d 1px solid;
	width: 390px;
	height: 51px;
	margin: 4px 0 30px 0;
	padding: 8px 0 0 10px;
	
	scrollbar-base-color: #303030;
	scrollbar-face-color: #5d5d5d;
}


input.submit {             
	background: #000000 url(/themes/voteforfreedom/images/submit.gif) no-repeat;
    border: none;
	background-position: 0 0;
	padding: 0;
	width: 331px;
	height:76px;
} 

input.submitHover{
	background: #000000 url(/themes/voteforfreedom/images/submit.gif) no-repeat;
	 border: none;
	background-position: 0 -76px;
	width: 331px;
	height:76px;
}

fieldset {
	border: none;
}
.error {color: #DB2323 }