/*
Theme Name: kortingcodes.nl

blauw grijs: #5E6879 - nieuw: #5E6879
fel blauw: #29ABE2
rood: #861D14
donker grijs / blauw : #232B34

*/

/*===START SECTION 1 - the main containers===*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	margin-bottom:20px;
	padding: 0px;
	color: #555555;
	background: url(images/bg_body.gif) repeat;
}

body a{
	color:#777;	
}

#wrapper {
	width: 890px;
	margin: auto;
	padding: 0px;
	background-color:#FFF;
}
#header {
	width: 100%;
	height: 80px;
	margin: 0px;
	background-color: #5E6879;
	padding: 0px;
	position: relative;
}
#main {
	width: 890px;
}
#content {
	padding:10px;
	margin-right:0px;
	clear:both;
	right:0;
	left:0;
	float: left;
	line-height: 1.3em;
	width:620px;
}
#sidebar {
	width: 230px;
	float: right;
	margin: 10px 10px 10px 0px;
	background-color: #5E6879;
	padding:10px 0px 10px 0px;
}

#footer {
	clear: both;
	text-align: center;
	padding: 5px 20px;
	background-color: #5E6879;
	color:#fff;
}
#footer a {color: white !important; text-decoration: underline;}
 
#columnleft, #columnright {
	float:left;
	overflow:hidden;
	position:relative;
	width:290px;
	padding-left:10px;
}

.columtitle {padding: 5px 0px; color: #29ABE2; font-size: 1.2em}

#columnleft{
	margin-right:20px;	
}

.description {
	clear: left;
	padding: 5px 0 5px 35px;
}

/* buttons */
.button {font-weight: bold; background-color: #666; color: #ffffff; padding: 2px 8px; text-decoration: none; border-style: none; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.button:hover {background-color: #333;} 
.button.important {background-color: #29ABE2;}
.button.important:hover {background-color: #888;}
.button.big {font-size: 110%; padding: 3px 15px;}

/**************** POST *******************/

.post h2, .post h1 {
	background-color: #5E6879 !important;
	border-left: 8px solid #999;	
	padding: 10px;
	margin: 0px 0px 0px -9px;
	color: #ffffff;
}

.post.single {background-color: #E6E6E6;}
.post .entry {padding: 10px;}

.post h2 a, .post h1 a {color: #ffffff;	text-decoration: none;}
.post h2 a:hover, .post h1 a:hover {text-decoration: underline !important;}

.entry-content {}

.entry-meta {margin-top: 5px; color: #888; font-size:0.7em; line-height: 1.2em; clear: left;}

.entry-image {float: left; margin: 0px 10px 10px 0px; }
.entry-image img, .entry-image a {border-style: none; padding: 0px !important;}
.entry-image img {border: solid 1px #aaa;}

.entry-meta a {text-decoration: underline;}
.entry-related a:link {color: #777;}

.entry-content p {margin: 0 0 .5em 0;}

/************** NAV *****************/
.navigation {
  clear: both;
  height:20px;
  margin-bottom:20px;
  width:570px;
}

.navigation a:link, .navigation a {
	color:#861D14;
	font-weight:bold;
	line-height:30px;
	margin-left:5px;
	
}
.avatar {
  float: right;
  margin: 0 0 3px 5px;
}

#content .underpost a {
	text-decoration: underline;
}

#footer a:link, #footer a:visited {
	color: #474200;
}
#footer a:hover {
	text-decoration: none;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar li {margin-bottom: 5px;}

#sidebar li a:link, #sidebar li a:visited {
	text-decoration: none;
	color:#fff;
	
}
#sidebar li a:hover {
	text-decoration: underline;
}
#sidebar ul ul {
	margin-left: 10px;
	margin-bottom:10px;
}

#sidebar ul ul li, #sidebar ul ul li {
  margin-left: 10px;
  padding-right: 5px;
}


/*===END SECTION 5===*/

/*===START SECTION 6 - style the headings===*/
#headercontent{
	width:890px;
	margin:auto;
	display:block;
}

#content h1 {
	font-size: 1.1em;
}
#content h2 {
	font-size: 1.1em;
}
#content h3 {
	font-size: 1.1em;
}
#sidebar h1 {
	font-size: 1.4em;
}
#sidebar h2 {
	font-size: 1.2em;
	background-color:#232B34;
	background-color:#FFF;
	border-left:8px solid #999;	
	padding:5px;
	color:#29ABE2;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:5px;
	margin-right:10px;
	min-height:24px;
	font-weight:normal;
	
}
#sidebar h3 {
	font-size: 1.1em;
}



/*===END SECTION 7===*/

/*===START SECTION 8 - comment form and comments===*/
#commentform input {
	
}
#commentform textarea {
	
}
#commentform {	
	padding: 10px;
}
ol.commentlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ol.commentlist li {
	margin: 15px 0 0 0;
}
#content ol.commentlist li a {
	text-decoration: underline;
}
li.author {
	padding: 5px;
}
/*===END SECTION 8===*/

/*START SECTION 9 - oh you're so fancy with those blockquotes....*/
blockquote {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 350px;
  background: url(images/blockquote1.png) no-repeat right bottom;
  padding: 0 10px 0 30px;
  text-indent: -30px;
}
blockquote p:first-letter {
  background: url(images/blockquote2.png) no-repeat left center;
  padding: 0 0 0 30px;
  font: italic 1.7em Georgia, "Times New Roman", Times, serif;
}
/*===END SECTION 9===*/

/*START SECTION 10 - images when inserted into a post.*/
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright, div.alignright {
	margin: 1px 0 2px 10px;
	display: inline;
}
img.alignleft, div.alignleft {
	margin: 1px 10px 2px 0;
	display: inline;
}
.wp-caption-text {
  font-size: .7em;
  line-height: 1.1em;
  margin: 0;
}
/*===END SECTION 10===*/

/*===START SECTION 11 - Misc. and Preventatives===*/
a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}
a.image img {
	border: none;
}
/*===END SECTION 11===*/

#searchBox {
	text-align: left;
	position:static;
	top: 0px;
	right: 0;
	margin-top:10px;
	float:right;
}

#searchBox a {color: white; text-decoration: none;}
#searchBox a:hover {color: #ccc;}

#logo{
	border:none;
	margin:0px;
	float:left;
}

#menu{
	background-color:#861D14;
	padding: 4px 0px;
}

#menu ul {display: inline; padding: 0px; margin: 0px 0px 0px 20px;}
#menu li {display: inline; padding: 0px; margin: 0px 20px 0px 0px;}
#menu a {font-size: 110%; color: #ffffff; text-decoration: none;}
#menu a:hover {color: #ccc;}

#intro{
	padding: 10px 20px;
	line-height:1.4em;
}

.breadcrumb{
	font-size:0.8em;
	font-weight:bold;
	margin-bottom: 10px;
}

.breadcrumb a:link, .breadcrumb a{
	color: #861D14;	
}

#searchButton{
	margin-right:5px;
	padding:0px;
	background-color:#333;
	color:#fff;
}

#searchField, #searchButton{
	border: solid 1px #333;
}