/* CSS Document */

/* layout and positioning */
body
	{background: #1a1a1a url(../images/criticalsun_bg.jpg) top center no-repeat;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	text-align: center;
	}

#page
	{width: 895px;
	margin: 0px auto auto auto;
	text-align: left;
	padding: 0px;
	height: auto;
	overflow: auto;
	display: block;
	}

.sidebar
	{width: 145px;
	height: auto;
	display: block;
	overflow: auto;
	float: left;
	margin: 0px 15px 15px 0px;
	}

#sectiontitle
	{height: 38px;
	background-color: #ff6a00;
	width: 160px;
	color: #ffd400;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	padding: 2px 0px 0px 6px;
	float: left;
	margin: 0px 2px 2px 0px;
	}
	
/* dropdown menu */

.artist_dropdown
	{background: #ff6a00 url(../images/artist_menu_off.gif) top left no-repeat;
	width: 166px;
	height: 38px;
	overflow: hidden;
	padding: 2px 0px 0px 0px;
	float: left;
	margin: 0px 2px 2px 0px;
	}

.artist_dropdown_open
	{background: #ff6a00 url(../images/artist_menu_on.gif) top left no-repeat;
	width: 166px;
	height: 38px;
	overflow: visible;
	padding: 2px 0px 0px 0px;
	float: left;
	margin: 0px 2px 0px 0px;
	position: relative;
	z-index: 1;
	}

.artist_menu
	{background: #ffe14c;
	height: auto;
	width: 168px;
	overflow: auto;
	display: block;
	padding: 5px 0px 15px 0px;
	}

#all_artists, #all_artists a
	{font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	margin: 2px 0px 0px 4px;
	text-decoration: none;
	color: #ffd400;
	height: 38px;
	}

.genre
	{color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	padding: 5px 0px 5px 0px;
	}
	
#menu_genre
	{color: #c40;
	border-left: 8px solid #ffb12e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-left: 2px;
	}

#menu_item
	{font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	padding-left: 9px;
	display: block;
	text-decoration: none;
	}

#menu_item:hover
	{background-color: #ffbf00;
	color: #fff;
	}
	
/* end dropdown menu */

#header
	{height: 100px;
	width: auto;
	overflow: hidden;
	}

#logo
	{float: left;
	overflow: auto;
	}

#socialmedia
	{float: right;
	height: 23px;
	width: 89px;
	margin-top: 30px;
	overflow: auto;
	}

#bandcamp_icon
	{height: 23px;
	width: 23px;
	background: url(../images/social_icons.png) 0px 0px;
	float: left;
	margin-right: 10px;
	}

#bandcamp_icon:hover
	{background: url(../images/social_icons.png) 0px -24px;
	}

#facebook_icon
	{height: 23px;
	width: 23px;
	background: url(../images/social_icons.png) -48px 0px;
	float: left;
	margin-right: 10px;
	}

#facebook_icon:hover
	{background: url(../images/social_icons.png) -48px -24px;
	}

#twitter_icon
	{height: 23px;
	width: 23px;
	background: url(../images/social_icons.png) -24px 0px;
	float: left;
	}

#twitter_icon:hover
	{background: url(../images/social_icons.png) -24px -24px;
	}

#hero
	{width: 730px;
	height: auto;
	overflow: auto;
	display: block;
	background: url(../images/hero_bg.gif) top left no-repeat;
	margin-bottom: 20px;
	}

#hero_heading
	{color: #f00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	margin: 5px 0px 0px 8px;
	overflow: auto;
	}

#hero_boldtext
	{color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 6px;
	}

#hero_plaintext
	{color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	margin: 12px 0px 0px 8px;
	padding: 3px;
	width: 385px;
	}

#hero_left
	{width: auto;
	overflow: auto;
	float: left;
	}
	
#hero_graphic
	{border: 1px solid #808080;
	float: right;
	margin: 10px 10px 10px 0px;
	overflow: hidden;
	width: 300px;
	height: auto;
	text-align: center;
	background: #333;
	}

#artists
	{width: 405px;
	height: auto;
	overflow: visible;
	display: block;
	float: left;
	background: url(../images/bands_bg.gif) top left no-repeat;
	color: #000;
	padding-bottom: 15px;
	}
	
#news
	{width: 305px;
	height: 420px;
	overflow: hidden;
	display: block;
	float: right;
	background: url(../images/news_bg.gif) top left no-repeat;
	color: #000;
	}

.news_container
	{height: auto;
	display: block;
	overflow: auto;
	border: 1px solid #f00;
	}

#footer
	{height: 27px;
	border-bottom: 5px solid #ff6a00;
	margin: 15px 5px 0px 0px;
	display: block;
	overflow: auto;
	float: right;
	}

