/* 
Theme Name: Spreekwoorden
Theme URL: http://tshirt.nl/
Description: A blank theme for you to draw on.
Author: Gavin Hewitt
Author URI: http://brianpurkiss.com
Version: 1.0

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

/* Reset stuff first
-------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,em,font,img,strike,strong,b,u,i,center,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1.5}ol,ul{list-style:none}:focus{outline:0}table,td,th{border-collapse:collapse;border-spacing:0;vertical-align:top}a img{border:none}img{line-height:0}
/* typography */
h1,h2,h3,h4,h5,h6{font-weight:normal}h1{font-size:200%;line-height:1em;margin-bottom:5px}h2{font-size:2em;margin-bottom:5px}h3{font-size:1.5em;line-height:1;margin-bottom:5px}h4{font-size:1.2em;line-height:1.25;margin-bottom:5px}h5{font-size:1em;font-weight:bold;margin-bottom:5px}h6{font-size:1em;font-weight:bold}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}
p{margin:0 0 5px}p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}p img.right{float:right;margin:1.5em 0 1.5em 1.5em}

/* Globals
-------------------------------------------------------------- */
a:link,a:active,a:visited{color: #ED8D04;text-decoration:none}a:hover{text-decoration:none}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
.info{color:#FF9}.alert{color:#f00}.success{color:#6C0}
.light{color:#666}.xlight{color:#999}
hr{border:none;margin:5px 0 8px 0;padding:0}hr.hr-1{height:1px}hr.hr-2{height:2px}hr.hr-3{height:3px}
.small{font-size:85%}.xsmall{font-size:75%}.xxsmall{font-size:70%}
.w1{width:40px}.w2{width:80px}.w3{width:120px}.w4{width:180px}.w5{width:200px}.w6{width:240px}.w7{width:280px}.w8{width:320px}.w9{width:360px}.w10{width:400px}.w11{width:440px}.w12{width:480px}.w13{width:520px}.w14{width:560px}.w15{width:600px}.w16{width:640px}.w17{width:680px}.w18{width:720px}.w19{width:760px}.w20{width:800px}.w21{width:840px}.w22{width:880px}.w23{width:920px}.w24{width:960px}.w25{width:1000px}
.brd-top{border-top:2px dotted #ddd}.brd-btm{border-bottom:2px dotted #ddd}

/* Messages
-------------------------------------------------------------- */

/* Sticky settings (no touchy!)
-------------------------------------------------------------- */
html, body, #container {height:100%;}
body > #container {height:auto;min-height:100%}
#main {padding-bottom: 60px;width:100%} /* must be same height as the footer */
#footer-wrap {position:relative;margin-top: -60px; /* negative value of footer height */height: 60px;clear:both;} 

/* Layout elements
-------------------------------------------------------------- */
#container,#header,#main-content,#footer,#main-navbar{width:930px;margin:0 auto}
#header-wrap{padding:10px 0 0 0;background:#}
#header{padding:10px 0 10px;}
#main{background:#fff; padding-top:20px}
#main-navbar-wrap{padding:10px 0 0 0;background:#2667A9}
#main-content{background:#fff url(../ximages/content_bg.gif) right repeat-y; height:100%}
#footer-wrap{background:#666}
#footer{margin:0 auto;line-height:1.1em;padding:30px 20px}
#footer-wrap .copyright{height:30px; width:100%; padding:6px 0;background:#333; color:#eee; position:absolute; bottom:0px; text-align:center; border-top:1px solid #444}

/* Columns
-------------------------------------------------------------- */
.sidebar {background:#CCC; float:right; width: 290px; margin-left:30px}

.col-1{width:570px; xpadding-right:20px; min-height:200px;xpadding-bottom:30px}
.col-2{width:160px; background:#}
.col-3{width:170px}
.col-1,.col-2,.col-3 {position:relative;float:left;margin-right:25px}
.col-1 {margin-right:30px}
.col {position:relative;float:left;margin-right:10px;}


#container{width:100%; background:url(./images/bg.gif) repeat-x; background-position:top}

#header, #content, #footer {width:960px; margin: 0 auto; padding:0}

#header {background:#; height:160px; margin-bottom:0px; background:#}
#header .logo{margin-top:10px}

#content {background: url(images/content-bg.gif) repeat-y center; margin:40px auto 20px; xpadding-bottom:40px; padding-top:0px}

#footer {background: #27296E url(images/footer-bg.png) repeat-x top; padding:40px 0; min-height:160px; width:100%; xmargin-top:40px;}
#footer .content {width:960px; margin:0 auto}
#footer .copyright {color:#7D80DF; margin-top:40px}
#footer .col {width:270px;background:#; margin-right:50px; color:#fff}
#footer .col li { padding:10px 0; border-bottom:1px dotted #595C9F}
#footer .col h2 {color:#7D80DF; font-size:1.5em; font-weight:bold; padding-bottom:10px; border-bottom:1px dotted #595C9F; margin:0}
#footer .col a {color:#fff; xtext-decoration:underline; display:block}
#footer .col a:hover {color:#FEA423; xtext-decoration:underline; display:block}

#copyright {background: #1D1F4F url(images/xfooter-bg.png) repeat-x top; padding:10px 0; width:100%; margin:0}
#copyright .content {width:960px; margin:0 auto; color:#7D80DF}

.col-header {padding:3px 5px;font-size:1em;line-height:1.6em;font-weight:bold;margin-bottom:8px; color:#fff; background:#000}

/* Typography
-------------------------------------------------------------- */
html, body {font-size:85%;font-family:Arial, Helvetica, sans-serif; }

/* Navigation
-------------------------------------------------------------- */
.menu {padding:0px; overflow:auto; background:#; margin-top:30px; font-size:1.4em; color:#fff; font-weight:bold}
.menu li {xpadding:6px 20px; float:left; padding-right:20px; margin-right:20px; border-right:1px solid #EB7F01; line-height:30px}
.menu li a {color:#fff}
.menu li a:hover { text-decoration:underline}
.menu li.page_item {background:#fc0; float:left; margin-right:5px}
.menu li.current_page_item {background:#; float:left; margin-right:5px}
.menu li.last { border-right:none; text-align:right; background:#; margin-top:0px; padding:0; width:425px}
.menu li.last input { margin-top:0px;}

.post{}

.post {text-align:center;margin:0 5px 5px 0;position:relative;padding-bottom:50px; margin-bottom:40px; background: url(images/hr_divider.gif) no-repeat; background-position: center bottom}
.post h2 {font-size:2em; color:#32348E}
.post p {font-size:1.2em; width:450px; margin:0 auto}

ul.pagination {list-style:none;adding:0;margin:0;position:absolute;right:15px;bottom:20px}
ul.pagination li {float:left}
ul.pagination li a {width:10px;height:10px;margin-right:5px;display:block}
ul.pagination li.active a {}

.random_quote {background:#eee; padding:30px; text-align:center}
.random_quote h3 { font-size:2em; margin-bottom:20px}

.intro {background:#; font-size:1.6em; color:#666; margin-bottom:40px; line-height:2em}

.tegel {background:url(images/tegel-bg.gif) no-repeat; width:570px; height:181px; text-align:center; padding-top:105px; margin:0 auto}
.tegel h2 {font-size:3.4em; color:#244695; width:500px; margin:0 auto 10px; font-family:"Times New Roman", Times, serif; font-style:oblique; line-height:40px}
.tegel p {color:#666}

.ad_468x60 {background:url(images/ad-468x60-bg.gif) no-repeat; width:570px; height:80px; text-align:center; padding-top:20px; margin:0 auto}

/* Ads
-------------------------------------------------------------- */
#wp125adwrap_2c { margin-bottom:0px;overflow:auto}

.textarea{background:#f3f3f3 url(images/back-forms.png) repeat-x}
.input_text{border-color:#ccc;padding:5px;margin:0;border-style:solid;border-width:1px;background:#f3f3f3 url(images/back-forms.png) repeat-x}
.input_submit{padding:3px 8px 3px 8px;margin:0}

.wpcf7-form submit {padding:3px 8px 3px 8px;margin:0}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {border-color:#ccc;padding:5px;margin:0 0 10px 0;border-style:solid;border-width:1px;background:#f3f3f3 url(images/back-forms.png) repeat-x}
.wpcf7-form strong { display:inline-block; margin:0; padding-bottom:5px}

.brands_col {position:relative;float:left;margin-right:30px; width:170px;}
.brands_col a {padding:3px 0; display:inline-block}
.brands_col_header {font-weight:bold;padding:2px 0px;border-bottom:3px solid #ccc;text-align:left}


.last{margin-right:0} /* Clear margins */

/* WP-Paginate
-------------------------------------------------------------- */
.wp-paginate {margin:0px auto 10px;position:relative;padding:8px 3px;clear:both;border:0px solid #ccc;background:#;border-color:#ddd; text-align:center}
.wp-paginate li {display:inline; list-style:none; font-size:17px}
.wp-paginate a {margin:2px;padding:3px 7px;text-decoration:none;outline:none;border:1px solid #ccc}
.wp-paginate a:hover, .wp-paginate a:active {color:#000;background:#ccc}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {font-weight:bold;margin:2px;padding:3px 7px;color:#666;background:#fff}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

textarea, input[type=text] {
	background:#fafafa url(images/back-forms.png) repeat-x;
	border:1px solid #ccc;
	padding:5px !important;
}