/* Theme Name: DHE - Diamond Home Entertainment Theme URI: http://diamondhomeentertainment.com/ Description: Theme for diamondhomeentertainment.com Author: 81designs, Inc Author URI: http://81designs.com/ */ /* RESET ALL TAGS -------------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:top;} a img {border:none;} /* CUFON RESETS -------------------------------------------------------------------------------------*/ h1{font-size:18px;} h2{font-size:14px;} h3{font-size:10px;} h4{font-size:18px;} h5{font-size:14px;} h6{font-size:10px;} /* BASIC LAYOUT AND STYLING OF TEMPLATE ------------------------------------------------------------*/ body {font-size: 13px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; text-align: center; } a{text-decoration:none; color:#0092de;} a, a:active{outline:none;} body.home{background: #fff url(images/bg-home.jpg) repeat-x top left;} table strong{font-size:14px;} body.sub{background: #fff url(images/bg-sub.jpg) repeat-x top left;} #wrapper{margin:0 auto; width:960px; text-align:left;} /* HEADER -----------------------------------------------------------------------------------------*/ #header{float:left; clear:both; width:100%; height:114px;} #header h1#logo {width:355px; height:79px; float:left; margin: 20px 80px 0 0;} #header h1#logo a{text-indent:-5000px; display:block; width:355px; height:79px; background:url(images/logo.png) top left no-repeat;} #header .menu{ float:left; width:513px;} #header .menu ul{ height:120px; margin:0; padding:0; z-index:10; color:#8c8c8c; width:auto;} #header .menu li{list-style-type:none; display:inline-block; height:20px; padding:50px 6px 10px 6px; z-index:10; /* fiexes for ie 7 */ zoom: 1; *display: inline; } #header .menu li a{margin:5px; color:#8c8c8c;} #header .menu li.current_page_item, #header .menu li.current_page_ancestor{background-color:#0088cf; color:#fff;} #header .menu li.current_page_item a, #header .menu li.current_page_item a:hover, #header .menu li.current_page_ancestor a:hover, #header .menu li.current_page_ancestor a{color:#fff;} #header .menu li a:hover{text-decoration:underline; color:#0088cf;} .home .banner{font-size:13px; background:url(images/banner.jpg) top left no-repeat; width:960px;} .home .banner .learnmore{background:url(images/learnmore.png) top left no-repeat;} /* FRONT BANNER ----------------------------------------------------------------------------------*/ #featured{background:url(images/banner.jpg) top left no-repeat; height:298px; width:960px; float:left; clear:both; position:relative;} #featured .info{width:360px; height:210px; margin:20px 0 0 20px; color:#fff; font-size:13px; position:relative; float:left;} #featured .info ul{list-style-position:inside; margin:10px 0 0 10px;} #featured .info a.learnMore{background:url(images/learn-more.png) top left no-repeat; width:183px; height:43px; text-indent:-5000px; position:absolute; bottom:0px; right:0px;} #featured .info a.learnMore:hover{background-position:-182px 0;} #featured .info img{left:-10px; position:relative;} /* #featured #s3slider {width: 497px; height: 228px; position: relative; overflow: hidden; top:30px; left:58px;} #featured #s3sliderContent {width: 497px; position: absolute; top: 0; margin-left: 0; } #featured .s3sliderImage {float: left; position: relative; display: none;} #featured .s3sliderImage span {position: absolute; left: 0; font-size: 10px; line-height:15px; padding: 10px 13px; width: 497px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; top: 0; /* BOTTOM = 0, caption is on the bottom, TOP = 0, caption on the top, etc } */ /* rotator in-page placement */ div#rotator {width: 497px; height: 228px; position: relative; overflow: hidden; top:30px; left:58px; } /* rotator css */ div#rotator ul li { float:left; position:absolute; list-style: none; } /* rotator image style */ div#rotator ul li img { } div#rotator ul li.show { z-index:500; } /* FRONT BOTTOM PAGE & CONTENT ON SUB PAGES ----------------------------------------------------------*/ #content{float:left; clear:both; width:960px;} #content h2{font-size:16px; font-weight:900;} #content h2, #content h1, #content p{padding-bottom:10px;} #content .featuredService{float:left; width:180px; margin:30px 30px 0 0; text-align:justify; color:#6a6a6a;} #content .featuredService p {text-align:center;} #content .featuredService p img.image{margin:0 auto; clear:both; position:relative; margin:20px 0;} #content .featuredService a:hover{color:black;} #content .featuredService a{color:#0088cf; clear:both; display:block; width:100%; text-align:right; font-size:11px; margin-top:6px; text-decoration:underline;} #content .featuredService h3{font-weight:normal; font-size:16px; padding:0px; margin:0px; line-height:14px; color:#333;} #content .featuredService div.smallDescr{color:#bbb; padding:0px; margin:0px; font-size:11px;} /* TESTIMONIALS -------------------------------------------------------------------------------------*/ #testimonials blockquote span.bqstart{color:#dedede; position:relative; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:600%; font-weight:900; height:45px; width:20px; line-height:50px; top:-40px; left:-30px; padding-top:35px;} #testimonials blockquote span.bqend{display:none;} /* #testimonials blockquote span.bqend{color:#dedede; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:600%;font-weight:900;height:45px;margin-bottom:-50px;margin-top:-35px;padding-top:35px;} */ #testimonials blockquote{font-size:15px; text-indent:20px;font-style:normal;line-height:160%;padding:0; position:relative; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #ccc;} #testimonials blockquote div.by{font-size:10px;} #testimonials blockquote div.by strong{color:#0088cf;} /* SUB PAGE -------------------------------------------------------------------------------------*/ #subArea h1 a{color:#fff; font-size:28px;} .sub #content table h2{font-size:20px;} #subArea {height:80px; margin-top:30px;} /* THE FOOTER -------------------------------------------------------------------------------------*/ #footer{float:left; clear:both; margin:60px 0 30px 0; font-size:10px; width:100%;} /* GENERIC CLASSES ---------------------------------------------------------------------------------*/ .clear {clear: both;} .colLarge{width:639px; border-right:1px solid #ccc; float:left; padding-right:20px;} .colSmall{width:260px; float:left; margin-left:40px;} .bottom30{margin-bottom:30px;} .colLeft{width:600px; margin-right:100px; float:left;} .colRight{width:260px; float:left;}