/* - - - - - - - - - - - - - - - - - - - - - - -

Title :    Stockton Lake
URL :      http://stocktonlake.com/

Created :  04.05.2010
Modified : 04.21.2010

- - - - - - - - - - - - - - - - - - - - - - - */

/* -----------------------------------------
Global Reset
v1.0 | 20080212 
http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; background: #ffc; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* remember to define focus styles! */
/*:focus { outline: none; }*/

/* Font Reset */
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 1em; }
html>body { font-size: 10px; }

/* ----------------------------------------- 
Clearfix Hack [slightly enhanced]
http://perishablepress.com/press/2008/02/05/
-------------------------------------------- */
.clearfix:after, .wrapper:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0;
}
.clearfix, .wrapper { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix, * html .wrapper { height: 1%; }
.clearfix, .wrapper { display: block; }
/* close commented backslash hack */

/* ------------------------------------------------------------------------------------- H T M L  */

/* Anchor Links  -------------------------------------------------------------- */

a:link { color: #448CCB; text-decoration: none; }
a:visited { color: #448CCB; text-decoration: none; }
a:hover {  color: #448CCB; text-decoration: underline; }
a:active {  color: #448CCB; text-decoration: underline; }

/*a:focus { outline: 1px dashed #00f; }*/

/* Headings  -------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 {
	margin: 0;
	font-family: 'ArtBrushMedium', Arial, sans-serif;
	font-size: 4.4em; 
	line-height: 1em;
	color: #12A191; 
}

h2 { 
	margin: 0 0 .5em;
	font-family: 'ArtBrushMedium', Arial, sans-serif;
	font-size: 2.8em;
	line-height: 1em;
	color: #B16430; 
}



h3 { margin: 0 0 1em; font-size: 1.6em; font-weight: bold; line-height: 1em; }
h4 { margin: 0 0 1.25em; font-size: 1.4em; font-weight: bold; line-height: 1.25em; }
h5, h6 { margin: 0 0 1.5em; font-weight: bold; font-size: 1.4em; }
h6 { margin: 0; line-height: 1.2em; color: #000; }

/* Text Elements  -------------------------------------------------------------- */

p, ul, ol, dl, blockquote, pre { margin: 0 0 1.5em; font-size: 1.2em; line-height: 1.5em; }

blockquote { 
	margin: 1.5em;
	padding: 0 0 0 1.5em;
	border-left : 1px solid #666;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
}

small, cite { font-size: .9em; }
strong, b, dt, th, dfn { font-weight: bold; }
address, cite, em, i, caption, dfn, var { font-style: italic; }

ul, ol { margin: 0 1.5em 1.5em; }
ul ul, ol ol, ul ol, ol ul, ul p, ol p { font-size: 1em; margin: 0 0 1em; }

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: disc; }

ol { list-style-type: decimal; }
ol ol { list-style-type: upper-roman; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: upper-alpha; }

dl { margin: 0 0 1.5em; padding-top: 1.5em; border-top : 1px solid #ccc; }
dt { font-weight: bold; margin: 0; font-size : 1.2em; line-height : 1.25; }
dd { margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom : 1px solid #ccc; }

del { text-decoration: line-through; }
abbr, acronym { font-style: normal; }
acronym, abbr { border-bottom: 1px dotted #333; cursor: help; }
acronym { text-transform: uppercase; }
pre, kbd, code, samp, tt, var { font-family: 'andale mono', 'lucida console', monospace; }

pre { white-space: pre; }
code { display: block; }

sub { font-size: 0.9em; line-height: 1em; vertical-align: sub; }
sup { font-size: 0.9em; line-height: 1em; vertical-align: super; }

/* Tables  -------------------------------------------------------------- */

table { margin: 0 0 3em; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #000; }
caption { text-align: left; }
th, td { padding: 0.5em; vertical-align: top; line-height: 1.2em; }
th { background: #AB710A; color: #fff; font-weight: normal; }
tr.even td { background: #F1E4CF; }
tfoot { font-size: .9em; font-style: italic; }

/* Forms  -------------------------------------------------------------- */

label { font-weight: bold; }
fieldset { margin: 0 0 1.5em 0; padding: 1.4em 1.4em 0 1.4em; border: 1px solid #ccc; }
legend { font-size : 1.2em; font-weight: bold; }
textarea { width : 390px; height : 250px; padding : 5px; }

/* Images  -------------------------------------------------------------- */

img { vertical-align: top; }

/* ------------------------------------------------------------------------------------- P R I M A R Y - L A Y O U T  */

/* Global Styles  -------------------------------------------------------------- */

body {
	color: #666;
	background: #FEF9EB url(../img/body_bg.jpg) repeat-x 0 0;
}

.wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;	
	text-align: left;
}

/* Navigation Reset */
.nav, .nav li, .nav ul, .nav ul li { margin: 0; padding: 0; list-style: none; font-size: 1em; }

/* Global Classes */
.hidden { display: none; }

/* Header  -------------------------------------------------------------- */

#header {
	height: 660px;
	margin: 0;
	background: url(../img/header_bg.jpg) no-repeat center top;
}

#header #branding a {
	display: block;
	margin: 0 0 0 -30px;
	width: 290px;
	height: 220px;
	overflow: hidden;
	text-indent: -9999em;
}

#header #utility-search {
	position: absolute;
	top: 18px;
	right: 5px;
}

#header #utility-search form { margin: 0 0 10px; }
#header #utility-search fieldset { margin: 0; padding: 0; border: none; }
#header #utility-search label { display: none; }

#header #utility-search input { 
	float: left;
	width: 148px;
	height: 14px;
	margin: 0;
	padding: 2px;
	text-align: right; 
	color: #666; 
	text-transform: lowercase; 
	border: 1px solid #BAB8B8; 
	border-right: none;
}

#header #utility-search button { 
	float: left;
	width: 14px;
	margin: 0;
	padding: 1px;
	overflow: hidden;
	text-indent: -9999em;
	cursor: pointer;
	background: #fff url(../img/site_search_button.gif) no-repeat 2px center;	
	border: 1px solid #BAB8B8; 
	border-left: none;
}

#header #utility-search p {
	font-size: 1.4em;
	line-height: 1em;
	text-align: right;
	text-decoration: none;
	color: #fff;
}

#header #utility-search a { color: #fff; text-decoration: none; }
#header #utility-search a:hover,
#header #utility-search a:focus { text-decoration: underline; outline: none; }

#header h3 { display: none; }

/* Global Navigation */
#header .nav {
	position: absolute;
	z-index: 110;
	top: 108px;
	left: 270px;
	width: 686px;
	height: 49px;
}

#header .nav li { float: left; zoom: 1; }

#header .nav li.hover,
#header .nav li:hover { position: relative; }

#header .nav li a {
	float: left;
	display: block;
	height: 49px;
	overflow: hidden;
	text-indent: -9999em;
	background-color: transparent;
	background-image: url(../img/global_nav_sprite.jpg);
	background-repeat: no-repeat;
}

#header .nav li#gn-home a { width: 74px; background-position: 0 0; }
#header .nav li#gn-home a:hover { width: 74px; background-position: 0 -49px; }
#header .nav li#gn-travel a { width: 115px; background-position: -74px 0; }
#header .nav li#gn-travel a:hover { width: 115px; background-position: -74px -49px; }
#header .nav li#gn-lodging a { width: 130px; background-position: -189px 0; }
#header .nav li#gn-lodging a:hover { width: 130px; background-position: -189px -49px; }
#header .nav li#gn-events a { width: 75px; background-position: -319px 0; }
#header .nav li#gn-events a:hover { width: 75px; background-position: -319px -49px; }
#header .nav li#gn-marinas a { width: 84px; background-position: -394px 0; }
#header .nav li#gn-marinas a:hover { width: 84px; background-position: -394px -49px; }
#header .nav li#gn-real-estate a { width: 109px; background-position: -478px 0; }
#header .nav li#gn-real-estate a:hover { width: 109px; background-position: -478px -49px; }
#header .nav li#gn-directory a { width: 99px; background-position: -587px 0; }
#header .nav li#gn-directory a:hover { width: 99px; background-position: -587px -49px; }

/*  LEVEL TWO */
#header .nav ul { 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0;
}

#header .nav ul li { float: none; }
 
#header .nav ul li a { 
	position: relative;
	z-index: 110;
	display: inline-block; /* IE 6 & 7 Needs Inline Block */
	width: 100%;
	height: auto;
	padding: 8px 12px;
	text-indent: 0;
	border-top: 1px solid #724B2F;
	font-size: 1.1em;
	color: #FEF4D6;
	background-color: #461906;
	background-image: none;
}

