/* BODY */ /* We definieren de opmaak voor de tag in je html */ body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin: 0px; background: black; color: #f1f1f1; } #bg { display: block; background: black url('/werk/images/bg_ext_left.gif') repeat-x; position: absolute; bottom: 0px; min-height: 600px; height: 600px; width: 100%; } p { font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.1em; line-height: 1.5em; vertical-align: top; margin: 0px 0px 10px 0px; font-weight: normal; } a { text-decoration: none; color: white; color: #ffaf6e; } a:hover { text-decoration: none; color: #ff8521; cursor: pointer; } img { border: none; margin: 0px; float: left; } h1 { font: inherit; font-size: 7.5em; font-weight: bolder; color: white; line-height: 55%; padding: 0px !important; margin: 21px 0px 25px 0px !important; padding: 20px 0px 30px 0px; /* IE6 fix */ margin: 21px 0px -20px 0px; /* IE6 fix */ display: block; height: auto; width: 500px; } h2 { font-size: 1em; letter-spacing: 0.05em; line-height: 1.5em; margin: 20px 0px 10px 0px; min-height: 20px; } h3, .heading3 { font-size: 1em; font-weight: bold; letter-spacing: 0.1em; margin: 30px 0px 10px 0px; } .vimeo { } /* FORMS */ .itextclean { border-bottom:1px solid #4D4D4D; border-left:1px solid #6F6F6F; border-right:1px solid #4D4D4D; border-top:1px solid #8A8A8A; padding-left: 2px; margin-bottom: 5px; background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 1em; } p img { margin: 0px 0px 5px 0px; } p.inputform { margin-bottom: 1em; line-height: 1em; } .inputbutton { background-color: #FFFFFF; border-bottom:1px solid #4D4D4D; border-left:1px solid #6F6F6F; border-right:1px solid #4D4D4D; border-top:1px solid #8A8A8A; } .inputbutton:hover { background-color: #F2F5FA; } #searchform {margin-top: 20px; } .form-input { background: #1b1b1b; color: white; height: 20px; width: 150px; border: none; padding-left: 2px; margin-bottom: 5px; font: inherit; font-weight: bold; } .form-input:focus { cursor: text; background: white; color: black; font-weight: normal; } .form-input:hover { cursor: pointer; } .search-submit { } /* BOXES AND MENU */ #placeholder { display: block; overflow: hidden; position: absolute; margin-left: -400px; left: 50%; width: 770px; min-height: 500px; overflow: visible; top: 0px; padding: 0px; } /* Navigation box with menu & thumbnails */ #sidebar { position: absolute; height: auto; left: 15px; top: 0px; width: 212px; } #sidebar img { cursor: pointer; float: none; } #sidebar #topmenu img { cursor: auto; } #sidebar #topmenu a img { cursor: pointer; } #sidebar a, #sidebar a img { margin: 0px; padding: 0px; border: 0px; border-right: 1px solid black; /* fix FF fuckup */ } .thumbbox { background-repeat: no-repeat; overflow: hidden; margin: 0px -1px -1px 0px; } /* #sidebar a img:hover { border-bottom: 2px solid white; } */ #bewegend, #stilstaand, #inderuimte, #websites, #contact { overflow: hidden; height: 0px; } #blogmenu { margin: 20px 0px 0px 0px; height: auto; } #main { display: block; position: absolute; left: 251px; width: 500px; height: auto; background: black; overflow: visible; } .logofrontpage { height: 240px; float: none; margin: 25px 0px 30px 0px; } /* ** WordPress fixed */ #spacer { border-top: 1px solid white; } .archivetitle { font-weight: normal; margin: 5px 0px 15px 5px; } .post { display: block; margin: 0px 0px 20px 5px; border-bottom: 1px solid white; padding-bottom: 5px; } .post_top { margin-top: 50px; line-height: 1.3em; margin: 0px 0px 10px 0px; } .posttitle, .posttitle a { line-height: inherit; font-weight: bolder; height: auto; color: white; } .posttitle h1 a { line-height: 0.55em; display: block; text-decoration: none; width: 600px; word-wrap: break-word; } .teaser.posttitle a { font-size: 2em; } .author { line-height: inherit; margin-bottom: 5px; } ul, li, li a { color: white; padding: 0px; list-style-type: none; text-indent: 0; margin: 0px 0px 8px 0px; font-size: 1em; line-height: 1.2em; } ul { margin: 0px 0px 10px 10px; } h6 { font-weight: bolder; font-size: 1em; line-height: 1.2em; margin: 20px 0px 6px 0px; } .info, #postmetadata { color: grey; } .info a, #postmetadata a { color: #996942; } .entry p object embed { margin: 10px 0px 10px 0px; } #postmetadata { margin: 0px 5px 5px 5px; } .navigation { padding-top: 10px; height: 40px; } .navigation .alignleft, .navigation .alignright { float: left; width: 240px; } .navigation .alignright { float: right; text-align: right;} /* wordpress comments */ #comments { margin: 5px 5px 5px 5px; } img.avatar { margin: 0px 5px 0px 0px; border: 1px solid red; } .commentdate { color: grey; } .commenthead, .adminhead { height: 40px; } li.commentbody, li.adminbody { margin-bottom: 20px; } #commentform { margin-top: 10px; } /* * twitterList */ a.twlogo, a.fblogo { background: red; display: block; float: left; height: 35px; width: 30px; padding-right: 10px; } a.twlogo { background:url('images/twitter_logo.gif') no-repeat; } a.twlogo:hover { background:url('images/twitter_logo_hov.gif') no-repeat; } a.fblogo { background:url('images/facebook_logo.gif') no-repeat; } a.fblogo:hover { background:url('images/facebook_logo_hov.gif') no-repeat; } /* * Fixes for single_post video (no menu) */ #mainvideo { background: black; width: 770px; min-height: 500px; overflow: visible; top: 0px; padding: 0px; }