/*
	frustraties.nl v0.1 BETA CSS
*/

/* ---- General ------------------------------------------- */

h1 {
	font-size:2em;
}

#wrapper {
	width:650px;
	margin:0 auto;
	display:block;
	margin-top:20px;
}

.quote {
	font-style:italic;
	font-size:1.1em;
	margin:20px;
	text-align:justify;
	color:#777777;
}

.intro {
	margin-top:20px;
	margin-bottom:20px;
	font-family:Arial, Verdana, sans-serif;
	line-height:1.4em;
	text-align:justify;
}

.intro a {
	color:#888888;
}

.error {
	font-family:Arial, Verdana, sans-serif;
	background-color:#e40000;
	font-size:2em;
	padding:20px;
	color:#fff;
	margin:20px;
}

.success {
	font-family:Arial, Verdana, sans-serif;
	background-color:#5bc200;
	font-size:2em;
	padding:20px;
	color:#fff;
	margin:20px;
}

/* ---- Form ------------------------------------------- */

#form textarea {
	width:600px;
	margin:0 auto;
	height:75px;
	display:block;
}

#form .submit {
	width:200px;
	margin:0 auto;
	display:block;
	margin-top:10px;
	background-color:#e40000;
	border:0;
	color:#fff;
	font-size:2em;
	padding:10px;
}

#form #spamcontroleveld {
	margin:10px auto;
	font-family:Arial, Verdana, sans-serif;
	font-size:0.9em;
	width:500px;
	color:#c0c0c0;
}

#form #spamcontroleveld input {
}

/* ---- Frustraties ------------------------------------------- */

#frustraties {
	height:510px;		
}
#frustraties li {
   padding-top: 15px;
   font-family:Arial, Verdana, sans-serif;
   line-height:1.4em;
}

#frustraties .img {
   width: 48px;
   height: 48px;
   float: left;
   overflow: hidden;
   margin: 0px 10px 10px 0px;
}

#frustraties .tweet {
   width: 520px;
   float: left; 
}

#frustraties a, .uitgelicht a {
	color:#e40000;
}

#frustraties .date {
   padding-top: 3px;
   color: #7F7F7F;
   font-size:0.8em; 
}

#volgonsoptwitter {
	font-family:Arial, Verdana, sans-serif;
	display:block;
	width:230px;
}

#volgonsoptwitter a {
	text-decoration:none;
	color:#0093d0;
	margin-left:5px;
}

#volgonsoptwitter span {
	float:right;
	margin-top:7px;
}

#volgonsoptwitter img {
	float:left;
}

.frustratienlpost {
	margin:10px 0 10px 0;
	border:1px solid #e40000;
	padding:0 10px 10px 10px;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
}

.uitgelicht {
	margin:10px 0 10px 0;
	border:1px solid #e40000;
	padding:0 10px 10px 10px;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	font-family:Arial, Verdana, sans-serif;
	font-size:1.4em;
	padding-top:10px;
}

.uitgelicht .tweet, .uitgelicht img {
	float:left;
}

.uitgelicht .tweet {
	width:500px;
	margin-left:10px;
}

.uitgelicht .date {
	color:#c0c0c0;
	font-size:0.7em;
	margin-top:5px;
}