#header .nav ul li:first-child a { border-top: none; }

#header .nav ul li a:hover { 
	color: #471A07;
	background-color: #E6803F;
}

/* LEVEL THREE */
#header .nav ul ul { left: 100%; top: 0; }
#header .nav li:hover > ul { visibility: visible; }

/* Content  -------------------------------------------------------------- */

#content {
	clear: both;
	margin: -1px 0;
	padding: 1px; /* margin-collapse */
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(../img/content_bg.jpg) repeat-y center top;
}

#content .wrapper {
	margin-top: -258px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 880px;
	padding: 0 40px;
}

#main-content {
	float: left;
	width: 605px;
}

#sub-content {
	float: right;
	width: 225px;
	padding: 0 0 0 35px;

	/* Min-Height Fast Hack */
	min-height: 815px;
	height: auto !important;
	height: 815px;

	background: url(../img/sub_content_divider.jpg) no-repeat 0 0;
	
	overflow: hidden;
}

#sub-content span.advert { display: block; margin: 0 0 20px; }
#sub-content a.advert { display: block; margin: 0 0 20px; }

#sub-content h4 {
	margin: .25em 0;
	font-family: 'ArtBrushMedium', Arial, sans-serif;
	font-size: 2.4em; 
	line-height: 1.1em;
	color: #B16330; 
}

