/**
  Theme Name: Stereofocus Custom Theme
  Theme URI: http://www.stereofocus.nl
  Version: 1
  Author: Jeroen Homan
  Author URI: http://www.jeroenhoman.com
  Tags: 
  Licence: 
*/

/* RESET.CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit;	font-size: 100%;font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }

body { line-height: 1; color: black; }

table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
/* ol, ul { list-style: none; } */

.left { float:left;	display:inline; }
.right { float:right; display:inline; }
.imagereplaced { text-indent:-999999px; }

/*clear fix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body, html { height:100%; }

/* FRONTPAGE */
body { background:url(img/bg-repeat.jpg) repeat-x top left; }
body div#sitewrapper { background:url(img/body-bg.jpg) no-repeat top center; width:100%; min-height:1629px; position:relative; }


body div#footer {  margin:0px auto; width:930px; margin-top:-70px; position:relative; top: 0px; }
body div#footer ul, body div#footer ul li ul { list-style:none; list-style-type:none; }
body div#footer ul li { display:inline; }
body div#footer ul li#copyright { text-align: right; line-height:1.3; color:#807a7a;}
body div#footer ul li ul li { margin-right:7px; }
body div#footer ul li, body div#footer ul li ul li ,body div#footer ul li a, body div#footer ul li ul li a{ color:#807a7a;; font-weight:bold; }
body div#footer ul li a, body div#footer ul li ul li a { text-decoration: none; }
body div#footer ul li a:hover, body div#footer ul li ul li a:hover { text-decoration: underline; } 

body.sub12 div#sitewrapper, body.sub21 div#sitewrapper, body.sub1 div#sitewrapper { background:url(img/sub-body-bg.jpg) no-repeat top center; width:100%; min-height:1629px; }

body div#sitewrapper div.header { display:block; width:960px; margin:0px auto; padding-top:100px; }
body div#sitewrapper div.header h1#logo { width:213px; height:51px; display:block; background:url(img/logo.png) no-repeat top left; margin-left:-5px; }

body div#sitewrapper div#label { width:1040px; margin:0px auto; position:relative; top:103px; }

body div#sitewrapper div.header div#primary ul { list-style:none; list-style-type:none; margin-top:-20px; padding-right:16px; }
body div#sitewrapper div.header div#primary ul li { float:left; margin-right:13px; padding-right:13px; background:url(img/nav-bg.png) no-repeat top right; }
body div#sitewrapper div.header div#primary ul li:last-child { margin-right:0px; padding-right:0px; background:none; }

body div#sitewrapper div#intro { width: 880px; margin:0px auto; display:block; margin-top:80px; background: url(img/intro-bg.png) no-repeat bottom left; padding-bottom:25px; margin-bottom:25px; }
body div#sitewrapper div#intro h2, body.index div#sitewrapper div#intro p { margin-bottom:15px; width:560px; }
body div#sitewrapper div#intro a.label { margin-left:-80px; padding-top:25px; display: block;}

body div#sitewrapper div#portfolio { width:880px; display:block; margin:0px auto; background:url(img/portf-bg.png) no-repeat bottom right; }
body div#sitewrapper div#portfolio div.header { padding-top:0px; margin-bottom:20px; }
body div#sitewrapper div#portfolio ul, body.sub21 ul#work { list-style:none; list-style-type:none; }
body div#sitewrapper div#portfolio ul li, body.sub21 ul#work li { width:268px; float:left; margin-right:25px; }
body div#sitewrapper div#portfolio ul li img, body.sub21 ul#work li img { margin-left:-10px; }
body.sub21 ul#work li p { font-size:1.1em; }
body.sub21 ul#work { margin-bottom:30px; }
body div#sitewrapper div#portfolio h3 { margin-bottom:10px; }
body div#sitewrapper div#portfolio a.more { display:block;  text-align: right; margin-top:40px; padding-right:25px; }

body div#sitewrapper div#updates { width: 880px; margin:0px auto; display: block; margin-bottom:0px; margin-top:-20px; }
body div#sitewrapper div#updates ul#blog { list-style:none; list-style-type:none; width:540px;  }
body div#sitewrapper div#updates ul#blog li { margin-bottom:20px; border-bottom:1px solid #f1f1f1; padding-bottom:20px; }
body div#sitewrapper div#updates ul#blog li:last-child { border-bottom:none; }
body div#sitewrapper div#updates ul#blog li span.date { margin-bottom:10px;display: inline-block; }

