/* Working stylesheet.  Compress before posting live.  DO NOT DELETE BETA COPY */
/* Set elements to have 0 margin and padding.  Eliminates browser defaults.  Allows page to look the same in all browsers */
* {
	margin:0;
	padding:0;
}

/* Set the default properties of the page */
html, body {
	color:#333333;
	font-size:9pt;
	font-family:Verdana, Arial;
	/* body background color */
	background-color:#000;
}


/****** Setup default behaviors ********/
p {
	clear:both;
	margin:10px 0px;
}

a {
	text-decoration:underline;
	color:#806A4F;
}

a.purple{
	color:#080055;
}

a.regular{
	color:#000050;
}

a:hover {
	text-decoration:none;
}


td {
	/* Default table cells to valign="top" */
	vertical-align:top;
}
img {
	/* set border of 0 as default for images */
	border:0;
}
img.border {
	/* use class="border" for images you want a border */
	border:1px solid black;
}
option {
	padding-right:4px;
}

address {
	font-style:normal;
}

ul {
	list-style-image: url("/graphics/six-star-bullet.gif")
}

ul.news-list li{
	padding:5px 0px;

}

#rightbg, #contentbg {
	float:left;
	width:100%;
	position:relative;
}
#header, #footer, #rightbg {
	clear:both;
	float:left;
	width:100%;
}
#content,#content-wide, #rightside {
	float:left;
	position:relative;
}
/****** End Default Behaviors ********/

h1.section-header{
	font-size:20px !important;
	color:#000142;
}

h2.section-header{
	font-size:20px !important;
	color:#000142;
}

/****** Setup Page Layout ********/

#wrapper {
	/*width:1000px;*/
	width:979px;
	margin:0 auto;
}

#blog-preview{
	border:1px solid #806B50;
	width:601px;
	/*height:245px;*/
	background-color:#EEEEEE;
	margin:5px 0px 5px 9px;
	padding:5px;
	padding-left:10px;
	padding-bottom:17px;
	padding-right:0px;
	overflow:visible;
}

#blog-preview a {
	color:#000050;
}

#blog-preview-left{
	width:348px;
	border-right:1px solid #808080;
}

#blog-action{
	display:block;
	float:right;
	width:238px;
	height:280px;
	clear:none;
}

#blog-action img{

	padding:13px 0px;
}

#home-image{
	border:2px solid #806B50;
}

.blog-preview-item {
	margin-top:30px;
}

.blog-preview-item ul li a{
	text-decoration:none;
}


/* main artist page specific styles.*/

#artist-profile-description{
	float:left;
	width:372px;
}

#artist-vertical-thumbnails{
	display:block;
	height:322px;
	width:252px;
	overflow:auto;
	border:1px solid #7C6C55;
}

.imgthumb img{
	padding:5px 0px 5px 7px;
}

#artist-profile-big-photo{
	float:left;
	margin-left:26px;
	width:527px;
		
	/*this will probably be removed because images probably will have different heights*/
	
}

#artist-profile-big-photo img,
#artist-profile-thumb-scroll img
{
	border:1px solid #9C9A9D;
}



/*scroller container for artist profile*/
#artist-page-bottom{
	display:block;
	height:170px;
	width:905px; /*made to stretch the length of container*/
	float:left;
	margin-top:20px;
}

/*thumbnail scroller for an artists profile*/
#artist-profile-outer-container{
	height:170px;
	width:810px;
	display:block;
	margin-left:60px;
	border:1px solid #7C6C55;
	background-color:#ECEAED;
	
}

#artist-profile-inner-container{
	height:170px;
	overflow:auto;
	
	width:810px;
}

#artist-profile-inner-container ul {
	display:table-row;	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	white-space:nowrap;
}

#artist-profile-inner-container ul li {
	/*display:table-cell;*/
	display:inline-block;	
	padding:0 15px;
	padding-top:10px;
	vertical-align:top;
}

#artist-profile-inner-container ul li img{
	clear:none;
	padding:0px 10px;
}
/* END thumbnail scroller for artist profile */


/* Specific artist page styles */
#artist-main-picture{	
	width:292px;
	float:left;
	clear:none;
	padding-bottom:15px;
	padding-right:10px;
	text-align:center;
}

#artist-main-picture img{
	width:272px;
}

#artist-main-info{
	float:left;
	/*margin-left:15px;*/
	width:620px;
}

#artist-main-info p{
	clear:none;
}

#artist-main-bottom{

	width:630px; 
	float:left;
	margin-top:20px;
	clear:both;
}



#inner-main-picture{
	width:380px;
	float:right;
	clear:none;
	padding-right:10px;
}

#inner-main-picture img{
	float:left;
}



#specific_artist_header{
	width:100%;
	float:left;
}


.artist-brief{
	clear:both;
	float:left;
	margin:20px 0px;
	width:633px;
}

.artist-brief img{
	float:left;
	border:1px solid #9B9BB5;
	vertical-align:top;
}

