/* -- [ StandBy Records ] --------------------------------

		Designer:		Guy Flynn
		Developer:		Winnie Ho

---------------------------------------------------------- */

/* -- [ The Basics - Formatting ] ----------------------------- */

body {
	font: 62.5% Arial;
	padding: 20px 0;
	background: url(../images/body-bg.jpg);
}

p {
	line-height: 12px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}

h2 {
	color: #b8ddf0;
	font-size: 150%;
	margin: 0 10px 15px;
}

h3 {
	color: #B8DDF0;
	margin: 0 10px 15px;
	font-size: 140%;
}

a:link, a:visited {
	color: #132120;
	text-decoration: underline;
}

a:hover, a:active {
	color: #26413F;
	text-decoration: underline;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* -- [ Structure ] ------------------------------------------- */

#frame {
	width: 958px;
	margin: 0 auto;
}

#header {
	position: relative;
	width: 958px;
	height: 143px;
	background: url(../images/header-bg.jpg) 0 0 no-repeat;
}

h1#logo {
	position: absolute;
	top: 24px;
	left: 33px;
	width: 160px;
	height: 81px;
	text-indent: -9999px;
	background: url(../images/standby-logo.png) 0 0 no-repeat;
}

#sns-box {
	position: absolute;
	top: -10px;
	right: 20px;
}

#sns-container {
	width: 291px;
	height: 49px;
	background: url(../images/sns-bg.png) 0 0 no-repeat;
}

#sns {
	width: 291px;
	height: 49px;
}

#sns li a {
	position: relative;
}

li#myspace {
	margin: 10px 0 0 25px;
	padding: 0 15px 0 0;
	float: left;
	display: inline;
	border-right: 1px solid #990000;
}

li#youtube {
	margin: 10px 0 0 15px;
	padding: 0 10px 0 0;
	float: left;
	display: inline;
	border-right: 1px solid #990000;
}

li#merchnow {
	padding: 15px 0 0 15px;
	float: left;
}

#sns li#myspace a {
	display: block;
	width: 73px;
	height: 19px;
	text-indent: -9999px;
	background: url(../images/myspace.gif) 0 0 no-repeat;
}

#sns li#youtube a {
	display: block;
	width: 49px;
	height: 12px;
	text-indent: -9999px;
	background: url(../assets/2009/6/16/twitter_logo_header.png) 0 0 no-repeat;
}

#sns li#merchnow a {
	display: block;
	width: 72px;
	height: 17px;
	text-indent: -9999px;
	background: url(../assets/2009/4/3/merchnow.png) 0 0 no-repeat;
}

#flash-banner {
	width: 620px;
	height: 300px;
	background-color: #DDC6AB;
}

#content {
	float: left;
	width: 958px;
	background: url(../images/content-bg.jpg) 0 0 repeat-y;
}

#main-content {
	float: left;
	width: 620px;
	margin: 0 0 0 10px;
	display: inline;
}

#main-content2 {
	float: left;
	width: 620px;
	margin: 0 0 0 10px;
	display: inline;
	overflow: auto;
	height: 850px;
	color: #fff;
	background: url(../images/main-content2-bg.jpg) 0 0 no-repeat;
}

#main-content2 h1 {
	width: 591px;
	height: 46px;
	text-indent: 20px;
	font: bold 140%/38px Futura, "Helvetica Neue", Helvetica, Arial;
	color: #b8ddf0;
	margin: 8px 0;
	text-transform: uppercase;
	background: url(../images/content-hdr-bg.png) 0 0 no-repeat;
}

#main-content2 p {
	padding: 0 10px 10px;
	font: 115%/15px Helvetica, Arial;
}

#main-content2 table {
	margin: 0 10px 15px;
}

#main-content2 table td {
	padding: 5px;
}

#side-bar {
	float: right;
	width: 310px;
	margin: 0 12px 0 0;
	display: inline;
}

#skinny {
	float: left;
	width: 310px;
	height: 464px;
	color: #666;
	background: url(../images/skinny-bg.jpg) bottom left no-repeat;
}

