@charset "UTF-8";
/*
---------------------------------------
Site:               Kashmir.dk
Author:             Skybrud.dk
By:         Anders Stentebjerg
---------------------------------------
*/

body {
	background: #000 url(../img/background.png) top center no-repeat;
	font-family: Georgia, "Times", Times New Roman, Serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #4c4c4c;
	margin: 0;
	padding: 0;
}

a {
    color: #0092a2;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

hr {
    color: #c6c5c4;
    background: #c6c5c4;
    height: 1px;
    border: none;
    margin: 10px 0;
}

.clear {
	clear: both
	}

.center {
    margin: 0 auto
}

.left {
    float: left
}

.right {
    float: right
}

h1, h2, h3 {
    font-family: arial, Helvetica,sans-serif;
    font-weight: bold;
    line-height: normal;
}

#bottom {
	background: url(../img/bottom.jpg) top center;
	display: block;
	width: 100%;
	max-width: 1444px;
	margin: 0 auto;
	height: 163px;
	margin-top: 20px;
}

#wrapper .grid_22 {
    float: none;
    display: block;
}

/* round corners white*/

.alternate .roundCornerTop div { 
    background: url(../img/bgRoundCornesWhite.gif) no-repeat top left; 
}

.alternate .roundCornerTop { 
    background: url(../img/bgRoundCornesWhite.gif) no-repeat top right; 
}

.alternate .roundCornerBottom div { 
    background: url(../img/bgRoundCornesWhite.gif) no-repeat bottom left; 
}

.alternate .roundCornerBottom { 
    background: url(../img/bgRoundCornesWhite.gif) no-repeat bottom right; 
}
	
/*
---------------------------------------
header styles
---------------------------------------
*/

#header {
	height: 375px;
	width: 870px;
	margin-bottom: 25px;
	}

#header .logo {
    width: 840px;
    padding: 0;
    display: block;
    margin: 0 auto;
    float: none;
    }

.logo a {
	width: 840px;
	height: 279px;
	background: url(../img/top_logo.jpg) no-repeat;
	display: block;
	margin-bottom: 30px;
	}

/*
---------------------------------------
nav styles
---------------------------------------
*/
#header ul.nav {
	width: 730px;
	list-style: none;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	float: inherit;
	display: block;
}
ul.nav li {
	display: inline;
	float: left;
	margin-left: 40px;
}
ul.nav li:first-child {
	margin-left: 0;
}
ul.nav li.contributionsByUser { display: none; }
ul.nav li a {
	background: url(../img/menu_sprite.png) no-repeat;
	display: none;
	height: 50px;
	overflow: hidden;
	text-indent: -999px;
}
/* top menu sprite */
ul.nav li.front a { background-position: 0  -50px; width: 41px; display: block; }
ul.nav li.news a { background-position: -87px  -50px; width: 38px; display: block; }
ul.nav li.band a { background-position: -167px  -50px; width: 35px; display: block; }
ul.nav li.live a { background-position: -243px  -50px; width: 34px; display: block; }
ul.nav li.music a { background-position: -323px  -50px; width: 43px; display: block; }
ul.nav li.videos a { background-position: -410px  -50px; width: 48px; display: block; }
ul.nav li.photos a { background-position: -506px  -50px; width: 51px; display: block; }
ul.nav li.lounge a { background-position: -596px  -50px; width: 51px; display: block; }
ul.nav li.shop a { background-position: -694px  -50px; width: 34px; display: block; }

/* hover and active state */
ul.nav li.front a:hover, ul.nav li.front.active a { background-position: 0  1px; width: 41px; }
ul.nav li.news a:hover, ul.nav li.news.active a { background-position: -87px  1px; width: 38px; }
ul.nav li.band a:hover, ul.nav li.band.active a { background-position: -167px  1px; width: 35px; }
ul.nav li.live a:hover, ul.nav li.live.active a { background-position: -243px  1px; width: 34px; }
ul.nav li.music a:hover, ul.nav li.music.active a { background-position: -323px  1px; width: 43px; }
ul.nav li.videos a:hover, ul.nav li.videos.active a { background-position: -410px  1px; width: 48px; }
ul.nav li.photos a:hover, ul.nav li.photos.active a { background-position: -506px  1px; width: 51px; }
ul.nav li.lounge a:hover, ul.nav li.lounge.active a { background-position: -596px  1px; width: 51px; }
ul.nav li.shop a:hover, ul.nav li.shop.ative a { background-position: -694px  1px; width: 34px; }


/*
---------------------------------------
contribute styles
---------------------------------------
*/

.contributeContainer {
    margin-bottom: 30px
}

