/* 
---------------------------------------------------------------------------------------------
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_3.jpg);
	background-repeat:repeat-x;
	background-position:0px 55px;
	background-color:#010101;
	background-attachment:fixed;
	
	
}

div#Focus{
  position: fixed;
  left: 2%;
  top: 0;
  width:19%;
  min-width:300px;
  z-index: 5000;
  -moz-border-radius: 0px 0px 5px 5px;
  border-left:1px solid #D0CBC3;
  border-right:1px solid #D0CBC3;
  border-bottom:1px solid #D0CBC3;
  -moz-box-shadow: 3px 3px 10px #000;
/* WebKit */
-webkit-box-shadow: 3px 3px 10px #000;
/* Standard */
box-shadow: 3px 3px 10px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
overflow:hidden;
background: url(../images/bg_contentWrapper.png) repeat;
}


div#Focus.collapse{
height:25px;
text-align:right;
background: url(../images/bg_contentWrapper.png) repeat;

}



div#Focus div#FocusContent{
  text-align:left;
  background:#140A01;
  border-bottom: 1px solid #FFFFFF;
  padding:10px 15px;	
  position: relative;
  z-index:300;
  display:block;
  overflow-y:scroll;
  overflow-x:hidden;
  height:400px;

}

div#Focus h3{
  position: relative;
  z-index:300;
  background: url(../images/bg_contentWrapper.png) repeat;
  text-align:center;
  font-size:2.1em;
  color:#000;
  cursor:pointer;
  border:none;
  margin:0px;
  padding: 28px 15px 28px 15px;
}


div#Focus h3 span{
  position:absolute;
  right:5px;
  bottom:5px;
  height:25px;
  background:red;
}

div#Focus span{
float:left;
background:red;
}

div#Focus h3:hover{
   color:#9A0404;
  cursor:pointer;
}

div#Focus div#FocusContent p{
font-size:1.1em;
color:#CCC;
}

div#Focus div#FocusContent p strong{
color:#FFF;
}

div#Focus div#FocusContent a{
color:#9a0404;
text-decoration:underline;
}

div#Focus div#FocusContent a:hover{
color:#9a0404;
text-decoration:none;
}






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;
	margin-bottom:5px;
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	line-height:;
	color:#000;
	padding:5px 0 5px 5px;
	border-bottom:dotted 1px #3B3D49;
	margin-bottom:8px;
}
h4{

	font-size:1.2em;
	line-height:;
	color:#000;
	padding:0 0 5px 5px;
	border-bottom:dotted 1px #3B3D49;
	margin-bottom:8px;
	}
h5{}
h6{}

p {
font-family:Tahoma, Geneva, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
margin: 0.625em 0;
color:#000;
}

p strong {
font-weight:bold;
color:#000;
}

a{	
  font-size: 1.1em;
  color:#9A0404;
}

a:hover{
  xxcolor:#570303;
  color:#000;
}
a:visited{

  color:#333;
}
a:active{}
a:focus{outline:none;}



/*
---------------------------------------------------------------------------------------------
CONTAINER STYLES
---------------------------------------------------------------------------------------------
*/

div#Shadow_wrapper{
	width:1000px;
	margin:0 auto;
	padding:0 0 10px 0;
    min-height:800px;
	margin-bottom:30px;
}

div#wrapper{
  width:1000px;
  margin:0;
  padding:0;
  overflow:hidden;
}

div#header{
  width:1000px;
  float:left;
  margin:0;
  padding:0;
  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;
}

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;
  border-top:1px solid #d0cbc3;
  border-bottom:1px solid #d0cbc3;
  background-color:#140a01;
}

div#GlobalMenu ul{
  width:690px;
  float:left;
  margin:0;
  padding: 10px 0 10px 20px;
}

div#GlobalMenu ul li{
  float:left;
  margin:0 10px 0 0;
  padding:0;
  display:inline;
}

div#GlobalMenu ul li a{
  text-decoration:none;
  font-weight:bold;
  font-size:1.3em;
  color:#d0cbc3;
  padding:10px 5px 10px 15px;
}

div#GlobalMenu ul li a:hover{
  background:url(../images/bg_global_hover.png) top left no-repeat;
  font-weight:bold;
  text-decoration:none;
  color:#FFF;
}

div#GlobalMenu ul li a:focus{
outline:none;
}

div#GlobalMenu ul li a.current{
  background:url(../images/bg_global_hover.png) top left no-repeat;
  font-weight:bold;
  text-decoration:none;
  color:#FFF;

}

div#GlobalMenu ul.media{
float:right;
width:270px;
text-align:right;
padding: 10px 0 5px 20px;
}

div#GlobalMenu ul.media li a{
 padding:1px 5px;
}

div#GlobalMenu ul.media li a:hover{
background:none;
}

div#GlobalMenu ul.media li#contact a{
 color:#D0CBC3;
 background:url(../images/bg_global_hover.png) top left no-repeat;
 padding:10px 5px 10px 15px;
}

div#GlobalMenu ul.media li#contact a:hover{
 color:#fff;
 background:url(../images/bg_global_hover.png) top left no-repeat;
 padding:10px 5px 10px 15px;
}

/*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;
}

div#BreadCrumb ul li{
	float:left;
	margin:0 5px 0 0;
	padding:0 0 0 10px;
	display:inline;
	color:#D0CBC3;
	font-weight:normal;
	text-decoration:none;
	background:url(../images/arrow_breadcrumb.png) no-repeat left center;
}



div#BreadCrumb ul li a{
	font-weight:normal;
	text-decoration:none;
	color:#D0CBC3;
	font-size:1.2em;
}

div#BreadCrumb ul li a:hover{
	font-weight:normal;
	text-decoration:underline;
	color:#d0cbc3;
}

div#BreadCrumb ul li:last-child{
	color:#fff;
	font-size:1.2em;
}

div#BreadCrumb ul li:first-child{
background:none;
}

/*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;
}

/*HOME COLUMNS*/

div#WideCol h2, div#NarrowCol h2{
color:#000;
}

/*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{
	font-size:1.7em;
  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 60px 10px;
	xxmin-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 img{
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
}

div#articleRightCol h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	line-height:;
	color:#3B3D49;
	padding:5px 0 5px 5px;
	border-bottom:solid 1px #3B3D49;
	margin-bottom:10px;
}

div#articleRightCol ul{
	width:220px;
	float:left;
	margin:0;
	padding:0;
}

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;
	height:570px;
	width:690px;
	padding:0px 5px;
	position:relative;
}






/* 
---------------------------------------------------------------------------------------------
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 */