#sub-content #lake-guide { 
	float: left; 
	margin: 0 10px 10px 0;
}

#slideshow {
    position: relative;
    clear: both;
    margin: 20px 0;
    padding: 20px 0;
    border-top: 2px dotted #E6E0D3;
    border-bottom: 2px dotted #E6E0D3;
    text-align: center;
}

#slideshow img {
    margin: 0 auto;
}

#slideshow p {
    text-align: left;
    margin: 0;
    padding: 0 26px;
}

#slideshow p a {
    display: block;
    font-weight: bold;
}

#slideshow .nav li a {
    position: absolute;
    z-index: 100;
    top: 65%;
    right: 0;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0;
    overflow: hidden;
    text-indent: -9999em;
    background: url(../img/slideshow_next.gif) no-repeat right top;
}

#slideshow .nav li a:focus { outline: none; }

#slideshow .nav li:first-child a {
    left: 0;
    background: url(../img/slideshow_prev.gif) no-repeat left top;
} 

#sub-content p.button a {
	display: block;
	width: 98px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../img/button_more_info.gif) no-repeat 0 0;
}

/* Footer  -------------------------------------------------------------- */

#footer {
	clear: both;	
	padding: 58px 0 0;
	background: #0f0000 url(../img/footer_bg.jpg) no-repeat center top;
}

#footer .wrapper { width: 890px; padding: 0 0 40px 70px; }

/* Footer Navigation */
#footer .column {
	float: left;
	width: 220px;
	padding: 38px 0 0;
}

#footer .column h5 {
	height: 28px;
	margin: 0;
	padding: 4px 0 0 32px;
	font-size: 1.8em;
	line-height: 1.2em;
	color: #fff;
}

#footer #footer-travel-tools h5 { background: url(../img/icon_travel.png) no-repeat 0 3px; }
#footer #footer-guides h5 { background: url(../img/icon_guides.png) no-repeat 0 3px; }
#footer #footer-events h5 { background: url(../img/icon_events.png) no-repeat 0 3px; }
#footer #footer-real-estate h5 { background: url(../img/icon_real_estate.png) no-repeat 0 3px; }

#footer .nav {
	float: left;
	padding: 0 0 0 40px;
}

#footer .nav li {
	display: block;
	margin: 0 0 0.5em;
	padding: 0 0 0 18px;
	color: #999;
	font-size: 1.4em;
	line-height: 1.2em;
}

#footer .nav li small { display: block; margin: 0 0 0 -18px; padding: 0 0 12px; }

#footer .nav li a {
	display: block;
	color: #FEF4D6;
	margin: 0 0 0 -18px;
	padding: 0 0 0 18px;
	text-decoration: none;
	background: url(../img/bullet_triangle.png) no-repeat 0 3px;
}

