/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .oooooo. ooooooooo. .o. oooooooooooo ooooo oooo oooo d8P' `Y8b `888 `Y88. .888. `888' `8 `888' `888 .8P' 888 888 .d88' .8"888. 888 888 888 d8' 888 888ooo88P' .8' `888. 888oooo8 888 88888[ 888 ooooo 888`88b. .88ooo8888. 888 " 888 888`88b. `88. .88' 888 `88b. .8' `888. 888 888 888 `88b. `Y8bood8P' o888o o888o o88o o8888o o888o o888o o888o o888o - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Author: Nick de Jardine ------------------------------------------------------------------------ */ /* RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} html{height:100%;background: transparent url(../img/bg_home.jpg) top left;} body { font: 63.7%/1.4 'lucida grande',verdana,arial,sans-serif; color:#333;height:100%; } body#portfolio-item, body#photos, body#single, body#portfolio {background: url(../img/bg_fracture.jpg) top center no-repeat;} body#error {width:100%;background: #EC1C24 url(../img/bg_grafik.jpg) top left repeat-y !important;min-height:100%; display:block;padding-top:100px;} /* =Clearfix */ .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#666 ; text-decoration:none; border-bottom:1px solid #999;} a:hover { color:#333;text-decoration: none;border-bottom:1px solid #333; } a:active { text-decoration: none;color:#000; border-bottom:1px solid #000; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0; } img.alignleft { padding:0; margin:0; } /* =Typography */ p { font-size:12px; color:#666;line-height:18px; font-family:'lucida grande',verdana,arial,sans-serif;} p.intro {color:#666666; line-height:1.4; font-size:18px;border-bottom:1px dotted #A1BBBB;padding-bottom:20px; font-family: gotham, tahoma, verdana, sans-serif;} .intro a { color:#333 ; text-decoration:none; border-bottom:1px solid #999;} .intro a:hover { color:#333;text-decoration: none;border-bottom:1px solid #666; } small {} strong {font-weight: bold;} em { font-style:italic;} h1 {background: url(../img/bg_logo.png) top left no-repeat; width:100px; height:96px; text-indent:-999em;display:block; border:none;margin-top:30px; outline:none;} h1 a {width:100%;height:100%;display:block; text-decoration:none;border-bottom:none;outline:none;} h1 a:hover {border-bottom:none;} h2#heading {font-size:60px; color:#333; text-transform:uppercase; line-height:46px; margin-bottom:5px; font-family:didot, times, serif;} #portfolio_item h2 {font-size:12px;margin-bottom:10px;font-family:'lucida grande',verdana,arial,sans-serif;text-transform:uppercase; letter-spacing:1px;font-weight:bold; color:#650c0f;text-shadow:1px 1px 0 #fff;} h2#hdr_portfolio {background: url(../img/hdr_portfolio.png) top left no-repeat;width:222px;height:26px;display:block; text-indent:-999em; border:none !important;padding:0 !important; margin:0 !important;} h2#hdr_photos {background: url(../img/hdr_photos.png) top left no-repeat;width:290px;height:26px;display:block; text-indent:-999em; border:none !important;padding:0 !important; margin:0 !important;} h2#hdr_latest {background: url(../img/hdr_latest.png) top left no-repeat;width:222px;height:26px;display:block; text-indent:-999em; border:none !important;padding:0 !important; margin:0 !important;} h2#hdr_about {background: url(../img/hdr_about.png) top left no-repeat;width:222px;height:26px;display:block; text-indent:-999em; border:none !important;padding:0 !important; margin:0 !important;} h2#hdr_contact {background: url(../img/hdr_contact.png) top left no-repeat;width:222px;height:26px;display:block; text-indent:-999em; border:none !important;padding:0 !important; margin:0 !important;} h3 {font-size:18px; color:#f1f1f1;font-weight:bold;} #nav h3 a{color:#f1f1f1;font-weight:bold;border-bottom:1px solid #666;} #nav h3 a:hover{border-bottom:1px solid #4a3f4a;} h4 {font-size:11px; color:#666;font-weight:bold;} h5 {} /* =Forms */ fieldset {} fieldset legend {display:none;} label {font-size:1.2em; font-family:"Times New Roman", Times, serif; font-style:italic;margin-right:5px;letter-spacing:0.3px;} input {font-size:1.2em;} input.textbox {font-size:1.2em;border:1px dotted #A1BBBB;background:#fff;} input.radio {} input.checkbox {} input.submit {} textarea {border:1px dotted #A1BBBB;padding:5px;font-size:1.2em;} select {} /* Comment Form */ #post_comments{width:100%;margin-top:15px;border-bottom:1px dotted #A1BBBB;padding:0 0 20px 0;} #post_comments ul{list-style-type:none;} #post_comments ul li{list-style-type:none;font-size:1em;margin-bottom:20px;border-bottom:1px dotted #A1BBBB;padding-bottom:20px;} #post_comments ul li p{font-size:12px;color:#999;} #post_comments input.textbox{padding:5px;width:384px;} #post_comments label {font-family:"Times New Roman", Times, serif; font-style:italic; color:#333;width:118px;padding-top:4px; padding-right:20px; text-align:right;} #post_comments label, #post_comments input.textbox{float:left;} #post_comments textarea{width:384px;} #post_comments h3 {color:#650C0F;font-family:'lucida grande',verdana,arial,sans-serif;font-size:12px;font-weight:bold;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase;text-shadow:1px 1px 0 #fff;} #post_comments #submit {background:#650C0F; padding:5px 8px; color:#fff;font-size:11px;letter-spacing:1px;text-transform:uppercase; border:none;margin-left:143px;} #post_comments #submit:hover {background:#333;cursor:pointer;} #post_comments input:focus, #post_comments textarea:focus {background:#f7f7f7;} .comment_meta .author_info {width:256px; margin-right:20px;} .comment_meta .avatar_info {width:60px;} .comment_meta .comment_info {width:532px;} img.avatar {margin-top:10px;} .date {font-size:11px !important;} #commentform ul li{margin-bottom:10px;border-bottom:none;padding-bottom:0px;} .comment_form {padding-left:133px;} .comment_form h3 {padding-left:143px;} /* Contact Form */ #enquiryform ol {list-style-type:none;padding:20px 0 10px 0;} #enquiryform ol li {margin-bottom:10px;} #enquiryform ol, #enquiryform ol li {list-style-type:none;font-size:1em;} #enquiryform label{font-family:"Times New Roman", Times, serif; font-style:italic; color:#333;width:118px;padding-top:4px; padding-right:20px; text-align:right;} #enquiryform label, #post_comments input.textbox {float:left;} #enquiryform #submit {background:#650C0F; padding:5px 8px; color:#fff;font-size:11px;letter-spacing:1px;text-transform:uppercase; border:none;margin-left:143px;} #enquiryform #submit:hover {background:#333;cursor:pointer;} #enquiryform input.textbox{padding:5px;width:384px;} #enquiryform input.textbox{padding:5px;width:384px;} #enquiryform input:focus, #enquiryform textarea:focus {background:#f7f7f7;} #enquiryform textarea{width:384px;} input.error, textarea.error {border: 1px dotted #650C0F !important;} ul#errortable {font-family:"Times New Roman", Times, serif; font-style:italic; color:#333;list-style-type:none;margin-top:20px;padding-left:143px; color:#650C0F;} ul#errortable li{font-size:1.2em;margin-bottom:5px;} /* =Lists */ ul { list-style: disc;} ol { list-style:decimal;} li { font-size:1.2em;} /* =Tables */ table { font-size:1.2em;} td {} /* =STRUCTURE ----------------------------------------------- */ #container {width:980px; margin:0 auto;} #home #container {width:100%;background: #EC1C24 url(../img/bg_grafik.jpg) center top repeat-y !important;min-height:100%; display:block;} .wrap {width:980px;} #columns {} #footer {margin:50px 0 150px 0;} #portfolio-item #footer {margin-left:250px;} /* Masthead */ #masthead{} #home #masthead .wrap {padding:30px 0 0 0;width:752px;height:699px; margin:0 auto;background: transparent url(../img/bg_diamond.png) no-repeat 0px 30px;display:block;position:relative;} #masthead p.end{} /* Home Template & 404 */ #home #footer, body#error #footer {display:none;} h2#hdr_error {background: transparent url(../img/bg_404.png) no-repeat 0 0;width:980px;height:117px;display:block;text-indent:-999em;} #error p.intro {color:#650c0f;border-bottom:none; margin-top:20px;} #error p.intro a {color:#333; border-bottom:1px solid #333;} #error p.intro a:hover {color:#000; border-bottom:1px solid #000;} #hdr_navigation {background: transparent url(../img/hdr_navigation.png) no-repeat 0 0;display:block; width:100px;height:30px; text-indent:-999em; position:absolute; top:50px; left:3%; z-index:10;} /* Spesh intro */ #fancy{background: transparent url(../img/bg_fancy.png) no-repeat 0 0;width:444px;height:283px;display:block;text-indent:-999em;position:absolute;top:215px;left:153px;} #quicklinks {position:fixed; bottom:20px; left:20px; text-transform: uppercase; display:none;} #quicklinks li {float:left;list-style-type:none;margin-right:5px;} #quicklinks li a#contact, #quicklinks li a#about {border-bottom:none; background:#d20b0d; padding:2px 5px; border:1px solid #d20b0d;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#fff;font-size:11px; letter-spacing:1px;} #quicklinks li a#contact:hover, #quicklinks li a#about:hover {background:#650c0f; border-bottom:none;} /* Portfolio Template */ #portfolio .wrap{width:860px;margin: 0 auto; padding-top:100px;} #portfolio h2 {border-top:1px dotted #ccc;padding:10px 12px;margin-top:20px;border-bottom:1px dotted #ccc;} #portfolio_grid {margin-top:50px;} #portfolio_grid ul {} #portfolio_grid ul li{width:200px;float:left;margin:0 0 20px 20px;} #portfolio_grid ul li.first{margin-left:0px;} #portfolio_grid ul li p {font-size:1em;} #portfolio_grid ul li a {border:none;text-shadow:1px 1px 0 #fff;} #portfolio_grid ul li a:hover {border:none;} #portfolio_grid ul li p a{} #portfolio_grid ul li p a:hover{border-bottom:1px solid #333;} /* Portfolio item */ #portfolio_item h1{font-size:18px;line-height:1;} #portfolio_item h1 a {color:#120703;border-bottom:none;} #portfolio_item h1 a:hover {border-bottom:none;} #portfolio_item {width:920px;margin:0 auto 0 auto;} #portfolio-item .wrap {padding-top:100px;} #portfolio_item .col1{width:200px; display:block;float:left;} #portfolio_item .col1 p {margin-bottom:10px;} #portfolio_item .col2{width:700px; display:block;float:right;} #portfolio_item .col2 p {margin-bottom:20px;} .back_link{margin-top:40px;font-size:1.1em;} .back_link a{color:#999;} /* #portfolio_grid ul li.hidden {opacity:0.2 !important; display:block !important;} */ ul#secnav li.current a{background:#650c0f;-moz-border-radius: 3px;-webkit-border-radius: 3px;border: 1px solid #650C0F; color:#fff;text-shadow:none;outline:none;} /* Photos Landing */ #photos .wrap{width:872px;margin: 0 auto; padding-top:100px;} #photo_grid {margin-top:50px;} #photo_grid ul li {list-style-type:none; float:left;line-height:1px;} #photo_grid ul li a, #photo_grid ul li a:hover {border-bottom:none;} /* Primary Nav */ #nav_hotspot{width:100%;height:60px;display:block;z-index:2000;position:fixed;top:0;left:0;border-bottom:0; outline:none;} #nav {background:#000 url(../img/bg_arrow_down.png) center bottom no-repeat;position:fixed;top:0;left:0;width:100%;height:190px;display:block;margin-top:-190px;z-index:1000;} #nav .wrap{width:980px; margin:0 auto;padding-top:0;} #nav p {font-family:'Helvetica Neue', Arial, sans-serif;font-style:normal;margin-bottom:0;} #nav .col1 {padding-left:0;} #nav .col1, #nav .col3{padding:20px 0 20px 20px;width:330px;float:left;} #nav .col2 {width:220px;padding:20px 0 20px 20px;float:left;} #nav .col4 {width:80px; float:left;padding:20px 0 20px 20px} #nav #articles{height:140px;} #nav .article a{border-bottom:none;color:#fff;line-height:1em; outline:none;position:relative; z-index:3000;} #nav #articles ul {margin-top:11px;font-size:1em;} #nav #articles li{margin-bottom:10px;float:left; font-size:1em;width:165px;display:block;height:26px;} #nav #articles p{width:165px;float:none;font-size:1.2em;line-height:1em;} #nav #articles p.meta{width:165px;float:none;font-size:1em;line-height:1em;color:#999;margin-top:3px;} #nav #articles img{float:left;margin-right:10px;padding-top:1px;} #nav .article a:hover{border-bottom:none;color:#fff;} #nav .article:hover { cursor:pointer;} #nav .view_all a{color:#fff;border-bottom:1px solid #676767;} #nav .view_all a:hover{color:#e5e5e5; border-bottom-color:#e5e5e5;} #nav #photo img{margin-top:11px;border:none;} #nav #photo a {border-bottom:none;} #nav #photo h3 a {border-bottom:1px solid #666;} #nav #photo h3 a:hover {border-bottom:1px solid #4a3f4a;} #nav #folio {width:240px;} #nav #folio ul{list-style-type:none;margin-top:11px} #nav #folio ul li{float:left;margin-right:11px;} #nav #folio ul li a{border-bottom:none;} #nav #folio ul li a:hover{border-bottom:none;} /* Secondary Nav */ #header {border-bottom: 1px dotted #A1BBBB;padding-bottom:10px;position:relative;} #secnav {float:right;list-style-type:none;} #secnav li{float:left;font-size:11px;text-transform:uppercase; letter-spacing:0.5px;margin-left:5px;margin-top:7px;} #secnav li a{padding:1px 3px;text-shadow:1px 1px 0 #F2F2F2;} #secnav li a, #secnav li a:hover{ border-bottom:none;} #secnav .current_page_item a {background:#650c0f;-moz-border-radius: 3px;-webkit-border-radius: 3px;border: 1px solid #650C0F; color:#fff;} /* Buttons */ #btn_contact {position:absolute; bottom:30px;right:20px;margin:0 !important;padding:0; } #btn_contact a{background:#000; text-transform:uppercase; padding:8px 10px; color:#fff; -moz-border-radius:6px;border:none;line-height:1px;-webkit-border-radius: 6px;} /* Photo */ #bg div {height:200%;left:-50%;position:absolute;top:-50%;width:200%;} #bg td {text-align:center;vertical-align:middle;} #bg img {margin:0 auto;min-height:50%;min-width:50%;} body#image, #bg, #bg table, #bg td {height:100%;width:100%;overflow:hidden;} #photo_credit {bottom:30px;margin:0 !important;padding:0;position:absolute;left:20px; background:#000;padding:10px;overflow:auto;} #photo_credit p {color:#fff;} #photo_credit p a {color:#fff;} /* Single */ #single-post{margin: 0 auto; padding-top:100px;width:808px;} #single #footer {width:808px; margin: 20px auto 150px;} #single #content {padding:15px 0;border-bottom:1px dotted #A1BBBB;position:relative;} #single #content .intro {padding-bottom:15px;text-shadow:1px 1px 0 #fff;} #single #content .threecols {margin-top:20px;} #single #content .onecol {margin-top:20px;} #single #content .col1, #single #content .col2 {width:254px;margin-right:20px;} #single #content .col3 {width:254px;} #single #content .col1 p, #single #content .col2 p, #single #content .col3 p {margin-bottom:10px;} .comments {background: transparent url(../img/bg_comment.png) no-repeat top left; width:22px; height:32px; position:absolute;top:-13px; right:0; padding:9px 0 0 14px; color:#fff; font-size: 12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;} .comments a{color:#fff; border-bottom:none;} .comments a:hover{color:#fff; border-bottom:1px solid #fff;} a#read {background:#666; padding:2px 8px; border:1px solid #666;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#fff;font-size:10px; letter-spacing:1px; text-transform: uppercase;} a#read:hover {background:#333;} #prevpost a{background: transparent url(../img/btn_next.png) no-repeat top left;width:60px; height:60px; display:block; text-indent:-999em; position:fixed;top:45%; right:2%;border-bottom:none; outline:none;} #nextpost a{background: transparent url(../img/btn_previous.png) no-repeat top left;width:60px; height:60px; display:block; text-indent:-999em; position:fixed;top:45%; left:2%;border-bottom:none; outline:none;} #backtofolio a{background: transparent url(../img/btn_previous.png) no-repeat top left;width:60px; height:60px; display:block; text-indent:-999em; position:fixed;top:45%; left:2%;border-bottom:none; outline:none;} /* Latest landing */ #latest-landing {margin: 0 auto; padding-top:100px;width:828px;} #latest li {width:118px; float:left; display:block; height:280px;margin-bottom:10px;margin-right:10px;background:transparent url(../img/opaque.png) top left; padding:5px; cursor: pointer;} #latest h3{white-space: pre-wrap;/* css-3 */white-space: -moz-pre-wrap;/* Mozilla, since 1999 */white-space: -pre-wrap;/* Opera 4-6 */white-space: -o-pre-wrap;/* Opera 7 */word-wrap: break-word;/* Internet Explorer 5.5+ */ margin-bottom:10px; line-height: 1.2; text-transform:capitalize;} #latest h3 a {text-decoration:none; border-bottom:none; color:#333;} #latest a:hover img {border-bottom:none;} /* Footer */ #latest {margin:0 auto;} #latest #footer {width:980px; margin: 20px auto 150px;} #image #footer {display:none;} #portfolio #footer {width:860px;margin:50px auto 150px auto; color:#ccc;} #photos #footer {width:872px;margin:50px auto 150px auto; color:#ccc;} #footer p{color:#999;} #footer a {color:#999; border-color:#999;} #footer a:hover {color:#666; border-color:#666;} /* Contact Button */ #btn_contact {background: transparent url(../img/bg_getintouch.png) no-repeat top left; width:157px; height:49px; text-indent:-9999em; display:block; cursor:pointer; position:fixed; bottom:200px; left:0; text-decoration:none;border-bottom:none;} #btn_contact:hover {text-decoration:none;border-bottom:none;} body#image #btn_contact, body#single #btn_contact, body#photos #btn_contact {display:none;} /* =PLUGINS ----------------------------------------------- */ .iLikeThis {display:none;display:block !important;margin-bottom:0px;margin-left:0px;border:1px solid #666666 !important; background:#666666 !important; padding:2px 8px; -webkit-border-radius: 6px;-moz-border-radius: 6px; color:#fff !important;font-size:10px; letter-spacing:1px; text-transform: uppercase;color:#333;float:none; position:absolute; bottom:20px; right:0;} .iLikeThis .counter {margin-left:0 !important; font-weight:normal !important;background: transparent url(../img/heart.png) no-repeat top left !important; padding-left:15px !important;} .iLikeThis .counter a {font-weight:normal !important; color:#fff !important; border-bottom:none !important;} .iLikeThis .counter a.image { background: transparent url(../img/cross.png) no-repeat top right !important; padding:0 15px 0 0 !important; } #iLikeThis-21 {position:absolute !important;left:0 !important; right:auto !important;}