/* general styles */
body {background:url(/uploads/Skidea/background.jpg) no-repeat top center #fff; color:#847d53; font-size:0.7em; font-family: Arial, Tahoma, sans-serif; margin:0 auto; padding:0 }

a {color:#929fa5;font-weight:700;text-decoration:none}
a:hover {color: #8badab; text-decoration:underline}
a:active { outline: none !important; }
a:focus { outline: none !important; }
a img {border:0}

p {margin:0 0 0.5em 0.5em; text-align: justify}
ul,ol,dl {font-size:0.9em;margin:2px 0 16px 1em}
ul ul,ol ol {margin:4px 0 4px 1em}
blockquote {border:1px solid #f4ad7b;font-size:0.9em;margin:20px 10px;padding:8px}
h1 a {color:#525632;text-transform:none}
h2 {border-bottom:4px solid #f4ad7b;color:#525632;font-size:1.4em;letter-spacing:-1px;margin:0 0 10px;padding:0 2px 2px 5px}
h3 {border-bottom:1px solid #f4ad7b;color:#525632;font-size:1.2em;font-weight:700;margin:10px 0 8px;padding:1px 2px 2px 3px}


/* wrapper and header */
#wrap {color:#404040; margin:0 auto; padding:0; width:920px; height: 100%}
#header {margin:0 auto; width: 520px; height: 50px}

/* Page title */
#title {margin:0 auto; display: table }
#title h1 {margin: 0 0 0 0; padding: 0; line-height: 1em; font-family: serif; color: #4a4418; text-align: center; font-weight: bold; font-size: x-large; letter-spacing:-1px; font-family: times, garamond, serif}
#title h2 { text-align: center; text-size: medium; font-weight: normal; border: none; color: #555555; margin-bottom: 2em; font-family: times, garamond, serif}


/* sidebar and menu */
#sidebar {float: left; line-height: 1.3em; margin: 50px 0 15px 0; width: 210px}
#sidebar ul {list-style:none; margin: 0 20px 0 0; padding:0 0 15px 10px}
#primary-nav {font-size: large; letter-spacing: -1px; font-family: times, serif}
#sidebar li {text-align: center; list-style:none; margin:0 0 4px; padding:0; width: 100%}
#sidebar li.menuactive {list-style: url(/uploads/Skidea/hand.png)}
#sidebar li a {font-weight:700; padding:1px; color: #333333; line-height: 1em; font-weight: bold}
#sidebar li a:hover {color: #000000}
#sidebar li a.menuactive {color: #4a4418; font-weight: bold}
#sidebar ul ul {font-size: 0.9em; line-height:1.2em; margin:4px 0 3px 15px;padding:0}
#sidebar h2 {margin: 20px 0 8px}
#sidebar ul.unli {display: none}

/* Front page */
body.front {background:url(/uploads/Skidea/front.jpg) no-repeat top center #fff; margin: 0; color: black }
body.front A { color: black; text-decoration: underline }
body.front #container {margin:0 auto; padding:0; width:910px; height: 100%}
body.front #content {float: right; height: 225px; width: 350px; margin-top: 137px; margin-right: 128px; text-align: right; padding: 1em 2em 0 1em;  overflow: auto}
body.front #content #welcome {margin: 0; font-family: times, serif; font-weight: bold}

body.front #message { width: 320px; font-size: 1.4em; margin: 5px 7px 0 0; float: right}

#gps { background:url(/uploads/Skidea/GPS.png) top left no-repeat; width: 310px; height: 160px; float: right; padding: 0; margin-top: 15px}
#gps A { text-decoration: none; display: block; font-size: 1.5em; display: block; margin: 20px 15px -1px 0; height: 32px; width: 140px; float: right; clear: both }
#gps A:hover { text-decoration: underline }
#gps A span { font-style: italic; font-size: 0.7em; display:block }

/* News */
body.front #news {float: left; margin-top: 0px; margin-left: 120px; width: 700px; height: auto; padding: 0 0 0 1em; font-size: 1em; line-height: 1.4em}
body.front div.NewsHeader { margin-left: 95px; margin-top: 1em }
div.NewsSummary {margin: 1em 0 2em 0}
div.NewsSummaryTitle { font-weight: bold; font-size: 1.2em; line-height: 1em; font-family: "Arial Black", Arial, sans-serif}
div.NewsSummaryPostdate {font-size: 0.9em; text-align:left; font-style: italic; display: inline}
div.NewsSummaryCategory {display:none}
div.NewsSummaryAuthor {display:none}
div.NewsSummaryContent p {margin: 0.6em 1em 0.6em 0.8em}
div.NewsSummaryContent ol { font-size: 1em }
div.NewsSummaryContent ul { font-size: 1em }
div.NewsSummaryContent ol li { margin: 0.7em 0 }
div.NewsSummaryContent ol li { margin: 0.3em 0 }
a.rssLink {margin: 0 2em; font-weight: normal; text-decoration: none}
.rssImage {margin-right: 3px}




/* News Details */
#NewsPostDetailDate {text-align: right}
#NewsPostDetailTitle { margin-top: 0; padding-top: 0}
#NewsPostDetailHorizRule {display: none}
#NewsPostDetailCategory {display: none}
#NewsPostDetailAuthor {display: none}
#NewsPostDetailContent {}
#NewsPostDetailPrintLink {display: none}
#NewsPostDetailReturnLink {text-align: right}



/* main content */
#content {float:right; line-height:1.5em; margin:0 0 0 0; padding:0; text-align:left; width:680px}
#contentalt {float:left;line-height:1.5em;margin-right:20px;padding:0;text-align:left;width:750px}
#content h3,#contentalt h3 {margin:10px 0 8px}


/* Resort info */
div.resort_info { border: 1px solid #333333; float: right; margin: 0.5em 0 0.5em 1em; padding: 0.5em 0.8em; clear: both}


/* OpenPisteMap */
#mapframe {float: right; width: 420px; height: 310px; border: 1px solid #847d53; margin: 0 5px 10px 10px}
#map {width: 100%; height: 100%}


/* List of maps */
#maps {width: 320px; margin: 0 2em 1em 0; float: left}
#maps h3 {}
#maps div.maplist { margin-left: 1.8em; margin-bottom: em }
a.maplink { margin: 0 1em 0 0; padding: 0; font-weight: normal; color: black; border-bottom: 1px solid #e2ecf4}

/* Download */
#leftbox { float: left; width: 280px; margin: 1em 20px}
#rightbox { float: right; margin: 1em auto}

/* Photos */
div.photo {text-align: center; width: auto; margin: 0.5em auto; background: black; clear:both}
div.photo img {border: 2px solid black; margin: 0 auto}
div.photo div.title {background: black; color: #ccccdd; float: left; font-size: 0.8 em; padding: 1px 5px}
div.photo div.copyright {background: black; color: #444455; font-size: 0.65 em; padding: 1px 5px; text-align: right}

/* Contact Us Feedback */
#feedback_contact { background: url(/uploads/Skidea/geoskiers_said.png) top left no-repeat; padding-top: 40px; padding-left: 15px; margin-top: 2em}
#feedback_contact .pager { margin: 2px 0 0.5em 1em; }
#feedback_contact .pager a, #feedback_contact .pager span { padding: 0 0.3em }
#feedback_contact div.feedback_summary_item { margin: 2em 0em 3em 1em}
#feedback_contact div.item_header {font-size: 1.2em; font-family: garamond, serif; color: black}
#feedback_contact span.feedback_item_title { font-weight: bold}
#feedback_contact span.feedback_item_authorname { }
#feedback_contact div.feedback_bubble { white-space: pre-wrap; padding-left: 5px; border-left: 1px solid #777777}
#feedback_contact div.feedback_admin_notes {float: left; width: 210px; margin-left: 10px; color: #a4d28d}

div.feedback_addcoment { margin: 3em 0em 3em 1em; padding-left: 15px; clear:both}
div.feedback_leave { font-weight: bold; font-size: 1.2em; font-family: garamond, serif; color: black}
div.feedback_form { border-left: 1px solid black; padding: 0.5em 0.8em 0.3em 0.8em}
div.feedback_field { margin: 0.5em }
span.feedback_field_name { width: 8em; display: inline-block;}
div.feedback_text_field { margin: 0.5em}
div.feedback_text_field textarea { width: 100%; margin-top: 0.1em }


/* News Feedback */
.news_feedback_summary { margin: 0.5em 1em 0 1em; width: 355px; float: left}
.news_feedback_summary .item { padding: 0.3em 0.5em; color: #333333; margin: 1px 0 0 0; border-bottom: 1px solid white; white-space: pre-wrap; }
.news_feedback_summary .when { color: #777777}
.news_feedback_summary .name { font-weight: bold; font-family: tahoma, arial; color: #3b5998 }
.news_feedback_summary a.open_comments { font-style: italic; font-weight: normal; color: #777777; text-decoration: none}
.news_feedback_summary a.open_comments:hover { text-decoration: underline }
.news_feedback_summary .appear { display: none; background: url(/uploads/Skidea/comment.jpg)}


.news_feedback_addcomment { clear: both; float: left; width: 355px; margin: 0 1em; color: #333333; background: url(/uploads/Skidea/comment.jpg); display: none; padding-top: 0.3em }
.news_feedback_addcomment .inside { margin: 0.3em 0.5em}
.news_feedback_addcomment div.field { margin: 1px; vertical-align: top; clear: both}
.news_feedback_addcomment div.fieldname { width: 75px; float: left }
.news_feedback_addcomment input { font-size: 1em}
.news_feedback_addcomment div.field input { font-size: 1em; width: 255px; margin-right: 2px; float: right}
.news_feedback_addcomment textarea { height: 40px; width: 255px; margin: 0 2px 0 0; font-family: arial, sans-serif; font-size: 1em; float: right}
.news_feedback_addcomment div.down { margin: 0.2em 0.3em }


/* Sidebar Feedback */
.sidebar_feedback_header { width: 100%; background: url(/uploads/Skidea/geoskiers_said_small.png) top left no-repeat; padding: 40px 1em 0 20px; margin: 3em 0 1em 0; color: #777777;}
#sidebar a.open_comments { font-style: italic; font-weight: normal; color: #777777; text-decoration: none; display: block}
#sidebar a.open_comments:hover { text-decoration: underline }

.sidebar_feedback_form { width: 210px; margin: 0 1em 0 0; color: #333333; display: none}
.sidebar_feedback_form div.field { margin: 0; vertical-align: top; clear: both}
.sidebar_feedback_form div.fieldname { width: 50px; float: left }
.sidebar_feedback_form input { font-size: 1em}
.sidebar_feedback_form div.field input { font-size: 1em; width: 150px; float: right; margin: 1px 0}
.sidebar_feedback_form textarea { height: 40px; width: 205px; margin: 0; font-family: arial, sans-serif; font-size: 1em; display:block}
.sidebar_feedback_form div.down { margin: 0.2em 0.3em }

.sidebar_feedback_summary { margin: 0.5em 0 0 0; width: 210px; padding: 0}
.sidebar_feedback_summary .item { padding: 0.3em 0 0.3em 1em; color: #333333; margin: 1px 0 0 0; border-bottom: 1px solid white; white-space: pre-wrap; }
.sidebar_feedback_summary .when { color: #777777}
.sidebar_feedback_summary .name { font-weight: bold; font-family: Comic Sans, Comic Sans MS, cursive, arial; color: #111111 }




/*  Other adsenses */
#insense {width: 336px; height: 280px; margin: 0 1em 1em 1em; float: right}
#bottomsense {border-top:4px solid #f4ad7b; clear:both; text-align: right; padding-top: 2em}


/* footer */
#footer {border-top:4px solid #f4ad7b; clear:both; color:gray; font-size:0.9em;line-height:1.6em; margin:1em auto 0 auto;padding:8px 0;text-align:right}
#footer p {margin:0;padding:0; text-align: right}

/* additional styles */
.box {background:#525632;border:1px solid #c8c8c8;color:#fff;font-size:0.9em;line-height:1.4em;padding:10px 10px 10px 13px}
.box a {color:#f0f0f0}
.left {float:left;margin:0 15px 4px 0}
.right {float:right;margin:0 0 4px 15px}
.readmore {margin:-10px 10px 12px 0;text-align:right}
.timestamp {font-size:1.2em;margin:-5px 0 15px 10px}
.blue {color:#525632}
.clear {clear:both}
.fade {color:#c8c8c8}
.photo1 {background:#fff;border:1px solid #bababa;margin:6px 18px 2px 5px;padding:2px}
#toplinks a,#footer a,.gray {color:gray}
#sidebar ul ul li a,.timestamp a {font-weight:400}



/* utility styles */
.printonly,.hide {display:none}




/* wiki style external links */

/* external links will have "(external link)" text added, lets hide it */
a.external span {position: absolute; left: -5000px; width: 4000px}
/* make some room for the image */
a.external {padding: 0 12px 0 1px}
/* background image for the link to show wiki style arrow */
a.external:link {background: url(/uploads/Skidea/external.gif) no-repeat 100% 0}
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes. */
a.external:visited {background: url(/uploads/Skidea/external.gif) no-repeat 100% 0}
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
a.external:hover {background: url(/uploads/Skidea/external.gif) no-repeat 100% 0;background-color: #e2ecf5}

/* end wiki style external links */