/* * * * * * * * ** * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * 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;} #eventssection h4 {font-family: arial, georgia; font-size: 1em; color: #fc9a00;} #spotlight1 h4 {font-family: arial, georgia; font-size: 1em; color: #00aeef; background-color: #0b0012; padding: 4px 0 4px 6px; margin-left: 380px;} #spotlight2 h4 {font-family: arial, georgia; font-size: 1em; color: #00aeef; background-color: #0b0012; padding: 4px 0 4px 6px; margin-left: 380px;} #spotlight3 h4 {font-family: arial, georgia; font-size: 1em; color: #00aeef; background-color: #0b0012; padding: 4px 0 4px 6px; margin-left: 380px;} #spotlight4 h4 {font-family: arial, georgia; font-size: 1em; color: #00aeef; background-color: #0b0012; padding: 4px 0 4px 6px; margin-left: 380px;} .ptext {color: #dfdedf;} .textfocus {background-color: #1c1c1c; color: #ec008c; padding: 4px;} .textfocus2 {color: #ec008c;} 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;} #updatepostdate {margin-top: -10px; color: #4a3f53; font-size: 10.5px;} /* 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;} /* Main Section */ #content {width: 725px; margin: 0 auto;} #introheading {margin-top: 115px; background-color: #180522; border: 1px dashed #630c8f; color: #fc9a00; font: italic 22px georgia; letter-spacing: 1.5px; padding: 14px;} hr {margin: 25px 0 25px 0; width: 100%; height: 1px; background-color: #262626; color: #262626; border: none;} #hrspecial {margin: 25px 0 25px 0; width: 100%; height: 1px; border-top: 1px dashed #000;} .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 Main Page */ #spotlightphrite {background: url(../graphics/blkhearts-spotlightmain-phrite.jpg) no-repeat top left; height: 130px; width: 357px; text-indent: -9000px; overflow: hidden; display: block;} #spotlightphrite:hover{background-position: bottom left;} #spotlightsiloette {background: url(../graphics/blkhearts-spotlightmain-siloette.jpg) no-repeat top left; height: 130px; width: 357px; text-indent: -9000px; overflow: hidden; display: block;} #spotlightsiloette:hover{background-position: bottom left;} #spotlightclown {background: url(../graphics/blkhearts-spotlightmain-clown.jpg) no-repeat top left; height: 130px; width: 357px; text-indent: -9000px; overflow: hidden; display: block;} #spotlightclown:hover{background-position: bottom left;} #spotlightsac {background: url(../graphics/blkhearts-spotlightmain-sac.jpg) no-repeat top left; height: 130px; width: 357px; text-indent: -9000px; overflow: hidden; display: block;} #spotlightsac:hover{background-position: bottom left;} .spotlightthumbs {border: 5px solid #220036; float: left; margin-right: 10px;} #spotlight1 {width: 725px; height: 140px;} #spotlight1 .spotlighttext {margin-left: 380px;} #spotlight1 .spotlightsubtext {font-size: 12px; letter-spacing: 1.5px; padding: 11px 0 4px 0; margin-left: 380px;} #spotlight2 {width: 725px; height: 140px; margin-top: 25px;} #spotlight2 .spotlighttext {margin-left: 380px;} #spotlight2 .spotlightsubtext {font-size: 12px; letter-spacing: 1.5px; padding: 11px 0 4px 0; margin-left: 380px;} #spotlight3 {width: 725px; height: 140px; margin-top: 25px;} #spotlight3 .spotlighttext {margin-left: 380px;} #spotlight3 .spotlightsubtext {font-size: 12px; letter-spacing: 1.5px; padding: 11px 0 4px 0; margin-left: 380px;} #spotlight4 {width: 725px; height: 140px; margin-top: 25px;} #spotlight4 .spotlighttext {margin-left: 380px;} #spotlight4 .spotlightsubtext {font-size: 12px; letter-spacing: 1.5px; padding: 11px 0 4px 0; margin-left: 380px;} /* Events Section on the Main Page */ #eventsecscribble {border: 5px solid #FFF; background: url(../graphics/blkhearts-event-scribble.jpg) no-repeat top left; height: 306px; width: 330px; text-indent: -9000px; overflow: hidden; display: block; float: left;} #eventsecscribble:hover{background-position: bottom left;} #eventssteelwheelshow {border: 5px solid #FFF; background: url(../graphics/blkhearts-event-steelwheelshow.jpg) no-repeat top left; height: 306px; width: 330px; text-indent: -9000px; overflow: hidden; display: block; float: right;} #eventssteelwheelshow:hover{background-position: bottom left;} #eventssection {width: 725px; height: 560px;} .eventh4s {width: 340px; margin-top: 325px;} #eventboxleft {width: 340px; height: 560px; float: left;} #eventboxright {width: 340px; height: 560px; float: right;} /* Links / Footer Sections */ #footer {float: left;} #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;} #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: #454344; 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;} /* Contact Form */ #contactform {margin: 25px 0 30px 5px; font-size: 15px; font-family: georgia, arial, helvetica; color: #c6c6c6;} #contactform label {padding: 5px; float: left; width: 150px; font-weight: normal;} #contactform input, textarea {padding: 5px; width: 210px; margin-bottom: 7px; background-color: #000; border: 1px solid #3e3e3e; font-size: 15px; font-family: georgia, arial, helvetica; color: #c6c6c6;} #contactform textarea {width: 375px; height: 150px; border: 1px solid #3e3e3e; font-size: 15px; font-family: georgia, arial, helvetica;} #contactform .submit {background-color: #222222; border: 1px solid #222222; width: 100px;} #contactform .submit:hover {background-color: #ec008c; border: 1px solid #ec008c; color: #000;} #contactform br {clear: left;} #contactform .actinput:focus {background-color: #07000d; border: 1px solid #ec008c; font-size: 15px; font-family: georgia, arial, helvetica; color: #c6c6c6;} /* Twitter Tweets */ #twitter_div {padding: 5px; background-color: #180522; border: 1px dashed #630c8f;} #twitter_update_list {list-style: none; padding: 0; margin-left: 0; color: #8b808e; font-size: 11.5px;} /* Site Map Page */ #sitemapspills {background: transparent url(../graphics/sitemapspiller.png) no-repeat top left; width: 172px; height: 133px; position: relative; top: -35px; left: -40px; float: right;} #sitemaph2 {font-family: arial, georgia; background-color: #262626; padding: 4px 0 4px 6px;} #sitemaplinks h4 {font-family: arial, georgia; color: #ec008c;} #sitemaplinks ul {padding: 0; margin-left: 0;} #sitemaplinks li {padding: 0; margin-left: 0; list-style: none;} .sitemaplinkpage:link {border: 0px; color: #e1e1e1;} .sitemaplinkpage:visited {border: 0px; color: #e1e1e1;} .sitemaplinkpage:active {border: 0px; color: #e1e1e1;} .sitemaplinkpage:hover {border: 0px; color: #ec008c; text-decoration: underline;}