@charset "utf-8";
/* ! ~~~ Direcory Page (start) ~~~~ ! */

/* ~~~~ tabs (start) ~~~~ */

#tabs{
	float:left;
	width:290px;
}

#tabs ul{
	list-style:none;
	background:#fff;
}

#tabs ul li,
#tabs ul li.default{background:url(../img/tab-bg.png) repeat-x;}
#tabs ul li a{
	display:block;
	height:59px;
	padding:10px 0 0 29px;
	font-size:44px;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
	
#tabs ul li#tab-1,
#tabs ul li#tab-1.default{background:none;}

#tabs ul li#tab-1:hover, #tabs ul li#tab-1.here{background:#f7bbe5;}
#tabs ul li#tab-2:hover, #tabs ul li#tab-2.here{background:#2cf1ea;}
#tabs ul li#tab-3:hover, #tabs ul li#tab-3.here{background:#ee607e;}
#tabs ul li#tab-4:hover, #tabs ul li#tab-4.here{background:#207139;}
#tabs ul li#tab-5:hover, #tabs ul li#tab-5.here{background:#11b5ea;}
#tabs ul li#tab-6:hover, #tabs ul li#tab-6.here{background:#f1c52c;}
#tabs ul li#tab-7:hover, #tabs ul li#tab-7.here{background:#eaa96f;}

/* ~~~~ tabs (end) ~~~~ */

/* ~~~~ dir-content (start) ~~~~ */

#dir-content{
	float:left;
	width:660px;
}

#dir-content a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
	
#dir-content a:hover {
	color: #000;
	text-decoration: underline;
	}

#dir-content .dir-content{
	display:none;
	padding:16px 27px 30px 25px;
	color:#000;
}

#dir-content #content-start.dir-content{
	display:block;
	background:#40d8e2;
}

#dir-content .dir-content h3{
	font-size:30px;
	line-height:30px;
	text-transform:uppercase;
}


#dir-content .dir-content h2{
	font-size:25px;
	margin-bottom: -12px;
	text-transform:uppercase;
}

#dir-content .dir-content p{
	font-size:12px;
	margin:0 0 15px 0;
	line-height: 18px;
}

.dirleft {
	width: 300px;
	float: left;
	}
	
.skillelinke {
	float: left;
}	
#dir-content #content-start.dir-content p{margin-top:20px;}

#dir-content #content-1{
	min-height:23px;
	height:auto !important;
	height:23px;
	background:#f7bbe5;
	overflow: hidden;
	}
#dir-content #content-2{
	min-height:92px;
	height:auto !important;
	height:92px;
	background:#2cf1ea;
	overflow: hidden;

}
#dir-content #content-3{
	min-height:161px;
	height:auto !important;
	height:161px;
	background:#ee607e;	
	overflow: hidden;

}
#dir-content #content-4{
	min-height:230px;
	height:auto !important;
	height:230px;
	background:#207139;
	overflow: hidden;	
}
#dir-content #content-5{
	min-height:299px;
	height:auto !important;
	height:299px;
	background:#11b5ea;
	overflow: hidden;
}
#dir-content #content-6{
	min-height:368px;
	height:auto !important;
	height:368px;
	background:#f1c52c;
	overflow: hidden;
}
#dir-content #content-7{
	min-height:437px;
	height:auto !important;
	height:437px;
	background:#eaa96f;
	overflow: hidden;
}

/* ~~~~ dir-content (end) ~~~~ */

/* ~~~~ form (start) ~~~~ */

#form{
	background:#1d1d1d;
	padding:20px 27px 30px 25px;
}
#form h3{
	font-size:30px;
	line-height:30px;
	text-transform:uppercase;
}

#form h4{
	font-size:44px;
	line-height:44px;
	text-transform:uppercase;
}

#form p{
	font-size:12px;
	margin:17px 0 15px 0;
	color:#fff;
}

#form form{margin-top:50px;}

#form div.left{
	float:left;
	width:245px;
}
#form div.right{
	float:left;
	width:363px;
}
#form input{
	display:block;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
}

#form .input-text{
	border:0;
	width:220px;
	height:27px;
	padding:8px 0 0 15px;
	margin-bottom:13px;
}
#form textarea{
	display:block;
	border:0;
	width:344px;
	height:132px;
	padding:8px 0 0 15px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
}
#form .input-submit{
	float:right;
	border:0;
	width:64px;
	height:35px;
	background:#9f9999;
	margin:12px 6px 0 0;
	cursor:pointer;
}

