/*

Theme Name: Floor

Description: Floor van Riet  Visit <a href="http://www.floorvanriet.nl">www.floorvanriet.nl</a>.

Version: 0.1

Author: Floor van Riet

Based on Basic Theme : http://www.themelab.com/free-wordpress-themes/

*/


/* HTML styling: general */

body {
	background-color: #1c262c; 
	padding: 0px; 
	font-size:12px;
	font-family:Lucida Grande, Lucida Sans, Lucida Sans Unicode, Lucida, Verdana, sans-serif;
	color:#4e4d4d;
}


a.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat; 
	float: right; 
	padding-left: 18px; 
}

span.next-entries { 
	background: url(images/mini-nav-right.gif) no-repeat right center; 
	display: block; float: right; padding-right: 18px; 
	text-align: right; 
	width: 225px; 
}

a.post-calendar { 
	background: url(images/mini-calendar.gif) no-repeat; 
	color: #999999; 
	float: right; 
	font-size: 95%; 
	padding-left: 20px; 
}

span.post-dates { 
	background: url(images/date.gif) no-repeat; 
	float: left; 
	font-size: 95%; 
	padding-left: 20px; 
	padding-right: 10px;
}

span.post-cat { 
	background: url(images/mini-category.gif) no-repeat; 
	float: left; 
	font-size: 95%; 
	padding-left: 20px; 
}

span.post-comments { 
	background: url(images/mini-comments.gif) no-repeat; 
	float: right; 
	font-size: 95%; 
	padding-left: 20px; 
}

span.previous-entries { 
	background: url(images/mini-nav-left.gif) no-repeat left center; 
	display: block; 
	float: left; 
	padding-left: 18px; 
	width: 228px; 
}

form { 
	margin: 0px; 
	padding: 0px; 
}

hr.clear { 
	clear: both; 
	margin: 0px; 
	padding: 0px; 
	visibility: hidden;
}

img.alignleft, img[align="left"] {
	float: left; 
	margin: 2px 10px 5px 0px; 
}

img.alignright, img[align="right"] {
	float: right; 
	margin: 2px 0px 5px 10px; 
}

img.center, img[align="center"] {
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
}

p { 
	margin: 0px;
	padding: 0px 0px 0px; 
	line-height:20px; 
	color: #4e4d4d;
	}

ul, li {
	margin: 2px; 
	line-height:20px; 
	color: #4e4d4d;
	} 

ul {
	list-style-image: url(images/list-item.gif);
	list-style-type: circle;
}

li {
	margin:7px 0px 7px 0px;
}


strong {
	color:#000000;
}

/* HTML styling: links */

