@charset "UTF-8";
/* CSS Document */

/**************************************************** MASTER */
body {
	background-image: url(images/bkgnd.gif);
	background-repeat: no-repeat;
	background-position:top center;
	background-color:#000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:10px;
}
#containerMaster{
background-color:#B2B2B2;
width:950px;
height:inherit;
margin-top:30px;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:0;
}

/**************************************************** AUDIO PLAYER */
.audioInfo{
width:269px;
height:16px;
padding-top:3px;
padding-left:4px;
float:left;
}
.infoBkgndColor_x0{
background-color:#444444;
}
.infoBkgndColor_x0:hover{
background-color:#333333;
}
.infoBkgndColor_x1{
background-color:#555555;
}
.infoBkgndColor_x1:hover{
background-color:#333333;
}



/**************************************************** MASTHEAD */
#containerMasthead{
width:950px;
height:116px;
float:left;
}
#boxLogo{
background-image:url(images/logo_drk.jpg);
width:245px;
height:116px;
float:left;
}
#boxLogo:hover{
background-image:url(images/logoOver.jpg);
}
#boxMastheadTag{
background-image:url(images/mastheadTagAnime.jpg);
width:705px;
height:91px;
float:left;
}
#boxNav{
background-image:url(images/mastheadNavBkgnd.jpg);
width:705px;
height:25px;
float:left;
}

/**************************************************** NAV */
#navSpacer{
	border:none;
	width:100px;
	height:25px;
	float:right;
}
#navFront{
border:none;
background-image:url(nav/nav_front.png);
width:52px;
height:25px;
float:right;
}
#navFront:hover{
background-position:0 -25px;
}
#navFrontSet{
border:none;
background-image:url(nav/nav_front.png);
background-position:0 -50px;
width:52px;
height:25px;
float:right;
}
#navArtists{
border:none;
background-image:url(nav/nav_artists.png);
width:62px;
height:25px;
float:right;
}
#navArtists:hover{
background-position:0 -25px;
}
#navArtistsSet{
border:none;
background-image:url(nav/nav_front.png);
background-position:0 -50px;
width:62px;
height:25px;
float:right;
}

#navTours{
border:none;
background-image:url(nav/nav_tours.png);
width:52px;
height:25px;
float:right;
}
#navTours:hover{
background-position:0 -25px;
}
#navToursSet{
border:none;
background-image:url(nav/nav_tours.png);
background-position:0 -50px;
width:52px;
height:25px;
float:right;
}

#navReleases{
border:none;
background-image:url(nav/nav_releases.png);
width:62px;
height:25px;
float:right;
}
#navReleases:hover{
background-position:0 -25px;
}
#navReleasesSet{
border:none;
background-image:url(nav/nav_releases.png);
background-position:0 -50px;
width:62px;
height:25px;
float:right;
}

#navStore{
border:none;
background-image:url(nav/nav_store.png);
width:52px;
height:25px;
float:right;
}
#navStore:hover{
background-position:0 -25px;
}
#navStoreSet{
border:none;
background-image:url(nav/nav_store.png);
background-position:0 -50px;
width:52px;
height:25px;
float:right;
}

#navAbout{
border:none;
background-image:url(nav/nav_about.png);
width:52px;
height:25px;
float:right;
}
#navAbout:hover{
background-position:0 -25px;
}
#navAboutSet{
border:none;
background-image:url(nav/nav_about.png);
background-position:0 -50px;
width:52px;
height:25px;
float:right;
}

#navStreet{
border:none;
background-image:url(nav/nav_street.png);
width:52px;
height:25px;
float:right;
}
#navStreet:hover{
background-position:0 -25px;
}
#navStreetSet{
border:none;
background-image:url(nav/nav_street.png);
background-position:0 -50px;
width:52px;
height:25px;
float:right;
}

/**************************************************** COLUMNS */
#columnLeft{
background-color:#B2B2B2;
width:345px;
float:left;
}

#columnRight{
background-color:#B2B2B2;
width:605px;
float:left;
}

/**************************************************** CONTENT CONTAINERS */

