html, body { height: 100%; }
body {
	font: normal 62.5%/2 "Helvetica Neue", Arial, Helvetica, 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: 3em; }
h2 { color: #000000; font-size: 2em; }
h3 { color: #4c4e54; font-size: 1.2em; }

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: 1.1em; line-height: 2; padding-top: 0.5em; }

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

td { vertical-align: top; padding-right: 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: 1.2em; line-height: 1.5; font-style: normal; margin-bottom: 1.6em; }

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

#sidebar h2 { text-align: center; font-size: 3em; }
.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: 3.6em; }

div.news-item { margin-bottom: 2em; }
div.news-item-short { margin-bottom: 1.2em; }
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: 7.2em; margin-bottom: 1.5em; }

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

div.pagination { text-align: center; margin: 1em 0; padding: 2em 2em 0.6em; font-size: 1.2em; }
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; }