/* DO NOT use vertical margins as they may break the footer that always sticks to the bottom of the browser window if there is no overflow */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol {
	list-style-type: upper-roman;
	padding: 0 0 16px 20px;
}
ul {
	list-style: none;
	padding: 0 0 20px 20px;
	text-align: left;
}
ul li {
	 background: url('graphics/bullet.gif') no-repeat 0 0.5em;
	 padding: 2px 0 2px 20px;
	 vertical-align: middle;
}

li ul {
	margin: 0 0 0 30px;
    list-style: disc;
}

li ul li{
    padding-left: 0;
    background: none;
}
@media print{
	ul {
		list-style: disc;
		margin-left: 30px;
	}
	ul li {
		padding-left: 0;
		background: none;
	}
} /* end print */

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

/* END OF RESET STYLES, BEGINNING OF CUSTOM STYLES */

html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	line-height: 1.2;
	height: 100%;
	background-color: #ffffff;
	background-image: url('graphics/background.jpg');
	background-attachment: scroll;
	background-position: top center;
	background-repeat: repeat-y;
}

body#index {
	background-color:#000000;
	background-image:none;
}
#index_container {
	position: absolute;
	top: 50%;
	left: 50%; 
	margin-top: -125px;
	margin-left: -250px;
	width: 500px;
	height: 250px;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 16px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 14px;
}

p {
	padding-bottom: 12px;
}

img {
	width: auto;
	height: auto;
}

.error_color {
	color: #900
}

a { text-decoration: none; }

a:link {
	color: #bd3434;
}

a:hover {
	color: #df0606;
	text-decoration: underline;
}

a:visited {
	color: #32688b;
}

#container {
	margin: 0 auto;
	width: 800px;
	min-height: 100%;
	height: auto;
}

#av_logo img {
	margin: 0 auto;
	display: block;
}

#content {
	padding: 20px 30px 230px 30px;
}

#leftColumn { /* The column is 355px wide */
  float: left;
  width: 355px;
}

#rightColumn { /* The column is 355px wide */
	margin: 0 0 0 385px;
}

#column1 {
	float: left;
	width: 185px;
}
#column2 {
	float: left;
	width: 185px;
}
#column3 {
	float: left;
	width: 185px;
}
#column4 {
	float: left;
	width: 185px;
}

#leftColumn_unequal { /* The column is 300px wide */
	float: left;
	width: 300px;
}

#rightColumn_unequal { /* The column is 410px wide */
	margin: 0 0 0 330px;
}

#footer {
	clear: both;
	background: url('graphics/footer.png') no-repeat top center;
	position: relative;
	margin-top: -230px;
	height: 230px;
	width: 100%;
	font-size: 10px;
	text-align: center;
	color: #838383;
}

#footer p {
	position: relative;
	top: 194px;
	left: auto;
}

#footer img {
	display: block;
	padding-top: 35px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

div.news_item {
}

p.news_date {
	padding-bottom: 0;
}

p.news_title {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
}

#credits {
	background: url('graphics/credits_bg.gif') center center no-repeat;
	height: 350px;
	width: 350px;
	padding: 10px 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#credits p#cr {
	font-size: 10px;
	text-align: center;
	color: #838383;
	padding: 0;
	clear: both;
}

#lyrics { text-align: left; }

.hide_span { display: none; }

img.centered_block { 
	display: block;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

img.frame {
	border: 1px solid #838383 !important;
	padding: 1px !important;
}

div.indented_section {
	margin-left: 20px;
}
div.outdented_section {
	margin-left: -17px;
}

#noBorderColumnTable {
	width: 355px;
	padding: 10px 0;
}

img.inline_left { 
	float: left;
	display: inline;
	padding: 0 10px 5px 0;
}

img.inline_right { 
	float: right;
	display: inline;
	padding: 0 0 5px 10px;
}

.photo_category { overflow: auto; clear: both; padding-bottom: 15px; }
.promotional_thumbs { padding-left: 3px; } /* This is to ensure equal outer margins to the right and left of a row of thumbnails in case a row is full */
.promotional_thumbs a{ float: left; margin:0 8px 0 7px; border-bottom: 15px solid transparent; display:block; background:url('graphics/visuals_thumb_frame.gif') no-repeat; width:90px; height:90px; }
.promotional_thumbs a img{ padding: 10px 0 0 10px; width:70px; height:70px; }

.heikki_profile_thumbs a { display:block; background:url('graphics/visuals_thumb_frame.gif') no-repeat; width:90px; height:90px; }
.heikki_profile_thumbs a img { padding: 10px 0 0 10px; width:70px; height:70px; }

div.member_profiles {
	text-align: left;
	height: 160px;
}