.artist-brief-description-box{
	float:left;
	margin-left:35px;
	width:443px;
}

.artist-brief-description-header{
	clear:right;
	padding-bottom:13px;
}

.artist-band-name{
	float:left;
	font-weight:bold;
}

.artist-band-name a{
	color:#363636;
}

.artist-blog-date{
	float:right;
	font-weight:bold;
}

/* END main artist page specific styles.*/

/* Specific artist profile styles */
h3.artist-name {
	color:#846E57;
	font-size:19px;
}



/* Specific artist profile styles */

#header {
	background:none;
	width:979px;
	height:108px;
	display:block;
	overflow:hidden;
}

#logo{
	float:left;
	padding-top:22px;
	padding-left:21px;
}

/*contains the flash header navigation object */
#flash-nav{
	padding-top:7px;
	padding-left:100px;
	float:left;
}

/* used as the main content background. This envelops both the main (left) and right columns*/
#rightbg {
	/* right side background */
	background:url('/graphics/content-bg-main.gif') repeat-y;
	overflow:hidden;
}

#main-content-top{
	display:block;
	float:left;
	height:30px;
	width:979px;
	background:url('/graphics/content-bg-top.gif') no-repeat;
}

#main-content-bottom{
	display:block;
	float:left;
	height:30px;
	width:979px;
	background:url('/graphics/content-bg-bottom.gif') no-repeat;
}

#contentbg {
	/* width of the right side */
	right:180px;
	/* content area background */
	/*background:#fff;*/
}

#rightbg h1,h2 {
	color:#806A4F;
}

#content-wide {
	padding:10px;
	padding-left:34px;
	/* width of center column content (column width minus padding on either side) */
	width:935px;
	/* width of right column */
	left:180px;
	
	/*toggle this... unsure how this is going to act with content */
	/*border-right:1px solid gray;*/
}

#content {
	padding:10px;
	padding-left:34px;
	/* width of center column content (column width minus padding on either side) */
	width:667px;
	/* width of right column */
	left:180px;
	/*toggle this... unsure how this is going to act with content */
	border-right:1px solid gray;
}

#content img.stars
{
	padding:10px;
	clear:both;
	position:relative;
	margin-left:220px;
}

#content-wide img.stars
{
	padding:10px;
	clear:both;
	position:relative;
	margin-left:90px;
}

#rightside {
	padding-left:27px;	
	padding-right:15px;
	/* Width of right column content (subtract any left+right padding) */
	width:222px;
	/* width of right column */
	left:180px;
	
}

#rightside h2 {
	font-size:13px;
	line-height:22px;
	font-family:"Arial", Sans-Serif;
	font-weight:bold;
}

#rightside p {
	font-size:10px;
	font-weight:bold;
}

#rightside img{
	padding-top:20px;
	
}

#rightside img.small-stars{
	margin-left:35px;
}

#footer {
	background:#000;
	color:#FFCC33;
	text-align:right;
	font-size:8pt;
}
#footer p {margin:5px 0;}
#footer a {color:#FFCC33;text-decoration:underline;}
#footer a:hover {color:#FFF;text-decoration:none;}

/****** End Page Layout ********/
#contact-limit{
	width:670px;
}

/* Formatting for main body of the site */
#content h1 {
	/* Set top and bottom padding for element */
	padding:5px 0;
	font-size:11pt;
}
#content h2 {
	/* Set top and bottom padding for element */
	padding:5px 0;
	font-size:10pt;
}
#content p {
	/* Set top and bottom padding for element */
	padding:5px 0;
}
#content li {
	margin-left:25px;
}

/****** End Design section ********/

/* Styles for the contact form */
form input {
	margin-top: 8px;
}
form .label {
	display: block;
	float: left;
	text-align:right;
	width:125px;
	margin-top: 8px;
}
form label {
	margin-right:3px;
}
form textarea {
	margin:5px;
}



h3 {
	font-size:14px;
	line-height:24px;
}

#Reset {
	margin-left:10px;
}



/* various styles for form elements */
.button {
	border:1px solid black;
	background:black;
	font-weight:bold;
	padding:2px 5px;
	color:#FFCC33;
}
.text-field {
	border:1px solid black;
	background:#f5f5f5;
	padding:2px;
	font-size:8pt;
}
.required {
	color:#F00;
}
.clearline {
	clear:both;
}

/* Right-side specific styles */
.right-item{
	padding-bottom:35px;
}

.special-item{
	margin-left:8px;
}

.special-item h2{
	line-height:18px;
}

.special-item a{
	color:#000047;
	text-decoration:none;
}

.special-item img{
	border:1px solid #232369;
}
.error {color:#CC0000;}
.form-return tr td {padding:4px;}
.selectfield label {width:125px;}

.small-stars {
	display:inline;
	text-align:center;
}
.foot-left {float:left;width:500px;font-weight:bold;text-align:left;}