/* Theme Name: Vision Black Theme URI: http://www.visionaryent.com Description: Vision Black Home Entertainment Version: 1 Author: Keefe Au Author URL: http://aukeefe.carbonmade.com */ /* RESET */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } /* LAYOUT */ .clear { clear: left; } .current { font: bold 12px/2em Arial, Helvetica, Verdana, sans-serif; color:#838788; cursor: default; } /* TYPE */ body { font: 75%/170% Arial, Helvetica, Verdana, sans-serif; background-color: #2e3235; color: #838383; } input, textarea { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100%; } .film-title { margin: 0 0 25px 18px; font: bold 20px Arial, Helvetica, Verdana, sans-serif; line-height: 1.25em; color: #1d2021; } .title { font: bold 12px/2em Arial, Helvetica, Verdana, sans-serif; } .n-title { font: bold 12px/2em Arial, Helvetica, Verdana, sans-serif; color: #c2c2c2; } .product-title { width:125px; height:auto; line-height: 1.5em; padding-top: 25px; padding-bottom: 25px; font: bold 11px Arial, Helvetica, Verdana, sans-serif; } .email { font: 12px Arial, Helvetica, Verdana, sans-serif; } .ph { font: bold 12px Arial, Helvetica, Verdana, sans-serif; color:#234f5f; } p { margin: 5px 20px 5px 20px; font: 11px Arial, Helvetica, Verdana, sans-serif; color:#353637; line-height: 1.4em; } a { color: #f3f3f3; text-decoration: none; } a:hover { color: #16b3db; text-decoration:none; } p a { color: #234f5f; font-size:12px; text-decoration: none; } p a:hover { color: #16b3db; text-decoration:none; } /* header */ #header { width: 757px; height: 139px; margin: 0 auto; position: relative; } #header-wrapper { width: 100%; height: 139px; margin: 0 auto; position: relative; background:url(../images/top_headerbg.jpg) repeat-x; } #logo a { background:url(../images/logo.jpg) no-repeat; width: 299px; height: 92px; position: absolute; text-indent: -900em; left: 0; overflow: hidden; } #tagline { background:url(../images/tagline.jpg) no-repeat; width: 415px; height: 92px; position: absolute; text-indent: -900em; right: 0; } /* navigation */ #navigation { width: 757px; height: 32px; margin: 0 auto; position: relative; bottom: -107px; left: 0; } #navigation #nav { margin: 0; padding: 0; } #navigation #nav li { display: inline; } #navigation #nav li a { float: left; width: 126px; height: 32px; padding-top: 0; overflow: hidden; } #navigation #nav li a { background:url(../images/nav_buttons.png) no-repeat; } /* buttons */ #navigation #nav li#nav-home a { background-position: 0 0; } #navigation #nav li#nav-newreleases a { background-position: -126px 0; } #navigation #nav li#nav-catalog a { background-position: -252px 0; } #navigation #nav li#nav-store a { background-position: -378px 0; } #navigation #nav li#nav-corporate a { background-position: -504px 0; } #navigation #nav li#nav-contact a { background-position: -630px 0; } /* OVER STATES */ #navigation #nav li#nav-home a:hover { background-position: 0 -35px; } #navigation #nav li#nav-newreleases a:hover { background-position: -126px -35px; } #navigation #nav li#nav-catalog a:hover { background-position: -252px -35px; } #navigation #nav li#nav-store a:hover { background-position: -378px -35px; } #navigation #nav li#nav-corporate a:hover { background-position: -504px -35px; } #navigation #nav li#nav-contact a:hover { background-position: -630px -35px; } /* ON STATES */ #navigation.home #nav li#nav-home a { background-position: 0 -69px; cursor: default; } #navigation.newreleases #nav li#nav-newreleases a { background-position: -126px -69px; cursor: default; !important; } #navigation.catalog #nav li#nav-catalog a { background-position: -252px -69px; cursor: default; !important; } #navigation.store #nav li#nav-store a { background-position: -378px -69px; cursor: default; !important; } #navigation.corporate #nav li#nav-corporate a { background-position: -504px -69px; cursor: default; !important; } #navigation.contact #nav li#nav-contact a { background-position: -630px -69px; cursor: default; !important; } /* content */ #content { width: 757px; height: auto; margin: 0 auto; position: relative; } #left-content { width:500px; height: auto; margin: 0 auto; background: #0f7b97 url(../images/gradient_bg.jpg) repeat-x; } #left-idcontent { width:500px; height: auto; margin: 0 auto; background: #a5c5d1 url(../images/gradient_nbg.jpg) repeat-x; } #right-idcontent { width:240px; height: auto; margin: 0 auto; background: #a5c5d1 url(../images/gradient_nbg.jpg) repeat-x; } #right-content { width:240px; height:auto; margin: 0 auto; background: #0f7b97 url(../images/gradient_bg.jpg) repeat-x; } #right-cscontent { width:240px; height:auto; margin: 0 auto; background: #0f7b97 url(../images/gradient_csbg.jpg) repeat-x; } #single-idcontent { width:754px; height: auto; margin: 0 auto; background: #a5c5d1 url(../images/gradient_nbg.jpg) repeat-x; } #left-column { width: 500px; height:auto; margin: 12px 0 98px 0; position: relative; float: left; left: 0; } #right-column { width: 240px; height:auto; margin: 12px 0 98px 0; position: relative; float: right; right: 0; } #single-column { width: 754px; height:auto; margin: 12px 0 98px 0; position: relative; float: left; right: 0; } #single-tdcolumn { width: 754px; height:auto; margin: 100px 0 200px 0; position: relative; float: left; right: 0; } #single-ntcolumn { width: 754px; height:auto; margin: 12px 0 98px 0; position: relative; float: left; right: 0; } #left-box { width:500px; height: auto; margin: 0 auto; padding-top:8px; position: relative; } #right-box { width:240px; height: auto; margin: 0 auto; padding-top:8px; position: relative; } #single-box { width:754px; height: auto; margin: 0 auto; padding-top:8px; position: relative; } #toplf-corner { width: 13px; height: 23px; background:url(../images/top_lfcorner.png) no-repeat; position: relative; float: left; } #toplf-corner { width: 13px; height: 23px; background:url(../images/top_lfcorner.png) no-repeat; position: relative; float: left; } #toprg-corner { width: 13px; height: 23px; background:url(../images/top_rgcorner.png) no-repeat; position: relative; float: right; } #leftcol-topbrdr { width: 474px; height: 23px; background:url(../images/topborder_gradient.png) repeat-x; position: relative; float: left; } #rightcol-topbrdr { width: 214px; height: 23px; background:url(../images/topborder_gradient.png) repeat-x; position: relative; float: left; } #btmlf-corner { width: 13px; height: 23px; background:url(../images/btm_lfcorner.png) no-repeat; position: relative; float: left; } #btmrg-corner { width: 13px; height: 23px; background:url(../images/btm_rgcorner.png) no-repeat; position: relative; float: right; } #leftcol-btmbrdr { width: 474px; height: 23px; background:url(../images/btmborder_gradient.png) repeat-x; position: relative; float: left; } #rightcol-btmbrdr { width: 214px; height: 23px; background:url(../images/btmborder_gradient.png) repeat-x; position: relative; float: left; } #singlecol-btmbrdr { width: 728px; height: 23px; background:url(../images/btmborder_gradient.png) repeat-x; position: relative; float: left; } #lftop-border { width: 500px; height: 23px; background:url(../images/lftop_nborder.png) no-repeat; position:relative; float:left; } #rgtop-border { width: 240px; height: 23px; background:url(../images/rgtop_nborder.png) no-repeat; position:relative; float:left; } #singletop-border { width: 754px; height: 23px; background:url(../images/pdtop_nborder.png) no-repeat; position:relative; float:left; } #product-thumb { float: left; padding: 35px 12px 5px 25px; text-align: center; position:relative; } #product-thumb span { width:150px; height:208px; position:absolute; background:url(../images/thumb_frame.png) no-repeat; top: 19px; left: 12px; behavior: url(assets/scripts/iepngfix.htc); } #cs-product { float: left; padding: 35px 30px 35px 30px; position:relative; } #cs-product span { width:206px; height:142px; position:absolute; background:url(../images/ht-frame.png) no-repeat; top: 20px; left: 16px; behavior: url(assets/scripts/iepngfix.htc); } #dvd-product { float: left; padding: 35px 30px 35px 30px; position:relative; } #dvd-product span { width:206px; height:405px; position:absolute; background:url(../images/lht-frame.png) no-repeat; top: 20px; left: 17px; behavior: url(assets/scripts/iepngfix.htc); } #dvd-image { width:200px; height:286px; margin: 0 20px 20px 20px; position: relative; } #catalog-nav { width:205px; height: auto; padding: 20px 0 20px 0; margin-left: 35px; position: relative; } #catalog-nav li { list-style-image:url(../images/arrow.png); position: relative; } #catalog-nav li a { width:150px; display: block; font: bold 11px Arial, Helvetica, sans-serif; text-align: left; line-height: 2em; text-decoration: none; } #catalog-nav li.current a { color:#838788; cursor: default; } #button { padding-bottom:45px; } #button a { width: 204px; height: 38px; margin: 0 18px 5px 18px; background:url(../images/buy_onbtn.png) no-repeat; position: absolute; text-indent: -900em; overflow: hidden; } #button a:hover { width:204px; height:38px; background:url(../images/buy_hoverbtn.png) no-repeat; } #trailer-video { width: 360px; height:240px; position:relative; margin: 20px 0 20px 0; left: 70px; overflow: hidden; } #csbutton { width: 204px; height: 38px; margin: 0 18px 5px 18px; background:url(../images/csbtn.png) no-repeat; position: absolute; text-indent: -900em; overflow: hidden; } #logo-vb { width: 326px ; height: 114px ; background:url(../images/vblogo.jpg) no-repeat; position: relative; left: 87px; } #tag { background:url(../images/tag.jpg) no-repeat; width: 406px; height: 100px; position: relative; text-indent: -900em; left: 47px; margin-bottom: 20px; } #logo-comp { background:url(../images/comlogos.jpg) no-repeat; width: 480px; height: 75px; position: relative; text-indent: -900em; left: 10px; margin-bottom: 20px; } #logo-con { background:url(../images/conlogo.jpg) no-repeat; width: 210px; height: 148px; position: relative; text-indent: -900em; left: 15px; margin-bottom: 20px; } #rg-link { float:left; margin: 35px 0 0 0; position: relative; } #left-idcontent ul { margin: 5px 20px 5px 30px; font: 12px Arial, Helvetica, Verdana, sans-serif; color:#353637; line-height: 1.4em; } #left-idcontent ul li { list-style:disc; } /* footer */ #footer { width: 757px; height: auto; margin: 0 auto; position: relative; } #footnote { width: 757px; height: auto; margin: 0 auto; position: absolute; top: 6px; font-size: 9px; } #footer-wrapper { width: 100%; height: 112px; margin: 0 auto; position: relative; background:url(../images/footer_gradient.jpg) repeat-x; clear:both; } .fn { margin-left: 15px; } #btmnav { padding: 0; margin: 0; position: absolute; left: -6px; top: 45px; } #btmnav li { display:inline; list-style: none; } #btmnav li a { float:left; position: relative; font: 11px Arial, Helvetica, sans-serif; text-align: center; text-indent: 0.5em; text-decoration: none; } #btmnav li.first a { border-right: solid 1px #959595; padding-right: 10px; } #btmnav li.listborder a { border-right: solid 1px #959595; padding: 0 10px 0 10px; } #btmnav li.last a { padding-left: 10px; }