/* ~~~~ Form (end) ~~~~ */


/* ~~~~ Comment (start) ~~~~ */

#comment{
	background:#1d1d1d;
	padding:20px 27px 30px 25px;
}
#comment h3{
	font-size:30px;
	line-height:30px;
	text-transcomment:uppercase;
}

#comment h4{
	font-size:44px;
	line-height:44px;
	text-transcomment:uppercase;
}

#comment p{
	font-size:12px;
	margin:17px 0 15px 0;
	color:#fff;
}

#comment comment{margin-top:50px;}

#comment div.left{
	float:left;
	width:245px;
}
#comment div.right{
	float:left;
	width:363px;
}
#comment input{
	display:block;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
}

#comment .input-text{
	border:0;
	width:220px;
	height:27px;
	padding:8px 0 0 15px;
	margin-bottom:13px;
}
#comment textarea{
	display:block;
	border:0;
	width:344px;
	height:132px;
	padding:8px 0 0 15px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
}
#comment .input-submit{
	float:right;
	border:0;
	width:64px;
	height:35px;
	background:#9f9999;
	margin:12px 6px 0 0;
	cursor:pointer;
}

/* ~~~~ Comment (end) ~~~~ */

/* ! ~~~ Direcory Page (end) ~~~~ ! */


/* ! ~~~ Front Page (start) ~~~~ ! */

/* ~~~~ Block 1 (start) ~~~~ */

#block-yo{
	float:left;
	width:463px;
}
#block-yo div.bg{
	background:#f1c52c;
/*	background-image:url(../img/promo-bg.png); */
	padding:26px 0 0 0;
}
#block-yo img.big{
	display:block;
	margin:0 21px;
}
#block-yo ul.mixes_list {
	height:155px;
	margin:15px 0 0 19px;
}

#front-content .white-block {
	color: #000;
	line-height: 18px;
	}
/* ~~~~ Block 1 (end) ~~~~ */




/* ~~~~ Next Gigs Block (start) ~~~~ */

#next_gigs-block2{
	float:left;
	width:463px;
	margin-bottom:17px;
}
#next_gigs-block2 div.bg{
	background:#6dbc3e;
	padding:15px 19px 20px 19px;
}
#next_gigs-block2 h3{
	font-size:44px;
	text-transform:uppercase;
}
#next_gigs-block2 ul{
	list-style:none;
	margin:15px 0 0px 0;
	font-size:14px;
}
#next_gigs-block2 ul li{margin-bottom:20px}
#next_gigs-block2 ul li a{
	color:#fff;
	text-decoration:none;
}
#next_gigs-block2 ul li a:hover{text-decoration:underline}

/* ~~~~ Next Gigs Block (end) ~~~~ */


/* ~~~~ Block 2 (start) ~~~~ */

#front-content #block-1{
	float:left;
	width:463px;
}
#front-content #block-2 div.bg{
	background:#f1c52c no-repeat top;
/*	background-image:url(../img/promo-bg.png); */
	padding:26px 0 0 0;
}
#front-content #block-2 img.big{
	display:block;
	margin:0 21px;
}
#front-content #block-2 ul{
	height:155px;
	margin:15px 0 0 19px;
}


/* ~~~~ Block 2 (end) ~~~~ */

.white-block p a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.white-block p a:hover {
	text-decoration: underline;
}

