/* ************************************************* justinrivenbark.com General Screen Styles Created by Cyberwoven http://www.cyberwoven.com ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0 auto; padding: 0; color: #602b17; line-height: 1.5; } body { font: normal 11px Arial, Verdana, sans-serif; color: #454545; background:#000 url(../img/body-bg.jpg) no-repeat top center; } body#workPage { background:#000 url(../img/bodyWork-bg.jpg) no-repeat top center; } hr { color: #a8dcf3; background: #a8dcf3; clear: both; border: none 0; border-top: 1px solid #a8dcf3; height: 1px; margin: 15px 0 15px 0; text-align: left; padding: 0; } blockquote { color:#003a65; background: url(../img/blockquote.png) no-repeat top center; } p { margin: 10px 0 0 0; color:#dfc7be; border-left:1px solid #474749;} #content ul { margin:0; padding:0; list-style-type:none; } #content li { margin:10px 70px 0 0; padding:0; color:#dfc7be; width:350px; float:left; } sup { font-size:8px; } #content img { float:right; margin-left:35px; margin-bottom:35px; margin-top:75px;} /*------------------------------------------- Headers -------------------------------------------*/ .logo { display: none; } h1 { margin: 70px 0 0 0; padding:0; width: 222px; display: block; height: 18px; text-indent: -9000px; float: left; background:url(../img/h1-bg.png) no-repeat top left; } h1 a { display: block; height: 18px; width: 222px; margin: 0; position: relative; } h2 { height:23px; text-indent:-9999px; } h2#pc { background:url(../img/h2pc-bg.png) no-repeat top right; } h2#pp { background:url(../img/h2pp-bg.png) no-repeat top right; } h2#dp { background:url(../img/h2dp-bg.png) no-repeat top right; } h2#about { background:url(../img/h2about-bg.png) no-repeat top right; } h2#words { background:url(../img/h2words-bg.png) no-repeat top right; } h2#work { background:url(../img/h2work-bg.png) no-repeat top right; } h2#homeWords { background:url(../img/h2homeWords-bg.png) no-repeat top left; margin-top:30px; } h2#contact { background:url(../img/h2contact-bg.png) no-repeat top right; } h3 { font-size:24px; font-weight:lighter; color:#834f3b; line-height:1.25;} h4 { font-size:18px; font-weight:lighter; color:#834f3b; line-height:1.25; margin:25px 0 0 0; } /*------------------------------------------- Anchors -------------------------------------------*/ a { text-decoration:none; outline:none; } a:hover { color:#772d14; } a#pcLink { width:280px; height:75px; display:block; float:left; text-indent:-9999px; margin:108px 0 0 23px; } a#ppLink { width:280px; height:75px; display:block; float:left; text-indent:-9999px; margin:108px 0 0 23px; } a#dpLink { width:280px; height:75px; display:block; float:left; text-indent:-9999px; margin:108px 0 0 23px; } /*------------------------------------------- Navigation and Sub-Navigation -------------------------------------------*/ #topNav { float: right; margin: 77px 0 0 0; padding:0; } #topNav ul { margin:0; padding:0; list-style: none; list-style-image: none !important; } #topNav ul li { margin:0 0 0 35px; padding:0; display: inline; float: left; } #topNav ul li a { padding: 0; margin:0; text-decoration: none; height: 12px; display: block; float: left; text-indent:-9999px; } #topNav ul li a#work { background:url(../img/nav-bg.png) no-repeat 0 -11px; width:53px; } #topNav ul li a#work:hover { background:url(../img/nav-bg.png) no-repeat 0 0; width:53px; } #topNav ul li a#about { background:url(../img/nav-bg.png) no-repeat -89px -11px; width:60px; } #topNav ul li a#about:hover { background:url(../img/nav-bg.png) no-repeat -89px 0px; width:60px; } #topNav ul li a#words { background:url(../img/nav-bg.png) no-repeat -184px -11px; width:62px; } #topNav ul li a#words:hover { background:url(../img/nav-bg.png) no-repeat -184px 0px; width:62px; } #topNav ul li a#contact { background:url(../img/nav-bg.png) no-repeat -280px -11px; width:80px; } #topNav ul li a#contact:hover { background:url(../img/nav-bg.png) no-repeat -280px 0px; width:80px; } /*------------------------------------------- Structure -------------------------------------------*/ #wrapper { width:950px; margin: 0 auto; min-width:950px;} #pageTop { height:131px; } #galleryFlash { width:950px; height:425px; clear:both; margin:0; padding:0; background:url(../img/thumbEmpty.png) repeat-x 1px 18px; } #homeFlash { width:950px; height:294px; clear:both; margin:0; padding:0; } #content { width:950px; height:425px; clear:both; margin:0; padding:0; } body#about div#content { width:950px; clear:both; margin:0; padding:0; height:auto; padding-bottom:35px; } body#contact div#content { width:950px; height:425px; clear:both; margin:0; padding:0; background:url(../img/contact-bg.jpg) no-repeat top left; } body#about div#content p { width:400px; padding-left:30px; } #footer { background:url(../img/line-bg.png) repeat-x top left; margin-bottom:35px; margin-top:20px;} #footerContainer { margin:0 auto; width:950px; text-align:right; padding-top:20px; } #copyright { margin-right:25px; } #news { list-style-type:none; } #news li { display:inline;} #news li a { color:#b17028; padding:8px;background:#320e04;line-height:31px; } #news li a:hover { background:#512015; } .contactCol { float:left; width:200px; margin-left:75px; margin-top:50px; font-size:14px; color:#dfc7be; } .two { margin-left:115px; } .three { margin-left:100px; } .contactCol a { color:#dfc7be; } #manifesto a{ margin-left:50px; margin-top:35px; width:400px; color:#b17028; padding:8px;background:#320e04; display:block;} #manifesto a:hover { background:#512015; } .clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clear { display: inline-block;/* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clear { height: 1%; } .clear { display: block; } br { clear:both; }