.section h2 {
    font-size: 14px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.contributeContainer .contribute { 
    background: #f6eee4;
    margin-top: 8px   
}

.contribute h3 {
    color: #5a5a5b;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    font-family: verdana;
    margin-bottom: 8px
}

.contribute .roundCornerTop div { 
    background: url(../img/bgRoundCornesWhite.gif) no-repeat top left; 
}

.contribute .roundCornerTop { 
    background: url(../img/bgRoundCornesWhite.gif) no-repeat top right; 
}

.contribute .roundCornerBottom div { 
    background: url(../img/bgRoundCornesWhite.gif) no-repeat bottom left; 
}

.contribute .roundCornerBottom { 
    background: url(../img/bgRoundCornesWhite.gif) no-repeat bottom right; 
}

.contribute .contributeContent {
    padding: 10px 9px;
}

 /* height and width details */
.roundCornerTop div, .roundCornerTop, .roundCornerBottom div, .roundCornerBottom {
	width: 100%;
	height: 1px;
	font-size: 1px;
}

.facebookConnect {
    float: left;
    margin-right: 5px
}

.infoConnect {
    float: left;
    color: #fff;
}

.infoConnect a {
    color: #fff;
    display: block;
    padding: 7px 8px 4px 8px
}

.infoConnect a:hover {
    text-decoration: none
}

.infoConnect .roundCornerTop div { 
    background: url(../img/bgRoundCornesLight.gif) no-repeat top left; 
}

.infoConnect .roundCornerTop { 
    background: url(../img/bgRoundCornesLight.gif) no-repeat top right; 
}

.infoConnect .roundCornerBottom div { 
    background: url(../img/bgRoundCornesLight.gif) no-repeat bottom left; 
}

.infoConnect .roundCornerBottom { 
    background: url(../img/bgRoundCornesLight.gif) no-repeat bottom right; 
}

.infoConnect .infoConnectContent {
    
}

h3.infoConnectContent {
    margin-bottom: 0px
}


/*
---------------------------------------
sectionWide styles
---------------------------------------
*/

.sectionWide {
    padding-top:31px;
    background: url(../img/bgSectionWide.gif) repeat-y top left;
    
}

.sectionWide .pictureTxt {
    padding-bottom: 20px;
    border-bottom: 1px solid #c6c5c4;
}



/*
---------------------------------------
footer styles
---------------------------------------
*/

#footer {
    width:788px;
    background: #fdfbf8;
	height: 63px;
	border-left: 1px solid #000; 
	border-right: 1px solid #000;
	margin: 0 15px 30px 15px;
	padding: 30px 25px 25px 25px;
}

#footer .info span {
    width: 1px;
    height: 11px;
    margin: 0 14px 0 13px;
    display: inline-block;
    background: #7e7d7c; 
}

#footer .infoContainer {
    height: 11px;
    padding: 8px 0 9px 0;
    border-top: 1px solid #c7c6c2;
    border-bottom: 1px solid #c7c6c2; 
}
#footer .info {
    float:left
}

#footer .footerArrow {
    float: right;
    width: 12px;
    height: 10px;
}

.tooltip { 
	padding: 5px;
	font-size: 10px; 
	opacity: 0.7; 
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	background-repeat: no-repeat;  
	background-image: url(../img/bgTooltip.gif); 
}
.tooltip-inner { 
	padding: 5px 8px 4px 8px; 
	background-color: #000; 
	color: #fff; 
	max-width: 200px; 
	text-align: center; 
}

.tooltip-inner { 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
}

.tooltip-north { 
	background-position: top center; 
}

.tooltip-south { 
	background-position: bottom center; 
}
 
.tooltip-east { 
	background-position: right center; 
}
 
.tooltip-west { 
	background-position: left center; 
}

#footer .social {
    width:100%;
    position: relative;
    height: 17px;
    padding: 9px 0 6px 0;
    border-bottom: 1px solid #c7c6c2; 
}

#footer .social .credits {
    position: absolute;
    right: 0px;
    top: 5px
}

#footer .social span {
    width: 1px;
    height: 11px;
    margin: 4px 14px 0 13px;
    display: inline-block;
    background: #7e7d7c; 
}

/*
---------------------------------------
BREADCRUMB styles
---------------------------------------
*/

#breadcrumb {
    background: #fdfbf8;
    margin-top: -3px;
    padding-bottom: 10px;
    color: #b2b2b2;
    display: block
}

#breadcrumb li {
    display: inline;
    padding-right: 4px
}

#breadcrumb li a {
    color: #b2b2b2
}

/*
---------------------------------------
LIVE styles
---------------------------------------
*/
h1.live {
    background: url(../img/hlLive.gif);
    width: 510px;
    height: 171px;
    margin-bottom: 40px;
    text-indent: -9999px;
}

h2.live {
    font-size: 40px;
    color: #000;
    padding-bottom: 8px;
    margin-bottom: 13px; 
}

/*
---------------------------------------
FANCYBOX styles
---------------------------------------
*/
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(/img/fancybox/fancy_progress.png) no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #fff;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
	background-color: #000;
}

div#fancy_div {
	background: #000;
	color: #fff;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: 0px;
	right: -27px;
	height: 22px;
	width: 22px;
	background: url(/img/fancybox/fancy_closebox.png) top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	top: 0px; 
	height: 77%; 
	width: 25%;	
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico 
{
	position: absolute; 
	top: 65%;
	margin-top: -50px;
	width: 61px;
	height: 100px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url(/img/fancybox/fancy_left.png) no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url(/img/fancybox/fancy_right.png) no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 15px; 
}

a#fancy_right:hover span {
	right: 15px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_n.png) repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_ne.png) no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_e.png) repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_se.png) no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_s.png) repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_sw.png) no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_w.png) repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(/img/fancybox/fancy_shadow_nw.png) no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #fff;
	font-family: Georgia, "Times", Times New Roman, Serif;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 50px;
	width: 23px;
	background: transparent url(/img/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 50px;
	background: transparent url(/img/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 50px;
	width: 23px;
	background: transparent url(/img/fancybox/fancy_title_right.png) repeat-x;
}