.more_more_more{
	clear:both;
	height:42px;
	background:url(../img/trans.png);
}
.more_more_more a{
	float:right;
	height:33px;
	margin-right:10px;
	font-size:22px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	padding:7px 40px 0 0;
	background:url(../img/hand.png) no-repeat right 13px;
}
.more_more_more a:hover span{border-bottom:2px solid #fff;}

/* ~~~~ Next Gigs Block (start) ~~~~ */

.next_gigs-block{
	float:right;
	width:463px;
	margin-bottom:17px;
}
.next_gigs-block .bg{
	background:#6dbc3e;
	padding:15px 19px 20px 19px;
}
.next_gigs-block h3{
	font-size:44px;
	text-transform:uppercase;
}
.next_gigs-block ul{
	list-style:none;
	margin:15px 0 25px 0;
	font-size:14px;
}
.next_gigs-block ul li{margin-bottom:20px}
.next_gigs-block ul li a{
	color:#fff;
	text-decoration:none;
}
.next_gigs-block ul li a:hover{text-decoration:underline}

/* ~~~~ Next Gigs Block (end) ~~~~ */







/* ~~~~ White Block (start) ~~~~ */

.white-block{
	float:right;
	width:463px;
	margin-bottom:38px;
}
.white-block .bg{
	background:#fff;
	padding:15px 19px 15px 19px;
}
.white-block h3{
	line-height: 0px;
	font-size:44px;
	text-transform:uppercase;
	color:#000;
}

.white-block h3 a{
	text-decoration: none;
	color:#000;
}

.white-block h3 a:hover{
	background-color: yellow;
}
.white-block span.date, .white-block span.date a{
	text-transform:uppercase;
	font-size:14px;
	color:#b3b3b3;
	text-decoration: none;
}

.white-block span.date a:hover {
	text-decoration: underline;
}

.white-block img{
	display:block;
	margin: 10px 0 0px 0;
	max-width: 421px;
}
.white-block p{
	margin:10px 0 6px 0;
	color:#202020;
}
	
/* ~~~~ White Block (end) ~~~~ */

/* ! ~~~ Front Page (end) ~~~~ ! */

/* ! ~~~ In The Mix Page (start) ~~~~ ! */

/* ~~~~ Block 1 (start) ~~~~ */

#in_the_mix-content #block-1{
	float:left;
	width:462px;
	padding:26px 0 15px 0;
	background:#f1c52c;
}
#in_the_mix-content #block-1 img.big{
	display:block;
	margin:0 21px;
}
#in_the_mix-content #block-1 div.block-cont{
	margin:15px 30px;
	color:#000;
}
#in_the_mix-content #block-1 div.block-cont h3{
	font-size:44px;
	text-transform:uppercase;
}
#in_the_mix-content #block-1 div.block-cont h4{
	margin-top:20px;
	font-size:30px;
	text-transform:uppercase;
}
#in_the_mix-content #block-1 div.block-cont p{font-size:12px;}
	
/* ~~~~ Block 1 (end) ~~~~ */

/* ~~~~ Block 2 (start) ~~~~ */

#in_the_mix-content #block-2{
	float:right;
	width:474px;
	padding:0px 0 15px 0;	
}

#in_the_mix-content #block-2 .block-cont-1{
	background:#000;
	padding:10px 30px;
}
#in_the_mix-content #block-2 .block-cont-1 h3{
	font-size:44px;
	text-transform:uppercase;
	
}

a.cool-link{
	display:block;
	height:20px;
	background:url(../img/one-more-hand.png) no-repeat;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:45px;
	margin:25px 0 10px 0;
}
a.cool-link-black2{
	display:block;
	height:20px;
	background:url(../img/one-more-hand_invert.gif) no-repeat;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:45px;
	margin:25px 0 10px 0;
}


a:hover.cool-link-black2{
	text-decoration:underline;
}




a.cool-link-mix {
	display:block;
	height:30px;
	padding: 5px 0 0 35px;
	background:url(../img/note.png) no-repeat;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	margin:25px 0 10px 0;
	font-weight: bold;
}

a.cool-link_black{
	display:block;
	height:20px;
	background:url(../img/one-more-hand_invert.gif) no-repeat;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:45px;
	margin:25px 0 10px 0;
}

a:hover.cool-link_black{
	text-decoration:underline;
}

a.cool-link:hover{text-decoration:underline;}

#in_the_mix-content #block-2 .block-cont-2{
	background:#f1c52c;
	padding:1px 21px 0 21px;
	color:#000;
}
#in_the_mix-content #block-2 .block-cont-2 ul{
	list-style:none;
	margin-top:23px;
}
#in_the_mix-content #block-2 .block-cont-2 ul li{padding-bottom:26px}
#in_the_mix-content #block-2 .block-cont-2 ul li a{float:left}
#in_the_mix-content #block-2 .block-cont-2 ul li a img{
	display:block;
	border:11px solid #fff;
}
#in_the_mix-content #block-2 .block-cont-2 ul li div.cont{
	float:left;
	width:265px;
	margin-left:22px;
}