#skinny h2.title {
	width: 301px;
	height: 49px;
	margin: 8px 0 0 0;
	text-indent: -9999px;
	background: url(../images/skinny-hdr-bg.png) 0 0 no-repeat;
}

#skinny h3, #on-the-road h3 {
	color: #333;
	margin: 0 5px 5px;
	font-size: 120%;
}

#skinny p, #on-the-road p {
	margin: 0 5px 5px;
}

#skinny-news {
	width: 288px;
	height: 398px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: url(../images/skinny-news-bg.gif) 0 0 no-repeat;
}

.news-box {
	width: 280px;
	height: 378px;
	overflow: auto;
}

#skinny-news .news, #on-the-road .event {
	width: 250px;
	float: left;
	display: inline;
	margin: 0 0 13px 10px;
	padding: 5px 0 0 0;
	background-color: #d7d1e3;
}

.news {
	margin: 0 0 20px 0;
}

.news h3 {
	margin: 0 10px;
	padding: 5px;
	background-color: #335755;
}

.news-box h3 {
	background-color: transparent;
	padding: 0;
}

.news h3 a {
	color: #96C1BF;
}

.news h4, .news p, #media-player {
	margin: 0 10px 10px;
}

.news .entrybody {
	font-size: 110%;
	margin: 0 10px 10px;
}

a.commentslink {
	background: transparent url(../images/comment-bg.gif) no-repeat scroll left top;
	color:#1F5452;
	display:block;
	font-size:90%;
	height:35px;
	line-height:25px;
	margin:10px 0 0 10px;
	text-align:center;
	text-decoration:underline;
	width:70px;
}

.news h3 .date {
	color: #0D2F23;
	font-size: 80%;
	margin: 0 0 0 10px;
}

#on-the-road .event {
	background: url(../images/event-bg.gif);
}

.news-footer {
	float: left;
	width: 250px;
	background-color: #fff;
}

.news-footer h4.date {
	float: left;
	font-size: 110%;
	color: #333;
	padding: 2px 0 0 5px;
}

.news-footer a.more {
	float: right;
	display: block;
	width: 58px;
	height: 15px;
	text-indent: -9999px;
	background: url(../images/more-link-bg.gif) 0 0 no-repeat;
}

#the-image {
	float: left;
	width: 620px;
	height: 300px;
	margin: 0px 0 0 0;
	background: url(../images/the-latest-bg.jpg) 0 0 no-repeat;
}

#the-image h2.title {
	width: 613px;
	height: 46px;
	text-indent: -9999px;
	margin: 8px 0 0 0;
	background: url(../images/the-latest-hdr-bg.png) bottom left no-repeat;
}

#the-latest {
	float: left;
	width: 620px;
	height: 357px;
	margin: 5px 0 0 0;
	background: url(../images/the-latest-bg.jpg) 0 0 no-repeat;
}

#the-latest h2.title {
	width: 613px;
	height: 46px;
	text-indent: -9999px;
	margin: 8px 0 0 0;
	background: url(../images/the-latest-hdr-bg.png) bottom left no-repeat;
}

#the-latest2 {
	float: left;
	width: 310px;
	height: 344px;
	background: url(../images/the-latest2-bg.jpg) 0 0 no-repeat;
}

#the-latest2 h2.title {
	width: 301px;
	height: 49px;
	text-indent: -9999px;
	margin: 5px 0 0 0;
	background: url(../images/the-latest2-hdr-bg.png) bottom left no-repeat;
}

#the-latest table#releases {
	
}

#the-latest table#releases td, #the-latest2 table#releases td {
	vertical-align: top;
	width: 308px;
	padding: 5px 0;
}

#the-latest table#releases td.bg, #the-latest2 table#releases td.bg {
	background: url(../images/latest-cell-bg.png) 0 0 no-repeat;
}

#the-latest img.release, #the-latest2 img.release {
	float: left;
	padding: 7px;
	margin: 5px 6px 0 18px;
	background: url(../images/release-bg.gif) 0 0 no-repeat;
}

#the-latest h3, #the-latest2 h3 {
	font-family: Futura, Arial;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 130%;
	line-height: 12px;
	color: #fff;
	margin: 5px 0 0 0;
}

