/*   
Theme Name: Brainstorm IT
Theme URI: http://www.brainstormit.nl
Description: Theme for Brainstorm IT website .
Author: Brainstorm IT
Author URI: http://www.brainstormit.nl
Version: 1.1
.
Copyright (c) 2010 Brainstorm IT
All Rights Reserved.
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wordpress.css');

/* Grid System by 960.gs */
@import url('styles/960.css');


html, body {
		height: 100%;
		width: 100%;
		font-family: Verdana,"Times New Roman",Times,serif;
}

body {
		background: #f6f5ed;
}

menu {
		margin: 0px;
}

#page {
        background: url(img/topbackground.gif) repeat-x scroll 0 0;
}

h1 {
		font-size: 20px;
		padding: 0 0 7px;
}

.bericht-titel {
		padding: 0 0 4px;
}

h2 {
		font-size: 20px;
		padding: 0 0 7px;
}

h3 {
		font-size: 16px;
}

h4 {
		font-size: 16px;
		padding: 0 0 7px;
}

h5 {
		font-size: 16px;
		padding: 0 0 7px;
}

a {
		text-decoration: none;
		color: #0f74e8;
}

a:visited {
		text-decoration: none;
		color: #0f74e8;
}

a:hover {
		text-decoration: underline;
		color: #0f74e8;
}

/* =Header
-------------------------------------------------------------- */

#top {
	  	height: 30px;
}

#top ul li a {
		display: block;
		}

#titel {
		margin-top: 7px;
		margin-left: 15px;
		text-indent: -9999px;
		text-decoration: none;
		overflow: hidden;
		background: transparent url(img/brainstormittekst.gif) no-repeat;
		width: 140px;
}

#header {
		margin-bottom:20px;
		margin-top:20px;
		overflow:hidden;
}

textarea {
		width: 99%;
}

/* =Content
-------------------------------------------------------------- */

.post {
        margin: 0 0 5px 0;      
}

.bericht-inhoud {
		margin-top: 20px;
		margin-bottom: 3em;
}

.bericht-inhoud-consultancy {
		margin-top: 20px;
		margin-bottom: 3em;
		-moz-column-count: 2;
	  	-moz-column-gap: 10px;
	  	-moz-column-rule: none;
	  	-webkit-column-count: 2;
	  	-webkit-column-gap: 10px;
	  	-webkit-column-rule: none;
		column-count: 2;
		column-gap: 10px;
		column-rule: none;

}

.entry-content, .entry-summary {
        margin: 1.5em 0 0 0;
}


/* =Navigation
-------------------------------------------------------------- */

#menu {
		padding-top: 40px;
		font-size: 13px;
		padding-top:30px;
		overflow: hidden;
}

#menu ul {
		list-style: none;
		margin: 0;
}

#menu ul ul {
		display: none;
}

#menu li {
		display: inline;
}

#menu a {
		color:#000000;
		display:block;
		text-decoration:none;
}

#menu a:hover {
		color:#000000;
		display:block;
		text-decoration: underline;
}

#home {
		text-indent: -9000px;
		background: url(img/home.png) no-repeat;
}

#profiel {
		text-indent: -9000px;
		background: url(img/profiel.png) no-repeat;
}

#diensten {
		text-indent: -9000px;
		background: url(img/diensten.png) no-repeat;
}

#contact {
		text-indent: -9000px;
		background: url(img/contact.png) no-repeat;
}

#content, #sidebar, #content-links, #content-rechts {
		overflow:hidden;
		background-color:#FFFFFF;
		border-top: 2px solid #000000;
}

#content-links, #content-rechts {
		min-height: 650px;
		height: auto !important;
}

#sidebar-development, #sidebar-design, #sidebar-consultancy, #sidebar-blog {
		overflow:hidden;
		background-color:#FFFFFF;
		border-top: 2px solid #000000;
}

#bericht, .post {
		padding: 10px;
		text-align:justify;
		border-top: 2px solid #000000;
}

#nav-beneden {
		border-bottom: 20px solid #F6F5ED;
}

#reacties {
		padding: 10px;
		text-align:justify;
		border-top: 2px solid #000000;
}

#footer {
		clear:both;
}

#site-informatie p {
		text-align: center;
		margin-top: 20px;
		font-size: 10px;
		padding-top: 5px;
}

#site-informatie a {
		text-decoration: none;
		color: #000000;
}

#site-informatie a:hover {
		text-decoration: none;
		color: #000000;
}

.verplicht {
		color: red;
}

.formulier-versturen {
		float: right;
}

.formulier-versturen {
		margin-bottom: 10px;
}

.bericht-gegevens {
		border: 1px dashed #bdbdbd;
		padding: 5px;
}

.bericht-meta, .reactie-meta {
		font-size: 10px;
}

#reactie-lijst ol {
		margin:0;
		list-style: none;
}

#reactie-lijst ol li {
	margin-top: 10px;
	margin-bottom: 10xp;
	border-bottom: 1px dashed black;
	min-height: 150px;
	height: auto !important;
}

#reactie-lijst li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}


/* =Widget Areas
-------------------------------------------------------------- */
/*
#titel-design, #titel-development, #titel-consultancy {
		border-bottom: 2px solid #000;
		margin-bottom: 20px;
} */

