/*
	Suprafonicos CSS stylesheet
	http://suprafonicos.com/
*/

/*  Global Styles  */

/* Remove dotted links and glow in webkit browsers*/
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
input { outline:none; }

/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{
	margin: 0;
	padding: 0;
	font-family: 'Helvetica Neue', Helvetica, Arial;
	font-size: 100%;
	color: white;
}
	
/* Normalize header sizes */
h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-family: 'Helvetica Neue', Helvetica, Arial;
}

/* Normalize list styles */
ol, ul { list-style: none; }

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal;
	font-weight: normal;
}    

/* Normalize table borders */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* Normalize other borders */
fieldset, img { border: 0; }

/* Normalize text-alignment */
caption, th { text-align: left; }

/* Body Global Styles */

body { background: #000 url('/images/background_body.jpg') repeat-x; }

#alternative_bg { background: url('/images/background_laterals.jpg') no-repeat scroll center top; }

.center_div
{
	margin: 0 auto;
	width: 776px;
}

#wrapper { background: url('/images/background_header.jpg') no-repeat; }

/* End Body Global Styles */

/* Login CSS */

.login_table { }

.table_header
{
	height: 30px;
}

.login_left
{
	background: url('/images/login_left.gif') no-repeat;
	height: 44px;
	width: 8px;
}

.login_center
{
	background: url('/images/login_tab.gif') repeat-x;
	height: 44px;
	text-align: center;
	font: 10px Trebuchet MS;
	color: white;
	line-height: 48px;
}

.login_center a
{
	font: 10px Trebuchet MS;
	color: white;
	text-decoration: none;
	line-height: 48px;
}

.login_center a:hover
{
	font: 10px Trebuchet MS;
	color: black;
	text-decoration: none;
}

.login_right
{
	background: url('/images/login_right.gif') no-repeat;
	height: 44px;
	width: 8px;
}

.username { text-transform: uppercase; }

.downloadalert
{
	background:url('/images/download.jpg') no-repeat;
	height: 110px;
	width: 190px;
}

.download_click
{
	cursor: pointer;
	margin: 74px 0 0 0;
	height: 35px;
	width: 190px;
	position: absolute;
	float: left;
}

#flashcontent { margin: 0;}

/* End Login CSS */

/* Header Styles */

.container { }
.supra_home { height: 145px; }
.twitter_title { display: none;}

.t_sidebar { height: 278px; }

.twitter_position
{
	padding: 154px 0 0 0;
	width: 277px;
}

.twitter_box
{
	height: 81px;
}

.twitter_status
{
	font: 12px Arial;
	font-weight: bold;
	color: white;
	margin: 0 0 0 15px;
	width: 180px;
	cursor: pointer;
}

.twitter_click
{
	cursor: pointer;
	padding: 35px 0 0 0;
	margin: 0 0 0 35px;
}

.twitter_click span { font-weight: normal; }

/* End Header Styles */

/* Sidebar Styles */

#sidebar { margin: 40px 0 0 0; }

.sidebar_space
{
	background: url('/images/sidebar_bg_space.jpg') repeat-y;
	height: 10px;
	font-size: 0%;
}

.b_sidebar_top
{
	background: #004B62 url('/images/sidebar_bg_top.jpg') no-repeat;
	width: 277px;
}

.b_sidebar_bottom
{
	background: url('/images/sidebar_bg_botton.jpg') no-repeat;
	width: 277px;
	height: 244px;
}

.b_sidebar_top_photos
{
	background: url('/images/sidebar_bg_top_photos.jpg') no-repeat;
	width: 277px;
	height: 240px;
}

.b_sidebar {}

.next_event { margin: 0 27px; }

.event_title
{
	height: 50px;
	margin: 0 0 15px 0;
}

.event_title span { display: none; }

.event_img img { border: 1px solid #00354F; }

.event_text
{
	margin: 4px 0 0 0;
	font: 12px Arial;
	color: white;
}

.no_events
{
	font: 12px Trebuchet MS;
	color: white;
	padding: 30px;
	text-align: center;
	height: 108px;
}

.last_pictures
{
	margin: 0;
	height: 168px;
}

.last_pics { margin: 20px 0 0 22px; }
.last_pictures_title { height: 45px; }
.last_pictures_title span { display: none; }

.pictures td
{
	color: #75C4C0;
	font: 11px Arial;
}

.pictures a
{
	text-decoration: none;
	color: #75C4C0;
}

.pictures img { margin: 0 0 5px 0; }

.pictures span { color: #A5A5A5; }

.social_links { margin: 33px 0 0 107px; }
.social_links_top { margin: 28px 0 0 107px; }

.twitter, .facebook
{
	height: 29px;
	width: 29px;
	float: left;
	cursor: pointer;
}

.space
{
	height: 29px;
	width: 8px;
	float: left;
}

/* End Sidebar Styles */

/* Navigation */

#navigation
{
	margin: 6px 0 0 35px;
	font: 10px Trebuchet MS;
	font-weight: bold;
}

.navigation_left
{
	background: url('/images/login_left.gif') no-repeat;
	height: 44px;
	width: 8px;
}

.navigation_center
{
	background: url('/images/login_tab.gif') repeat-x;
	height: 44px;
	text-align: center;
	line-height: 42px;
}

.navigation_right
{
	background: url('/images/login_right.gif') no-repeat;
	height: 44px;
	width: 8px;
}

.nav_item
{
	float: left;
	margin: 0 6px 0 0;
	color: black;
	line-height: 42px;
}

.nav_item a
{
	color: black;
	text-decoration: none;
}

.nav_item a:hover
{
	color: #5F5C59;
}

.navigation_center a
{
	color: white !important;
	text-decoration: none;
}

/* End Navigation*/

/* Body Content post styles */

.post { margin: 0; }
.back_post { background: #322D2A; }
.table_post { margin: 0 0 10px 0; }

.video_post
{
	width: 440px;
	background: #16475b;
	padding: 15px;
	-moz-border-radius: 10px;	
}

.text_post
{
	width: 450px;
	background: #322d2a;
}

.post_title { margin: 0 0 10px 0; }

.post_title h1, .post_title a
{
	font: 30px Arial;
	font-weight: bold;
	width: 320px;
	color: #FFF;
	text-decoration: none;
}

h1 span
{
	font: 15px Arial;
	color: #FEEBC3;
}

.post_title a:hover { color: gray; }

.video_line
{
	background: url('/images/video_line.gif') no-repeat;
	height: 66px;
	width: 3px;
	margin: 0 2px;
}

.text_line
{
	background: url('/images/text_line.gif') no-repeat;
	height: 66px;
	width: 3px;
	margin: 0 8px 0 0;
}

.meta { }

.meta p
{
	color: #FEEBC3;
	text-align: right;
}

.meta_date { font: 13px Trebuchet MS; }

.meta_section
{
	font: 14px Trebuchet MS;
	font-weight: bold;
}

p.comments
{
	color: #feebc3;
	font: 15px Arial;
	font-weight: bold;
}

.comments span { font-size: 9px; }

.post_content
{
	font: 12px Arial;
	color: #feebc3;
}

.post_content p { margin: 10px 0 0 0; }
.post_content img { border: 1px solid #6F625A; }

.release_date, .tracklist
{
	font: 15px Trebuchet MS;
	text-shadow: 1px 2px 3px black;
	color: #B4AD91;
}

.separator_line
{
	margin: 5px 0 0 0;
	background: #4F4640;
	height: 1px;
	width: 450px;
	font-size: 0%;
}

.event_table p
{
	text-align: center;
	font: 15px Trebuchet MS;
	text-shadow: 1px 2px 3px black;
	color: #B4AD91;
}

.event_table span { color: white; }

.news_pic, .artist_photo
{
	float: left;
	margin: 0 5px 5px 0;
}

.navigation_photos { text-align: center; }

.navigation_photos a
{
	color: white;
	text-decoration: none;
}

.navigation_photos a:hover
{
	color: gray;
	text-decoration: none;
}

.table_photoalbum td
{
	text-align: center;
	padding: 0 0 0 17px;	
}

.table_photoalbum img { margin: 0 0 15px 0; }

.pagination a
{
	color: white;
	text-decoration: none;
}

.select
{
	border: 1px solid #322D2A !important;	
	background: #5F544D !important;
}

.pagination div
{
	font: 12px Trebuchet MS;
	border: 1px solid #5F544D;
	float: left;
	margin: 10px 3px;
	background: #322D2A;
	text-align: center;
	width: 20px;
	height: 15px;
	cursor: pointer;
}

.pagination div:hover { background: #5F544D; }

.center_img, #show_photo { text-align: center; }

.hidden { display: none; }

/* Downloads */

ul.download_list { margin: 0 0 10px 0; }

.download_list li
{
	font: 18px Trebuchet MS;
	margin: 5px 0 0 0;
	padding: 20px 0 0 0;
	height: 48px;
}

.download_list div
{
	margin: 15px 0 0 60px;
}

.download_list img
{
	float: left;
	border: 0;
}

.download_list a
{
	color: white;
	text-decoration: none;
}

.download_list a:hover
{
	color: white;
	text-decoration: underline;
}

/* End Body Content post styles */

/**/

.table_margin { margin: 0 0 0 100px; }

.input_table th { text-align: right; }

.input_table label
{
	color: #B4AD91;
	font: 15px Trebuchet MS;
}

.input_table input
{
	border: 2px solid #B4AD91;
	height: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px 0 10px 5px;
	padding: 3px;
	color: #322D2A;
	font: 12px Trebuchet MS;
}

.input_table textarea
{
	border: 2px solid #B4AD91;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px 0 10px 5px;
	padding: 3px;
	color: #322D2A;
	font: 12px Trebuchet MS;
}
input.send_b
{
	height: 30px;
	background: #FFF;
}

/**/

/* ERROR */

h1.errorh1
{
	font: 30px Arial;
	font-weight: bold;
	width: auto;
	color: #FFF;
	text-decoration: none;
}

.error1 { font: 15px Arial; }

/* Footer */

#footer
{
	background: url('/images/footer_bg.jpg') no-repeat;
	height: 66px;
	width: 790px;
}

.copy
{
	padding: 47px 0 0 0;
	font: 12px Arial;
	color: #e9ecc0;
	text-align: center;
}

/* END Footer*/