#footer .nav li a:hover { text-decoration: underline; }

#footer p {
	position: absolute;
	bottom: 15px;
	margin: 0;
	color: #fff;
}

#footer p#footer-contact {
	left: 0;
	font-size: 1.6em;
}

#footer p#copyright {
	right: 0;
	font-size: 1.4em; 
}

#footer p a { color: #fff; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }

/* ------------------------------------------------------------------------------------- S E C O N D A R Y - L A Y O U T  */

h1 {
	width: 910px;
	height: 50px;
	padding: 110px 0 10px;
}

#lodging h1 { background: url(../img/title_bg_lodging.jpg) no-repeat right top; }
#campgrounds h1 { background: url(../img/title_bg_campgrounds.jpg) no-repeat right top; }
#dining h1 { background: url(../img/title_bg_dining.jpg) no-repeat right top; }
#lake_real_estate h1 { background: url(../img/title_bg_real_estate.jpg) no-repeat right top; }
#fishing_report h1 { background: url(../img/title_bg_fishing.jpg) no-repeat right top; }
#lake-map h1 { background: url(../img/title_bg_map.jpg) no-repeat right top; }
#directory h1 { background: url(../img/title_bg_directory.jpg) no-repeat right top; }
#marinas h1 { background: url(../img/title_bg_marinas.jpg) no-repeat right top; }
#weather_update h1 { background: url(../img/title_bg_marinas.jpg) no-repeat right top; }
#events h1 { background: url(../img/title_bg_events.jpg) no-repeat right top; }
#map h1 { background: url(../img/title_bg_directory.jpg) no-repeat right top; }

body#dining p strong,
body#real-estate p strong { color: #B16330; }

body#dining #content p a,
body#real-estate #content p a,
body#fishing_report #content p a { color: #666; text-decoration: none; }

body#dining #content p a:hover,
body#real-estate #content p a:hover,
body#fishing_report #content p a:hover { text-decoration: underline; }

/* HOME PAGE  -------------------------------------------------------------- */

#home-banner {
	position: relative;
	top: -14px;
	left: -7px;
	width: 885px;
	height: 360px;
	margin: 0 0 20px;
}

body#home #main-content { width: 500px; }

body#home #sub-content { 
	width: 300px;
	padding: 0 0 0 50px;

	/* Min-Height Fast Hack */
	min-height: 625px;
	height: auto !important;
	height: 625px;

	background: url(../img/home_sub_content_divider.jpg) no-repeat 0 0;
}

body#home #main-content h1 {
	width: auto;
	height: auto;
	padding: 0;
	color: #2B469D;
}

body#home #main-content img.left {
	float: left;
	margin: 2px 12px 2px -10px;
}

body#home #main-content p { font-size: 1.4em; color: #333; }
body#home #sub-content p { color: #333; }

body#home #sub-content h2 {
	padding: 0 0 20px;
	background: url(../img/header_underline.jpg) no-repeat left bottom;
}

body#home #sub-content ul,
body#home #sub-content li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body#home #sub-content li {
	position: relative;
	margin: 0 0 20px;
	padding: 20px 0 0 150px;
	border-top: 1px dotted #DAD2BD;
}

body#home #sub-content li:first-child {
	padding: 0 0 0 150px;
	border-top: none;
}

body#home #sub-content img {
	position: absolute;
	top: 24px;
	left: 0;
}

body#home #sub-content li:first-child img {
	top: 4px;
}

body#home #sub-content h6 { color: #9C4307; }

/* EVENTS CALENDAR PAGE  -------------------------------------------------------------- */

#events-list,
#events-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#events-list li { 
	position: relative;
	display: block;
	float: left;
	width: 480px;
	margin: 0 0 2em;
	padding: 0 0 0 60px;
}
#events-list li a {
	color: #797979;
	text-decoration: none;
}

#events-list strong { 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px 4px;
	border: 2px solid #fff;
	background: #A64E9C; 
	color: #fff;
	font-size: 1.7em;
	box-shadow: 1px 1px 6px #C5C3BF;
	-moz-box-shadow: 1px 1px 6px #C5C3BF;
	-webkit-box-shadow: 1px 1px 6px #C5C3BF;
	text-align:center;
	width:30px;
}

