/**************************************
 * Reset
 * 
 */
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;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/************************************
 * Basic elements
 *
 */
 
html, body { height: 100%; }
body {
	font: normal 100%/2 Helvetica, Arial, sans-serif;
	color: #4c4e54;
	text-align: center;
	background-color: white;
	/*background: white url('images/bg-body.gif') repeat-x 0 0;*/	
}

/************************************
 * Basic elements
 *
 ************************************/

p { }

a { font-weight: bold; }
a:link { color: #4a7e96; text-decoration: none; }
a:visited { color: #375e71; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

#main a[href^="http://"] {
	background: url('images/external-link-icon.png') 99% 40% no-repeat; 
	padding-right: 15px;
}

#main a[href^="http://www.brusselkaupallinen.com"], 
div.add-this a { background-image: none; padding-right: 0px; }

h1, h2, h3 { font-weight: bold; }
h1 { color: #000000; font-size: 30px; }
h2 { color: #000000; font-size: 20px; }
h3 { color: #4c4e54; font-size: 12px; }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

/************************************
 * Layout
 *
 ************************************/


#wrapper {
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -284px;
	background: transparent url('images/bg-wrapper.gif') repeat-x left bottom;

}

#page { margin: 0 auto; text-align: left; position: relative; width: 960px; }

#header {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 175px;
	background: #1e2126 url('images/bg-header-175.gif') repeat-x 0 0;
	color: white;
}

#header-container, 
#footer-container { width: 960px; margin: 0 auto; position: relative; }
#header-logo { position: absolute; 	top: 23px; left: 0; }
#print-logo { display: none; }
#navigation { position: absolute; top: 60px; left: 267px; width: 653px; height: 45px; }

#container { }

#breadcrumbs { padding-left: 60px; color: black; }

#content {
	padding: 25px 60px 450px 60px;
	background: transparent url('images/bg-content.png') no-repeat 50% bottom;
	clear: both;
	height: 100%;
}

#main { width: 530px; float: left; }
#sidebar { width: 260px; float: right; }
div.push { height: 284px; }

#footer {
	position: relative; overflow: hidden; height: 284px;
	background: black url('images/bg-footer.gif') repeat-x bottom left;
	color: white;
	text-align: left;
}

#footer-logo { position: absolute; top: 75px; left: 20px; }
#footer-contact { position: absolute; top: 75px; left: 210px; }
#footer-promotion { position: absolute; top: 75px; left: 435px; }
#footer-partners { position: absolute; top: 70px; left: 660px; }

/************************************ 
 * Content
 *
 ************************************/

#breadcrumbs p { font-size: 0.6875em; line-height: 2; padding-top: 0.5em; }

p, ul, ol { font-size: 0.75em; }

td { vertical-align: top; padding-right: 12px; }
td p { font-size: 1em; }
td { font-size: 12px; }
ol { list-style-type: decimal; list-style-position: outside; padding-left: 32px; }
ul { list-style-type: disc; list-style-position: inside; margin: 1em 0; }
ul li { padding-left: 12px; }

#main img { border: 1px solid #ccc; }

#footer h3 { color: white; margin-bottom: 0; line-height: 1.5; }

#footer-logo-1 { position: absolute; top: 0; left: 16px; }
#footer-logo-2 { position: absolute; top: 84px; left: 16px; }
#footer-logo-3 { position: absolute; top: 136px; left: 16px; }
#footer-logo-4 { position: absolute; top: 48px; left: 145px; }
#footer-logo-6 { position: absolute; top: 120px; left: 147px; }
#footer-logo-5 { position: absolute; top: 48px; left: 236px; }
#footer-logo-7 { position: absolute; top: 8px; left: 147px; }

#footer address { font-size: 0.75em; line-height: 1.5; font-style: normal; margin-bottom: 16px; }

/************************************ 
 * Sidebar
 *
 ************************************/

#sidebar h2 { text-align: center; font-size: 30px; }
.sidebar-links { text-align: center; }
.sidebar-links img { margin: 6px 10px; }

/************************************ 
 * Items
 *
 ************************************/

div.news-list-short, 
div.gig-list-short, 
div.gig-list, 
div.sidebar-rating { margin-bottom: 32px; }

div.news-item { margin-bottom: 20px; }
div.news-item-short { margin-bottom: 12px; }
div.news-item h2 { }
div.news-item-short h3 { }
div.news-item p { }

#main div.album-item {
	width: 220px; min-height: 200px; height: auto !important; height: 200px;
	float: left;
	margin: 0 20px 24px 0;
}

#main div.album-item p, 
#main div.album-item h3 { margin-left: 0; text-align: center; }
#main div.album-item p { margin-bottom: 8px; height: 200px; line-height: 200px; }
#main div.album-item p img { vertical-align: middle; }

#main a.album-buy-stbshop {
	width: 180px; height: 39px; display: block;
	background: white url('images/button-osta_stb-shopista.gif') no-repeat left top; 
	padding-right: 0; border: 0; text-decoration none;
	text-indent: -9200px; margin: 0 auto; 
}
#main a.album-buy-stbshop:hover { background-position: 0 -40px; }

