/* replace all to change color: #fbf315 */

/* main styles */
body {
	background: #4a4a4a url('../images/bg-1.gif');
	font: 11px/18px "Lucida Grande", Tahoma, Verdana, Arial;
	color: #a8a8a8;
}
body, form, h1, h2, h3, h4, h5, p, table, tr, td, ul, li {
	margin: 0;
	padding: 0;
}
h1 {
	display: none;
}
h2 {
	color: #fbf315;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 17px;
	line-height: 17px;
}
h3 {
	color: #fff;
	font-weight: normal;
	font-size: 22px;
	white-space: normal;
}

.toptext h3 {
	padding-left: 40px;
}
h4 {
	font-size: 14px;
	margin-top: 14px;
}

.din_medium {
	font: 22px/22px 'Lucida Grande'
}

p, table, ul {
	margin-top: 16px;
	font-size: 11px;
	line-height: 18px;
}
ul {
	list-style: none;
}
a {
	outline: none;
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #aaa;
}
a.yellow {
	color: #fbf315;
	text-decoration: none;
	border: 0px;
}
a.yellow:hover {
	color: #666;
}
.label {
	color: #868686;
	font-size: 11px;
	vertical-align: middle;
	line-height: 15px;
	padding-right: 16px;
}
.hidden {
	display: none;
}
.v-line {
	float: left;
	height: 264px;
	border-left: 1px solid #333;
	margin-top: 30px;
}
.box {
	float: left;
	padding: 30px;
	width: 265px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.padding_1 {
	padding: 30px;
}

#container {
	width: 966px;
	margin: 0 auto;
}

/* RÄHINÄ & VALIKKO */
#header {
	position: absolute;
	z-index: 99;
	font-size: 11px;
	color: #fff;
	width: 936px;
	padding-left: 30px;
}
#header img {
	float: left;
}
#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	padding-top: 15px;
}
#header ul li {
	float: left;
	margin-right: 30px;
}
#header2 {
	font-size: 11px;
	color: #fff;
	background-color: #1e1e1e;
	height: 54px;
	border-bottom: 1px solid #353535;
	position:relative;
}
#header2 img {
	margin-left: 29px;
	margin-right: 36px;
	float: left;
}
a img {
	border: none;
}
#header2 ul {
	position: absolute;
	z-index: 101;
	height: 62px;
	list-style: none;
	padding: 0;
	margin: 0;
	left: 80px;
}
#header2 ul li {
	padding: 0;
	margin: 0;
	float: left;
	height: 62px;
	line-height: 52px;
}
#header2 ul li.selected {
	background: url(../images/menu-selected-bg.gif) center no-repeat;
}
#header2 ul li a {
	padding: 17px 20px 20px 20px;
	color: #fbf315;
	border: none;
}
#header2 ul li.selected a {
	color: #1e1e1e;
	font-weight: bold;
	border: none;
}
#header2 .shoppingcart {
	color: #868686;
	padding-top: 16px;
	padding-right: 30px;
}
#header2 .shoppingcart select {
	width: 180px;
}
#header2 .shoppingcart .input, .search .input {
	margin-right: 6px;
}

/* frontpage cycle */

#news {
	position: relative;
	overflow: hidden;
	width: 966px;
	height: 396px;
}
#news #items {
	width: 20000em;
	position: absolute;
}
#news #items .item {
	float: left;
	width: 966px;
	height: 396px;
	background-repeat: no-repeat;
}

/* cycle news items */

.news_dark {
	color: #ccc;
}
.news_dark a {
	color: #fbf315
}
.news_dark h3, .news_dark .date {
	color: #fbf315;
}
.news_lite {
	color: #444;
}
.news_lite a {
	color: #000;
}
.news_lite h3, .news_lite .date {
	color: #444;
}
.featuretext {
	width: 370px;
	margin-top: 60px;
	padding: 30px 70px 30px 30px;
	float: right;
}
.featuretext .date {
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 11px;
	display: block;
}
.featuretext p {
	
}
.featuretext h3 {
	font: 18px/24px "lucida grande", helvetica, arial, tahoma;
	font-weight: normal;
	text-transform:uppercase;
}
#news_arrow_left {
	position: absolute; 
	left: 30px;
	top: 208px;
	z-index: 9999;
	width: 21px;
	height: 31px;
	cursor: pointer;
	background: url('../images/arrow-left-lite-2.png') top left no-repeat;
}
#news_arrow_right {
	position: absolute; 
	left: 916px;
	top: 208px;
	z-index: 9999;
	width: 21px;
	height: 31px;
	cursor: pointer;
	background: url('../images/arrow-right-lite-2.png') top left no-repeat;
}

