/*YUI2-RESET---------------------------*/
BODY, DIV, DL, DT, DD, UL, OL, LI, H1, H2, H3, H4, H5, H6, PRE, FORM, FIELDSET, INPUT, TEXTAREA, P, BLOCKQUOTE, TH, TD
{
	margin: 0;
	padding: 0;
}
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
FIELDSET, IMG
{
	border: 0;
}
ADDRESS, CAPTION, CITE, CODE, DFN, EM, STRONG, TH, VAR
{
	font-style: normal;
	font-weight: normal;
}
OL, UL
{
	list-style: none;
}
CAPTION, TH
{
	text-align: left;
}
H1, H2, H3, H4, H5, H6
{
	font-size: 100%;
	font-weight: normal;
}
Q:before, Q:after
{
	content: '';
}
ABBR, ACRONYM
{
	border: 0;
}
/*CLEARFIX---------------------------------*/
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.storeicon
{
	padding: 20px;
}
.store_landing
{
	background-color: #000;
	padding: 26px;
}
.friends
{
	padding-bottom: 15px;
}
.friends_icon
{
	padding: 10px 20px;
}
.clearfix
{
	display: inline-block;
}
HTML[xmlns] .clearfix
{
	display: block;
}
* HTML .clearfix
{
	height: 1%;
}
/*TYPEFACE---------------------------------*/
@font-face
{
	font-family: BebasNeueRegular;
	src: url('type/BebasNeue-webfont.eot');
	src: url('type/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('type/BebasNeue-webfont.woff') format('woff'), url('type/BebasNeue-webfont.ttf') format('truetype'), url('type/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*MAIN STYLES------------------------------*/
BODY
{
	background: #0D1142 url(images/page_bg.jpg) no-repeat fixed 50% 0;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	overflow-x: hidden;
}
A
{
	text-decoration: underline;
	color: #FFF;
}
A:hover
{
	color: #BF39AD;
}
.tourdates_in_headline
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18pt;
	width: 565px;
}
P
{
	margin-bottom: 1em;
	line-height: 1.4em;
}
STRONG
{
	font-weight: bold;
}
EM
{
	font-style: italic;
}
H1
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 48px;
	line-height: 1em;
	position: absolute;
	right: 0;
	top: 0;
}
H2
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 32px;
	line-height: 1em;
	color: #BF39AD;
}
H3
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1em;
}