div.album-full-tracklist { width: 49%; float: left; }
div.album-short-content { width: 49%; float: right; }
#main div.album-short-content p { margin-left: 0; }
p.all-link { margin-top: 1.2em; }

div.add-this { margin: 1.6em 0 1em 0; }

div.gig-information { margin-left: 72px; margin-bottom: 1.5em; }

/***************************************
    Navigation
****************************************/

#navigation ul {
    position: relative;
    height: 45px;
    clear: both;
    overflow: hidden;
}

#navigation ul li {
    position: relative;
    display: block;
    float: left;
    background-image: none;
    padding-left: 0;    
}

#navigation ul li a {
    text-decoration: none;
    font-size: 2em;
    color: white;
    position: relative; 
    display: block;
    background: url('images/bg-navi-175-v2.gif') no-repeat 0 0;
    height: 45px;
    z-index: 80;    
}

#navigation ul li a span { display: none; }

#navigation li#menu-main-7 a { width: 106px; }
#navigation li#menu-main-7 a:hover { background-position: 0px -45px; }
#navigation li#menu-main-7 a.active { background-position: 0px -45px; }
#navigation li#menu-main-30 a { width: 101px; background-position: -106px -0px; }
#navigation li#menu-main-30 a:hover { background-position: -106px -45px; }
#navigation li#menu-main-30 a.active { background-position: -106px -45px; }
#navigation li#menu-main-31 a { width: 82px; background-position: -207px 0px; }
#navigation li#menu-main-31 a:hover { background-position: -207px -45px; }
#navigation li#menu-main-31 a.active { background-position: -207px -45px; }
#navigation li#menu-main-97 a { width: 144px; background-position: -289px 0px; }
#navigation li#menu-main-97 a:hover { background-position: -289px -45px; }
#navigation li#menu-main-97 a.active { background-position: -289px -45px; }
#navigation li#menu-main-33 a { width: 97px; background-position: -433px 0px; }
#navigation li#menu-main-33 a:hover { background-position: -433px -45px; }
#navigation li#menu-main-33 a.active { background-position: -433px -45px; }
#navigation li#menu-main-9 a { width: 123px; background-position: -530px 0px; }
#navigation li#menu-main-9 a:hover { background-position: -530px -45px; }
#navigation li#menu-main-9 a.active { background-position: -530px -45px; }

#sub-navigation li { font-size: 0.8125em; }
#sub-navigation { margin-bottom: 32px; }
#footer-navigation { padding-top: 8px; }
#footer-navigation ul { text-align: center; display: block; }
#footer-navigation li { display: inline; text-align: center; padding-left: 0; }
#footer-navigation li a { display: inline; line-height: 1; border-right: 1px solid #555; padding: 0 1em; }
#footer-navigation li a:hover { color: #ccc; }
#footer-navigation li a.last { border-right: none; }

/************************************ 
 * Forms
 *
 ************************************/

form { font-size: 0.75em; }
fieldset { border: 0; margin: 0; position: relative; clear: both; display: block; }
fieldset.blank { }
div.form-row {  margin-bottom: 0.6em; clear: both; }
label { display: block; font-weight: bold; color: #555459; width: 150px; float: left; line-height: 1.3; }
div.errors, div.required, span.required { color: #a00000; font-weight: bold; }
span.required { font-size: 0.75em; }
div.errors { font-size: 0.75em;  margin-bottom: 1em; }
input.field, textarea {
    border: 1px solid #ccc;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    display: block;
    padding: 1px 3px;
}
input.field { width: 220px; }
input#order-zip { width: 4em; }
textarea { width: 300px; height: 8em; }
input.button { }
button { padding: 0.2em 0.6em; line-height: 1; font-size: 12px; }
option { border: 0; padding: 1px 1em 1px 2px; }
select { border: 1px solid #ccc; padding: 0; }
tr.alt-row td {  background-color: #f3f3f3; }


/************************************ 
 * Pagination
 *
 ************************************/

div.pagination { text-align: center; margin: 1em 0; padding: 2em 2em 0.6em; font-size: 0.75em; }
div.pagination .ditto_off { color: #e0e0e0; padding: 0 1em; font-weight: bold; }  
.ditto_currentpage { color: white; padding: 0.2em 0.5em; border: 1px solid #4a7e96; font-weight: bold; background: #4a7e96; }
.ditto_page { padding: 0.2em 0.5em; border: 1px solid #4a7e96; font-weight: bold; margin: 0.4em; }
a.ditto_page:hover { background-color: #eef3f9; } 
a.ditto_previous_link, a.ditto_next_link { padding: 0 0.4em; }


/************************************ 
 * Fixes and special cases
 *
 ************************************/


.clearfix:after, 
div.form-row:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, div.form-row {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, div.form-row {display:block;}
/* End hide from IE Mac */

.hidden { display: none; } 
.normal { font-weight: normal; }