/* 
---------------------------------------------------------------------------------------------
F O R    S C R E E N
---------------------------------------------------------------------------------------------

HaugeMisje/Millpond Moon - Umbraco
Author: Thomas Engevold		-	16.09.2009

/*
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
*/

/*
------------------
/*CSS - RESET YUI ------>
------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*
---------------------------------------------------------------------------------------------
GENERAL STYLES
---------------------------------------------------------------------------------------------
*/

html{
overflow-y: scroll !important;}

body { 
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bg_new_Design_2010_2.jpg);
	background-repeat:repeat-x;
	background-position:0px 55px;
	background-color:#010101;
	background-attachment:fixed;
}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.9em;
	letter-spacing:0.02em;
	line-height:;
	color:#efefef;
	

	}
	
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.6em;
	line-height:;
	color:#c1c1c1;
	padding:5px 0 5px 5px;
	xxborder-bottom:dotted 1px #fff;
	margin-bottom:5px;
	}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	line-height:;
	color:#3B3D49;
	padding:5px 0 5px 5px;
	border-bottom:dotted 1px #3B3D49;
	margin-bottom:8px;
	}
h4{

	font-size:1.2em;
	line-height:;
	color:#3B3D49;
	padding:0 0 5px 5px;
	border-bottom:dotted 1px #3B3D49;
	margin-bottom:8px;
	}
h5{}
h6{}

xxp{
	color:#000;
font-size:1.2em;
line-height:1.6em;
}

p {
font-size: 1.2em;
line-height: 1.5em;
margin: 0.625em 0;
text-align: justify;
color:#3B3D49;
}

p strong {
font-weight:bold;
color:#000;
}

a{	
  font-size: 1.1em;
  xxfont-weight:bold;
  color:#3B3D49;
}

a:hover{
  color:#570303;
	}
a:active{}
a:focus{outline:none;}



/*
---------------------------------------------------------------------------------------------
CONTAINER STYLES
---------------------------------------------------------------------------------------------
*/

div#Shadow_wrapper{
	width:1000px;
	margin:0 auto;
	padding:0 0 10px 0;
    min-height:800px;
	xxborder:1px solid #FFF;
	xxborder-top:none;

    xx-moz-border-radius-bottomright:15px;
	xx-moz-border-radius-bottomleft:15px;
	margin-bottom:30px;
}

div#wrapper{
  width:1000px;
  margin:0;
  padding:0;
  overflow:hidden;
}

div#header{
	width:1000px;
	float:left;
	margin:0;
	padding:0;
	xxbackground-image:url(../images/bg_header_millpond_moon.png);
	xxbackground-image:url(../images/bg_header_millpond_moon_2.png);
	background-image:url(../images/bg_header_millpond_moon_gradient_2.png);
	background-repeat:no-repeat;
	background-position:center top;

	min-height:85px;

}

div#header h1 a{
color:#000;
float:right;
font-size:0.8em;
font-variant:normal;
letter-spacing:0.04em;
margin:95px 0 0;
padding:0px 10px 5px 15px;
text-decoration:none;
xxtext-transform:uppercase;
}

div#header h1 a:hover{
  color:#570303;
  text-decoration:none;
}

div#header h1 a:focus{
  outline:none;
}

/*GlobalMenu*/
div#GlobalMenu{
	width:1000px;
	float:left;
	margin:0 0 5px 0;
	padding:0;
	xxbackground-image:url(../images/bg_contentWrapper_90.png);
	xxbackground-repeat:repeat;
	border-top:1px solid #d0cbc3;
	border-bottom:1px solid #d0cbc3;
	background-color:#140a01;
}

div#GlobalMenu ul{
	width:710px;
	float:left;
	margin:0;
	padding: 10px 0 10px 20px;
	xxbackground-color:#000;
}

div#GlobalMenu ul li{
  float:left;
  margin:0 20px 0 0;
  padding:0;
  display:inline;
}

div#GlobalMenu ul li a{
  text-decoration:none;
  font-weight:bold;
  font-size:1.3em;
  color:#d0cbc3;
  padding:1px 5px;
}

div#GlobalMenu ul li a:hover{
  font-weight:bold;
  text-decoration:none;
  color:#9a0404;
}

div#GlobalMenu ul li a:focus{
outline:none;
}