.small_font {
	font-size: 10px;
}

.right_align {
	text-align: right;
}

.left_align {
	text-align: left;
}

.centered_text {
	text-align: center;
}

.hl_text_1 {
	font-weight: bold;
	font-size:18px;
}
.hl_text_2 {
	font-weight: bold;
	font-size:16px;
}
.hl_text_3 {
	font-weight: bold;
	font-size:14px;
}

.rightshift {
	padding-left: 80px;
}

.album_wrapper {
	padding: 20px 0 20px 0;
	width: 100%;
	clear: both;
}

.album {
	float: left;
	width: 355px;
}

.album img {
	display: block;
	float: right;
}

.album_descr {
	text-align: left;
	margin: 0 0 0 385px;
}

.album_info {
	text-align: left;
	margin-left: 50px;
	padding-top: 20px;
}

.space_above {
  padding-top: 35px;
}

.space_below {
  padding-bottom: 30px !important;
}

.no_line_breaks {
	padding-bottom: 0;
}

.line_break_top {
  padding-top: 12px;
}

.double_padding {
	padding-left: 10px;
	padding-right: 10px;
}

img.omega_header {
	display: block;
	padding-bottom: 12px;
}
#select_lang {
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
	padding-top: 25px;
}
#select_lang ul{
	list-style:none;
	position:relative;
	left:50%;
}
#select_lang li{
	float:left;
	position:relative;
}
.language_link {
	background: none;
	text-indent: -9999px;
	width: 38px;
	height: 26px;
	padding-right: 5px;
	padding-left: 5px;
}
.language_link a {
	display:block;
	width:100%;
	height:100%;
	cursor:pointer;
}
.language_link a#lang_eng {
	background:transparent url('graphics/flag_icons_sprite.png') no-repeat 0 0;
}
.language_link a#lang_eng:hover, .language_link a#lang_eng.hover {
	background:transparent url('graphics/flag_icons_sprite.png') no-repeat 0 -26px;
}
.language_link a#lang_fr {
	background:transparent url('graphics/flag_icons_sprite.png') no-repeat -38px 0;
}
.language_link a#lang_fr:hover, .language_link a#lang_fr.hover {
	background:transparent url('graphics/flag_icons_sprite.png') no-repeat -38px -26px;
}
.language_link a#lang_jp {
	background:transparent url('graphics/flag_icons_sprite.png') no-repeat -76px 0;
}
.language_link a#lang_jp:hover, .language_link a#lang_jp.hover {
	background:transparent url('graphics/flag_icons_sprite.png') no-repeat -76px -26px;
}

.valid_ico {
	text-indent: -9999px;
	width: 80px;
	height: 15px;
	padding-right: 3px;
	padding-left: 4px;
}

.valid_ico a {
	display:block;
	width:100%;
	height:100%;
}
.valid_ico a#xhtml {
	background:transparent url('graphics/validation_icons_sprite.png') no-repeat 0 0;
}
.valid_ico a#css {
	background:transparent url('graphics/validation_icons_sprite.png') no-repeat 0 -15px;
}
.valid_ico a#rss {
	background:transparent url('graphics/validation_icons_sprite.png') no-repeat 0 -30px;
}
.valid_ico a#firefox {
	background:transparent url('graphics/validation_icons_sprite.png') no-repeat 0 -45px;
}

/* STYLES FOR THE SITEMAP (beginning) */

#sitemap {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}
#sitemap img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
span.none, span.vert, span.last, span.midd {
	background:transparent 0 0 no-repeat;
	width: 24px;
	height: 18px;
	float: left;
	margin-left: 1em;
}
span.vert {background: url('graphics/map_vert.gif') !important;}
span.last {background: url('graphics/map_last.gif') !important;}
span.midd {background: url('graphics/map_midd.gif') !important;}
#sitemap ul, #sitemap li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: none;
	line-height: 1.65;
}

/* STYLES FOR THE SITEMAP (end) */

/* STYLES FOR THE CONTACT FORM (beginning) */

table#contact-area {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 5px;
	padding-top: 10px;
	text-align: left;
}

#contact-area input, #contact-area textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	width: 85%;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 120px;
}

#contact-area textarea:focus, #contact-area input:focus, #contact-area input.submit-button:hover {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
}

td.left_column {
	width: 95px;
}

td.top_aligned {
	padding-top: 5px;
	vertical-align: top;
}

td.remaining_chars {
	padding-right: 50px;
}

#recaptcha_response_field {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	border: 1px solid #ccc !important;
}

#recaptcha_response_field:focus {
	border: 1px solid #900 !important;
}

.watermark {
	color: #999 !important;
}