#events-list h4 { margin: 0; padding: 0; font-size: 1.2em; color: #000; }

#events-list p { margin: 0; padding: 0; }

body#events #sub-content h5 {
	margin: 0;
	padding: 10px 10px 20px;
	font-size: 1.8em;
	font-weight: normal;
	color: #994A13;
	background: url(../img/events_heading_bg.jpg) no-repeat 0 0;
}

.quick-calendar {
	margin: 0 0 40px;
}

.quick-calendar th {
	text-transform: uppercase;
	letter-spacing: -0.5px;
	color: #797979;
	background: none;
}

.quick-calendar td {
	border-top: 1px dotted #797979;
	color: #55A6A9;
}

.quick-calendar td a {
	background: #EA8427;
	color: #fff;
	padding: 3px;
	margin: -3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.quick-calendar td span {
	background: #EA8427;
	color: #fff;
	padding: 3px;
	margin: -3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}








/* MARINAS PAGES  -------------------------------------------------------------- */

body#marinas #main-content p,
body#marinas #main-content p a { color: #000; }

body#marinas #main-content ul { margin: 0 0 2em; padding: 0; list-style: none; }


/* DIRECTORY PAGES  -------------------------------------------------------------- */

body#directory h2 {
	width: 585px;
	padding: 2px 10px 0; 
	background: url(../img/directory_divider.jpg) repeat-y 0 0;
}

/* Directory Search */
#directory-search {
	background: #fff;
	margin: 0 0 10px;
	padding: 2px;
	border: 1px solid #C5C3BF;
	
	box-shadow: 1px 1px 6px #C5C3BF;
	-moz-box-shadow: 1px 1px 6px #C5C3BF;
	-webkit-box-shadow: 1px 1px 6px #C5C3BF;
}

#directory-search fieldset { 
	margin: 0; 
	padding: 6px 15px;
	background: #495F99;
	border: none;
}

#directory-search label {
	float: left;
	padding: 5px 20px 5px 0;
	font-size: 1.6em;
	letter-spacing: -0.5px;
	color: #fff;
}

#directory-search input { 
	float: left;
	width: 202px;
	height: 18px;
	margin: 0;
	padding: 2px;
	text-align: right; 
	color: #666; 
	text-transform: lowercase; 
	border: 1px solid #BAB8B8; 
	border-right: none;
}

#directory-search button { 
	float: left;
	width: 30px;
	height: 24px;
	margin: 0;
	padding: 1px;
	overflow: hidden;
	text-indent: -9999em;
	cursor: pointer;
	background: #fff url(../img/directory_search_button.gif) no-repeat 2px center;	
	border: 1px solid #BAB8B8; 
	border-left: none;
}

/* Directory Sort */
h3.sort { margin: 0 0 20px; text-align: center; text-transform: uppercase; letter-spacing: -0.5px; }
h3.sort small { text-transform: none; }
h3.sort a { color: #AB612F; }

/* Listings */
ul.listing {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

ul.listing li {

	/* Cross-Browser Inline-Block */
	display: -moz-inline-stack; /* FF2 inline-block */
	display: inline-block; 
	vertical-align: top;
	zoom: 1;
	*display: inline; /* IE7 inline-block */

	width: 270px;
	margin: 0 0 10px;
	padding: 0 20px 0 0;
	list-style: none;
}

ul.listing li img { float: left; margin: 3px 10px 10px 0; }
ul.listing li h6 { font-size: 1.2em; }
ul.listing li p { line-height: 1.2em; }

/* List View */
ul.listing-list {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

ul.listing-list li {

	/* Cross-Browser Inline-Block */
	display: -moz-inline-stack; /* FF2 inline-block */
	display: inline-block; 
	vertical-align: top;
	zoom: 1;
	*display: inline; /* IE7 inline-block */

	width: 170px;
	margin: 0 0 10px;
	padding: 0 20px 0 0;
	list-style: none;
	text-transform: uppercase;
}

ul.listing-list li small {
	font-size: 1em;
	text-transform: none;
}

/* LAKE MAP PAGE  -------------------------------------------------------------- */

#map-link { margin: 0 0 0 30px; }