/* newsletter */

#content1 {
	height: 260px;
	min-height: 320px;
	background: #1e1e1e url(../images/content1bg.gif) no-repeat bottom;
}
#newsletter-form {
	padding-top: 16px;
}
#newsletter-form input {
	font-size: 11px;
}
#newsletter-form div {
	margin-top: 10px;
}
#newsletter-form div label {
	padding-right: 16px;
}
#newsletter-form div label input {
	vertical-align: middle;
	margin: 0;
}
#newsletter-form input.email {
	padding: 5px;
	padding-left: 10px;
	padding-top: 6px;
	background: #4b4b4b;
	width: 180px;
	height: 15px;
	line-height: 16px;
	color: #fff;
	border: none;
	vertical-align: middle;
}
#newsletter-form input.ok {
	background: #fbf315;
	border: none;
	height: 26px;
	width: 54px;
	line-height: 26px;
	vertical-align: middle;
	margin-left: 10px;
}
/* KALENTERI */
#upcoming {
	background: #2d2d2d url(../images/content1-rightbg.gif) no-repeat bottom;
	width: 224px;
	height: 230px;
}
#upcoming table {
	width: 100%;
}
#upcoming table tr td {
	height: 12px;
}
#upcoming table .right {
	text-align: right;
}

/* frontpage mediaplayer */

#content3 {
	border-top: 8px solid #393939;
	background-color: #2d2d2d;
}

/* frontpage kauppa */

#shop {
	background-color: #2d2d2d;
}
#shop .pagenumbers {
	color: #fff;
	padding-top: 10px;
	padding-right: 7px;
}
#shop .pagenumbers a {
	margin-left: 5px;
	padding: 0 1px;
	color: #fbf315;
	border-bottom: 1px dotted #fbf315;
}
#shop .pagenumbers a:hover {
	color: #999;
	border-bottom: 1px dotted #999;
}
#shop h2.din_regular {
	margin-top: -7px;
	font: 32px/32px "Lucida Grande";
}
#shop .product {
	margin-top: 24px;
	margin-right: 24px;
	padding: 8px;
	padding-right: 0;
	float: left;
	height: 164px;
	width: 122px;
	background: url(../images/product-greybg.gif);
	color: #fff;
	position:relative;
}
#shop .product:hover {
	background: url(../images/product-whitebg.gif);
	color: #333;
}
#shop .product:hover a {
	color: #1d1d1d;
}
#shop .product .image {
	height: 113px;
	width: 113px;
	border: 1px solid #333;
}
#shop .product .price,.vanhahinta {
	position: absolute;
	margin-left: 58px;
	margin-top: 78px;
	z-index: 98;
	background: #fbf315;
	color: #1f1f1f;
	height: 27px;
	width: 74px;
	line-height: 27px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
#shop .product p {
	margin-top: 8px;
	margin-left: 4px;
}

/* shop checkout */

#checkout_list {
	margin-bottom: 24px;
}

#checkout .list_item {
	margin: 12px 0px;
	padding: 12px;
	background-color: #333;
}
#checkout .bonus {
	background-image: url('../images/bg-striped.jpg');
}
#checkout #order_total {
	font-size: 14px;
}
#checkout .list_item .image {
	float: left;
	margin-right: 12px;
	border: 1px solid #666;
}
#checkout .list_item .description {
	float: left;
}
#checkout .list_item .price, #checkout .list_item .operations, #checkout .list_item .quantity {
	float: right;
	margin-left: 24px;
	line-height: 70px;
	font-size: 14px;
}
#checkout .list_item .quantity {
	font-size: 11px;
}
#checkout #form_input {
	float: left;
}
#checkout #form_input .field_name {
	float: left;
	width: 140px;
}
#checkout #form_input .field_value {
	float: left;
	margin-bottom: 8px;
}
#checkout #form_input input[type="text"	], #checkout #form_input textarea {
	width: 360px;
	border: 0px;
	background-color: #fff;
	padding: 4px;
	font-family: "Lucida Grande", Tahoma, Helvetica, Arial;
	font-size: 11px;
}
#checkout #form_text {
	float: right;
	width: 360px;
}

