/*
Theme Name: Annelies Bosch v2
Theme URI: http://www.gertjanbosch.nl
Description: Special theme for Annelies Bosch
Version: 2.0
Author: Gert-Jan Bosch
Author URI: http://www.gertjanbosch.nl
*/

@import "style/css/reset.css";
@import "style/css/layout.css";

html {
	overflow: -moz-scrollbar-vertical;
	height: 100%;
	}

body {
	background-color: #1b1b1b;
	background-image: url(http://www.anneliesbosch.nl/beta/wp-content/themes/AnneliesBosch/images/bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana ;
	font-size: 12px;
	color:#e5e5e5;
	margin: 0;
	padding: 0;
	height: 100%;
	line-height: 22px;
	}

* {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0px;
	padding: 0;
	}
p {
	margin-bottom: 22px;
}

img {
	border: none;
	margin:0;
	padding:0;
	}

h2 {
	font-family: Rockwell, Georgia;
	font-size: 24px;
	font-style: italic;
	color: ##89897C;
	padding: 0px 0px 30px 0px;
	}

h3 {
	font-family: "Trebuchet MS" Rockwell, Georgia;
	font-size: 20px;
	font-style: italic;
	color: ##89897C;
	padding: 0px 0px 30px 0px;
	}

h4 {
	font-family: "Trebuchet MS" Rockwell, Georgia;
	font-size: 16px;
	font-style: italic;
	color: ##89897C;
	padding: 10px 0px 10px 0px;
	}

#wrapper {
	position: relative;
	width:960px;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -290px auto; /* the bottom margin is the negative value of the footer's height */
	}
	
	
#content {
	position: relative;
	width: 660px;
	padding: 20px;
}	

.headline {
	padding: 0px 0px 30px 0px;
	}

#sidebar {
	position: absolute;
	width:220px;
	padding: 20px;
	line-height: 20px;
	margin-left:700px;
}

.clear {
	clear: both;
}

a {
	color: #b697b9;
	text-decoration: none;
}

a:hover {
	color: #885e8c;
	text-decoration: none;
}

/******************************************************************header*/	

#header {
	height: 107px;
	background-image: url(http://www.anneliesbosch.nl/beta/wp-content/themes/AnneliesBosch/images/grunge.png);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	}
	
#fotoheader {
	background-image: url(http://www.anneliesbosch.nl/beta/wp-content/themes/AnneliesBosch/images/fotoheader_bg.png);
	background-repeat: no-repeat;
	z-index: -1000;
	width: 940px;
	height: 334px;
	position: relative;
	margin: 20px 0px 40px 0px;
	padding: 28px 10px 0px 10px;
	}		

ul#portfolio li img{
	padding: 0px;
}
	
	
#logo {
	position: relative;
	float: left;
	padding: 0px 0px 0px 0px;
}


#menu {
	position: relative;
	float: right;
	z-index: 1000;
	width: 700px;
	height: 50px;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	}

#dropmenu, #dropmenu ul {float: right; margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:2.7em; z-index:300; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em; color:#8b8b8b; text-decoration:none;}
#dropmenu a:hover {background:#343537; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:3.1em;}
#dropmenu li ul {width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left; background: #343537; color: #fff;}
#dropmenu li ul a {background: #464749; color: #fff;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

/******************************************************************footer*/

#footer {
	height: 290px;
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-color: #333333;
}

.push { 
	height: 290px;
	margin: 0px;
	padding: 0px;
}

#footer h4 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	background: url(http://www.anneliesbosch.nl/beta/wp-content/themes/AnneliesBosch/images/footer_h4_line.png) bottom no-repeat;
}

#footercontent {
	padding: 20px 0px 0px 0px;
	width: 960px;
	margin: 0px auto;
}

.footer_col {
	text-align: left;
	padding: 0px;
	width: 280px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
}

.footer_col_right {
	padding: 0px;
	width: 280px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	font-family: Georgia;
	font-style: italic;
}

.footer_col ul {
	line-height: 24px;
}

.footer_col li a {
	display: block; 
}

.footercopyright {
	text-align: right;
}

.twitter_btn {
	margin: 20px 0px 0px 0px;
	float: right;
	}
	