div#GlobalMenu ul li a.current{
  font-weight:bold;
  text-decoration:none;
  color:#9a0404;

}

div#GlobalMenu ul.media{
float:right;
width:180px;
text-align:right;
padding: 10px 0 5px 20px;
}

/*Search*/
div#searchBox{
  width:250px;
  float:left;
  margin:0;
  padding: 7px 0 10px 0;
}

div#searchBox input.input{
  width:177px;
  float:left;
  margin:2px 5px 0 0;
  padding:2px 0 2px 3px;
  border:none;
  background-color:#d5d5d5;
  background-color:#000;
  color:#CCC;
}

div#searchBox .submit{
  width:60px;
  float:left;
  margin:0;
  padding:0;

}


/*BreadCrumb*/
div#BreadCrumb{
	width:980px;
	float:left;
	margin:0;
	padding:0;
}

div#BreadCrumb ul{
	width:955px;
	float:left;
	margin:0;
	padding: 2px 0 6px 25px;
	xxbackground-color:#000;
}

div#BreadCrumb ul li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	display:inline;
	color:#D0CBC3;
	font-weight:normal;
	text-decoration:none;
	font-size:1.1em;
}

div#BreadCrumb ul li a{
	font-weight:normal;
	text-decoration:none;
	color:#D0CBC3;
}

div#BreadCrumb ul li a:hover{
	font-weight:normal;
	text-decoration:underline;
	color:#d0cbc3;
}

/*content*/
div#content{
	width:980px;
	float:left;
	margin:0;
	padding:0 10px 10px 10px;
	min-height:300px;
	border-top:1px solid #fff;
	background-image:url(../images/bg_contentWrapper.png);
	background-repeat:repeat;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-bottomleft:15px;
}

/*HOME content*/
div#homeContent{
	width:980px;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	min-height:300px;
}

div#homeContent h2{
  margin:5px 0 10px 0;
  color:#3B3D49;
  xxborder-bottom:1px dotted #666;
}

/*HOME COLUMNS*/

div#WideCol h2, div#NarrowCol h2{
color:#3B3D49;
}

/*widecol*/
div#WideCol{
	width:710px;
	float:left;
	margin:5px 5px 0 5px;
	padding:0 5px 0 4px;
	border-right:1px dotted #333;
	min-height:590px;
}

div#newsBox{
	width:645px;
	float:left;
	margin:10px 5px 10px 0;
	padding:0 0 10px 0;
}

div#newsBox img{
padding-right:6px;
}

div#MovieBox{
	width:645px;
	float:left;
	margin:0 5px 0 0;
	padding:5px 0;
	background-color:#000;

	border:1px solid #333;
	-moz-border-radius:5px;
}

div#MovieBox h2{
  color:#CCC;
  margin-left:5px;
  margin-right:5px;
}

div#MovieBox object{
padding-left:5px;
}



/*narrowcol*/
div#NarrowCol{
	width:210px;
	float:left;
	margin:5px 0 0 10px;
	padding:5px 15px 40px 10px;
	min-height:1090px;
	color:#3B3D49;
	background-color:#000;
	-moz-border-radius:5px;
}

div#NarrowCol h2{
display:none;
}

div#MusicPLayerBox{
	float:left;
	padding-left:10px;
	}

div#MailCollector{
	float:left;
	padding-left:10px;
	
	}

div#TourListBox{
	width:210px;
	float:left;
	margin:5px 0 0 0;
	padding:5px 10px 0 10px;
}

div#TourListBox ul{
	width:260px;
	float:left;
	margin:0;
	padding:0;
}

div#TourListBox ul li{
	width:260px;
	float:left;
	margin:0 0 5px 0;
	padding:0;
}

div#TourListBox ul li a{
	text-decoration:none;
font-size:1.2em;
font-weight:bold;
}






/*ARTICLE content*/
div#articleContent{
	width:700px;
	float:left;
	margin:0 0 20px 0;
	padding:20px 20px 20px 20px;
   	xxborder-right:1px solid #fff;
	min-height:590px;
	xxbackground-image:url(../images/bg_contentWrapper.png);
	xxbackground-repeat:repeat;
    xx-moz-border-radius:5px;

}

div#articleContent h1{
	width:700px;
	float:left;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #3B3D49;
	color:#3B3D49;
}