#discount_input {
	width: 100px;
	background-color: #222;
	color: #fbf315;
	border: 0px;
	padding: 6px;
}

.bonusohje{
	margin-top:10px;
	background:url(../images/bonusohje.jpg) no-repeat;
	width:905px;
	height:247px;
	float:left;
}
	.ohje1,.ohje2,.ohje3{
		padding:20px;
		float:left;
		width:260px;
	}
	.ohje1 h2,.ohje2 h2,.ohje3 h2{
		
	}
	.ohje1 p,.ohje2 p,.ohje3 p{
		margin-top:0px;
	}
/* footer */

#footer {
	clear: both;
	background-color: #393939;
	padding-bottom: 30px;
}
#contact p, #pagemap ul {
	margin-top: 0;
}
#contact .footerlogo {
	height: 70px;
	width: 36px;
	background: url(../images/footerlogo.gif);
	float: left;
	margin-right: 33px;
}
#pagemap {
	border-left: 1px solid #666;
	width: auto;
	padding-bottom: 0;
	margin-top: 30px;
	float: left;
	padding-left: 30px;	
}
#pagemap ul li.left {
	margin-right: 26px;
}
#pagemap li.parent {
	margin-bottom: 12px;
	margin-top: 0px;
}
#pagemap li.parent a {
	border: 0px;
	font-weight: bold;
}

/* text page */

#header_title {
	background-color: #1e1e1e;
	position:relative;
}

#header_title h2, #header_title h3 {
	font: 30px/40px "Lucida Grande";
	margin-top: -7px;
}

/* ARTISTIT */
#allartists {
	background-color: #1e1e1e;
}
#artistlist {
	float: right;
	width: 600px;
	clear: both;
}
#artistlist li {
	float: left;
	width: 150px;
	font-size: 12px;
	line-height: 22px;
}
#allartists p {
	width: 265px;
}
#artistinfo {
	background: #2d2d2d;
	color: #333;
}
#artistinfo .padding_1 {
	clear: both;
}
#artistinfo p {
	width: 400px;
	float: left;
}
#artistmain a {
	color: #666;
}
#artistinfo h4 {
	color: #fbf315;
	text-transform: uppercase;
	font-weight: normal;
	white-space: normal;
	font: 32px/32px "Lucida Grande";
	margin-top: -7px;
}
#artistinfo h3 {
	font: 30px/40px "Lucida Grande";
	margin-top: -7px;
	color: #000;
}
#allartists h2, #artistinfo h3 {
	font: 30px/40px "Lucida Grande";
	margin-top: -7px;
}
#artistnews {
	width: 400px;
	color: #a8a8a8;
}
#artistnews ul li {
	border-bottom: 1px solid #1e1e1e;
}
#artistnews ul li a {
	border-bottom: none;
}
#artistnews ul li h5 {
	margin-top: 9px;
	margin-bottom: 11px;
	line-height: 16px;
}
#artistnews ul li div p {
	color: #a8a8a8;
	padding: 0;
	padding-bottom: 16px;
	margin: 0;
}
#artistnews h5 .newsdate {
	color: #999;
	margin-right: 10px;
}
#artistextra {
	color: #a8a8a8;
	float: right;
	width: 438px;
}
#artistgigs {
	background-color: #1e1e1e;
}
#artistgigs table {
	width: 100%;
}
#artistmedia {
	margin-top: 30px;
	background-color: #1e1e1e;
}
#artistmedia .media_item {
	margin-bottom: 12px;
}
#artistmedia .media_item .image a {
	border: 0px;
}
#artistmedia .media_item .image {
	float: left;
	width: 114px;
	height: 65px;
	border: 1px solid #333;
}
#artistmedia .media_item .text {
	float: left;
	margin-left: 12px;
}