/* BLOG */
#streetBlogContainer{
	background-image:url(images/bkgnd_streetBlog.jpg);
	background-repeat:repeat-y;
	width:345px;
	position:relative;
	z-index:0;
}
#streetBlogMainContainer{
background-image:url(none);
background-repeat:no-repeat;
width:345px;
height:1016px;
}
#streetBlogContentContainer{
width:311px;
height:994px;
padding-top:14px;
padding-left:6px;
padding-right:28px;
margin-bottom:8px;
overflow:hidden;
}

/* TWITTER LAYOUT */
#streetTwitterContainer{
background-image:url(images/bkgnd_streetTwitterAlerts.gif);
background-repeat:no-repeat;
width:277px;
height:424px;
padding-top:14px;
padding-left:12px;
padding-right:6px;
padding-bottom:6px;
float:left;
}

ul {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
/* color:#FF6638; */
font-size: 11px;
line-height: 14px;
text-align: left;
}
ul.dog {
list-style-image:url(twitter/dog_tiny.png);
list-style-position:outside;
}
ul.dog a:hover{
color:#CCCCCC;
}
ul.dog li{
margin-bottom:8px;
}


.twitter-title{
width:274px;
height:18px;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
/* color:#FF6638; */
font-weight:bold;
font-size: 12px;
line-height: 14px;
text-align:left;
height:20px;
float:left;
clear:both;
}
.twitter-title a{
color:#895950;
}
.twitter-title a:hover{
color:#895950;
}

.twitter-avatar{
background-image:url(twitter/dog.png);
background-repeat:no-repeat;
width:60px;
height:50px;
margin-left:0px;
float:left;
clear:left;
}
.twitter-entry{
width:260px;
height:50px;
padding-left:1px;
float:left;
}

/* EVENTS */
#eventsMainContainer{
width:605px;
height:312px;
float:left;
}
#eventsContainer{
	background-image:url(images/bkgnd_streetEvents.jpg);
	width:605px;
	height:312px;
	position:relative;
	z-index:0;
}
#eventsContent{
width:597px;
height:282px;
padding-top:26px;
padding-left:4px;
padding-bottom:4px;
padding-right:4px;
overflow:hidden;
position:relative;
z-index:0;
}

#eventsGoogleMap{
width:310px;
height:312px;
position:absolute;
top:0px;
left:0px;
z-index:0;
}
#map_canvas{
width:310px;
height:312px;
}

#eventsListContainer{
width:286px;
height:282px;
padding-left:4px;
left:311px;
position:absolute;
z-index:0;
}
#eventsListTitleBox{
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#999999;
margin-top:6px;
margin-bottom:3px;
margin-right:4px;
width:282px;
height:20px;
}
.eventsPeopleAttendingIcon{
background-image:url(images/people_attending.png);
background-repeat:no-repeat;
height:19px;
padding-left:30px;
}
.eventsListEntryBox{
border:none;
width:282px;
margin-right:4px;
margin-bottom:3px;
height:20px;
}
.eventsListEntryBox:hover{
background-color:#555555;
}
.eventsListDate{
padding-top:3px;
padding-left:3px;
width:42px;
height:20px;
float:left;
overflow:hidden;
}
.eventsListEvent{
padding-top:3px;
width:173px;
height:20px;
float:left;
overflow:hidden;
}
.eventsListPeople{
background-image:url(images/people.png);
padding-top:0px;
width:21px;
height:20px;
float:left;
overflow:hidden;
}
.eventsListPeopleEntry{
padding-top:3px;
width:21px;
height:20px;
float:left;
overflow:hidden;
}
.eventsListState{
padding-top:3px;
padding-right:3px;
width:40px;
height:20px;
float:left;
overflow:hidden;
}

.eventsOverlayPublic{
background-image:url(images/detailOverlay.png);
position:absolute;
padding-left:50px;
padding-right:10px;
padding-top:70px;
padding-bottom:10px;
width:545px;
height:232px;
overflow:hidden;
z-index:3;
}
.eventsOverlay{
background-image:url(images/detailOverlay.png);
position:absolute;
padding-left:10px;
padding-right:10px;
padding-top:32px;
padding-bottom:10px;
width:275px;
height:273px;
top:0px;
right:0px;
overflow:hidden;
z-index:3;
}
.eventDetailsBox{
margin-top:8px;
width:271px;
float:left;
clear:both;
}