body div#sitewrapper div#updates div#twitter { width: 202px; height:197px; background:url(img/twitter-bg.png) no-repeat bottom center; padding:35px; padding-top:0px; }
body div#sitewrapper div#updates div#twitter p { margin-top:35px; }
body div#sitewrapper div#updates div#twitter a { color:#e32d84;}
body div#sitewrapper div#updates div#twitter a:hover { text-decoration: none; }
body div#sitewrapper div#updates div#twitter span.twittermeta { margin-top:5px; }

ol#commentlist { list-style:none; list-style-type:none; }
ol#commentlist li { margin-bottom:5px;padding-bottom:5px; font-size:0.9em; }
ol#commentlist li a { color:#e32d84; }
ol#commentlist li a:hover { text-decoration: none; } 

body div#sitewrapper div#updates div.header { padding-top:30px; margin-bottom:20px;}

body div#sitewrapper div#misc { width:900px; margin:0px auto; display:block; padding-left:10px;  }
body div#sitewrapper div#misc div { width:266px; margin-right:27px; }
body div#sitewrapper div#misc div#testimonials div#testimonial-cycle div { width:562px; }
body div#sitewrapper div#misc div#contact span.subtitle, body.index div#sitewrapper div#misc div#testimonials span.subtitle { margin-bottom:20px; display: block;}
body div#sitewrapper div#misc div#stereotalk { width:267px; height:128px; background:url(img/talk-bg.png) no-repeat top center; margin-right:37px; }
body div#sitewrapper div#misc div#stereotalk h4 { margin-top:55px; margin-left:15px; }
body div.postcontent { margin-bottom:30px; background: url(img/intro-bg.png) no-repeat bottom left; padding-bottom:15px; }

/*body div#sitewrapper div#footer { width:960px; margin:0px auto; display: block; text-align: right; margin-top:88px; }*/

body div#sitewrapper ul#thumbnailnav { list-style: none; list-style-type: none; margin-bottom:20px; }
body div#sitewrapper ul#thumbnailnav li { float:left; margin-right:14px; }
body div#sitewrapper img.introimage { margin-bottom:15px;}

body.sub12 div#sitewrapper div#pagewrapper, body.sub21 div#sitewrapper div#pagewrapper, body.sub1 div#sitewrapper div#pagewrapper { width:880px; margin:0px auto;}
body.sub12 div#sitewrapper div#pagewrapper img, body.sub21 div#sitewrapper div#pagewrapper img { z-index:1; position:relative; }
body.sub12 div#sitewrapper div#pagewrapper img.visual { margin-left:20px; }
body.sub12 div#sitewrapper div#pagewrapper div#main {  width:640px; text-align: left; margin-right:20px;padding-top:0px; font-size:1.2em; line-height:1.4;}
body.sub12 div#sitewrapper div#pagewrapper div#main.left {  margin-right:0px; margin-left:5px;  }
body.sub12 div#sitewrapper div#pagewrapper div#sidebar { width:180px; padding-top:0px; z-index:50; position:relative; }
body.sub21 div#main { padding-top:50px;width:640px; text-align: left; font-size:1.2em; margin-right:20px; }
body.sub1 div#main { width:880px; margin:0px auto; text-align:left; padding-top:30px; }
body.sub21 div#sidebar { padding-top:50px; width:180px; }

body.sub21 div#sidebar ul#specifics { list-style:none; list-style-type:none; }
body.sub21 div#sidebar ul#specifics li { margin:0px 0px 15px 0px; }
body.sub21 div#sidebar h3 { font-size:1.3em; color:#494949; margin-bottom:5px; }
body.sub21 div#sidebar ul#specifics p { line-height:1.4; }
body.sub1 div#main div#portfolio { margin-top:30px; background:none; }
body.sub1 div#main div#portfolio ul li { margin-bottom:30px;}

