/*
Theme Name: Eventyr
Author: TRond Erling Hundal
Description: Custom theme for eventyrhytta
Version: 1.0
License: GNU General Public License

*/

body, html {
	height: 100%;
	background-color: #000 ;
	color: #fff ;
	margin: 0px ;
	padding: 0px;
	font-weight: normal;
   font-family: 'ArialMT', 'Arial', 'sans-serif';
	font-size: 15px;
}

.bookingInfoRow {
	display:none;
	background-color: #f3efe8 ;
	padding: 5px;
}

#container {

	min-height: 100%;
	text-align:center;
}

#maincontainer {
	
	clear:both;
	display:block;
	
	width: 800px;
	margin: auto;
	text-align: left;
}

#frontPage {
	width: 100%;
	margin: auto;
	text-align:center;
}

#cabin0 a {
	float:left;
	margin-left:13px;
	background-image:url(/wp-content/uploads/2013/01/front_skihytta.png);
	width: 373px;
	height: 354px;
}

#cabin0 a:hover {
	background-image:url(/wp-content/uploads/2013/01/front_skihytta_over.png);	
}

#cabin1 a {
	float:right;
	margin-right:13px;
	background-image:url(/wp-content/uploads/2013/01/front_eventyrhytta.png);
	width: 373px;
	height: 354px;
}

#cabin1 a:hover {
	background-image:url(/wp-content/uploads/2013/01/front_eventyrhytta_over.png);
}


#cabin0 {
	float:left;
	width: 386px;
	height: 600px;
	float:left;
}

.frontseparator {
	margin-top: -14px;
	margin-left: 13px;
	display:block;
	float:left;
	width: 4px;
	height: 600px;
	background-color: #786a48;
}

#cabin1 {
	width: 386px;
	float:right;
	height: 600px;
}



#cabinSelect {
margin-top:15px;
margin-bottom:15px;
height: 100%;  
min-height: 100%;
}

#logo {
    height: 77px;
    margin-top: 15px;
    margin-bottom: 30px;
}

#menuWrap {
	text-align:center; 
	clear:both;
	height: 55px;
	line-height: 55px;
	vertical-align:middle;
}

#mainMenu {
	
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	clear:both ;
	border-bottom: solid #eaeaea 1px;
}

ul#topMenu {
	clear: both;
	display:inline-block;
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;	
}

ul#topMenu li {
	float:left;	
	display: inline;
	
}

ul#topMenu li a{
	
	height: 28px;
	line-height: 28px;
	vertical-align:middle;
	display:block;
	margin: 8px;
	color: #aaa ;
	
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: dotted #000 1px;
}

ul#topMenu li.current_page_item a {
 	color: #fff ;
}


ul#topMenu li a:hover{
	color: #fff ;
	border-bottom: dotted #dadada 1px;	
}

ul#topMenu li a.active{
	color: #fff ;	
}

.titleImage {
   margin-bottom: 10px;
}

#content {
	margin-top: 20px;
	margin-bottom: 20px;
	clear:both;
	/*font-family: 'Helvetica-Bold', 'Helvetica', 'Arial', 'sans-serif';

	font-size: 12px;*/
	font: 13px/19px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
text-align:center ;
}


#content a {
   color:#fff ;
   text-decoration:none;
   border-bottom: dotted 1px #fff ;
}

#content a:hover {
    color:#ccc ;

   border-bottom: dotted 1px #ccc ;
}

#content h2 a{
	margin:auto;
	width: 800px;
	display:block;
	text-align:left;
	color: #fff ;
	text-decoration:none;
}

#content .post {
margin:auto;
text-align:left;
width: 800px;
}

#footer {
	font-size: 11px;
	text-align:center;
}

.textCenterWrap {
   position:relative;
   width: 100%;
   text-align:center ;
}

.compressed {
   margin-auto;
   width: 500px;
   text-align:left;
}

.overlayText {
   position:relative;
   z-index: 10;
   top: -60px;
   margin:auto;
}

.overlayText div {
   padding-bottom: 24px;
}


#calendarWrapper {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 280px;
	clear:both;
	padding: 10px;
	background-color: #212121;
	border: solid #313131 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 280px;
}

#NightChooser {
	height: 100%;
	float:left;
	width: 160px;
}

#bookingCalendar {
	float:right;
	width: 560px;
}

.numDaysLabel {
	font-size: 16px;
	font-weight: bold;
}

.numDaysInput {
	font-size: 16px;
	font-weight:  bold;
	width: 50px;
	text-align:center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
}

#bookingFormSubmitButton {
	font-size: 16px;
	padding: 4px;
	width: 150px;
}

/* booking form */
#bookingForm {
	
	text-align:left;
	background-color: #373737;
	padding: 5px;

}

.formDescription {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.1em ;
}

fieldset {
	margin-bottom: 5px;
	border-color: #282828;
	border-width:1px;
	
	background-color: #474747 ;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

legend {
	/*margin-top:5px;
	display:block;
	float:left;*/
	
	height: 25px;
	line-height: 25px;
	vertical-align:middle;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #212121;
	color: #fff ;
	font-weight: bold;
	text-shadow:#212121 1px 1px;
}

form dl {
	margin:0px;
	padding: 0px;	
}

form dl dt {
	float:left;
	width: 135px;
	font-weight:  bold;
	
}

form dl dd {
	
	margin:0px;
	
}

form dl dd, form dl dt {
margin-bottom: 5px;
}

form dl dd p{
	display:inline;
	color: #999;
	padding-left: 10px;
}

.customerTypeOptions {
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	
	
}

#radioPrivate {
margin-right: 20px;
}

.successView {
	background-color: #212121 ;
	padding: 20px;
}

.errorMessage {
background-color: #990000;
padding: 5px;
margin: 5px;
border:solid #efefef 1px;
font-weight: bold ;
font-size: 13px;
}
.errorMessage span {
border-bottom: dotted #fff 1px;
}

.errorMessage p {
font-size: 10px;
text-indent: 1em;

}

.missingInput {
background-color:#990000;
color: #fff ;
}




.jCalMo .month span { color: #fff; }
.jCalMo .month span.monthNameHover,.jCalMo .month span.monthYearHover { 
color:#000;
}

.monthSelector {
	
	color: #000;

}

.monthSelect {
	color: #000 !important;
}

#switchaRoo {
	position: absolute;
	z-index: 100;
	right: 0px;
	width: 43px;
	height: 100%;
	min-height: 100%;
}

a.rightSwitchLink {
	position:fixed;
	top: 50%;
	display: block;
	width: 43px;
	height: 172px;
}

a#rightSwitchLink-251 {	
	background-image: url(skihytta_normal.png) ;
}

a#rightSwitchLink-251:hover {
	background-image: url(skihytta_over.png) ;
}

a#rightSwitchLink-2 {	
	background-image: url(eventyrhytta_normal.png) ;
}

a#rightSwitchLink-2:hover {
	background-image: url(eventyrhytta_over.png) ;
}