@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

/* Colors -------------------------------------------------------
White: #fff;
Dark Blue: #40607F;
Light Blue: #69c;
Light Green: #7EB035;
Dark Green: #3E780C;
-------------------------------------------------------------- */


/* Body ------------------------------------------------------ */
body { width: 960px; margin: 0 auto; background: url(../images/bgImage.jpg) repeat; }


/* Header ---------------------------------------------------- */
#header { width: 100%; float: left; background: #69c; }
#header img { float: left; max-height: 124px; margin: 0 20px 0 0; }
#header h1 { color: #fff; float: left; margin-top: 1em; font-size: 2em; }
#cse-search-box { float: right; position: relative; bottom: 0; right: 0; margin: 4em 20px 1em 0; }
#cse-search-box input[type=text] { width: 150px; border: 1px solid #40607f; }


/* Navigation ------------------------------------------------ */
#globalNav { list-style: none; color: #fff; background: #7eb035; float: right; position: relative; right: 0; bottom: 0; margin: 0 20px 0 -20px; height: 40px; width: 735px; vertical-align: middle; }
#globalNav li { float: left; text-align: center; padding: .5em .625em; font-size: 16px; }
#globalNav li a { font-weight: bold; color: #fff; }
#globalNav li a:hover { color: #3E780C; text-decoration: none; }
#subNav { list-style: none; margin: 0 auto; width: 800px; font-size: 10px; font-weight: bold; text-align: center; }
#subNav li { float: left; margin: 1em; }


/* Side Bar --------------------------------------------------- */
#sideBar { float: left; width: 185px; margin-right: 20px; }
#resortLinks { list-style: none; width: 165px; padding: 10px; height: 100%; float: left; margin: 0 20px 20px 0; background: #fff; }
#resortLinks li { padding: 5px 0; margin: 5px 0; font-size: 14px; }
#resortLinks li img { width: 16px; margin: 0 3px 0 0; }
#resortLinks li a:hover { text-decoration: none; }

div#resortLinks ul { list-style: none; margin: 0; }


/* Content --------------------------------------------------- */
#content { width: 705px; padding: 10px 10px 20px 20px; float: left; background: #fff; }
#featuredImage, .featuredImage { float: right; clear: right; margin: 0 0 1em 1em; max-width: 245px; }
#content h2, #content h3, #content p, .topicDesc, blockquote ul li { width: 440px; }
#photoPro { width: 430px; margin: 0 0 1.5em; }
.activities { width: 220px; float: left; }

/* Forum ----------------------------------------------------- */
.forumTopic { border: 1px solid #40607F; margin: 1em 0; padding: 1em; width: 414px; }
.forumTopic:hover { background: #cff; }
.forumTopic h4 { margin: 0.25em; width: 414px; }
.forumTopic p { margin: 0 0 .75em 0; width: 414px !important; }
.forumTopic img, .topicDesc img { max-width: 100px; margin: 5px; display: inline; padding: 4px; border: 1px solid #40607F; }
.forumTopic img:hover, .topicDesc img:hover { background: #69c; cursor: pointer; }
.topicDesc { font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 1.5em; }
#imageView { padding: 10px; border: 1px solid #40607f; background: #fff; position: fixed; max-width: 64%; top: 50%; left: 50%; margin: -25%; }
#report img { max-width: 500px; }


/* Photo and Video Gallery ----------------------------------- */
#gallery { list-style: none; width: 200px; height: 375px; overflow: auto; margin: 0 10px 10px 0; float: left; }
#gallery li { padding: 3px; border: 1px solid #69c; text-align: center; position: relative; top: 0; left: 0; float: left; margin: 0 7px 7px 0; }
#gallery li img { vertical-align: middle; max-height: 75px; max-width: 75px; }
#gallery li:hover { background: #69c; cursor: pointer; }

#loader { float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #40607F; width: 470px; min-height: 300px; }
#loader img { width: 100%; }
#loader.loading { background: url(../images/loadingAnimation.gif) no-repeat center center; }
#caption { margin: 5px 0 0 0; font-style: italic; color: #69c; text-indent: 36px; }
#mainMovie { width: 470px; height: 350px; }

#pagination { list-style: none; width: 480px; float: right; margin: 10px 0 20px 0; }
#pagination li { margin: 0 5px; float: left; }
#pagination li a { font-weight: bold; }
#pagination li a:hover { text-decoration: none; }
#pagination li.active:hover { border: 1px solid #40607F; margin: -1px 4px; }
/* pagination following a list of forum topics */
blockquote + #pagination { float: left; clear: both; width: 100%; }

/* RSS Feed -------------------------------------------------- */
.rss { border-bottom: 1px dotted #7EB035; padding: 10px; width: 440px; }
.rss:last-child { border-bottom: none; }
.rss * { margin: 0; }


/* Footer ---------------------------------------------------- */
#footer { width: 940px; float: left; padding: 10px; margin: 20px 0; background: #fff; text-align: center; }
#footer p { float: left; margin: 0 10px; width: 290px; font-size: 10px; text-align: center; }

/* Advertising ----------------------------------------------- */
.advertiser { float: right; clear: right; }
.advertiser img { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.rcSky { width: 245px; height: 360px; margin: 10px 0; }
.rcLand { width: 245px; height: 100px; margin: 10px 0; }
.rcNarrow { width: 120px; height: 360px; margin: 10px; }
.rcSquare { width: 120px; height: 120px; margin: 10px; }
.sidebarBlock { width: 185px; height: 220px; margin: 10px 0; float: left; clear: none; }