#in_the_mix-content #block-2 .block-cont-2 div.cont a{
	color: #000;
}

#in_the_mix-content #block-2 .block-cont-2 div.cont a:hover{
	color: #000;
	text-decoration: none;
}

#in_the_mix-content #block-2 .block-cont-2 ul li div.cont h4{font-size:30px;}


#in_the_mix-content #block-2 .block-cont-3{
	height:67px;
	background:#fff;
}
#in_the_mix-content #block-2 .block-cont-3 a.all_mixes{
	float:left;
	width:430px;
	height:33px;
	margin:8px 0 0 29px;
	background:url(../img/big-hand.png) repeat-x right 12px;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	font-size:44px;
}
#in_the_mix-content #block-2 .block-cont-3 a.all_mixes span{
	float:left;
	background:#fff;
	width:130px;
}
#in_the_mix-content #block-2 .block-cont-3 a.all_mixes span span{width:auto}
#in_the_mix-content #block-2 .block-cont-3 a.all_mixes:hover span span{border-bottom:3px solid #000;}
	
/* ~~~~ Block 2 (end) ~~~~ */

/* ! ~~~ In The Mix Page (end) ~~~~ ! */

/* ! ~~~ Feed Page (start) ~~~~ ! */

#feed-content .white-block{float:left;}
#feed-content .white-block.right{float:right;}
#feed-content a.cool-link.white{
	background-image:url(../img/one-more-hand.png);
	color:#000;
	padding-left:45px;
	margin:20px 0 0 0;
}
#feed-content a.cool-link.white:hover{text-decoration:underline}

#feed-content img.left{
	float:left;
	margin:0 10px 0 0;
}
#feed-content p.right{
	float:left;
	width:264px;
	margin:0;
}

#feed-content .next_gigs-block{
	float:right;
	clear:right;
}
#feed-content .next_gigs-block2{
	float:right;
	clear:right;
}

#feed-content p {
		line-height: 18px;
}



/* ~~~ navigate block (start) ~~~~ */

.navigate{
	height:80px;
	margin-bottom:29px;
	font-size:44px;
	text-transform:uppercase;
	border-bottom:22px solid #fff;
	width: 964px;
}
.navigate a{
	color:#fff;
	text-decoration:none;
}
.navigate a:hover span{border-bottom:3px solid #fff;}
.navigate a.left{
	float:left;
	background:url(../img/big-trans-hand-left.png) no-repeat left;
	padding-left:70px;
}
.navigate a.right{
	float:right;
	background:url(../img/big-trans-hand-right.png) no-repeat right;
	padding-right:70px;
}

/* ~~~ navigate block (end) ~~~~ */

/* ~~~ In The Mix Block (start) ~~~~ */

.in_the_mix-block{
	width:463px;
	margin-bottom:35px;
	float: left;
}
.in_the_mix-block .bg{
	height:214px;
	padding:10px 0 0 16px;
	background:#f1c52c;
}
.in_the_mix-block h3{
	font-size:44px;
	text-transform:uppercase;
}
ul.mixes_list{
	list-style:none;
	margin-top:9px;
}
ul.mixes_list li{
	float:left;
	margin-right:9px;
}
ul.mixes_list li div.link{
	text-decoration:none;
	color:#000;
}
ul.mixes_list li img{
	display:block;
	border:10px solid #fff;
}

ul.mixes_list li img:hover{
	border:10px solid #ffe793;
}

ul.mixes_list li div.link:hover img,
ul.mixes_list li div.link.hover img{display:none;}
ul.mixes_list li div.link div.hidden{
	display:none;
	width:100px;
	height:99px;
	padding:15px 6px 0 10px;
	border:11px solid #fff;
	background:#ccc;
	cursor:default;
}
ul.mixes_list li div.link div.hidden span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}
ul.mixes_list li div.link div.hidden p{font-style:italic;}
ul.mixes_list li div.link:hover div.hidden,
ul.mixes_list li div.link.hover div.hidden{display:block;}


#feed-content .in_the_mix-block{float:left;}

/* ~~~ In The Mix Block (end) ~~~~ */

/* ! ~~~ Feed Page (end) ~~~~ ! */

/* ! ~~~ Gigs Page (start) ~~~~ ! */