/* media */

#video_list {
	float: left;
	width: 462px;
	margin-top: 20px;
}
#audio_list {
	float: left;
	width: 442px;
	margin-top: 20px;
}
#mediaplayer_wrapper {
	 background-color: #1d1d1d;
	 padding: 20px;
}
#mediaplayer_wrapper .left {
	border: 1px solid #333;
}
#mediaplayer_wrapper .right {
	width: 204px;
}
#mediaplayer_wrapper .right h4 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 6px;
	margin-top: 20px;
}
#media .media_item {
	float: left;
	width: 130px;
	padding: 12px 0 12px 12px;
	height: 123px;
	background-color: #1d1d1d;
	margin-bottom: 8px;
	margin-right: 8px;
	overflow: hidden;
}
#media .media_item a {
	border: 0px;
}
#media .media_item .image {
	width: 114px;
	height: 65px;
	border: 1px solid #333;
}
#media .media_item .text {
	margin-top: 6px;
}

/* shop */

#categories {
	padding-left: 30px;
	background: #1f1f1f;
	height: 54px;
	border-bottom: 1px solid #2d2d2d;
}
#categories ul {
	margin: 0;
}
#categories li {
	line-height: 54px;
	float: left;
	margin-right: 35px;
}
#categories li a {
	color: #868686;
	border: none;
	padding: 10px 0;
}
#categories li a:hover {
	color: #bbb;
}
#categories li.selected a {
	font-weight: bold;
	color: #fff;
}
#search {
	padding-top: 16px;
	padding-right: 26px;
	width: 300px;
	float: right;
}
#search input.grey {
	background: #1e1e1e;
	border: 1px solid #353535;
	color: #fff;
	padding: 2px 4px;
	height: 16px;
	width: 148px;
	margin-right: 12px;
}
#showview {
	padding: 30px 0 30px 30px;
	background: url(../images/showview-bg.jpg) repeat-x #1e1e1e;
}
#showview h3 {
	
}
#monthly {
	background: #fff;
	width: 426px;
	padding: 16px;
	padding-right: 0px;
	height: 146px;
	margin: 26px 26px 0 0;
}
#monthly h4 {
	font-size: 14px;
	color: #1e1e1e;
}
#monthly h4 a {
	color: #1e1e1e;
}
#monthly p {
	color: #565656;
}
#monthly .price {
	position: absolute;
	margin-left: 47px;
	margin-top: 93px;
	z-index: 98;
	background: #fbf315;
	color: #333;
	height: 39px;
	width: 114px;
	line-height: 37px;
	font-size: 18px;
	text-align: center;
}
#monthly .text {
	padding-left: 30px;
	width: 230px;
}
#monthly .text a {
	color: #3a3a3a;
	font-weight: bold;
}
#monthly .text .category {
	margin: 0;
	padding: 0;
}

#monthly img {
	border: 1px solid #ccc;
}
#showview .showproduct {
	background: #fff;
	width: 410px;
	margin-right: 26px;
	padding: 21px 8px 21px 21px;
	margin-top: 26px;
	height: 172px;
	position:relative;

}
#showview .showproduct h4 {
	font-size: 14px;
	color: #1e1e1e;
}
#showview .showproduct h4 a {
	color: #1e1e1e;
}
#showview .showproduct p {
	color: #565656;
}
#showview .showproduct .price {
	position: absolute;
	margin-left: 62px;
	margin-top: 114px;
	z-index: 98;
	background: #fbf315;
	color: #333;
	height: 39px;
	width: 114px;
	line-height: 37px;
	font-size: 18px;
	text-align: center;
}
#showview .showproduct .text {
	padding-left: 21px;
	width: 213px;
}
#showview .showproduct .text a {
	color: #3a3a3a;
	font-weight: bold;
}
#showview .showproduct .text .category {
	margin: 0;
	padding: 0;
}
#showview .showproduct img {
	border: 1px solid #ccc;
}