.eventsExtraLink{
background-color:#333333;
padding-top:2px;
padding-right:4px;
padding-left:4px;
margin-top:8px;
margin-right:8px;
height:15px;
float:left;
}
.eventsExtraLink:hover{
background-color:#EEEEEE;
}

.loginLink{
background-color:#444444;
padding-top:2px;
padding-right:4px;
padding-left:4px;
margin-top:8px;
margin-right:8px;
height:15px;
float:left;
}
.loginLink:hover{
background-color:#FFFFFF;
}

/* STREET TEAM LOGIN */
#streetLoginMainContainer{
	background-image:url(images/bkgnd_streetLogin.jpg);
	background-repeat:no-repeat;
	background-color:#B2B2B2;
	width:310px;
	height:444px;
	float:left;
}
#streetLoginContainer{
width:298px;
height:400px;
padding-top:38px;
padding-left:6px;
padding-right:6px;
padding-bottom:6px;
position:relative;
z-index:0;
}

#streetNavContainer{
width:298px;
height:25px;
position:relative;
z-index:0;
}
#streetPanelContainer{
background-color:#EEEEEE;
width:286px;
height:361px;
padding-top:8px;
padding-left:6px;
padding-right:6px;
padding-bottom:6px;
overflow:hidden;
position:relative;
z-index:0;
}
.streetOverlay{
background-image:url(images/detailOverlayFill.png);
width:266px;
height:368px;
padding:16px;
position:absolute;
z-index:20;
}
.streetPanel{
width:286px;
height:361px;
}
.streetBlockFloatInline{
margin-right:4px;
float:left;
}
.streetBlock{
width:286px;
float:left;
clear:both;
margin-bottom:4px;
}
.streetBlockRule{
border-bottom:thin;
border-bottom-color:#666666;
border-bottom-style:dashed;
border-bottom-width:1px;
width:286px;
float:left;
clear:both;
padding-bottom:6px;
margin-bottom:4px;
}

.streetOverlayBlock{
width:266px;
float:left;
clear:both;
margin-bottom:4px;
}
.streetOverlayBlockRule{
border-bottom:thin;
border-bottom-color:#666666;
border-bottom-style:dashed;
border-bottom-width:1px;
width:266px;
float:left;
clear:both;
padding-bottom:6px;
margin-bottom:4px;
}

/* STREET PHOTOS */
#streetPhotosContainer{
background-color:#B2B2B2;
width:605px;
height:260px;
float:left;
}
#streetPhotosContent{
background-color:#111111;
width:377px;
height:32px;
padding:112px;
margin:2px;
float:left;
}
/********************************************************************************** STREET NAV */
#streetNavOptions{
border:none;
background-image:url(nav/street_options.png);
width:62px;
height:25px;
float:left;
}
#streetNavOptions:hover{
background-position:0 -25px;
}
#streetNavOptionsSet{
border:none;
background-image:url(nav/street_options.png);
background-position:0 -25px;
width:62px;
height:25px;
float:left;
}

#streetNavEvents{
border:none;
background-image:url(nav/street_events.png);
width:57px;
height:25px;
float:left;
}
#streetNavEvents:hover{
background-position:0 -25px;
}
#streetNavEventsSet{
border:none;
background-image:url(nav/street_events.png);
background-position:0 -25px;
width:57px;
height:25px;
float:left;
}

#streetNavBlog{
border:none;
background-image:url(nav/street_blog.png);
width:47px;
height:25px;
float:left;
}
#streetNavBlog:hover{
background-position:0 -25px;
}
#streetNavBlogSet{
border:none;
background-image:url(nav/street_blog.png);
background-position:0 -25px;
width:47px;
height:25px;
float:left;
}

#streetNavPhotos{
border:none;
background-image:url(nav/street_photos.png);
width:57px;
height:25px;
float:left;
}
#streetNavPhotos:hover{
background-position:0 -25px;
}
#streetNavPhotosSet{
border:none;
background-image:url(nav/street_photos.png);
background-position:0 -25px;
width:57px;
height:25px;
float:left;
}