/* TYPE */
body { font-size:62.5%; color:#848484; font-family:Helvetica, Arial, Tahoma, Verdana; }
body span.subtitle{ font-family:Georgia, "Times New Roman", Times; font-style:italic; font-size:1.2em; }
body em { font-weight: bold; }
body span.subtitle a {color:#848484;}
body span.subtitle a:hover { text-decoration: none;}

ul#pagination { list-style:none; list-style-type:none; }
ul#pagination li { margin-bottom:5px; }
ul#pagination li a {font-family:Georgia, "Times New Roman", Times; font-style:italic; font-size:1.2em;color:#848484;}
ul#pagination li a:hover { text-decoration: none; }

body a.readmore, body a.readmore:active, body a.readmore:visited { color:#e22d83; font-size:1.1em; text-decoration: none; }
body a.readmore:hover { text-decoration:underline; }

body div#sitewrapper div.header div#primary ul li a { color:#27808e; font-size:1.3em; text-transform:uppercase; text-decoration: none; }
body div#sitewrapper div.header div#primary ul li a:hover { color:#0a6c7c; }

body div#sitewrapper div#intro h2, h2.pagetitle { color:#e32d84; font-size:2.4em; text-transform: uppercase; }
h2.pagetitle a { color:#e32d84; text-decoration: none; }

textarea#comment {display:block; width:550px; height:90px; margin-bottom:10px; }

div#sidebar h2, h2#postcomment, h2#comments { color:#848484; text-transform: uppercase; font-size:1.6em; margin-bottom: 15px; }
h2#postcomment { margin-top:30px; }
div#sidebar ul.widgets, div#sidebar ul.widgets li ul { list-style:none; list-style-type:none; }
div#sidebar ul.widgets li.widget { margin-bottom:35px; }
 div#sidebar ul.widgets li div#twitter p { font-size:1.2em; }
body.sub12 h2.pagetitle { margin-bottom:55px; margin-top:-120px; font-size:2.3em; }
body.sub12 div#main.blogpost h2.pagetitle { margin-top:100px; margin-bottom:5px; }
body.sub12 div#main.blogpost div.postcontent { line-height:1.4; }
body.sub12 div#main.blogpost div.postcontent a, div#main a { color:#e32d84; text-decoration: underline; }
body.sub12 div#main.blogpost div.postcontent a:hover, div#main a:hover { text-decoration: none; }

body.sub21 h2.pagetitle { margin-bottom:5px; font-size:2.8em; margin-top:70px; }
body.sub1 h2.pagetitle { margin-bottom:5px; font-size:2.8em; margin-top:70px; }

body div#sitewrapper div#intro p.introduction { font-size: 1.4em; font-weight:bold; line-height:1.4; }
body div#sitewrapper div#intro p { font-size:1.2em; line-height:1.4; }

body div#sitewrapper div h3 , h3.postTitle, h3.postTitle a, form h3 { color:#e32d84; font-size:1.8em; text-transform: uppercase; }
form h3 { margin-bottom:20px; }
form label { display:inline-block; min-width:130px; min-height:35px; vertical-align: top;}

form input.text, form textarea { background:#fff; border:1px solid #848484; min-height:25px; min-width:300px; color:#848484; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding-left:5px; }
form input.text { font-size:1em; }
form input.error { background:#FF9898; border:1px solid #e32d84; color:#fff; }
form textarea { font-size:1em; padding-top:5px;}
form input#sendbutton { margin-left:130px; margin-top:10px; }
form input.text:focus, form textarea:focus  { border:1px solid #e32d84; }

form textarea { width:450px; height:150px; padding:0px; margin:0px; padding-left:5px; }



body div#sitewrapper h3.postTitle a:hover, body div#sitewrapper h3.postTitle:hover {color:#bf216d; }

body div#sitewrapper div#portfolio ul li h4, body div#sitewrapper div#updates ul#blog li h4, body div#sitewrapper div#misc div#stereotalk h4, body.sub21 h4  { color:#494949; font-family:Georgia, Times, "Times New Roman"; text-transform: none; font-size:1.5em; font-weight:normal; margin-bottom:6px; } 
body div#sitewrapper div#portfolio p { line-height:1.4; margin-bottom:15px; font-size:1.2em; }
body div#sitewrapper div#portfolio a.more { color:#fff; text-transform: uppercase; font-family:Helvetica, Arial, Tahoma, Verdana; font-weight:Bold; text-decoration: none; line-height:2.5; }

body div#sitewrapper div#updates ul#blog li p {line-height:1.4; margin-bottom:10px; margin-top:-5px; font-size:1.2em; }
body div#sitewrapper div#updates div#twitter p { color:#807f7f; font-size:1.2em; font-weight:bold; line-height:1.4; margin-bottom:7px; }
body div#sitewrapper div#updates div#twitter span.twittered { font-size:0.9em; font-weight:bold; text-transform:uppercase; }

body div#sitewrapper div#misc div#contact div#address { font-size:1.2em; font-weight:bold; line-height:1.4; }
body div#sitewrapper div#misc div#testimonials p { font-size:1.2em; font-weight:bold; line-height:1.4; }
body div#sitewrapper div#misc div#testimonials span.clientname { text-transform: uppercase; font-size:0.9em; font-weight:bold; margin-top:6px; display:block;}
body div#sitewrapper div#misc div#stereotalk p { line-height:1.4; margin-top:8px; margin-left:15px;}
body div#sitewrapper div#footer { font-weight:bold; color:#fff; }

body div#sitewrapper div#label a.label, body.index div#sitewrapper div#label a.label:active, body div#sitewrapper div#label a.label:visited { text-transform: uppercase; font-weight:bold; color:#fff; font-size:1.1em; text-decoration: none; }

body.sub12 div#sitewrapper div#pagewrapper div#main p , div#main p{ font-size:1em; line-height:1.4; margin-bottom:20px; } 
div#main strong { display:block; font-weight: bold; }
body.sub12 div#sitewrapper div#pagewrapper div#main p.servicedesc, body.sub21 p.servicedesc { background: url(img/intro-bg.png) no-repeat bottom left; padding-bottom:15px; margin-bottom:25px; } 
body.sub12 div#sitewrapper div#pagewrapper div#main ul#posts p.servicedesc, body.sub21 ul#posts p.servicedesc { background: url(img/intro-bg.png) no-repeat bottom left; padding-bottom:0px; margin-bottom:10px; } 
body div#sitewrapper ul#posts li { margin-bottom:25px; background: url(img/intro-bg.png) no-repeat bottom left; padding-bottom:15px; }
ol#commentlist li { background: url(img/intro-bg.png) no-repeat bottom left;  }

body.sub12 div#sitewrapper div#pagewrapper div#main p.pageintro { font-size:1.3em; font-weight:bold; padding-bottom:15px; margin-bottom:25px; background: url(img/intro-bg.png) no-repeat bottom left; }
body.sub12 div#sitewrapper div#pagewrapper div#main h3, h3.postTitle, h3.postTitle a { font-size:1.5em; text-decoration: none;}
body.sub12 div#sitewrapper div#pagewrapper div#main span.subtitle, body.sub21 span.subtitle { margin-top:0px; margin-bottom:15px; display:inline-block;  }
body.sub1 span.subtitle { margin-top:0px; margin-bottom:5px; display:inline-block;  }

body.sub12 div#sidebar a, body.sub21 div#sidebar a, body.sub12 div#sidebar  a:active, body.sub21 div#sidebar  a:active, .readmore a:visited { color:#e22d83; font-size:1.1em; text-decoration: none; }
body.sub12 div#sidebar a:hover, body.sub21 div#sidebar a:hover { text-decoration:underline; }
body.sub12 div#sidebar ul#pagemenu li a.current { font-weight: bold; }
body.sub12 div#sidebar ul#pagemenu, body.sub21 div#sidebar ul#pagemenu { list-style:none; list-style-type:none; }
body.sub12 div#sidebar ul#pagemenu li, body.sub21 div#sidebar ul#pagemenu li { background:url(img/slash.png) no-repeat center left; padding-left:10px; line-height:1.3; width:inherit; border-bottom:1px dotted #cecece; padding-bottom:3px; margin-bottom:4px; }

 body div#sidebar ul.widgets li ul li { background:url(img/slash.png) no-repeat center left; padding-left:10px; line-height:1.3; width:inherit; border-bottom:1px dotted #cecece; padding-bottom:3px; margin-bottom:4px; }


body div#sitewrapper ul#posts { list-style:none; list-style-type:none; margin-top:100px; }
body div#sitewrapper div#sidebar ul.widgets { margin-top:100px; }
body.sub12 div#sitewrapper div#pagewrapper div#main form#commentform p { margin-bottom:0px; }

body.sub12 div#sitewrapper div#pagewrapper div#main  ol#commentlist li p { margin-bottom:5px; }