/* STYLES FOR THE CONTACT FORM (end) */


/* STYLES FOR THE NAVIGATION (beginning) */

ul#navigation {
	list-style: none;
	display: block;
	width: 740px; 
	height: 60px; 
	background: url('graphics/navigation.jpg') no-repeat;
	position: relative;
	top: 0;
	left: 30px;
	padding: 0;
}

ul#navigation li {
	background: none;
}

.nav_link {
	display: block;
	text-indent: -9999px;
	background-image: url('graphics/nav_items.jpg');
	background-repeat: no-repeat;
	cursor: pointer;
}

#news #news_link, #news_link:hover, #news_link.hover {
	background-position: 0 -60px;
}

#news_link {
	position: absolute !important;
	top: 0 !important;
	left: 17px !important;
	height: 60px;
	width: 77px;
	background-position: 0 0;
}

#bio #bio_link, #bio_link:hover, #bio_link.hover {
	background-position: -77px -60px;
}

#bio_link {
	position: absolute !important;
	top: 0 !important;
	left: 107px !important;
	height: 60px;
	width: 54px;
	background-position: -77px 0;
}

#disco #disco_link, #disco_link:hover, #disco_link.hover {
	background-position: -131px -60px;
}

#disco_link {
	position: absolute !important;
	top: 0 !important;
	left: 174px !important;
	height: 60px;
	width: 163px;
	background-position: -131px 0;
}

#network #network_link, #network_link:hover, #network_link.hover {
	background-position: -294px -60px;
}

#network_link {
	position: absolute !important;
	top: 0 !important;
	left: 350px !important;
	height: 60px;
	width: 122px;
	background-position: -294px 0;
}

#visuals #visuals_link, #visuals_link:hover, #visuals_link.hover {
	background-position: -416px -60px;
}

#visuals_link {
	position: absolute !important;
	top: 0 !important;
	left: 485px !important;
	height: 60px;
	width: 106px;
	background-position: -416px 0;
}

#contact #contact_link, #contact_link:hover, #contact_link.hover {
	background-position: -522px -60px;
}

#contact_link {
	position: absolute !important;
	top: 0 !important;
	left: 604px !important;
	height: 60px;
	width: 119px;
	background-position: -522px 0;
}

/* STYLES FOR THE NAVIGATION (end) */


/* STYLES FOR THE NEWS WRITING FORM (beginning) */

#write_news_area input, #write_news_area textarea {
	padding: 2px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin-bottom: 10px;
}

#write_news_area textarea {
	height: 200px;
}

#write_news_area input.submit-button {
	width: 100px;
}

#write_news_area label {
	float: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 2px;
	font-size: 1.0em;
}

#write_news_area input.bbcode-button {
	background-color: #FFFFFF;
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	padding: 0;
	margin: 0 0 auto 3px;
	float: right;
}

/* STYLES FOR THE NEWS WRITING FORM (end) */


/*
    STYLES FOR THE CREDITS POP-UP (beginning)
	http://colorpowered.com/colorbox/
	ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}
#colorBox{}
#cboxTopLeft{width:25px; height:25px; background:url(graphics/colorbox/border1.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(graphics/colorbox/border1.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(graphics/colorbox/border1.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(graphics/colorbox/border1.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(graphics/colorbox/border1.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(graphics/colorbox/border1.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(graphics/colorbox/border2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(graphics/colorbox/border2.png) -25px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:url(graphics/colorbox/loading.gif) 5px 5px no-repeat #fff;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/* STYLES FOR THE CREDITS POP-UP (end) */



/* STYLES FOR GIGS TABLE, NOT USED RIGHT NOW (beginning) */

table.gigs {
	width: 100%;
	vertical-align: top;
	padding: 2px;
	text-align: left;
	border: 1px solid #dcdcdc;
}

tr.table_header_row {
	font-weight: bold;
}

tr.highlight_bg {
	background-color: #dcdcdc;
}

table.gigs td {
	padding: 5px 2px 5px 2px;
}

#no_gigs {
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #ccc;
}

td.datecolumn {
	width: 80px;
	text-align: center;
	border-right: 1px solid #ccc;
}

td.venuecolumn {
	width: 180px;
	border-right: 1px solid #ccc;
}

td.citycolumn {
	width: 15%;
	border-right: 1px solid #ccc;
}

td.countrycolumn {
	width: 15%;
	border-right: 1px solid #ccc;
}

td.venuecolumn_live {
	width: 35%;
	border-right: 1px solid #ccc;
}

td.statuscolumn {
	width: 12%;
	border-right: 1px solid #ccc;
}

/* STYLES FOR GIGS TABLE, NOT USED RIGHT NOW (end) */