.streetExtraLink{
background-color:#333333;
padding-top:2px;
padding-right:4px;
padding-left:4px;
margin-top:8px;
margin-right:8px;
height:15px;
float:left;
}
.streetExtraLink:hover{
background-color:#BBBBBB;
}
.streetExtraLinkInline{
background-color:#333333;
padding-top:2px;
padding-right:3px;
padding-left:3px;
height:15px;
}

.streetExtraLinkInline:hover{
background-color:#BBBBBB;
}

/* BANNER AD */
#containerBannerAd{
width:468px;
height:60px;
padding-bottom:1px;
padding-left:1px;
padding-right:1px;
padding-top:1px;
float:left;
}

/* EXTRA LINKS */
#containerExtraLinks{
background-image:url(images/bkgnd_links.gif);
width:480px;
height:223px;
float:left;
}
.extraLinkMainBox{
border-top:2px;
border-top-style:solid;
border-top-color:#777777;
background-color:#777777;
width:480px;
height:18px;
position:relative;
z-index:1;
}
.extraLinkIconBox{
background-image:url(images/extraLinkIcons.png);
width:32px;
height:18px;
float:left;
}
.extraLinkTextBox{
width:446px;
height:18px;
float:left;
}
.podcast{
background-position:0 0;
}
.rss{
background-position:0 -18px;
}
.blog{
background-position:0 -36px;
}
.myspace{
background-position:0 -54px;
}

.extraLinkBkgnd_y{
background-image:url(images/extraLinkLight.gif);
background-position:0 0;
}
.extraLinkBkgnd_y:hover{
background-image:url(images/extraLinkLight.gif);
background-position:0 -18px;
}
.extraLinkBkgnd_z{
background-image:url(images/extraLinkDark.gif);
background-position:0 0;
}
.extraLinkBkgnd_z:hover{
background-image:url(images/extraLinkDark.gif);
background-position:0 -18px;
}

/**************************************************** BUTTONS */
#buttonVideoFullScreen{
bottom:-7px;
right:201px;
}
#buttonVideoClose{
top:63px;
right:174px;
}

#buttonAudioClose{
top:69px;
right:169px;
}

.buttonUpcomingShowClose{
top:11px;
left:445px;
}
.buttonEventPublicClose{
top:11px;
right:11px;
}
.buttonTwitterFloatClose{
top:49px;
left:366px;
}
.buttonTopLeftClose{
top:10px;
right:10px;
}

.buttonFormClose{
top:6px;
right:6px;
}
.buttonFullScreen{
background-image:url(images/buttonFullScreen.png);
background-position:0 0;
position:absolute;
width:24px;
height:23px;
z-index:4;
}
.buttonFullScreen:hover{
background-position:-24px 0;
}

.buttonDogClose{
background-image:url(images/buttonClose.png);
background-position:-14px 0;
position:absolute;
width:14px;
height:14px;
z-index:4;
}
.buttonDogClose:hover{
background-position:0 0;
}

.buttonNarrow{
background-repeat:no-repeat;
background-position:0 0;
	border:none;
	width:40px;
	height:19px;
	padding-left:2px;
	margin-bottom:2px;
	float:left;
}
.buttonNarrowDisabled{
background-repeat:no-repeat;
background-position:0 0;
	border:none;
	width:40px;
	height:19px;
	padding-left:2px;
	margin-bottom:2px;
	float:left;
}

.button{
background-repeat:no-repeat;
background-position:2px 0;
	border:none;
	width:48px;
	height:19px;
	padding-left:2px;
	margin-bottom:2px;
	float:left;
}
.buttonDisabled{
background-repeat:no-repeat;
background-position:2px 0;
	border:none;
	width:48px;
	height:19px;
	padding-left:2px;
	margin-bottom:2px;
	float:left;
}

.button:hover{
background-position:2px -19px;
}
.buttonNarrow:hover{
background-position:0 -19px;
}

.preorder{
background-image:url(images/link_PreOrder.gif);
}
.buynow{
background-image:url(images/link_buyNow.gif);
}
.itunes{
background-image:url(images/link_itunes.gif);
}
.details{
background-image:url(images/link_details.gif);
}
.detailsAlert{
background-image:url(images/link_detailsAlert.gif);
}
.tickets{
background-image:url(images/link_tickets.gif);
}
.ticketsDisabled{
background-image:url(images/link_tickets_disabledAlt.gif);
}