#the-latest h4, #the-latest2 h4 {
	font-family: Futura, Arial;
	font-weight: normal;
	font-size: 130%;
	color: #ffcc00;
	font-style: italic;
}

#the-latest p, #the-latest2 p {
	color: #fff;
	font-size: 110%;
	margin: 5px 0 0 0;
}

#merch-store {
	float: left;
	width: 310px;
	height: 194px;
	margin: 5px 0 0 0;
	background: url(../images/merch-store-bg.jpg) 0 0 no-repeat;
}

#merch-store h2.title {
	width: 301px;
	height: 49px;
	text-indent: -9999px;
	margin: 8px 0 0 0;
	background: url(../images/merch-store-hdr-bg.png) 0 0 no-repeat;
}

#merch-banner {
	width: 304px;
	height: 139px;
}

#on-the-road {
	float: left;
	position: relative;
	width: 309px;
	height: 300px;
	margin: 5px 5px 0 0;
	background: url(../images/on-the-road-bg.jpg) 0 0 no-repeat;
}

#on-the-road h2.title {
	width: 301px;
	height: 49px;
	text-indent: -9999px;
	margin: 8px 0 0 0;
	background: url(../images/on-the-road-hdr-bg.png) 0 0 no-repeat;
}

#on-the-road a.show-all-events {
	position: absolute;
	top: 19px;
	right: 25px;
	display: block;
	width: 58px;
	height: 15px;
	text-indent: -9999px;
	background: url(../images/btn-show-all-events.gif) 0 0 no-repeat;
}

#on-the-road #events {
	width: 288px;
	height: 236px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: url(../images/events-bg.gif) 0 0 no-repeat;
}

#on-the-road .events-box {
	width: 280px;
	height: 220px;
	overflow: auto;
}

#on-the-road .events {
	width: 250px;
	clear: both;
	margin: 0 0 20px 10px;
	padding: 5px 0 0 0;
	background-color: #d7d1e3;
}

.event p, .event h3 {
	padding: 0 5px 5px;
}

.event-footer {
	float: left;
	width: 250px;
	background-color: #fff;
}

.event-footer h4.date {
	float: left;
	font-size: 110%;
	color: #333;
	padding: 2px 0 0 5px;
}

.event-footer a.more {
	float: right;
	display: block;
	width: 58px;
	height: 15px;
	text-indent: -9999px;
	background: url(../images/more-events-bg.gif) 0 0 no-repeat;
}

.event-footer a.ticket {
	float: right;
	display: block;
	width: 36px;
	height: 15px;
	text-indent: -9999px;
	background: url(../images/ticket-bg.gif) 0 0 no-repeat;
}

#youtube-videos {
	float: left;
	width: 305px;
	height: 300px;
	margin: 5px 0 0 0;
	background: url(../images/youtube-videos-bg.jpg) 0 0 no-repeat;
}

#youtube-videos h2.title {
	width: 301px;
	height: 49px;
	text-indent: -9999px;
	margin: 8px 0 0 0;
	background: url(../images/youtube-videos-hdr-bg.png) 0 0 no-repeat;
}

#youtube-videos div.video-box {
	float: left;
	width: 290px;
	padding: 9px 0;
	margin: 0 0 0 8px;
	background: url(../images/video-box-bg.jpg) bottom left no-repeat;
}

#youtube-videos div.video {
	float: left;
	width: 167px;
	height: 103px;
	background: url(../images/video-bg.gif) 0 0 no-repeat;
}

#youtube-videos div.video object {
	margin: 6px 6px 0;
}

#youtube-videos div.video-box h3 {
	color: #fff;
	font: 140% Futura, "Helvetic Neue", Helvetica, Arial;
	text-transform: uppercase;
	line-height: 15px;
	margin: 0 0 0 177px;
}

#youtube-videos div.video-box h4 {
	font: 110% "Helvetic Neue", Helvetica, Arial;
	color: #000;
	margin: 5px 0 0 177px;
}

#youtube-videos p {
	padding: 8px 0 0 0;
}