.contact_btn {
	display: block;
	background: url(http://www.anneliesbosch.nl/beta/wp-content/themes/AnneliesBosch/images/verzenden_btn.png);
	border: 0px;
	width: 93px;
	height: 27px;
	float: left;
	cursor: pointer;
	}	

.contactinput {
	background: #cfcccc;
	border: 1px solid #555555;
	padding: 6px;
	width: 400px;
}

.contactinputtext {
	background: #cfcccc;
	border: 1px solid #555555;
	padding: 6px;
	width: 400px;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana ;
	font-size: 11px;	
}


/******************************************************************table style*/

table {
	width:400px;
	border-top:1px solid #636363;
	border-right:1px solid #636363;
	margin: 10px 0px 10px 0px;
	border-collapse:collapse;
	}
	
tr.odd td	{
	background: #262626;
	}

td {
	border-bottom:1px solid #636363;
	border-left:1px solid #636363;
	padding:.3em 1em;
	text-align:left;
	}	
				
th {
	text-align:left;
	border-bottom: 1px solid #636363;
	border-left:1px solid #636363;
	padding:.3em 1em;
	}		
						
thead th {
	background:#383838;
	text-align:left;
	color:#B697B9;
	font-weight: bold;
	}		
	
.ondertitel {
	border-top: solid 1px #636363; 
	border-bottom: solid 1px #636363; 
	padding: 10px;
	margin: 20px 0px 40px 0px;
	background: #262626;
	font-weight: bold;
	}	
	
.styledlist li {
	background-image: url(http://www.anneliesbosch.nl/beta/wp-content/themes/AnneliesBosch/images/listitem.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 30px;
	}	
	
/******************************************************************blog*/	
	

.blogtitel {
	font-family: Rockwell, Georgia;
	font-size: 26px;
	font-style: italic;
	color: ##89897C;
	padding: 0px 0px 30px 0px;
	}

.blogtitel a {
	font-family: Rockwell, Georgia;
	font-size: 26px;
	font-style: italic;
	color: ##89897C;
	padding: 0px 0px 5px 0px;
	}

.blogtitel a:hover{
	font-family: Rockwell, Georgia;
	font-size: 26px;
	font-style: italic;
	color: #885e8c;
	padding: 0px 0px 0px 0px;
	}

.blogdatum {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}

.blogtags {
	border-top: solid 1px #636363; 
	border-bottom: solid 1px #636363; 
	padding: 10px;
	margin: 20px 0px 40px 0px;
	background: #262626;
	font-weight: bold;
	}	

.post img {
	padding: 8px 14px 0px 0px;
}

#comments { margin-top: -2.5em; clear: both; padding-top: 1em; }

#comments .meta { padding: 10px; margin-bottom: 1em; }
#comments .meta p.rss { float: right; font-size: .95em; text-transform: none; }
#comments .meta p.rss a { color: #ec7e2d; line-height: 16px; }
#comments .meta p strong { color: #55554e; }

#comments ul.nav { margin-bottom: 1em; }

#respond { background: #222222; padding: 20px 20px 40px 20px; color: #89897c; font-size: .95em; position: relative; }
#respond h3 { font-size: 1.9em; line-height: 1em; color: #bdbdb0; font-weight: normal; margin-bottom: .5em; }
#respond h3 a { font-size: 1em; display: inline; letter-spacing: normal; }

#respond .cancel-comment-reply { position: absolute; right: 6px; background: none; top: 6px; }
#respond .cancel-comment-reply a { color: #89897c; font-weight: bold; }

#respond div.row { min-height: 28px; _height: 28px; margin-bottom: .75em; clear: both; display: block; }

#respond label { float: left; width: 40px; text-align: right; margin-right: 10px; height: 28px; line-height: 28px; _font-size: 0.9em; _margin-top: -28px; }
#respond input { float: right; }

#respond textarea, #respond input { padding: 6px; margin-bottom: 4px; width: 354px; border: 1px solid #555555; background-color: #CFCCCC; }
#respond textarea { height: 96px; padding: 6px; width: 98%; float: none; }

#respond a { color: #89897c; font-weight: bold; }

#respond p.logged_as { margin-bottom: .5em; font-size: 1.1em; }

#respond p.req { color: #bdbdb0; float: right; line-height: 28px; height: 28px; }
#respond div.submit { text-align: right; }
#respond #submit { float: right; margin-left: 1em; display: block; }

#respond button { background: url("http://www.anneliesbosch.nl/beta/wp-content/themes/AnneliesBosch/images/reageren_btn.png") no-repeat; width: 82px; height: 27px; border: 0; text-indent: -10000px; vertical-align: middle; cursor: pointer; }

ol.commentlist { margin-bottom: 1em; }
ol.commentlist li div { background: #222222; padding: 10px; margin-left: 60px; position: relative; margin-bottom: 1em; }
ol.commentlist li div div { padding: 0; margin: 0; }
ol.commentlist li .comment-author img { border: 5px solid #222222; position: absolute; top: -10px; left: -70px; }
ol.commentlist li.comment-author-admin div { background: #383838; }
ol.commentlist li.comment-author-admin .comment-author img { border: 5px solid #383838; }
ol.commentlist li.comment-author-admin li.comment div { background: #edede0; }
ol.commentlist li.comment-author-admin li.comment .comment-author img { border: 5px solid #edede0; }
ol.commentlist li.comment-author-admin li.comment-author div { background: #d8d8c7; }
ol.commentlist li.comment-author-admin li.comment-author .comment-author img { border: 5px solid #d8d8c7; }
ol.commentlist li .comment-author cite { font-size: 1.5em; line-height: 1.1em; color: #b7b7a8; font-style: normal; text-transform: lowercase; }
ol.commentlist li .comment-author cite a { color: #89897c; }
ol.commentlist li .comment-author span.says { display: none; }

ol.commentlist li .comment-meta { margin: 0 0 .5em; font-size: .85em; }
ol.commentlist li .comment-meta a { color: #bdbdb0; }

ol.commentlist li em { position: absolute; margin-bottom: -1em; top: 10px; right: 10px; color: #89897C; font-size: .9em; text-transform: lowercase; }

ol.commentlist li p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.25em; }
ol.commentlist li p em { position: static; color: inherit; font-size: 1em; text-transform: none; }
ol.commentlist li p a { color: #55554e; }

ol.commentlist li div.reply { text-align: right; }
ol.commentlist li div.reply a { color: #89897c; font-weight: bold; }

ol.commentlist li ul.children { margin-left: 60px; }

.prev {
	float: left;
	}

.next {
	float: right;
	}