a 	{ color: #e0218a; text-decoration: none; }
	
a:hover { color: #ffffff; background-color: #e0218a; text-decoration: none; }

a:hover h3 { color: #ffffff; background-color: #e0218a; text-decoration: none; }
	
a:visited { color: #e0218a; text-decoration: none; }

a:hover img { color: #ffffff; background-color: #e0218a; text-decoration: none; }


/* HTML styling: headings */

h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #e0218a; }

h1 { font-size: 29px; border-bottom: 1px solid #e0218a; letter-spacing: -1px; margin: 0px 0px 15px 0px; padding-bottom: 10px; line-height:30px;}

h2 { font-size: 17px; margin: 20px 0px 5px;}


h3 { font-size: 17px; margin: 20px 0px 5px;}

h4 { font-size: 12px; color: #e0218a; font: normal 120%/100% Arial, Helvetica, sans-serif; margin: 15px 0px 5px 0px; }

h2 a:hover, h3 a:hover, h4 a:hover { color: #FFFFFF; text-decoration: none; }

h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited { color: #e0218a; text-decoration: none; }


/* Div's and layout: general */



#header { 
	width:895px;
    height:190px;
    background: transparent url(images/commonline.png) no-repeat scroll left top;
		float:left; 
	margin-left:-1px;
	border: 4px solid #333c42;
	
	/*background: url(images/header_2.jpg) no-repeat; 
	height: 190px; 
	width: 895px; 
	float:left; 
	margin-left:-1px;
	border: 4px solid #333c42;
	*/
}


#header div{
    width:895px;
    height:190px;
    background: transparent url(images/overlay.png) no-repeat scroll left top;
}

#header a:hover { color: #ffffff; background-color: #e0218a; text-decoration: none; }
h1 a:hover { color: #ffffff; background-color: #e0218a; text-decoration: none; }
h2 a:hover { color: #ffffff; background-color: #e0218a; text-decoration: none; }
h3 a:hover { color: #ffffff; background-color: #e0218a; text-decoration: none; }
h4 a:hover { color: #ffffff; background-color: #e0218a; text-decoration: none; }
img a:hover { color: #ffffff; background-color: none; text-decoration: none; }



#nav {
	float:left; 
	vertical-align:bottom; 
	width: 900px;
	margin-left:0px; 
	background: url(images/nav_bg.gif) repeat-x; 
	clear: both; height: 36px; 
	list-style: none;
	}

#nav a {
	color: #FFFFFF; 
	display: block; 
	float: left; 
	font: 14px/100% Arial, Helvetica, sans-serif; 
	height: 32px; 
	line-height: 32px; 	
	text-decoration: none; 
	vertical-align: middle; 
	padding: 2px 20px 0px 20px; 
	margin: 0px 3px 0px 10px;
}

#nav a:hover, #nav a:active { background: url(images/nav_bg_hover.gif) repeat-x; height: 36px; color: #FFFFF; }

#nav li { display: inline; height: 30px; list-style: none; }

#nav ul { margin: 0px; padding: 0px; }



#footer { 
	clear: both;  
	font-size: 11px; 
	line-height: 130%; 
	margin-right: auto; 
	padding-bottom: 10px; 
	text-align: left; 
	margin-left: -5px;
	width: 910px;
	height:130px;
	background: url(images/footer_bg.jpg) no-repeat;
	
}

#footer a strong { color: #FFFFFF; }

#footer a, #footer a:visited { color: #e0218a; }

#footer a:hover { color: #FFFFFF; }

#footer h4 { font: normal 146%/100% Arial, Helvetica, sans-serif; margin: 10px 0px 5px; }

.footerlinks li, ul { display: block; display: inline; list-style: none; }

.footerlinks a { padding: 0px 3px 0px 3px; border-right: 1px solid #4e4d4d; }

#footer_bg {  height: 150px; width: 910px; margin-left:-5px; }

#footer p { margin-left: 20px; }



#tags, #tags strong {font-size:10px; color:#4e4d4d; border-bottom: 1px dashed #FFFFFF; width:100%}





#page { background-color: #FFFFFF; margin: 0px auto; width: 900px; border-right:5px solid #333c42;  border-left: 5px solid #333c42;}

#searchform { margin: 15px 0 0; }

#searchform #s { background: #fff; border: 1px solid #cccccc; color: #000000; cursor: pointer; font-weight: normal; height: 19px; line-height: 19px; margin-right: 2px; padding: 0px 5px 0px 5px; vertical-align: middle; width: 135px; }

#searchform br { display: none; }

#searchform input { background: url(images/search-btn-bg.gif) no-repeat; border: none; color: #FFFFFF; font: bold 11px Arial, Helvetica, sans-serif; height: 20px; line-height: 20px; vertical-align: middle; width: 52px; }

#sidebar { color: #666666; float: right; padding: 0px 5px 20px 10px; width: 270px; margin-top:-50px; font-family:Lucida Grande, Lucida Sans, Lucida Sans Unicode, Lucida, Verdana, sans-serif; font-size:12px; color:#6d6d6d;}

#sidebar a, #sidebar a:visited { color: #e0218a; text-decoration: none; }

#sidebar a:hover { color: #ffffff; text-decoration: none; background-color:#e0218a; }

#sidebar h2, #sidebar .sidebartitle { border-bottom: 1px solid #908f8f; color: #ffffff; font: lighter 18px Arial, Helvetica, sans-serif; margin: 20px 0px 2px 0px; }

#sidebar h2 { border-left: 1px solid #908f8f; border-right: 1px solid #908f8f; background: url(images/sidebar_h2_bg.gif) repeat-x; height: 28px; width:98%; padding-top:5px; padding-left:5px;} 

#sidebar ul { margin: 0; padding: 0; }

#sidebar ul li { border: none; border-bottom: 1px dotted #CCCCCC; list-style: none; margin: 0; padding: 2px 0; }

#sidebar ul li ul { margin: 0; padding: 0; }

#sidebar ul li ul li { border-bottom: 1px dotted #CCCCCC; padding: 2px 0 2px 0px; }

#sidebar ul li ul li ul li { border: none; padding: 1px 0 1px 10px; }

/*#blok {width: 270px; margin: -3px 0px 0px -5px; padding: 0px 5px 0px 0px; white-space:normal; }
*/
#blok_onderkant {background: url(images/blok_onderkant.gif) no-repeat; width: 270px; margin-top:7px;}




/* Div's and layout: Wordpress-stylings */

#commentform { font: 110% Arial, Helvetica, sans-serif; margin-top: 10px; }

#commentform #submit { background: url(images/btn-bg.gif) no-repeat; border: none; color: #FFFFFF; cursor: pointer; float: right; font: bold 12px Arial, Helvetica, sans-serif; height: 20px; width: 100px; }

#commentform input { background-color: #ffffff; border: 1px solid #cccccc; margin-top: 3px; padding: 3px; width: 200px; }

#commentform label { color: #262626; font-size: 87%; }

#commentform p { margin: 0px; padding: 6px 0px; }

#commentform textarea { background-color: #ffffff; border: 1px solid #cccccc; height: 115px; margin-top: 3px; padding: 2px; width: 478px; }

#commentform textarea:focus, #commentform input[type="text"]:focus { background: #ffffff; }

#comments, #respond { border-bottom: 1px dotted #CCCCCC; clear: both; padding: 10px 0 5px 0; }

#content { float: left; padding: 10px 10px 0px 20px; width: 580px; }

#credits { color: #7a9299; font-size: 11px; height: 15px; line-height: 120%; margin: 0px auto; padding-bottom: 3px; width: 768px; }

#credits a, #credit a:visited { color: #048db4; }



/* Classes and other stuff */

.alignleft { float: left; }

.alignright { float: right; }

.center { text-align: center; }

.clear { clear: both; }

.commentlist { line-height: 130%; margin: 10px 0px; padding-left: 20px; }

.commentlist .alt { }

.commentlist cite { color: #CC6600; font-size: 120%; font-style: normal; font-weight: bold; }

.commentlist cite a, .commentlist cite a:visited { color: #CC6600; }

.commentlist li { padding: 5px 10px; }

.commentlist small { display: block; font-size: 87%; margin-bottom: 5px; }

.entry { clear: both; padding-top: 10px; }

.footer-about { float: right; padding-left: 10px; padding-right: 10px; width: 210px; }

.footer-recent-comments { float: left; margin-left: 10px; width: 240px; }

.footer-recent-comments ul { list-style: none; margin: 0px; padding: 0px; }

.footer-recent-comments ul li { background: url(images/mini-footer-comments.gif) no-repeat; padding: 0px 0px 10px 20px; }

.footer-recent-posts { float: left; margin-left: 10px; width: 240px; }

.footer-recent-posts strong { font-size: 107%; font-weight: bold; line-height: 135%; }

.footer-recent-posts ul { font-size: 11px; line-height: 110%; list-style: none; margin: 0px; padding: 0px; }

.footer-recent-posts ul li { background: url(images/mini-footer-post.gif) no-repeat; padding: 0px 0px 10px 20px; }

.loginout { background: url(images/mini-loginout.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }

.navigation {clear: both; height: 15px; padding: 5px 0px; }

.post { clear: both; padding-top: 15px; color:#000000; font-size:12px;}

.post-date { background: url(images/date-bg.gif) no-repeat; float: left; height: 49px; width: 45px;}

.post-day { color: #999999; display: block; font-size: 18px; line-height: 18px; margin-left: -3px; padding-top: 7px; text-align: center; text-transform: uppercase; }

.post-month { color: #FFFFFF; display: block; font-size: 11px; line-height: 11px; margin-left: -3px; padding-top: 2px; text-align: center; text-transform: uppercase; }

.post-title { float: left; margin-left: 0px; text-transform: capitalize; width: 590px;}

.rss { background: url(images/mini-rss.gif) no-repeat left center; margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }



/* Introducties homepage*/

#nieuws {
background-color:#dadcdd;
padding:0px 10px 10px 10px;

}

#nieuws h3 {color: #000000; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal; padding-top:5px;}
#nieuws h3 a, h3 a:visited {color: #e0218a; font-family:Georgia, "Times New Roman", Times, serif; }
#nieuws a:hover { color: #FFFFFF; text-decoration: none; }
#meer a {color: #e0218a; font-family: Arial, Helvetica, sans-serif; font-size:12px;}

<style type="text/css">
.nieuws-blok{display:block}
.nieuws-blok *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#dadcdd}
.nieuws-blok1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #efeff0;
  border-right:1px solid #efeff0;
  background:#e3e4e5}
.nieuws-blok2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#e1e2e3}
.nieuws-blok3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e1e2e3;
  border-right:1px solid #e1e2e3;}
.nieuws-blok4{
  border-left:1px solid #efeff0;
  border-right:1px solid #efeff0}
.nieuws-blok5{
  border-left:1px solid #e3e4e5;
  border-right:1px solid #e3e4e5}
.nieuws-blokfg{
padding:0px 15px 0px 15px;
  background:#dadcdd}
.nieuws-blokfg a:hover{
color:#FFFFFF;  
  
/*twitter*/ 
#twitter_div {
width:150px;
float:left;
}