.intphoto tr td {vertical-align: middle; padding: 0 0 10px;}.intphoto img {display: block; padding: 10px; background: url(images/block_bg.png) repeat; margin: 0 0 5px;}.intphoto img:hover {background: #BF39AD;}


/*SHELL STYLES------------------------------*/
.wrapper
{
	width: 1000px;
	margin: 0 auto;
}
#page-header
{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 220px;
	z-index: 2000;
	background: url(images/page_bg.jpg) no-repeat fixed 50% 0;
}
#page-header-inner
{
	height: 114px;
	background: url(images/gradient_bar.png) repeat-x scroll 0 0;
}
#page-logo
{
	width: 1279px;
	padding: 143px 0 0;
	overflow: hidden;
	height: 0;
	background: url(images/jstone_logo.png) no-repeat right 0;
	position: relative;
	top: -8px;
	left: -22px;
}
.utility
{
	position: relative;
	height: 50px;
}
#page-socials
{
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
}
#page-socials LI
{
	float: left;
	margin-right: 14px;
}
#page-socials LI A
{
	background: url(images/social_elements.png) no-repeat;
	height: 0;
	overflow: hidden;
	padding: 43px 0 0;
	display: block;
	opacity: .85;
}
#page-socials LI A:hover
{
	opacity: 1;
}
#page-socials LI#social-stoned A
{
	background-position: 0px 0;
	width: 73px;
}
#page-socials LI#social-facebook A
{
	background-position: -87px 0;
	width: 86px;
}
#page-socials LI#social-myspace A
{
	background-position: -186px 0;
	width: 107px;
}
#page-socials LI#social-twitter A
{
	background-position: -309px 0;
	width: 79px;
}
#page-socials LI#social-youtube A
{
	background-position: -402px 0;
	width: 62px;
}
#page-socials LI#social-itunes A
{
	background-position: -480px 0;
	width: 78px;
}
#page-socials LI#social-ilike A
{
	background-position: -572px 0;
	width: 41px;
}
#page-socials LI#social-eventful A
{
	background-position: -627px 0;
	width: 73px;
}
#form-header-emupdates
{
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 13px;
}
#form-header-emupdates LABEL
{
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	font-size: 10px;
	letter-spacing: 0.05em;
}
#form-header-emupdates #header-emupdates-input
{
	width: 184px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	background: url(images/header_email_signup.png) no-repeat 0 0;
	line-height: 30px;
	color: #6588C5;
	padding: 0 10px;
	font-size: 11px;
}
#form-header-emupdates #header-emupdates-input:focus
{
	background-position: 0 -30px;
}
#form-header-emupdates #submit
{
	width: 62px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	background: url(images/header_email_signup.png) no-repeat right 0;
	cursor: pointer;
}
#form-header-emupdates #submit:hover
{
	background-position: right -30px;
}
#page-nav
{
	height: 30px;
	background: #FFF url(images/nav_elements.png) repeat-x 0 -360px;
	margin-top: 22px;
	position: relative;
	z-index: 1000;
}
#page-nav UL
{
	width: 1000px;
	margin: 0 auto;
	height: 30px;
}
#page-nav UL LI
{
	float: left;
	border-right: 1px solid #0E1242;
}
#page-nav UL LI.first
{
	border-left: 1px solid #0E1242;
}
#page-nav UL LI A
{
	width: 95px;
	height: 24px;
	padding-top: 6px;
	display: block;
	color: #FF0000;
	background: #FFF url(images/nav_elements.png) repeat-x 50% -330px;
}
#page-nav UL LI A SPAN
{
	padding-top: 17px;
	height: 0;
	overflow: hidden;
	display: block;
	background: url(images/nav_elements.png) no-repeat 0 0;
	margin: 0 auto;
}
#page-nav UL LI#home A SPAN
{
	background-position: 0px 0px;
	width: 38px;
}
#page-nav UL LI#news A SPAN
{
	background-position: 0px -25px;
	width: 39px;
}
#page-nav UL LI#tour A SPAN
{
	background-position: 0px -50px;
	width: 33px;
}
#page-nav UL LI#photos A SPAN
{
	background-position: 0px -75px;
	width: 51px;
}
#page-nav UL LI#store A SPAN
{
	background-position: 0px -100px;
	width: 40px;
}
#page-nav UL LI#askjoss A SPAN
{
	background-position: 0px -125px;
	width: 33px;
}
#page-nav UL LI#cinema A SPAN
{
	background-position: 0px -150px;
	width: 50px;
}
#page-nav UL LI#friends A SPAN
{
	background-position: 0px -175px;
	width: 52px;
}
#page-nav UL LI#superheavy A SPAN
{
	background-position: 0px -200px;
	width: 84px;
}

#page-nav UL LI#about A SPAN
{
	background-position: 0px -225px;
	width: 44px;
}


#page-nav UL LI#home:hover A
{
	background: #54499E;
}
#page-nav UL LI#about:hover A
{
	background: #61499d;
}
#page-nav UL LI#news:hover A
{
	background: #6a489d;
}
#page-nav UL LI#tour:hover A
{
	background: #75489c;
}
#page-nav UL LI#photos:hover A
{
	background: #80489c;
}
#page-nav UL LI#store:hover A
{
	background: #8a479b;
}
#page-nav UL LI#askjoss:hover A
{
	background: #95479b;
}
#page-nav UL LI#cinema:hover A
{
	background: #9e469b;
}
#page-nav UL LI#friends:hover A
{
	background: #a5469a;
}
#page-nav UL LI#superheavy:hover A
{
	background: #ab469a;
}


#page-nav UL LI#home:hover A SPAN
{
	background-position: -150px 0px;
}
#page-nav UL LI#news:hover A SPAN
{
	background-position: -150px -25px;
}
#page-nav UL LI#tour:hover A SPAN
{
	background-position: -150px -50px;
}
#page-nav UL LI#photos:hover A SPAN
{
	background-position: -150px -75px;
}
#page-nav UL LI#store:hover A SPAN
{
	background-position: -150px -100px;
}
#page-nav UL LI#askjoss:hover A SPAN
{
	background-position: -150px -125px;
}
#page-nav UL LI#cinema:hover A SPAN
{
	background-position: -150px -150px;
}
#page-nav UL LI#friends:hover A SPAN
{
	background-position: -150px -175px;
}
#page-nav UL LI#superheavy:hover A SPAN
{
	background-position: -150px -200px;
}

#page-nav UL LI#about:hover A SPAN
{
	background-position: -150px -225px;
}
#page-content
{
	padding-top: 225px;
	width: 100%;
	height: 100%;
}
#content-wrapper
{
	width: 1000px;
	margin: 0 auto 40px;
}
#page-footer
{
	height: 33px;
	padding: 27px 0 0;
	width: 100%;
	bottom: 0;
	left: 0;
	background: url(images/gradient_bar.png) repeat-x scroll 0 0;
	z-index: 1999;
}
#page-footer SPAN, #page-footer A
{
	display: block;
	padding: 33px 0 0;
	overflow: hidden;
	height: 0;
	float: left;
	background: url(images/footer_elements.png) no-repeat;
}
#page-footer .copy
{
	width: 230px;
	background-position: 0 0;
}
#page-footer .terms
{
	width: 87px;
	background-position: -228px 0;
}
#page-footer .terms:hover
{
	background-position: -228px -33px;
}
#page-footer .div
{
	width: 2px;
	background-position: -413px 0;
}
#page-footer .privacy
{
	width: 96px;
	background-position: -317px 0;
}
#page-footer .privacy:hover
{
	background-position: -317px -33px;
}
#page-footer .contact
{
	width: 77px;
	background-position: -415px 0;
}
#page-footer .contact:hover
{
	background-position: -415px -33px;
}
#page-footer .location
{
	width: 506px;
	background-position: -492px 0;
	height: 33px;
	padding: 0;
}
#page-footer .location FORM
{
	float: right;
}
#page-footer .location FORM LABEL
{
	display: none;
}
#page-footer .location FORM SELECT
{
	width: 185px;
	height: 20px;
	margin: 6px 12px 7px 0;
}

#pubu {width: 78px!important; height: 0!important; overflow: hidden!important; padding: 29px 0 0!important; background: url(images/pubu.png) 0 0 no-repeat!important; float: right!important; margin: 1px!important;}
.col-1
{
	width: 555px;
	float: left;
	margin-right: 45px;
}
.col-2
{
	width: 400px;
	float: left;
	padding: 100px 0 0;
}
.block
{
	padding: 0 40px 55px 0;
	position: relative;
	min-height: 240px;
}
.block-content
{
	padding: 10px;
	background: url(images/block_bg.png) repeat;
	margin: 0 0 6px;
}
#single-col
{
	width: 750px;
}
.block-utility
{
	height: 24px;
}
.sharethis
{
	line-height: 17px;
	float: left;
}
.sharethis SPAN
{
	display: block;
	float: left;
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px;
	margin: 0 5px 0 0;
}
.sharethis UL
{
	float: left;
	margin: 0 15px 0 0;
}
.sharethis UL LI
{
	float: left;
	margin-right: 2px;
}
.sharethis UL LI A
{
	width: 17px;
	padding: 17px 0 0;
	overflow: hidden;
	height: 0;
	display: block;
	background: url(images/sharethis_socials.png) no-repeat;
	opacity: .85;
}
.sharethis UL LI A:hover
{
	opacity: 1;
}
.sharethis UL LI.share-facebook A
{
	background-position: 0 0;
}
.sharethis UL LI.share-twitter A
{
	background-position: -17px 0;
}
.sharethis UL LI.share-email A
{
	background-position: -34px 0;
}
.superlink
{
	display: inline-block;
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #BF39AD;
	text-decoration: none;
	font-size: 24px;
	line-height: 1em;
	float: right;
}
.superlink:hover
{
	text-shadow: 0px 0px 2px #BF39AD;
}
.superlink SPAN
{
	color: #FFF;
}
.twitter-purple
{
	color: #5444A7;
	text-shadow: 0 0 2px #0A1239;
}
.facebook-blue
{
	color: #005C9A;
	text-shadow: 0 0 2px #0A1239;
}
.superlink.facebook-blue
{
	margin-right: 40px;
	margin-top: -50px;
}
#home-shop-album
{
	margin-bottom: 6px;
}
#home-video-wrapper
{
	width: 495px;
	height: 310px;
	background: #000;
}

#stoned-radio {padding-bottom: 10px;}
#stoned-radio .block-content {padding: 20px;}
#stoned-radio h1 {margin-right: -19px;}


.articles_body
{
	padding: 10px;
	background: url(images/block_bg.png) repeat;
	margin: 0 0 6px;
}
.articles_headline
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 33px;
	border-bottom: 4px solid #FFF;
	line-height: 1em;
	margin-bottom: 12px;
	padding-bottom: 10px;
	display: block;
}
.articles_body .block-utility
{
	margin: 20px 0 0;
}
.articles_date
{
	color: #BF39AD;
	font-weight: bold;
}
.articles_in_body
{
	padding: 10px;
	background: url(images/block_bg.png) repeat;
	margin: 0 0 6px;
}
.articles_in_headline
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 33px;
	border-bottom: 4px solid #FFF;
	line-height: 1em;
	margin-bottom: 12px;
	padding-bottom: 10px;
	display: block;
}
.articles_in_body .block-utility
{
	margin: 20px 0 0;
}
.articles_in_date
{
	color: #BF39AD;
	font-weight: bold;
}
.tourdates_alt1, .tourdates_alt2
{
	padding: 10px;
	background: url(images/block_bg.png) repeat;
	margin: 0 0 6px;
}
.tourdates_date
{
	width: 50px;
	float: left;
	text-align: center;
}
.tourdates_month
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 29px;
	line-height: 1em;
}
.tourdates_day
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 40px;
	color: #BF39AD;
	line-height: 0.75em;
}
.tourdates_body
{
	margin-left: 65px;
}
.tourdates_location
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px;
}
.tourdates_body .block-utility
{
	margin: 5px 0 0;
}
.nowrap .block-content
{
	background: none !important;
	padding: 0;
}
.tourdates-page-block .sharethis
{
	margin-top: 8px;
}
.tourdates_in_block
{
	padding: 10px;
	background: url(images/block_bg.png) repeat;
	margin: 0 0 6px;
}
.tourdates_in_date
{
	display: block;
	width: 50px;
	float: left;
	text-align: center;
}
.tourdates_in_month
{
	display: block;
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 29px;
	line-height: 1em;
}
.tourdates_in_day
{
	display: block;
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 40px;
	color: #BF39AD;
	line-height: 0.75em;
}
.tourdates_in_body
{
	display: block;
	margin-left: 15px;
	float: left;
	width: 400px;
}
.tourdates_in_location
{
	display: block;
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1em;
}
.tourdates_in_details_click, .tourdates_in_tix
{
	display: block;
	float: right;
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 28px;
	text-decoration: none;
	text-align: center;
	background: url(images/block_bg.png) repeat;
	margin: 0 0 0 5px;
}
.tourdates_in_details_click A, .tourdates_in_tix A
{
	text-decoration: none;
	line-height: 1em;
	width: 70px;
	height: 61px;
	display: block;
	padding: 9px 0 0;
}
.tourdates_details
{
	display: block;
	padding: 10px;
	background: url(images/block_bg.png) repeat;
	clear: both;
	position: relative;
	top: 10px;
	margin-bottom: 10px;
}
#splash-bg
{
	background: url(images/splash_bg.jpg) no-repeat fixed 50% 0;
}
#splash-bar
{
	height: 114px;
	background: url(images/jstone_demo_header.png) repeat-x scroll 0 0;
	margin: 170px 0 0;
}
#splash-promo
{
	display: block;
	width: 896px;
	height: 0;
	overflow: hidden;
	padding: 428px 0 0;
	background: url(images/splash_promo.png) no-repeat 0 0;
	margin: 0 auto;
	position: relative;
	top: -99px;
}
.blog_headline
{
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 2px;
	margin-bottom: 5px;
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px;
}
.blog_body
{
}
.askjoss_right
{
	padding-top: 25px;
}
.blog_date
{
	color: #BF39AD;
	font-weight: bold;
}
.supertext
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 34px;
	line-height: 1em;
	text-align: center;
	margin-bottom: 15px;
}
.form TABLE TR TD
{
	padding: 5px;
}
.form INPUT
{
	padding: 4px;
}
.form
{
	width: 70%;
	margin: 0 auto;
}
.contact-form TEXTAREA
{
	width: 100%;
}
A.stbutton
{
	float: left !important;
}




.ajc-1 {width: 655px;}
.ajc-2 {width: 300px;}

.comments_content {padding: 10px; background: url(images/block_bg.png) repeat;}
.comments_info {text-align: right; font-size: 11px;}
#comments_header {margin-bottom: 10px; text-align: right;}
.comments_link a {font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; text-decoration: none;}
.avatar {}
.comments_title {	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px; margin-bottom: 5px; border-bottom: 3px solid #fff; padding-bottom: 3px; }

.blog_headline, .blog-history-headline
{
	font-family: BebasNeueRegular, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 33px;
	border-bottom: 4px solid #FFF;
	line-height: 1em;
	margin-bottom: 12px;
	padding-bottom: 10px;
	display: block;
}
.blog-history-headline {font-size: 20px; bordeR: 0; padding-bottom: 0; margin-bottom: 0;}
.blog-history-headline a {text-decoration: none;}

.blog_date, .blog-history-date
{
	color: #BF39AD;
	font-weight: bold;
}

#submission {padding: 10px; background: url(images/block_bg.png) repeat;}