#footer_text 
	{height: 20px;
	width: 725px;
	background: #404040;
	padding: 5px 0px 0px 5px;
	color: #fff;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
/* sidebar text */

#navbar
	{font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 22px;
	height: auto;
	margin: 0px 0px 30px 0px;
	display: block;
	overflow: auto;
	}

#navbar_disabled
	{font-family: arial, Helvetica, sans-serif;
	color: #505050;
	font-size: 18px;
	line-height: 24px;
	}

#navitem_sel
	{font-family: arial, Helvetica, sans-serif;
	color: #ffd400;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	}

#navitem, #navitem a
	{font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	text-decoration: none;
	}

#navitem:hover, #navitem a:hover, #navitem a:visited
	{text-decoration: none;
	color: #ffd400;
	}
	
#navitem_dis
	{font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	line-height: 24px;
	text-decoration: none;
	}

#calendar
	{margin-top: 20px;
	font-family: arial, Helvetica, sans-serif;
	color: #808080;
	font-size: 14px;
	line-height: normal;
	display: block;
	overflow: auto;
	}

#calendar_hdr
	{border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	font-family: arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #808080;
	padding: 2px 0px 2px 0px;
	}

#calendar_title
	{color: #cdcdcd;
	font-weight: bold;
	display: block;
	}

/* end sidebar text */

/* content pages */

.content_home
	{width: 730px;
	height: auto;
	overflow: visible;
	display: inline;
	float: right;
	line-height:normal;
	}

.content
	{width: 730px;
	overflow: auto;
	display: block;
	float: left;
	}

#content_global
	{overflow: auto;
	display: block;
	width: auto;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 10px 20px 20px 15px;
	}

#pagetitle
	{color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 36px;
	margin: 0px;
	padding-bottom: 10px;
	overflow: auto;
	letter-spacing: -1px;
	display: block;
	}

#pagetitle_18
	{color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 36px;
	margin: 10px auto 10px 17px;
	padding-bottom: 10px;
	overflow: auto;
	letter-spacing: -1px;
	display: block;
	}

#pageheader
	{background: #fff;
	height: 42px;
	display: block;
	overflow: hidden;
	}
	
#pagecontent
	{width:730px;
	height:auto;
	background: #fff;
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	position: relative;
	z-index: 0;
	}

#paragraph
	{font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	}

#artist_heading
	{color: #ff9800;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	margin: 0px 0px 0px 8px;
	letter-spacing: -1px;
	}

#artists_genre
	{color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	padding: 5px 0px 0px 10px;
	letter-spacing: -1px;
	}

.artist_row
	{overflow: auto;
	display: block;
	width: auto;
	margin: 0px 20px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	}

#artist_leftcol
	{overflow: auto;
	float: left;
	display: block;
	width: auto;
	border-left: 15px solid #124ea3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	}

#artist_rightcol
	{overflow: visible;
	float: left;
	display: block;
	width: 485px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 18px;
	}

#bandname
	{color: #333;
	font-family: Arial Black, Helvetica, sans-serif;
	font-size: 36px;
	margin: 10px auto 10px 15px;
	padding: 0px;
	overflow: auto;
	letter-spacing: -1px;
	display: block;
	}

.artistpg_leftcol
	{overflow: auto;
	float: left;
	display: block;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	}

#artistpg_sub_left
	{color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 0px 10px 15px;
	}

.artistpg_rightcol
	{float: left;
	overflow: auto;
	display: block;
	width: 400px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	}
	
#bandimage
	{border-left: 15px solid #124ea3;
	}

#bandbio
	{color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	}
	
#hdr_artist
	{color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 2px 0px 10px 0px;
	line-height:normal;
	overflow: auto;
	display: block;
	}
	
#hdr_artist_bandname
	{color: #333;
	font-family: Arial Black, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	display: block;
	letter-spacing: -1px;
	}
		
#clipping
	{color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 25px 0px 0px;
	overflow: auto;
	}

#news_heading
	{color: #ffbc00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	margin: 0px 0px 0px 8px;
	display: block;
	letter-spacing: -1px;
	}

#artist_name
	{font-family: Arial Black, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	display: block;
	color: #000;
	line-height: 16px;
	margin-bottom: 3px;
	}

#artist_bio_home
	{overflow: auto;
	padding: 0px 10px 0px 8px;
	display: block;
	}

#artist_graphic
	{width: 100px;
	height: 80px;
	display: block;
	overflow: hidden;
	border-left: 10px solid #004ab3;
	float: left;
	margin: 0px 0px 5px 0px;
	}
	
#artist_blurb
	{font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	display: block;
	margin-top: 10px;
	color: #333;
	overflow: auto;
	}

#news_item
	{display: block;
	margin: 10px;
	padding-bottom: 10px;
/*	border-bottom: 1px solid #8c5e00; */
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	}
	
#news_date
	{font-size: 10px;
	font-family: arial, Helvetica, sans-serif;
	font-style: italic;
	color: #595959;
	display: inline;
	}

/* end content area text */

/* news feed styles */

#twitter_update_list {
	font-size: 13px;
	line-height: 19px;
	list-style: none;
	}
#twitter_update_list li {
	background: url('img/divisor.gif') bottom left repeat-x;
	padding-bottom: 7px;
	margin-bottom: 9px;
	border-bottom: 1px solid #ccc;
	}
#twitter_update_list span, {
	color: #444444;
	text-decoration: none;
	}
 