#getstuff {
	float: left;
	width: 310px;
	height: 300px;
	margin: 5px 0 0 0;
	background: url(../images/getstuff-bg.jpg) 0 0 no-repeat;
}

#getstuff h2.title {
	width: 301px;
	height: 49px;
	text-indent: -9999px;
	margin: 8px 0 0 0;
	background: url(../images/getstuff-hdr-bg.png) 0 0 no-repeat;
}

#getstuff .desktops {
	float: left;
	display: inline;
	margin: 0 0 0 12px;
	width: 167px;
}

#getstuff .icons {
	float: left;
	display: inline;
	margin: 0 0 0 12px;
	width: 103px;
}

#getstuff .desktops h3, #getstuff .icons h3 {
	color: #fff;
	margin: 0;
	font: 130% Futura, "Helvetica Neue", Helvetica, Arial;
	text-transform: uppercase;
}

#getstuff .desktops a img.desktop {
	padding: 6px;
	border: 0;
	background: url(../images/getstuff-desktops-bg.gif) 0 0 no-repeat;
}

#getstuff .icons a img.icon {
	padding: 6px;
	border: 0;
	background: url(../images/getstuff-icons-bg.gif) 0 0 no-repeat;
}

a.view-all {
	display: block;
	float: right;
	width: 62px;
	height: 15px;
	margin: 5px 0 0 0;
	text-indent: -9999px;
	background: url(../images/view-all-bg.gif) 0 0 no-repeat;
}

h3.form-title {
	float: left;
	display: inline;
	color: #fff;
	font: 130% Futura, "Helvetica Neue", Helvetica, Arial;
	text-transform: uppercase;
	margin: 10px 12px 0;
	padding: 10px 0 0 0;
	width: 283px;
	background: url(../images/getstuff-form-bg.jpg) 0 0 no-repeat;
}

#getstuff form {
	float: left;
	display: inline;
	margin: 10px 12px 0;
}

#getstuff form input {
	width: 220px;
	border: 1px solid #306124;
	padding: 3px;
	margin: 0 5px 0 0;
	background: url(../images/newsletter-form-input-bg.png);
}

#getstuff form button {
	width: 40px;
	height: 15px;
	text-indent: -9999px;
	border: 0;
	background: url(../images/getstuff-go-bg.gif) 0 0 no-repeat;
}

#footer {
	float: left;
	width: 958px;
	color: #d0c4c4;
	padding: 20px 0;
	background: url(../images/footer-bg.jpg) 0 0 no-repeat;
}

#footer p {
	padding: 0 15px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #6889b0;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
	color: #94B6DD;
}

ul.bandtours {
	width: 590px;
	margin: 0 10px 20px;
}

ul.bandtours div.date {
	color: #26413F;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	display: block;
	float: left;
	padding: 3px;
	margin-right: 5px;
	background-color: #fff;
	border-right: 1px solid #C0D5D5;
	border-bottom: 1px solid #C0D5D5;
}

ul.bandtours li {
	margin-bottom: 10px;
}

ul.bandtours span.month, ul.bandtours span.day, ul.bandtours span.time {
	display: block;
	font-size: 100%;
	text-transform: uppercase;
}

ul.bandtours span.day {
	font-size: 140%;
}

ul.bandtours span.time {
	font-size: 100%;
	font-weight: normal;
}

ul.bandtours a {
	font-weight: bold;
	font-size: 145%;
	margin-bottom: 3px;
}

/* -- [ Navigation ] ------------------------------------------- */

#nav {
	position: absolute;
	bottom: 4px;
	left: 20px;
	height: 24px;
}

#nav li {
	float: left;
	height: 24px;
	padding: 0 0 0 6px;
	background: url(../images/nav-li-bg.jpg) 0 0 no-repeat;
}

#nav li a {
	display: block;
	height: 24px;
	color: #fff;
	font-family: Futura, Arial;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 24px;
	padding: 0 13px 0 7px;
	background: url(../images/nav-li-a-bg.jpg) top right no-repeat;
}

* html #nav li a {
	width: 1%;
	white-space: nowrap;
}