#sizechart
{
	display: block;
	background-color: #ccc;
	padding: 4px 8px;
	float: left;
}
#sizechart a
{
	color: #333;
}

#shopitem {
	background: #2d2d2d;
}
#shopitem .showproduct {
	background: #fff;
	width: 397px;
	margin-right: 26px;
	padding: 21px;
	color: #565656;
}
#shopitem .showproduct h2 {
	text-transform: none;
	color: #1e1e1e;
	margin-bottom: 6px;
	padding-right: 70px;
}
#shopitem .showproduct .category {
	margin-top: 6px;
}
#shopitem .showproduct .price {
	position: absolute;
	margin-left: 320px;
	z-index: 98;
	background: #fbf315;
	color: #333;
	height: 39px;
	width: 114px;
	line-height: 37px;
	font-size: 18px;
	text-align: center;
}
	.vanhahinta{
		font-size:10px;
		margin-left: 320px;
		margin-top: 45px;
		width: 114px;
	}
	.vanhahinta span{
		text-decoration: line-through;
	}
	.ale{
		position:absolute;
		left:-10px;
		top:-10px;
	}
	.ale img{
		border:none !important;
	}
#shopitem .showproduct #addtocart {
	margin-top: 26px;
	line-height: 25px;
}
#shopitem .showproduct #addtocart h2 {
	margin-bottom: 16px;
}
#shopitem .showproduct #addtocart span {
	margin-right: 6px;
}
#shopitem .showproduct #addtocart #quantity {
	float: left;
	margin-top: 3px;
	margin-right: 6px;
}
#shopitem .showproduct #addtocart #product_id {
	float: left;
	margin-top: 3px;
	margin-right: 8px;
}
#shopitem .showproduct #addtocart #submit {
	float: right;
	margin-top: 3px;
	margin-left: 8px;
}
#shopitem .itemimages {
	padding: 21px 0px 21px 21px;
	background: #1e1e1e;
	width: 420px;
}
#shopitem .itemimages .main {
	border: 1px solid #333;
	margin-right: 21px;
}
#shopitem .itemimages .small {
	float: left;
	margin: 21px 21px 0 0;
	border: 1px solid #333;
}
.hr {
	clear: both;
	border-bottom: 1px solid #1e1e1e;
}
.hr2 {
	height: 1px;
	clear: both;
	border-bottom: 1px solid #1e1e1e;
}
h5 {
	color: #fff;
	margin-top: 16px;
	font-size: 11px;
	line-height: 13px;
}
#content4 {
	background-color: #2d2d2d;
}
#content4 h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	line-height: 18px;
}

a.thickbox {
	border: 0px;
}

/* add this */

#add_this {
	display: inline;
}

/* banners */

#banners {
	position: absolute;
	top: 12px;
	margin-left: 978px;
	width: 140px;
}
#banners .banner {
	width: 140px;
	height: 350px;
}
/* BLOGI */
#content5 {
	background-color: #fff;
}
#blog-main-content{
	width:570px;
	float:left;
	padding:30px;
}
#blog-main-content img{
	max-width:570px;
}
#blog-side-content{
	width:246px;
	padding:30px;
	margin: 30px 30px 30px 0;
	float:left;

	background:#393939;
}
#blog-side-content .box{
	width:100%;
	padding:0;
	margin-bottom:30px;
}
div.post .social
	{
		border-top:1px #484747 solid;
		color: #fff;
		padding-top:15px;
		line-height:17px;
	}
	
	.social a 
	{
		display: inline-block;
		width: 17px;
		height: 17px;
		text-indent: -9999em;
		margin-left: 6px;
		line-height:17px;
	}
	
	.social a.fb
	{
		background: url('../images/facebook-share.jpg') 0 0 no-repeat;
	}
	
	.social a.twitter
	{
		background: url('../images/twitter-share.jpg') 0 0 no-repeat;
	}