#gigs-content .next_gigs-block{
	float:left;
	clear:left;
}
#gigs-content .next_gigs-block.dark .bg{background:#1d1d1d;}
#gigs-content .in_the_mix-block{
	float:right;
	clear:right;
}

/* ! ~~~ Gigs Page (end) ~~~~ ! */

/* ! ~~~ Members Page (start) ~~~~ ! */

#members-content .in_the_mix-block.right{
	float:right;
	clear:right;
}
#members-content .next_gigs-block.right{
	float:right;
	clear:right;
}

#members-content h2 {
	font-size: 25px;
	margin: 0 0 -10px 0;
}

#members-content p {
	line-height: 18px;
}

a h2 {
	color: #000;
}

a:hover h2 {
	color: #555;
	background-color: yellow;
	}

.article-block{
	width:416px;
	padding:15px 24px;
	background:#fff;
	color:#000;
	margin-bottom:35px;
}

.article-block p {	line-height: 24px; }

.article-block h3{
	line-height: 0px;
	font-size:44px;
	text-transform:uppercase;
	color:#000;
}
.article-block img.left{
	float:left;
	margin:0 17px 10px 0;
	border:9px solid #e4e0e0;
}
.article-block span{
	font-size:44px;
	text-transform:uppercase;
}
.article-block p{line-height:18px;}

.article-block.left{
	float:left;
	clear:left;
}
.article-block.right{
	float:right;
	clear:right;
}

/* ! ~~~ Members Page (end) ~~~~ ! */

/* ! ~~~ All Mixes Page (start) ~~~~ ! */

.all_mixes-block{margin-bottom:35px;}
.all_mixes-block .header{
	height:75px;
	background:#000;
}
.all_mixes-block .header h3.left{
	float:left;
	font-size:44px;
	margin:10px 0 0 23px;
}
.all_mixes-block .header .cool-link-black2.right{
	float:right;
	margin:29px 35px 0 0;
}
.all_mixes-block .bg{
	background:#f1c52c;
	padding:23px 0 10px 23px;
}
.all_mixes-block ul{list-style:none}
.all_mixes-block li{
	float:left;
	width:450px;
	height:162px;
	color:#000;
}
.all_mixes-block li a{float:left}
.all_mixes-block li img{
	display:block;
	border:11px solid #fff;
}	

.all_mixes-block li img:hover{
	border:11px solid #ffe793;
}	

.all_mixes-block li .cont{
	float:left;
	width:265px;
	margin:5px 0 0 22px;
}
.all_mixes-block li h4{
	font-size:30px;
	line-height:27px;
}

h4 a {
	font-size:30px;
	line-height:27px;
	color: #000;
	margin: 0 0 5px 0;
	text-decoration: none;
	float: left;
	width: 100%;
	}



/* ! ~~~ All Mixes Page (end) ~~~~ ! */

/* ! ~~~ Contact Page (start) ~~~~ ! */

#contact-content #form{
	float:left;
	width:420px;
	padding:20px 18px 20px 25px;
}
#contact-content #form form{margin-top:20px;}
#contact-content #form form div{float:none;}
#contact-content #form form div.right{width:100%}
#contact-content #form form textarea{width:400px;}



#contact-content .next_gigs-block{
	float:right;
	clear:right;
}
#contact-content .next_gigs-block.dark .bg{background:#1d1d1d;}
#contact-content .in_the_mix-block{
	float:right;
	clear:right;
}

/* ! ~~~ Contact Page (end) ~~~~ ! */



/* ! ~~~ Comment Page (start) ~~~~ ! */

#comment-content #comment{
	width:420px;
	padding:20px 18px 20px 25px;
	margin-bottom: 34px;
}
#comment-content #comment form{margin-top:20px;}
#comment-content #comment form div{float:none;}
#comment-content #comment form div.right{width:100%}
#comment-content #comment form textarea{width:400px;}

#skjema .comments a { color: #fff }


#comment-content .next_gigs-block{
	float:right;
	clear:right;
}
#comment-content .next_gigs-block.dark .bg{background:#1d1d1d;}
#comment-content .in_the_mix-block{
	float:right;
	clear:right;
}

/* ! ~~~ Comment Page (end) ~~~~ ! */

.left-content {float: left; width: 463px; margin: 0 0 0 0}
.right-content {float: right; width: 463px;}


.switch { color: #000; cursor:pointer; font-weight: bold; }