/*===================================================== (C) Copyright 2009 Soulacious Music CSS Stylesheet Design by Cole Hendricks of www.ColeHendricks.com =======================================================*/ /*====================================================== Page Attributes =======================================================*/ body {margin: 0px; background-color: #FFFBCC; background-attachment: fixed; text-align: center} a {font-size: 12px; font-family: Arial; color: #fca823; text-decoration: underline;} a:visited {font-size: 12px; font-family: Arial; color: #fca823; text-decoration: underline;} a:hover {font-size: 12px; font-family: Arial; color: #FFFFFF; text-decoration: none;} /*====================================================== Layout =======================================================*/ #container {width: 855px; margin: 0 auto; text-align: left} /*====================================================== Header =======================================================*/ #conash3D0 { display:none;} #header {width: 850px; height: 527px; margin: 0; background: url(media/newheader_06052010.png) no-repeat;} #navigation {width: 900px; height: 40px; padding: 480px 0 0 5px;} html>body #navigation {width: 900px; height: 40px; padding: 470px 0 0 0px;} #navigation ul li {float: left; list-style-type: none; display: inline; padding: 0 20px 0 0;} #navigation a.home {display: block; width: 59px; height: 30px; background: url(media/homenav.png) no-repeat; text-decoration:none;} #navigation a.home:hover {display: block; width: 59px; height: 30px; background-position: -63px 0; text-decoration: none;} #navigation a.bio {display: block; width: 42px; height: 30px; background: url(media/bionav.png) no-repeat; text-decoration:none;} #navigation a.bio:hover {display: block; width: 42px; height: 30px; background-position: -73px 0; text-decoration: none;} #navigation a.shows {display: block; width: 67px; height: 30px; background: url(media/showsnav.png) no-repeat; text-decoration:none;} #navigation a.shows:hover {display: block; width: 67px; height: 30px; background-position: -73px 0; text-decoration: none;} #navigation a.music {display: block; width: 67px; height: 30px; background: url(media/musicnav.png) no-repeat; text-decoration:none;} #navigation a.music:hover {display: block; width: 67px; height: 30px; background-position: -73px 0; text-decoration: none;} #navigation a.contact {display: block; width: 84px; height: 30px; background: url(media/contactnav.png) no-repeat; text-decoration:none;} #navigation a.contact:hover {display: block; width: 84px; height: 30px; background-position: -84px 0; text-decoration: none;} #navigation a.photos {display: block; width: 80px; height: 30px; background: url(media/photosnav.png) no-repeat; text-decoration:none;} #navigation a.photos:hover {display: block; width: 80px; height: 30px; background-position: -88px 0; text-decoration: none;} #navigation a.videos {display: block; width: 50px; height: 30px; background: url(media/youtubenav.png) no-repeat; text-decoration:none;} #navigation a.videos:hover {display: block; width: 50px; height: 30px; background-position: -88px 0; text-decoration: none;} #navigation a.myspace {display: block; width: 50px; height: 30px; background: url(media/myspacenav.png) no-repeat; text-decoration:none;} #navigation a.myspace:hover {display: block; width: 50px; height: 30px; background-position: -88px 0; text-decoration: none;} #navigation a.facebook {display: block; width: 50px; height: 30px; background: url(media/facebooknav.png) no-repeat; text-decoration:none;} #navigation a.facebook:hover {display: block; width: 50px; height: 30px; background-position: -88px 0; text-decoration: none;} #navigation a.twitter {display: block; width: 50px; height: 30px; background: url(media/twitternav.png) no-repeat; text-decoration:none;} #navigation a.twitter:hover {display: block; width: 50px; height: 30px; background-position: -88px 0; text-decoration: none;} /*======================================================== Content =========================================================*/ #content {width: 850px; height: auto; margin: 0; background: url(media/contentbg.png) repeat-y;} #leftside {width: 480px; float: left; margin: 20px 0 0 20px;} #pagetab {width: 480px; height: 60px; padding: 0px;} #currentpage {padding: 20px 0 0 30px; font-family: Arial; color: #FFFFFF; font-weight: bold; font-size: 12px;} #infobg {width:480px; background-color: #000000 repeat-y;} #info {padding: 4px 10px 0 10px;} #info h1 {font-family: Verdana; font-size: 16px; color: #fca823; font-weight: bold;} #info h2 {font-family: Arial; font-size: 14px; color: #FFFFFF; font-weight: bold;} #info h3 {font-family: Arial; font-size: 12px; color: #FFFFFF; font-weight: normal;} #soulaciouspic1 {width: 147px; height: 190px; margin: 10px; 10px 10px 10px; background: url(media/soulaciousalleyshot.jpg) no-repeat; float: left;} #soulaciouspic2 {width: 190px; height: 123px; margin: 0 10px 10px 10px; background: url(media/soulaciouscityshot.jpg) no-repeat; float: right;} #jarrodpic {width: 166px; height: 190px; margin: 0 10px 10px 10px; background: url(media/jarrodheadshot.jpg) no-repeat; float: left;} #kandiipic {width: 147px; height: 190px; margin: 0 10px 10px 10px; background: url(media/kandiiheadshot.jpg) no-repeat; float: right;} #ezrapic {width: 148px; height: 190px; margin: 0 10px 10px 10px; background: url(media/ezraheadshot.jpg) no-repeat; float: left;} #ryanpic {width: 132px; height: 190px; margin: 0 10px 10px 10px; background: url(media/ryanheadshot.jpg) no-repeat; float: right;} #danpic {width: 127px; height: 190px; margin: 0 10px 10px 10px; background: url(media/danheadshot.jpg) no-repeat; float: left;} #karlpic {width: 126px; height: 190px; margin: 0 10px 10px 10px; background: url(media/karlheadshot.jpg) no-repeat; float: right;} .clearleft {clear: left;} .clearright {clear: right;} /*====================================================== Right Section =======================================================*/ #rightside {width: 250px; float: right; margin: 35px 34px 0 0; text-align: center; font-family: Arial; color: #FFFFFF; font-weight: bold; font-size: 12px;} #mailinglisttext {border: 2px solid #FFFFFF; height: 27px; width: 130px; background: #000000; font-family: Arial; color: #d6ea4c; font-weight: bold; font-size: 12px; padding: 4px 0 0 3px;} #submitbutton {border: 1px solid #000000; width: 100px; height: 30px; background: url(media/signup.png) no-repeat;} #submitbutton:hover {border: 1px solid #FFFFFF;} /*====================================================== Footer Section =======================================================*/ #clear {clear: both;} #bottomcontentbg {width: 480px; height: 26px; margin: 0 0 0 20px;} #footer {width: 480px; height: 40px; padding: 20px 0 0 30px; margin: 0 0 0 0px; font-size: 10px; color: #FFFFFF; font-family: Arial;}