#fb_toolbar{height:50px;padding:0 0 0 15px;float:right;}
#fb_toolbar a{line-height:50px;text-decoration:underline;color:#a8a8a8;}
#fb_toolbar p{line-height:50px;display:inline;margin-top:0;float:left;min-width:225px;}
#fb_toolbar img{margin-left:15px;}
#fb_connect{height:50px;float:left;padding:0 15px;}
#fb_connect a{line-height:50px;text-decoration:underline;color:#a8a8a8;}
#blog-side-content h2{border-bottom:1px solid #333333;padding-bottom:20px;}
.post{border-bottom:1px #484747 solid;margin-bottom:15px;}
#blog-main-content .meta{padding:4px 0;margin-top:8px;}
.author{color:#fff;}
#blog-main-content p{margin-bottom:15px;margin-top:15px;}
#blog-main-content p.more{margin-bottom:0px;}
#blog-main-content a{border:none;}
#related{border-bottom:1px #484747 solid;margin-bottom:20px;}
.half{width:50%;float:left;margin-bottom:30px;}
.half li{padding-left:30px;background:url(../images/nuoli.jpg) no-repeat;line-height:18px;margin-bottom:8px;}
p.more{padding-left:30px;background:url(../images/nuoli.jpg) no-repeat;height:18px;padding-bottom:15px;margin-bottom:0px;}
#blog-main-content h3.archive{padding:5px 0 10px 10px;font-size:12px;}

#logins{position:absolute;right:30px;background:#393939;height:50px;top:20px;min-width:306px;width:306px;}

/*--- Them comments ---*/
.newcomments{

	background:#fff;
}
/* old
.commentcount{float:right;}
div#commenting {
	margin-bottom: 20px;
}

div#comment-form
{
	position: relative;
	background: #282828;
	margin: 20px 0 13px 0;
	padding: 0 10px 0 0;
	
}
#commenting-vid #comment-form{margin-right:20px;} 
div#comment-form form div.image
{
	float: left;
	width: 50px;
}

div#comment-form form textarea
{
	width: 440px;
	height: 21px;
	display: inline-block;
	float: left;
	margin: 9px 0 0 15px;
	border: 1px solid #c0c0c0;
	padding: 8px 10px 0 10px;
}
#commenting-vid #comment-form form textarea{width: 285px;}
div#comment-form form input.submit, div#comment-form form label
{
	display: inline-block;
	line-height: 50px;
	float: left;
	margin: 0 15px 0 0;
}

div#comment-form form label
{
	display: block;
	background: url('../images/comment-form-left-top.gif') 0px 0px no-repeat;
	height: 24px;
	width: 8px;
	position: absolute;
	top: 8px;
	left: 58px;
	z-index: 900;
	text-indent: -9999em;
}

div#comment-form form input.submit
{
	position: relative;
	margin: 9px 0 0 0;
	right: -6px;
}

div#comment-form form div
{
	float: left;
	width: 170px;
}

div.comment
{
	margin: 0 0 13px 0;
	position: relative;
}

	div.comment .image
	{
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
	}

	div.comment .image img { height: 50px; width: 50px; }
	
	div.comment .info strong
	{
		color: #fff;
		display:inline;
	}

	div#side-content .box div.comment .box,
	div.comment .box
	{
		margin-left: 50px;
		background: #282828;
		height: auto !important;
		min-height: 30px;
		height: 30px;
		padding: 6px 15px;
		width:490px;
		min-height:38px;
	}
	#commenting-vid .comment .box{width: 342px;}	
	div#side-content .box div.comment .box
	{
		margin-bottom: 0;
		margin-right: 0;
	}

	div.comment p
	{
		display:inline;
		margin: 0;
	}
*/
/*
 * Good old Clearfix. Due respect and recognition to everone/anyone who invented this, or helped develop it.
 * Search for the responsibles with google. I could mention positioniseverything.net and 456bereastreet.com
 * for the starters...
 */

.clearfix:after, .form-row:after, dl.simple-table:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix, .form-row, dl.simple-table {display: inline-block;}

/* Hides from IE-Mac \*/
* html .clearfix, * html .form-row, * html dl.simple-table {height:1%;}
.clearfix, .form-row, dl.simple-table {display:block;}
/* End hide from IE-Mac */

/*--- MISC ---*/
.hidden
{
	display: none;
}
label.error{display:none !important;}
input.error{background-color:#fbf315;border:none;height:19px;}