#twitter_update_list span a {
	color: #8d0000;
	}
 
#twitter_update_list span a:hover {
	color: #a00;
	}
 
#twitter_update_list a {
	color: #a00;
	}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}

/* end news feed styles */

/* picture formats */
	
/* link styles */

#hero_plaintext a, #hero_plaintext a:visited
	{color:#a62900;
	text-decoration:none;
	}

#hero_plaintext a:hover, #hero_plaintext a:hover:visited
	{color:#a62900;
	text-decoration:underline;
	}

#artist_link, #artist_link a, #artist_link a:visited
	{font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	color: #a62900;
	text-decoration: none;
	margin-top: 6px
	}

#artist_link a:hover
	{text-decoration: underline;
	}

/* sxsw 2012 */

#sx_bg_top
	{background: url(../images/sxsw12/sx_bg_top.png) top center no-repeat;
	margin: 10px 0px 0px 10px;
	width: 710px;
	height: 15px;
	display: block;
	overflow: visible;
	}
	
#sx_bg_content
	{background: #f37c20 url(../images/sxsw12/sx_icons.png) bottom center no-repeat;
	margin: 0px 10px 0px 10px;
	padding: 0px 30px 0px 30px;
	height: 800px;
	display: block;
	overflow: visible;
	}

#sx_content_left
	{text-align: left;
	width: 220px;
	height: auto;
	float: left;
	display: block;
	overflow: visible;
	}
	
#sx_content_right
	{text-align: left;
	width: 420px;
	height: auto;
	float: left;
	display: block;
	overflow: visible;
	}

#sx_paragraph
	{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #171c1b;
	text-decoration:none;
	}
	
#sx_paragraph a
	{color: #fff;
	text-decoration: none;
	}
	
#sx_paragraph a:hover
	{text-decoration:underline;
	}
	
#sx_title
	{margin-left: -5px;
	display: block;
	overflow: visible;
	}

#sx_fgirls
	{background: url(../images/sxsw12/sx_fgirls.png);
	width: 180px;
	height: 30px;
	border: 0px;
	display: block;
	margin: 0px 0px 4px 0px;
	}

#sx_fgirls:hover
	{background: url(../images/sxsw12/sx_fgirls_on.png);
	}
	
#sx_darrius
	{background: url(../images/sxsw12/sx_darrius.png);
	width: 180px;
	height: 30px;
	border: 0px;
	display: block;
	margin: 0px 0px 4px 0px;
	}

#sx_darrius:hover
	{background: url(../images/sxsw12/sx_darrius_on.png);
	}

#sx_sightseer
	{background: url(../images/sxsw12/sx_sightseer.png);
	width: 180px;
	height: 30px;
	border: 0px;
	display: block;
	margin: 0px 0px 4px 0px;
	}

#sx_sightseer:hover
	{background: url(../images/sxsw12/sx_sightseer_on.png);
	}
	
#sx_incahoots
	{background: url(../images/sxsw12/sx_incahoots.png);
	width: 180px;
	height: 30px;
	border: 0px;
	display: block;
	margin: 0px 0px 4px 0px;
	}

#sx_incahoots:hover
	{background: url(../images/sxsw12/sx_incahoots_on.png);
	}
	
#sx_robmarcus
	{background: url(../images/sxsw12/sx_robmarcus.png);
	width: 180px;
	height: 30px;
	border: 0px;
	display: block;
	margin: 0px 0px 4px 0px;
	}

#sx_robmarcus:hover
	{background: url(../images/sxsw12/sx_robmarcus_on.png);
	}
	
#sx_januariez
	{background: url(../images/sxsw12/sx_januariez.png);
	width: 180px;
	height: 30px;
	border: 0px;
	display: block;
	margin: 0px 0px 4px 0px;
	}

#sx_januariez:hover
	{background: url(../images/sxsw12/sx_januariez_on.png);
	}
	
#sx_seeingblind
	{background: url(../images/sxsw12/sx_seeingblind.png);
	width: 180px;
	height: 30px;
	border: 0px;
	display: block;
	margin: 0px 0px 4px 0px;
	}

#sx_seeingblind:hover
	{background: url(../images/sxsw12/sx_seeingblind_on.png);
	}
	
#sx_dates
	{background: #171c1b;
	margin: 0px 10px 0px 10px;
	height: 125px;
	display: block;
	overflow: visible;
	}

#jackalope
	{float: left;
	margin-left: 30px;
	text-align: left;
	display: block;
	overflow: visible;
	}

#hardtails
	{float: right;
	margin-right: 30px;
	text-align: right;
	display: block;
	overflow: visible;
	}

#sx_bg_btm
	{background: url(../images/sxsw12/sx_bg_btm.png) bottom center no-repeat;
	margin: 0px 0px 10px 10px;
	width: 710px;
	height: 15px;
	display: block;
	overflow: visible;
	}