/* * * * * * * * ** * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * Copyright BLKHEARTS 2003 to Infinity * * * * * * */ /* * * * * * * * ** * * * * * * * * * * * * * * * * * * * * * * */ body {background-color: #000; color: #FFF; font-size: 15px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px;} #wrapper {margin: 0 auto;} /* Typography */ #content h2 {font-family: arial, georgia; font-size: 1.5em; color: #ec008c;} #spotlight-sec1 h4 {font-family: arial, georgia; font-size: 1em; color: #00aeef; padding: 4px 0 4px 0; border-bottom: 1px solid #220036;} #spotlight-sec2 h4 {font-family: arial, georgia; font-size: 1em; color: #00aeef; padding: 4px 0 4px 0; border-bottom: 1px solid #220036;} #spotlight-sec3 h4 {font-family: arial, georgia; font-size: 1em; color: #00aeef; padding: 4px 0 4px 0; border-bottom: 1px solid #220036;} #spotlight-sec4 h4 {font-family: arial, georgia; font-size: 1em; color: #00aeef; padding: 4px 0 4px 0; border-bottom: 1px solid #220036;} #spotlight-sec5 h4 {font-family: arial, georgia; font-size: 1em; color: #00aeef; padding: 4px 0 4px 0; border-bottom: 1px solid #220036;} #spotlight-sec6 h4 {font-family: arial, georgia; font-size: 1em; color: #00aeef; padding: 4px 0 4px 0; border-bottom: 1px solid #220036;} #interviewcontent h4 {width: 725px; font-family: arial, georgia; font-size: 1em; color: #00aeef; padding: 4px 0 4px 0; border-bottom: 2px solid #220036;} #thumbnailthumbies h4 {width: 725px; font-family: arial, georgia; font-size: 1em; color: #00aeef; padding: 4px 0 4px 0; border-bottom: 2px solid #220036;} #spotlightsecwrapper2 h4 {width: 725px; font-family: arial, georgia; font-size: 1em; color: #00aeef; padding: 15px 0 4px 0; border-bottom: 2px solid #220036;} .ptext {color: #dfdedf;} .textfocus {background-color: #1c1c1c; color: #ec008c; padding: 4px;} a {text-decoration: none;} a:link {color: #ec008c;} a:visited {color: #ec008c;} a:active {color: #ec008c;} a:hover {text-decoration: underline;} #sublinks:link {color: #FFF;} #sublinks:visited {color: #FFF;} #sublinks:active {color: #FFF;} #sublinks:hover {text-decoration: none; background-color: #220036; color: #ec008c;} /* Header Section */ #header {width: 725px; height: 485px; margin: -80px auto;} #blkhearts-logo {background: url("../graphics/blkhearts-icon.png") no-repeat top left; position: relative; top: -100px; left: 10px; width: 297px; height: 92px; z-index: 2} #main-headerimg {margin: -75px 0 0 0; border: 5px solid #220036; width: 715px; height: 270px;} /* Top Navigation */ #topnav {margin: 0; padding: 0; list-style-type: none; display: inline;} #topnav .home a:link {display: block; height: 42px; width: 98px; background: transparent url("../graphics/navtab-home.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .home a:visited {display: block; height: 42px; width: 98px; background: transparent url("../graphics/navtab-home.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .home a:hover {display: block; height: 42px; width: 98px; background-image: url("../graphics/navtab-home.gif"); background-position: 0px -42px;} #topnav .home a:active {display: block; height: 42px; width: 98px; background-image: url("../graphics/navtab-home.gif"); background-position: 0px -42px;} #topnav .home {background: url("../graphics/navtab-home.gif") no-repeat top left; position: relative; top: 177px; left: 0px; text-indent: -9000px; z-index: 12;} #topnav .walls a:link {display: block; height: 42px; width: 98px; background: transparent url("../graphics/navtab-walls.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .walls a:visited {display: block; height: 42px; width: 98px; background: transparent url("../graphics/navtab-walls.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .walls a:hover {display: block; height: 42px; width: 98px; background-image: url("../graphics/navtab-walls.gif"); background-position: 0px -42px;} #topnav .walls a:active {display: block; height: 42px; width: 98px; background-image: url("../graphics/navtab-walls.gif"); background-position: 0px -42px;} #topnav .walls {background: url("../graphics/navtab-walls.gif") no-repeat top left; position: relative; top: 135px; left: 98px; text-indent: -9000px; z-index: 12;} #topnav .freights a:link {display: block; height: 42px; width: 122px; background: transparent url("../graphics/navtab-freights.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .freights a:visited {display: block; height: 42px; width: 122px; background: transparent url("../graphics/navtab-freights.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .freights a:hover {display: block; height: 42px; width: 122px; background-image: url("../graphics/navtab-freights.gif"); background-position: 0px -42px;} #topnav .freights a:active {display: block; height: 42px; width: 122px; background-image: url("../graphics/navtab-freights.gif"); background-position: 0px -42px;} #topnav .freights {background: url("../graphics/navtab-freights.gif") no-repeat top left; position: relative; top: 93px; left: 196px; text-indent: -9000px; z-index: 12;} #topnav .spotlight a:link {display: block; height: 42px; width: 141px; background: transparent url("../graphics/navtab-spotlight.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .spotlight a:visited {display: block; height: 42px; width: 141px; background: transparent url("../graphics/navtab-spotlight.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .spotlight a:hover {display: block; height: 42px; width: 141px; background-image: url("../graphics/navtab-spotlight.gif"); background-position: 0px -42px;} #topnav .spotlight a:active {display: block; height: 42px; width: 141px; background-image: url("../graphics/navtab-spotlight.gif"); background-position: 0px -42px;} #topnav .spotlight {background: url("../graphics/navtab-spotlight.gif") no-repeat top left; position: relative; top: 51px; left: 318px; text-indent: -9000px; z-index: 12;} #topnav .blog a:link {display: block; height: 42px; width: 62px; background: transparent url("../graphics/navtab-blog.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .blog a:visited {display: block; height: 42px; width: 62px; background: transparent url("../graphics/navtab-blog.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .blog a:hover {display: block; height: 42px; width: 62px; background-image: url("../graphics/navtab-blog.gif"); background-position: 0px -42px;} #topnav .blog a:active {display: block; height: 42px; width: 62px; background-image: url("../graphics/navtab-blog.gif"); background-position: 0px -42px;} #topnav .blog {background: url("../graphics/navtab-blog.gif") no-repeat top left; position: relative; top: 9px; left: 461px; text-indent: -9000px; z-index: 12;} #topnav .links a:link {display: block; height: 42px; width: 62px; background: transparent url("../graphics/navtab-links.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .links a:visited {display: block; height: 42px; width: 62px; background: transparent url("../graphics/navtab-links.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .links a:hover {display: block; height: 42px; width: 62px; background-image: url("../graphics/navtab-links.gif"); background-position: 0px -42px;} #topnav .links a:active {display: block; height: 42px; width: 62px; background-image: url("../graphics/navtab-links.gif"); background-position: 0px -42px;} #topnav .links {background: url("../graphics/navtab-links.gif") no-repeat top left; position: relative; top: -33px; left: 521px; text-indent: -9000px; z-index: 12;} #topnav .contact a:link {display: block; height: 42px; width: 93px; background: transparent url("../graphics/navtab-contact.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .contact a:visited {display: block; height: 42px; width: 93px; background: transparent url("../graphics/navtab-contact.gif") no-repeat top left; margin: 0; background-position: 0 0;} #topnav .contact a:hover {display: block; height: 42px; width: 93px; background-image: url("../graphics/navtab-contact.gif"); background-position: 0px -42px;} #topnav .contact a:active {display: block; height: 42px; width: 93px; background-image: url("../graphics/navtab-contact.gif"); background-position: 0px -42px;} #topnav .contact {background: url("../graphics/navtab-contact.gif") no-repeat top left; position: relative; top: -75px; left: 577px; text-indent: -9000px; z-index: 12;} /* Bread Crumbs */ #breadcrumbs {margin: 110px 0 -15px 0;} .breadcrumbtext {color: #5c2069; font-size: 12px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px;} .breadcrumbtext:link {border: 0px; color: #5c2069;} .breadcrumbtext:visited {border: 0px; color: #5c2069;} .breadcrumbtext:active {border: 0px; color: #5c2069;} .breadcrumbtext:hover {border: 0px; color: #ec008c; text-decoration: none;} .breadcrumbtext2 {color: #5c2069; font-size: 12px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px; margin-left: 5px;padding: 2px;} .breadcrumbtext2:link {border: 0px; color: #5c2069;padding: 2px;} .breadcrumbtext2:visited {border: 0px; color: #5c2069;padding: 2px;} .breadcrumbtext2:active {border: 0px; color: #5c2069;padding: 2px;} .breadcrumbtext2:hover {border: 0px; color: #220036; background-color: #ec008c; text-decoration: none; padding: 2px;} .breadcrumbtextactive {color: #ec008c; font-size: 12px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px;} .breadcrumbtextactive:link {border: 0px; color: #ec008c;} .breadcrumbtextactive:visited {border: 0px; color: #ec008c;} .breadcrumbtextactive:active {border: 0px; color: #ec008c;} .breadcrumbtextactive:hover {border: 0px; color: #ec008c; text-decoration: none;} .breadcrumbtextreg {color: #5c2069; font-size: 12px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px;} .breadcrumbarrows {color: #322541; font-size: 12px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px;} #breadcrumbformat1 {float: left;height: 25px; padding: 0px;} #breadcrumbformat2 {float: right; height: 25px; padding-top: 3px;} /* Main Section */ #content {width: 725px; margin: 0 auto;} #introheading2 {margin-top: 25px; letter-spacing: 1.5px;} hr {margin: 25px 0 25px 0; width: 100%; height: 1px; background-color: #262626; color: #262626; border: none;} #thickbox {position: absolute; border: 1px solid #333; background: #000; padding: 5px; color: #ec008c; display: none;} .toplink {float: right; font-size: 11.2px;} .toprankin:link {color: #5c2069; padding: 4px;} .toprankin:visited {color: #5c2069; padding: 4px;} .toprankin:active {color: #5c2069; padding: 4px;} .toprankin:hover {color: #ec008c; background-color: #220036; text-decoration: none; padding: 4px;} /* Spotlight Section on Spotlight Page */ #spotlightheading {margin: 120px 0 0 0;} #spotlightsecwrapper1 {width: 725px; height: 1189px;} #spotlightsecwrapper2 {width: 725px;} #spotlight-sec1 {width: 347px; height: 396px; float: left; margin-top: 25px;} #spotlight-sec2 {width: 347px; height: 396px; float: right; margin-top: 25px;} #spotlight-sec3 {width: 347px; height: 396px; float: left;} #spotlight-sec4 {width: 347px; height: 396px; float: right;} #spotlight-sec5 {width: 347px; height: 396px; float: left;} #spotlight-sec6 {width: 347px; height: 396px; float: right;} #spotlightphrite2 {background: url(../graphics/blkhearts-spotlightmain-phrite2.jpg) no-repeat top left; height: 170px; width: 337px; text-indent: -9000px; overflow: hidden; display: block;} #spotlightphrite2:hover{background-position: bottom left;} #spotlightsiloette2 {background: url(../graphics/blkhearts-spotlightmain-siloette2.jpg) no-repeat top left; height: 170px; width: 337px; text-indent: -9000px; overflow: hidden; display: block;} #spotlightsiloette2:hover{background-position: bottom left;} #spotlightclown2 {background: url(../graphics/blkhearts-spotlightmain-clown2.jpg) no-repeat top left; height: 170px; width: 337px; text-indent: -9000px; overflow: hidden; display: block;} #spotlightclown2:hover{background-position: bottom left;} #spotlightkem2 {background: url(../graphics/blkhearts-spotlightmain-kem.jpg) no-repeat top left; height: 170px; width: 337px; text-indent: -9000px; overflow: hidden; display: block;} #spotlightkem2:hover{background-position: bottom left;} #spotlightcolt45 {background: url(../graphics/blkhearts-spotlightmain-colt45.jpg) no-repeat top left; height: 170px; width: 337px; text-indent: -9000px; overflow: hidden; display: block;} #spotlightcolt45:hover{background-position: bottom left;} #spotlightdeas {background: url(../graphics/blkhearts-spotlightmain-deas.jpg) no-repeat top left; height: 170px; width: 337px; text-indent: -9000px; overflow: hidden; display: block;} #spotlightdeas:hover{background-position: bottom left;} #spotlight-sec1 .spotlightsubtext2 {font-size: 12px; letter-spacing: 1.5px;} #spotlight-sec2 .spotlightsubtext2 {font-size: 12px; letter-spacing: 1.5px;} #spotlight-sec3 .spotlightsubtext2 {font-size: 12px; letter-spacing: 1.5px;} #spotlight-sec4 .spotlightsubtext2 {font-size: 12px; letter-spacing: 1.5px;} #spotlight-sec5 .spotlightsubtext2 {font-size: 12px; letter-spacing: 1.5px;} #spotlight-sec6 .spotlightsubtext2 {font-size: 12px; letter-spacing: 1.5px;} .spotlightthumbs {border: 5px solid #220036; float: left; margin-right: 10px;} .spotlightthumbs2 {border: 5px solid #220036;} /* Interview Section */ #interviewcontent {width: 415px; float: left;} #interviewcontent .interviewtext {color: #e3e3e3; font-size: 14px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px; line-height: 14pt; text-align: justify;} #interviewcontent .interviewtext2 {color: #e3e3e3; font-size: 14px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px;} #interviewcontent .interviewQ {color: #ec008c; font-size: 14px; font-family: georgia, arial, helvetica;} #interviewcontent .interviewA {color: #b800e0; font-size: 14px; font-family: georgia, arial, helvetica;} #interviewcontent2 .interviewtext {color: #e3e3e3; font-size: 14px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px; line-height: 14pt;} #interviewcontent2 .interviewQ {color: #ec008c; font-size: 14px; font-family: georgia, arial, helvetica;} #interviewcontent2 .interviewA {color: #b800e0; font-size: 14px; font-family: georgia, arial, helvetica;} #spotlightthumbies {width: 290px; float: right; margin-top: 5px;} #spotlightthumbies ul{padding: 0; list-style-type: none; text-indent: 0;} #spotlightthumbies li{list-style-type: none; display: inline;} #spotlightthumbies img {border: 1px solid #220036; padding: 4px; margin: 0 0 3px 3px;} #spotlightthumbies a:hover > img {background-color: #FA0CA0;;} div.divclear {clear: both; margin: 0; padding: 0;} /* FlowPlayer */ #player {border: 1px solid #220036; padding: 4px;} #phritevidcred {background-color: #090110; padding: 5px; width: 182px;} #phritevidcred .videocredit {color: #89309c;} /* Walls / Freights Thumbnails */ #thumbnailthumbies {width: 725px; float: right; margin-top: -25px;} #thumbnailthumbies ul{padding: 0; list-style-type: none; text-indent: 0;} #thumbnailthumbies li{list-style-type: none; display: inline;} #thumbnailthumbies img {border: 1px solid #220036; padding: 4px; margin: 0 0 5px 4px;} #thumbnailthumbies a:hover > img {background-color: #FA0CA0;;} /* Links / Footer Sections */ #footer #footerlinks {color: #454344; font-size: 12px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px;} #footer ul {display: inline; padding: 0; margin-left: 0;} #footer li {display: inline; padding: 0; margin-left: 0;} #footer .ftrlinksec {background: transparent url(../graphics/footerseparater.gif) no-repeat -1px 0px; padding-left: 1em;} #footer {float: left;} #linkssection .linksecfirst {list-style: none; display: inline;} #linkssection .linksec {list-style: none; display: inline; background: transparent url(../graphics/linksecdash.gif) no-repeat 1px 10px; padding-left: 1em;} #linkssection ul {display: inline; padding: 0; margin-left: 0;} #linkssection li {display: inline; padding: 0; margin-left: 0;} .linkss:link {border: 0px; color: #989898; padding: 1px;} .linkss:visited {border: 0px; color: #989898; padding: 1px;} .linkss:active {border: 0px; color: #989898; padding: 1px;} .linkss:hover {background-color: #220036; border: 0px; color: #ec008c; text-decoration: none; padding: 1px;} .linkssftr:link {border: 0px; color: #454344; padding: 1px;} .linkssftr:visited {border: 0px; color: #454344; padding: 1px;} .linkssftr:active {border: 0px; color: #454344; padding: 1px;} .linkssftr:hover {border: 0px; color: #5c2069; text-decoration: none;} #ftrinfo {color: #322541; font-size: 12px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px; padding: 0px; width: 425px; height: 19px; margin-top: 3px; float: left;} #signoff {color: #454344; font-size: 11px; font-family: georgia, arial, helvetica; letter-spacing: 1.2px; width: 315px; height: 30px; margin: 1px 0 35px 0;} .stecomplaint:link {border: 0px; color: #5c2069;} .stecomplaint:visited {border: 0px; color: #5c2069;} .stecomplaint:active {border: 0px; color: #5c2069;} .stecomplaint:hover {border: 0px; color: #ec008c; text-decoration: underline;}