div#articleContent h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	width:700px;
	float:left;
	margin:0 0 5px 0;
	padding:0 0 5px 5px;
	border-bottom:1px dotted #000;
	color:#000;
	text-transform:uppercase;
}


div#articleContent h2{
	color:#3B3D49;
	border-bottom:1px dotted #3B3D49;
}

div#articleContent img{
padding-right:10px;
}

div#articleContent ul{
	margin-left:5px;

}
div#articleContent ul li{
font-size:1.2em;
margin-bottom:4px;
font-weight:bold;
}




/*article right column*/
div#articleRightCol{
	width:220px;
	float:left;
	margin:60px 0 0 10px;
	padding:0 0 10px 0;
}

div#articleRightCol ul{
	width:220px;
	float:left;
	margin:0;
	padding:0;
	border-top:1px dotted #FFF;


}

div#articleRightCol ul li{
	width:220px;
	float:left;
	margin:0;
	padding:0;
}


div#articleRightCol ul li a{
width:215px;
float:left;
padding:4px 0 4px 5px;
margin:0;
color:#3B3D49;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
border-bottom:1px dotted #FFF;
}

div#articleRightCol ul li a:hover{
color:#570303;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
}
div#articleRightCol ul li a.current{
color:#570303;
font-weight:bold;
text-decoration:none;
}


/*FOOTER*/
div#footer{ 
	width:1000px;
	float:left;
	margin:15px 0 0 0;
	padding:0;
	color:#d0cbc3;
}

div#footer p{ 
text-align:center;
margin:0px;

}

/* 
---------------------------------------------------------------------------------------------
SLIDESHOW - FRONTPAGE
---------------------------------------------------------------------------------------------
*/

/* container for slides */
div#slideShow{
	float:left;
	width:700px;
	position:relative;
	xxbackground-color:lime;
}

div#slideShow .images {
	background:#000;
	border:1px solid #000;
	position:relative;	
	height:470px;
	
	xxwidth:650px;
	width:700px;
	float:left;	
	xxmargin:15px;
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	
}

/* single slide */
div#slideShow .images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:5px;
	xpadding:15px 30px 15px 15px;
	height:460px;
	font-size:12px;
}

div#slideShow .images div img{
-moz-border-radius:5px;
}

/* header */
div#slideShow .images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
div#slideShow .slidetabs {
	clear:both;
	
	width:700px;
}

/* single tab */
div#slideShow .slidetabs a {
	padding:3px;
	float:left;
	margin:3px;
	display:block;
	font-size:1em;		
}

/* mouseover state */
div#slideShow .slidetabs a:hover {
   color:#9A0404;  
}

/* active state (current page state) */
div#slideShow .slidetabs a.current {
color:#9A0404;  
} 

xxdiv#slideShow .slidetabs #play {
	float:left;
	background-color:#000;
	color:#CCC;
	padding:4px 7px;
	border:none;
	margin-right:5px;
}

xxdiv#slideShow .slidetabs #stop {
	float:left;
	background-color:#000;
	color:#CCC;	
	padding:4px 7px;
	border:none;
	margin-right:200px;
}

/* prev and next buttons */
div#slideShow .forward, .backward {
	float:left;
	background:#000;
	color:#CCC;
	padding:4px;
	display:block;
	xxwidth:30px;
	xxheight:30px;
	cursor:pointer;
	font-size:1.1em;
	margin-bottom:3px;
	-moz-border-radius:3px;
}

div#slideShow .backward {
margin-right:3px;
}

/* next */
xxdiv#slideShow .forward 				{ background-position: 0 -30px; clear:right; }
div#slideShow .forward:hover 		{ color:#999; }
.forward:active 	 	{ color:#999; } 


/* prev */
div#slideShow .backward:hover  		{color:#999; }
div#slideShow .backward:active  	{color:#999;}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
div#slideShow .disabled {
	visibility:hidden !important;		
}




/* 
---------------------------------------------------------------------------------------------
DIVERSE STYLES 
---------------------------------------------------------------------------------------------
*/
div.printLogo { display : none; }
div.clearer {clear:both;font-size:1px;line-height:1px;}
.hiddenTxt {position: absolute;left: -1000px;width: 900px;}

/* 
---------------------------------------------------------------------------------------------
SITEMAP
---------------------------------------------------------------------------------------------
*/

#articleContent #sitemap ul li a{
	font-size:1em;
	font-weight:normal;
}


















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
