/* Theme Name: Onstage Default Theme URI: http://ultimateelvistour.com/ Description: Theme developed by OIR Interactive. Version: 1.0 Author: Justin Rockwell Author URI: http://oirinteractive.com/ */ @import "reset.css"; body{margin: 0; padding: 0; color: #9d9d9d; font-family: Tahoma; font-size: 12px; background: #283940 url(/media/layout/tourbg.gif);} #wrapper{background-color: #212121; width: 950px; border: 3px solid #000000; margin: 10px auto 10px auto;} h1,h2,h3,h4,h5{color: #efefef; font-family: "Trebuchet MS", Trebuchet, Helvetica;} h1{color: #efefef; font-family: Times, "Times New Roman"; font-size: 200% } h1 a{color: #efefef; text-decoration: none;} h1 a:hover{color: #e3e3e3;} strong{font-weight: bold; color: #ffffff} .clear{clear: both;} .txtLeft{text-align: left;} .txtRight{text-align: right;} td{text-align: center;} .tableHover{background-color: blue;} .strike{text-decoration: line-through;} a{color: #d13c24;} a:hover{color: #bb2b14;} p{margin: 10px 0; line-height: 1.2} #header{background: #212121 url(/media/layout/flair.gif) top left no-repeat; width: 950px; height: 255px; position: relative;} #header #logo{background: transparent url(/media/layout/tourlogo.png) top left no-repeat; display: block; text-indent: -9000px; height: 222px; width: 178px; position: absolute; top:0; left: 20px;} #headerImage{background: transparent url(/media/images/mainphoto.jpg) top left no-repeat; width: 696px; height: 174px; float: right; margin-top: 30px; margin-right: 30px; border: 3px solid #151515; position: absolute; top:0; right: 0;} #joinClub{background: transparent url(/media/layout/newsbanner.png) top left no-repeat !important;background: transparent url(/media/layout/newsbanner.gif) top right no-repeat; position: absolute; top:0; right: -20px; width: 229px; height: 50px; font-family: "Trebuchet MS", Trebuchet, Helvetica; font-size: 140%; color: #ffffff; line-height: 44px; padding-right: 25px; text-align: right; margin: 0; text-shadow:1px 1px #003a7c; z-index: 5; outline: none; } #joinClub a{background: transparent url(/media/layout/mailicon.gif) left center no-repeat; padding-left: 40px; color: #efefef; text-decoration: none; outline: none;} #joinClub a:hover{text-decoration: underline;} #mainNav{background: transparent url(/media/layout/mainnav.png) top left no-repeat !important; background: transparent url(/media/layout/mainnav.gif) top left no-repeat; width: 997px; height: 56px; margin-left: -23px; text-align: center; padding-top: 5px; margin-top: -25px; position: absolute; font-family: "Trebuchet MS", Trebuchet, Helvetica; line-height: 44px;} #mainNav li{display: inline; font-size: 140%; background: transparent url(/media/layout/dots.gif) center right no-repeat; padding-right: 21px; margin-right: 10px; text-shadow: 1px 1px #770c00} /*#mainNav .page-item-74{background: none; margin: 0; padding: 0;}*/ #mainNav .last{background: none;} #mainNav li a{color: #efefef; text-decoration: none; text-transform: uppercase;} #mainNav li a:hover{text-decoration: underline;} #contentHolder{margin-top: 50px;} #mainContent{padding: 0px 0px 28px 23px; float: left; width: 570px;} #mainContent p{clear: both;} #sideBar{width: 357px; float: right; margin-right: -24px} .sideBox{background: transparent url(/media/layout/sideBoxTop.png) no-repeat !important; background: transparent url(/media/layout/sideBoxTop.gif) no-repeat; width: 319px; position: relative; padding: 10px 19px 10px 19px; float: left} .sideBoxBottom{background: transparent url(/media/layout/sideBoxBottom.png) top right no-repeat !important; background: transparent url(/media/layout/sideBoxBottom.gif) top right no-repeat; margin-bottom: 15px; width: 357px; height: 22px; float: left; position: relative; z-index: 10; /*Whatever lame reason, IE6 needs the position relalitve and z-index*/} .sideBox h3{background: transparent url(/media/layout/blueHeader.png) top left no-repeat !important; background: transparent url(/media/layout/blueHeader.gif) top left no-repeat; width: 236px; height: 42px; padding-left: 15px; overflow: hidden; margin-left: -26px; line-height: 38px; font-size: 140%; text-shadow: 1px 1px #003a7c} .sideBox h3 a{text-decoration: none; color: #efefef;} .sideBox h3 span{padding-left: 40px;} #updated{background: transparent url(/media/layout/updated.png) center left no-repeat !important; background: transparent url(/media/layout/updated.gif) center left no-repeat; height: 75px; width: 75px; position: absolute; top:-10px; left:-30px; text-indent: -9000px} .sideBox h4{font-family: Times, "Times New Roman"; font-size: 190%; letter-spacing: 1px; margin-top: 3px; color: #ffffff;} .sideBox h4 a{color: #ffffff; text-decoration: none;} .sideBox h4 a:hover{color: #ffffff; text-decoration:none;} .sideBox li{list-style: none; background: transparent url(/media/layout/dotsblack.gif) left 3px no-repeat; padding-left: 20px; margin-bottom: 10px} .moreLink{color: #efefef; text-decoration: none; font-size: 120%; background: transparent url(/media/layout/dotsblack.gif) left center no-repeat; padding-left: 15px; float: right;} .moreLink span{background: transparent url(/media/layout/dotsblack.gif) right center no-repeat; padding-right: 15px} .moreLink:hover span{text-decoration: underline; color: #e3e3e3;} #photoGallery{list-style: none; margin: 0 auto; width: 282px; float: left;} #photoGallery li{float: left; margin-right: 10px; background: none; padding-left: 0;} #photoGallery img{width: 77px; border: 2px solid #151515;} #sideBar #twitter_update_list span{font-family: Times, "Times New Roman"; font-size: 140%; display: block;letter-spacing: 1px; color: #ffffff; } #sideBar q span{display: block; font-family: Tahoma; font-size: 50%; color: #9d9d9d; margin-bottom: 20px } #sideBar q span a{color: #9d9d9d; text-decoration: none;} #sideBar #twitter_update_list a{color: #9d9d9d; text-decoration: none; display: block; margin-bottom: 20px;text-decoration: underline;} #sideBar #twitter_update_list span a{margin: 0; padding: 0; display: inline; color: #d13c24; } #sideBar ul{margin-top: 10px; line-height: 1.2} #sideBar li a{color: #f9dca2; text-decoration: none;} #sideBar li a:hover{color: #f8ce79; text-decoration: underline;} /* TOUR DATES BOX */ #tourDates{background: transparent url(/media/layout/tourdateTop.gif) top left no-repeat; width: 570px; padding-bottom: 10px; float: left} #tourDatesBottom{background: transparent url(/media/layout/tourdateBottom.gif) top left no-repeat; width: 570px; height: 10px; float: left} #tourDates table{width: 540px; margin: 0 auto;} #tourDates table th{color: #efefef; padding-top: 27px; padding-bottom: 16px; font-size: 140%; font-family: "Trebuchet MS", Trebuchet, Helvetica; text-align: center; background-color: transparent;} #tourDates td{ padding:5px 0;} #tourDates table #datesCol{text-align: left;} #tourDates table .ticketsCol{text-align: right;} #tourDates .dates{text-align: left; padding-left: 20px;} #tourDates .tickets{text-align: right; padding-right: 20px;} #tourDates .odd{background-color: #232323} /* TOUR DATES BOX */ #videoPlayer{width: 570px; text-align: center; margin-top: 28px; float: left} #videoBanner{background: transparent url(/media/layout/tourdateTop.gif) top left no-repeat; width: 570px; padding-bottom: 10px; float: left; margin-top: 28px;} #videoBanner2{background: transparent url(/media/layout/tourdateTop.gif) top left no-repeat; width: 570px; padding-bottom: 10px; float: left; } #videoBottom{background: transparent url(/media/layout/tourdateBottom.gif) top left no-repeat; width: 570px; height: 10px; float: left} #videoHolder{width: 520px;margin: 0 auto;} #videoBanner h2, #videoBanner2 h2{color: #efefef; padding-top: 27px; padding-bottom: 16px; font-size: 140%; font-family: "Trebuchet MS", Trebuchet, Helvetica; text-align: center; background-color: transparent;} #footerHolder{width: 949px; clear: both; margin-left: -23px; position: absolute; margin-top: -20px;} #footer{background: transparent url(/media/layout/footertop.png) top left no-repeat !important; background: transparent url(/media/layout/footertop.gif) top left no-repeat;padding-top: 24px; padding-left: 24px; padding-right: 24px; width: 949px } #footer p{margin: 0; float: left;} #footerBottom{background: transparent url(/media/layout/footerbottom.png) top left no-repeat !important; background: transparent url(/media/layout/footerbottom.gif) top left no-repeat; width: 997px; clear: both; padding-top: 40px;} #footer #logos{float: right;} /*blog stuff */ small, .commentmetadata{font-family: Tahoma; font-size: 80%; color: #9d9d9d; margin-bottom: 20px} .post{margin-bottom: 20px; border-bottom: 2px solid #151515; padding-bottom: 20px} #mainContent h3{font-size: 120%; margin-bottom: 20px;} .commentlist{margin-left: 20px;} .commentlist li{border-bottom: 2px solid #151515; padding-bottom: 10px; margin-bottom: 20px;} .commentmetadata a{color: #9d9d9d; text-decoration: none;} .commentmetadata a:hover{text-decoration: underline;} cite, .fn{font-family: Times, "Times New Roman"; font-size: 120%; text-decoration: underline; color: #d13c24; } #respond{float: left;} #respond textarea{width: 545px;} #submit, .submit{background-color: #181818; color: #efefef; border: 2px solid #333333; opacity:1} #submit:hover, .submit:hover{cursor: pointer; background-color: #333333; text-shadow: #000000 1px 1px} #fullContent{width: 100%; float: left} #fullContent #tourDates, #fullContent #tourDatesBottom{float: none; margin: 0 auto;} #theForm{position: absolute; top:10px; right: 10px; background-color: #111111; opacity:.95; z-index: 2; padding: 30px 20px 5px 20px; border: 2px solid #151515; width: 155px} #theForm input, #theForm label{display: block; margin-bottom: 2px } #theForm input{margin-bottom: 6px;} #confirmation p{padding: 30px 20px 5px 20px; width: 155px} #videoHolder{display: block; width: 520px; margin: 0 auto;} #moreDates{float: left; padding-left: 30px; padding-top: 5px} .page ul{margin-left: 35px;} .page ul li{margin-bottom: 2px;} #scrollLeft{background: transparent url(/media/layout/arrowLeft.png) top left no-repeat !important; background: transparent url(/media/layout/arrowLeft.gif) top left no-repeat; display: block; float: left; text-indent: -9000px; height: 45px; width: 20px; outline: none; margin-top: 19px; margin-right: 6px;} #scrollRight{background: transparent url(/media/layout/arrowRight.png) top left no-repeat !important; background: transparent url(/media/layout/arrowRight.gif) top left no-repeat;display: block; float: left; text-indent: -9000px; height: 45px; width: 20px; outline: none; margin-top: 19px} .scrollGallery{float: left;} #flashMap{margin-top: 15px;} .alignleft{float: left;} .entry p{clear: both; float: left; width: 100%;} #purchasetix{margin: 0 0 15px 10px; display: block;} #fanBoxers{margin: 0 0 20px 21px} #fanBoxers .fan_box .connections{background-color: #111111;} .sociable{clear: both;} sociable_tagline{margin-bottom: 10px} #videoHolder label{display: block; font-weight: bold; font-size: 120%} #videoHolder input{margin-bottom: 15px; margin-top: 3px} #videoHolder .left{float: left; margin-right: 20px} #videoHolder .right{float: right} #videoHolder fieldet{width: 45%;} #videoHolder textarea{clear: both; display: block; width: 327px; height: 110px;} #videoHolder form{width: 355px; margin: 30px auto 0 auto;}