.frontpage-wrapper {
/* loaded by jquery */
		display: none;
}

#frontpage-links {
		background: url(img/achtergronddesign.png) no-repeat center center #db1818;
		border-top: 2px solid #000000;
}

#titel-design {
		background: url(img/pagedesign.png) no-repeat center center #db1818;
}

.titel-pagina {
		font-size: 20px;
		padding: 0px 10px;
}

#frontpage-links h3 {
		font-size:20px;
		text-align:left;
}

#frontpage-midden {
		background: url(img/achtergronddevelopment.png) no-repeat center center #97bd12;
		border-top: 2px solid #000000;
}

#titel-algemeen {
		background: url(img/pagealgemeen.png) no-repeat center center #031b35;
		color: #FFFFFF;
}

#titel-development {
		background: url(img/pagedevelopment.png) no-repeat center center #97bd12;
}

#frontpage-midden h3, #frontpage-nieuws h3 {
		font-size:20px;
		text-align:left;
}

#frontpage-rechts {
		background: url(img/achtergrondservice.png) no-repeat center center #fac31e;
		border-top: 2px solid #000000;
}

#titel-consultancy {
		background: url(img/pageservice.png) no-repeat center center #fac31e;
}

#frontpage-rechts h3 {
		font-size:20px;
		text-align:left;
}

#homepage-design .textwidget a, #homepage-development .textwidget a, #homepage-consultancy .textwidget a {
		text-decoration: none;
		color: #000000;
}

#homepage-design .textwidget a:hover, #homepage-development .textwidget a:hover, #homepage-consultancy .textwidget a:hover {
		text-decoration: none;
		color: #000000;
}

#frontpage-rotator {
		background-color:#FFFFFF;
		border-top: 2px solid #000000;
		margin-bottom: 20px;
		min-height: 200px;
  		height:auto !important;
}

#cu3er-container {
		width:620px; 
		outline:0;
}

#frontpage-welkom h3 {
		font-size:20px;
		text-align:left;
}

#frontpage-nieuws {
		background-color:#FFFFFF;
		border-top: 2px solid #000000;
		margin-bottom: 20px;
		min-height: 200px;
  		height:auto !important;
}

.xoxo {
		list-style: none;
		margin: 0;
		padding: 10px;
}

.widget-gebied {
	text-align: justify;
}

.widget-area ul {
        list-style: none;
        margin-left: 0;
}
.widget-area ul ul {
        list-style: disc;
        margin-left: 1.1em;
}
.widget-area ul ul ul {
        margin-left: 2.5em;
}
.widget-container {
        margin: 0 0 1.5em 0;
}


#comments-list {
	padding: 5px;
	background-color: #ececec;
	margin-bottom: 10px;
}

#comments-list h3 {
	border-left: solid 4px #FFFFFF; 
	padding-left: 7px; 
	margin-bottom: 5px; 
	width: 100%; 
	height: 15px; 
	float: left; 
	font: normal 16px/14px "Helvetica"; 
	color:#000; 
	padding-right: 7px;
}

#comments-list ol {margin: 0px;} 

.comment-meta {
	width: 80px;
	float: left;
	text-align: right;
	margin-bottom: 10px;
}

#respond h3 {
	border-left: solid 4px #FFFFFF; 
	padding-left: 7px; 
	margin-bottom: 5px; 
	width: 100%; 
	height: 15px; 
	float: left; 
	font: normal 16px/14px "Helvetica"; 
	color:#000; 
	padding-right: 7px;
}

.avatar-80 {
	border: solid 4px #FFFFFF;
}

#respond {
	padding: 5px;
	background-color: #f5f5f5;
	margin-bottom: 10px;
}

#respond textarea {
	width: 506px;
}

#comments ol {
	margin: 0px;
}

.comment {
	margin-bottom:10px;
}

.comment-author {
-x-system-font:none;
color:#000000;
font-family:"Helvetica";
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:25px;
margin-bottom:5px;
margin-top:5px;
}
	
.comment-date, .comment-time {
	font-style:italic;
	line-height: 15px;
}

.comment-text {
background-color:#FFFFFF;
margin-bottom:20px;
margin-left:100px;
min-height:132px;
padding:5px;
}

#comment-1492 .comment-text {
background-image: url(../img/balloons.gif);
background-repeat: no-repeat;
margin-bottom:20px;
margin-left:100px;
min-height:132px;
padding:5px;
}


.entry-content img {
	max-width:510px;
	width: auto !important;
	width: expression( document.body.clientHeight > 383 ? "383px" : "auto" ); 
}

.comment-text img {
	max-width:400px;
	width: auto !important;
	width: expression( document.body.clientHeight > 383 ? "383px" : "auto" ); 
}

.avatar {
	float: right;
}

    div#frontpage-rotator {
	position:relative;
	height:200px;
}
/* rotator css */
	div#frontpage-rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	margin-left:-30px;
}
/* rotator image style */	
	div#frontpage-rotator ul li img {
	border:0px solid #ccc;
	background: #FFF;
}
    div#frontpage-rotator ul li.show {
	z-index:500;
	}