/* CSS by Will Dayble */ /* Made in August --> September 2008 */ /* let's do eric myer reset stylez */ 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: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} /* remember to define focus styles! */ :focus {outline: 0;} body {line-height: 1; color: black; background: white;} ol, ul {list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ 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: "" "";} a img{border: none;} cite{font-style: normal;} /* --------------------------------------- /* for sensibility, z-indexes all at once /* ---------------------------------------*/ #header {z-index: 500;} #logoLeftFader{z-index: 999;} #m1{z-index: 300;} #m1Top{z-index: 400;} #m1 a{z-index: 450;} /* --------------------------------------- /* kapow! /* ---------------------------------------*/ body{background: #111; min-width: 980px;} body, #footerCopy, #footerContact, .postContent{font-family: Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6, #m1 a, .threeColumnGuys p a{font-family: Georgia, Times, serif;} .clear{overflow: hidden; height: 1px; clear: both;} .clear.highclear{height:40px;} a{text-decoration: none;} /* fonts ! */ .shadowRight{position: absolute; top:0; right: -7px; bottom: 0; width:7px; height: 100%; background: url(../images/layout/shadows/right.png) repeat-y left; display: block; min-height: 270px;} * html .shadowRight{background: none; } #bottomFader{height:20px; background:#a38b69;} #bottomFader div{position: relative; width:960px; margin: 0 auto; height: 20px; background:url(../images/layout/shadows/bottom.png) repeat-x top; display: block;} #bottomFader div span{position: absolute; top:0px; right: -6px; width:6px; height: 6px; background: url(../images/layout/shadows/bottom-right.png) no-repeat; display: block; display: block;} * html #bottomFader div{background: none; border-top: 1px solid #564332;} * html #bottomFader div span{display: none;} #rap{background: #a68e6c url(../images/layout/body-top-rap.jpg) repeat-x top; min-height: 750px;} #inner{width:960px; margin: 0 auto; position: relative; padding: 0; background: #fafafa url(../images/layout/main-content-rep.jpg) repeat-y left; min-height: 750px;} h1{width:225px; height: 268px; background: url(../images/layout/logo-top-left.jpg) no-repeat top; position: absolute; top:-269px; left:-1px;} h1 a{display: block; width:100%; height: 100%; position: absolute; top:0; left: 0;} h1 a span{display: none;} #logoLeftFader{height: 243px; width: 105px; background: url(../images/layout/logo-left-fader.jpg); position: absolute; top:-244px; left:-106px;} #m1{position: relative; float: left; width:223px; background:#63523e url(../images/layout/m1-vert-rep.jpg) repeat-x top; border: 1px solid #564332; border-bottom: none; margin: 268px 0 0; min-height: 500px; position: relative;} #m1Top{width:100%; height: 41px; position: absolute; top: -1px; left:-1px; background: url(../images/layout/m1-top.jpg);} #m1 ul{padding: 0 0 20px 0;} #m1 ul li a{display:block; display: block; font-size: 12px; color: #fff; text-transform: uppercase; background: url(../images/layout/m1-splitter.jpg) no-repeat bottom; padding: 17px 20px 17px 40px; position: relative;} #m1 ul li a:hover, #m1 a.on, #m1 .current_page_item a, #m1 li.current_page_parent a{background: #000 url(../images/layout/m1-splitter.jpg) no-repeat bottom; cursor: pointer;} #m1 ul li ul{background: url(../images/layout/m1-splitter.jpg) no-repeat bottom; display: none;} #m1 ul li.current_page_item ul, #m1 ul li.current_page_parent ul{display: block;} #m1 ul li ul li a{text-transform: capitalize; padding:13px 20px 13px 58px; background: url(../images/layout/m1-sub-arrow-white.png) no-repeat 40px 14px !important;} #m1 ul li ul li a:hover, #m1 ul li ul li.current_page_item a{background: url(../images/layout/m1-sub-arrow.png) no-repeat 40px 14px !important; color: #ecd08d;} /* ie6 fails */ * html #m1 ul li {line-height: 0px;} * html #m1 ul li a {padding-top: 25px; padding-bottom: 25px;} * html #m1 ul li ul{padding-top: 15px;} * html #m1 ul li ul li a{background: url(../images/layout/m1-sub-arrow-white.gif) no-repeat 40px 9px !important;} * html #m1 ul li ul li a:hover{background: url(../images/layout/m1-sub-arrow.gif) no-repeat 40px 9px !important;} #content{width:735px; background: #fff; float: right; min-height: 300px; position: relative; border-top:13px solid #121212; } #topImageContainer{ padding: 8px 0;} #topImage{border:2px solid #ded8c1; width:715px; height: 235px; margin: 0 auto; background-position: center; background-repeat: no-repeat;} /* sub pages */ #post{background: #fafafa url(../images/layout/shadows/bottom.png) repeat-x top; padding: 16px 10px 10px;} .postContent{border:1px solid #ded8c1; background: #fff url(../images/layout/post/right-yellow-rep.jpg) repeat-y right;min-height: 550px; font-size: 12px;} * html .postContent{height: 570px} .postContent a{color: #c64601; text-decoration: underline;} .postContent p{padding:0 0 15px 0;} .postContent strong{font-weight: bold;} .pdfLink{display: block; background: url(../images/layout/icons/pdf.jpg) no-repeat 0px 8px; padding: 9px 10px 9px 30px !important; color: #666; font-size: 11px;} .pdfLink a{font-size: 13px;padding-right: 5px;} .postContentLeft{float: left; width:445px; padding: 20px 0 20px 20px;} .postContentLeft h2{font-size: 14px; border-bottom: 1px dotted #beb0a0; font-weight: bold; padding: 0 0 9px 0; margin: 0 0 10px 0; color: #c64601;} .postContentLeft h3{font-size: 13px; font-weight: bold; padding: 10px 0; color: #6b6044;} .postContentLeft p{line-height: 150%;} .postContentLeft li{padding:0 0 5px 10px; background: url(../images/layout/icons/4x4squareblack.jpg) no-repeat 0px 5px;} /* right side post content */ .postContentRight{width:200px; float: right; padding: 10px 10px 15px 0;} .postContentRight h3{color:#6b6044; font-size: 14px; font-weight: bold; padding: 5px 0 15px;} .postContentRight p{color:#251914; line-height: 160%;} .galleryLink{width:202px; height: 137px; background: url(../images/layout/post/photo-frame-right.jpg); display: block; position: relative;} .galleryLink a{width:181px; height: 116px; position: absolute; top:6px; left:7px; overflow: hidden; border: 1px solid #bbb; cursor: pointer;} .galleryTextLink{ display: block; background: url(../images/layout/icons/arrow-button-right-side.jpg) no-repeat right; min-height: 37px; padding: 2px 40px 5px 0; line-height: 140%; margin: 10px 0 0;} .flourish{background: url(../images/layout/post/flourish.jpg) no-repeat center; height: 50px;} #footer{background: url(../images/layout/footer-top-rep.jpg) repeat-x top; height: 150px;} #footerInner{width:960px; position: relative; margin: 0 auto;} #footerLogo{width:75px; height: 73px; width:75px; background: url(../images/layout/footer-icon.jpg) no-repeat; position: absolute; top:45px; left:70px;} #footerCopy, #footerContact{color: #fff; border-left: 1px solid #fff; padding:7px 0 7px 35px; position: absolute; top:35px; left:225px; width:450px; line-height: 200%; font-size: 12px;} #footerCopy a{color:#c6ac88; text-decoration: underline;} #footerCopy a:hover{color:#fff; text-decoration: none;} #footerContact{width:200px; border-left: 1px solid #fff; padding:7px 0 7px 25px; position: absolute; left: 720px; display: block;} #footerContact a{color:#c6ac88; text-decoration: underline;} #footerContact a:hover{color:#fff; text-decoration: none;} /* --------------------------------------- /* home! /* ---------------------------------------*/ #topImageContainer.bigImage #topImage{height:373px;} #post.home{background: url(../images/home/brown-splitter.jpg) no-repeat top; padding: 0; height: 373px;} .threeColumnGuys{width:219px; border: 1px solid #ded8c1; background: #dbcc9a; float: left; padding: 6px; height: 335px; margin:15px 0 0 9px} * html .threeColumnGuys{margin: 15px 4px 0;} .threeColumnGuys h3{font-size: 14px; font-weight: bold; padding: 10px 10px 0;} .threeColumnGuys p{font-size: 12px; line-height: 140%; padding: 5px 10px 0;} .threeColumnGuys p a{ display: block; background: url(../images/layout/icons/arrow-button-right-side.jpg) no-repeat right; min-height: 37px; padding: 2px 40px 5px 0; line-height: 40px; margin:0; font-size: 11px; color: #c64601; text-decoration: underline;} .threeColumnGuys .bordered{background: url(../images/home/photo-frame.jpg) no-repeat; width:233px; height: 157px; display: block; position: relative;} * html .threeColumnGuys .bordered{width:220px;} .threeColumnGuys .bordered img{position: absolute; top:8px; left:7px;} /* --------------------------------------- /* image fun gallery styles /* ---------------------------------------*/ .postContent.wide{background: #fff; padding: 10px;} .postContent.wide h2 {font-size: 14px; border-bottom: 1px dotted #beb0a0; font-weight: bold; padding: 0 0 9px 0; margin: 0 0 10px 0; color: #c64601;} .gallery-item{float:left; font-size: 11px; color: #777; width:200px; display: block; text-align: center; height: 180px;} .gallery-item .gallery-icon{display: block; min-height: 150px;} .gallery-item .gallery-icon a img{border:2px solid #ccc; padding: 3px; background: #fff;} .gallery-item .gallery-icon a:hover img{border:2px solid #aaa;} .gallery-item .gallery-caption a{display: block;font-size: 11px; color: #777; padding: 5px;} /* debug */ #content, #m1{display:block;} /* kill ddfm credits */ .ddfmwrap .credits{display: none;}