/*
Theme Name: WordPress HCSC Summer 2010
Theme URI: http://wordpress.org/
Description: The HCSC Summer theme, based on kubrick
Version: 1.0
Author: CRyan
Author URI: 
Tags: hcsc, snowboard 

	HCSC v1.0
	 
*/

@charset "UTF-8";


/*
By: AmiV

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

/* 
			RESET & BASICS 
*/
* {	margin:0; padding:0; }
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;
}
body { font-size: 14px; line-height: 1.357em; }
blockquote, q { quotes: none; }

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

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

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

/*
			GENERAL STUFF
*/
html, body { height: 100%; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em; 
	color: #333;
	background-color: #fdfcfa;  /*blue #d8ecf8*/
	background-image: url(images/bg-top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
a { /* remove the dotted outlines when clicking */ 
	outline: none; text-decoration: none;
	color: #666;
}
/*
			TYPOGRAPHY
*/
h1, h2, h3, h4, h5 { font-weight: normal; margin: 10px 0 5px; }

#main-content h1:first-child {  /* modx longtitle at top of the page */
	font-size: 2.5em;
	line-height: 1.2em; 
	padding: 0;
	margin: 20px 0;
	text-transform: capitalize;
}
h1 {
	font-size: 2.462em;
	line-height: 1.19em;
	margin-bottom: 15px;
	letter-spacing: -0.03em;
}
h2 { 
	font-size: 2em; 
	line-height: 1.2em;
}
h3 { 
	font-size: 1.4em; 
	font-weight: bold;
	line-height: 1.357em;
}
h4,h5,h6 {
	font-size: 1em;
	line-height: 1.357em;
	margin: 0;
	color: black;
}
/*p {
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 0 5px 10px;
}*/
p {
	font-size:1em;
	line-height:1.357em;
	margin:0 0 1.357em 0;
}
blockquote, q {
	font-family: Times, serif;
	font-style: italic;
	color: #666;
	font-size: 16px;
	line-height: 20px;
	width: 84%;
	margin: 10px auto;
	margin-left: 10px;
	border-left: #666 dashed 1px;
	padding-left: 10px;
}
sup {
	font-size: .65em;
	vertical-align: super;
	line-height: .65em;}

sub{
	font-size: .85em;
	vertical-align: sub;
}
dl {}
dl dt { font-weight: bold; }
dl dd { font-weight: normal; }

/*
			MAIN STRUCTURE
*/
#container {
	background: url(http://highcascade.com/blog/wp-content/themes/hcsc_summer_2010/images/bgs/jumble-blend-pattern2.png) repeat;
}
#page-wrapper {
	background-color:/*#f2efec*/transparent;
	background-color: #F2EFED;
	border-left: #D4D4D4 solid 0;
	border-right: #D4D4D4 solid 0;
	height: auto !important;
	height: 100%;
	margin: 0 auto -445px auto;  /* the bottom margin is the negative value of the footer's height (adjust by footer) */
	min-height: 100%;
	position: relative;
	width: 1000px;
	box-shadow: 4px 5px 10px rgba(0, 0, 0, .4), -4px -5px 8px rgba(0, 0, 0, .4);
	-moz-box-shadow: 4px 5px 10px rgba(0, 0, 0, .4), -4px -5px 8px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 4px 5px 10px rgba(0, 0, 0, .4), -4px -5px 8px rgba(0, 0, 0, .4);	
}

#header {
	position: relative;
	height: 224px; /* to accomodate for the banners */
	width: inherit;
	/*padding-bottom: 60px;  has to match main-nav and sub-menu */
	margin-bottom: 10px;
}
#main-content { /*most any other page - see home-page below*/
	width: 748px; /*total width 750px with and 1px borders */
	padding: 0; 
	background-color: #FFF;
	border: 1px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	float: right;
	margin: 10px 0 0; /*match sidebar*/
	min-height: 550px;
	position: relative;
}
	
/* HOME PAGE SPECIFIC */
#home-page #main-content { /*homepage only*/
	width: 640px;/*total width 242 w/ borders and 10px padding*/
	padding: 10px 10px 16px 10px; 
	background-color: #FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	float: left;
	margin: 0;
}

#sidebar-right {
	background-color: #333;
	position: relative;
	visibility: visible;
	padding: 0;
	border: /*#999 solid 1px*/ none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 330px;
	float: right;
	margin: 0;
}

#footer, #footer-push {
	height: 445px; /* .footer-push must be the same height as .footer and #page-wrapper's bottom margin */
	clear: both;
}
#footer-push { height: 0; }/* testing why it's leaving the gap */
#page-wrapper { margin-bottom: -445px; } /* has to match foooter height (rest of #page-wrapper is up top) */
#footer { 
	background-color: #333;
	margin: 0 auto;
	margin-top: 20px;
	color: #FFF;
	width: 1000px;
	position: relative;
}
#footer-sponsors { /*holds the sponsor logos image - not linked */
	background: url(http://highcascade.com/assets/images/footer/sponsors-footer-tp.gif) no-repeat center 22px #CCC;
	clear: both;
	color: #666;
	height: 185px;
	margin: 0 0 34px;
	padding-top: 6px; /* to space the text */
	position: relative;
	text-align: center;
	width: 100%;
}
/*
			MAIN CONTENT
*/
#main-content a {
	text-decoration: underline;
}
	#main-content a:link, #main-content a:visited {
		color: #666;
	}
	#main-content a:hover, #main-content a:active {
		color: #E60000;
	}

#main-content ul {
	color: #333;
	font-size: 14px;
	margin: 20px 0 20px 10px;
	list-style: square;
	list-style-position: inside;
}
#main-content ol {
	color: #333;
	margin: 20px 0 20px 10px;
	list-style-position: outside;
}
	#main-content ul li, #main-content ol li {
		margin-bottom: 8px;
		line-height: 1.4em;
	}
#main-content .topLinkWrapper { 
	float: right; 
	width: 100px; 
	clear: both; 
	margin-bottom: 0;
	margin-top: 20px;
}
/* maybe make position: absolute; instead of float */
	#main-content .topLinkWrapper a, #main-content .topLinkWrapper a:visited {
		background-color: #999 !important;
		color: #FFF;
		display: block;
		font-size: 11px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background:none repeat scroll 0 0;
		padding:1px 6px 2px;
		background-color: #CCC;
		text-align: center;
	}
	#main-content .topLinkWrapper a:hover {
		background-color: #666 !important;
	}
/*provide padding without messing with main content width */
	#main-padding {
		padding-left: 30px;
		padding-right: 30px;
	}

	
/*
			PAGE LAYOUTS
*/

.padded-content { 
	padding: 20px; /*interior div giving padding*/ 
}
/*column sizes - based on 12 columns at 42px + 10px gutters */
.one, .two, .three, .four, .five, .six,
.seven, .eight, .nine, .ten, .eleven, .twelve { 
	margin-right: 10px;
}

.full {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
}
.half {
	width: 46%;
	float: left;
	margin-right: 10px;
}
.third {
	display: inline;
	width: 30%;
	float: left;
	margin-right: 10px;
}
.quarter {
	display: inline;
	width: 156px;
	float: left;
	margin-right: 10px;
}
/*text placement*/
.txt-left { 
	float: left;
	margin-right: 10px;
}
.txt-right { 
	float: right;
	margin-left: 10px;
}
/*blog photos*/
.entry img {
	margin: 10px 0 4px;
}
/*image texts */
.pic p, .caption {
	font-size: 10px;
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	margin: 4px 0 10px;
	text-align: center;
}

/*image placement */
.img-left {			float: left; margin-right: 10px; }
.img-right {		float: right; margin-left: 10px; }
.img-right.inset {	margin: 0 120px 0 20px;} /* img floated right within text */
.img-left.inset {	margin-left: 230px;} /* img floated left within text */

/*additional image options */
.frame {border: 1px solid #999;}
.solo img {
	margin-bottom: 20px;
	margin-top: 10px;
}

.quote-rotator { 
	margin: 0;
	padding: 0;
}
.quote-rotator.txt-right { 
	margin-left: 0;
	padding-left: 10px;
	text-align: left;
}
.quote-rotator.txt-left { 
	margin-right: 10px;
	padding-right: 10px;
	text-align: right;
}
	.quote-rotator h2 { 
		font-family: Georgia, serif;
		color: #999;
		font-size: 24px;
		margin: 0!important;
		padding:0;
	}
	.quote-rotator.txt-right h2 { border-left: 2px #999 dashed; padding-left: 10px; }
	.quote-rotator.txt-left h2 { border-right: 2px #999 dashed; padding-right: 10px; }

	.quote-rotator p { 
		color: #666;
		font-size: 11px;
		font-weight: bold;
		text-align: right;
	}
.row-wrapper { /*i.e. daily schedule item wrapper*/
	clear: left;
	margin: 10px 0 30px;
	padding-right: 10px;
	height:1%;
	overflow: hidden;
}
.row-wrapper:first-child { /*first one sits next to quote rotator*/
	clear: none;
	color: red;
}
.row-wrapper h3, .row-wrapper p { padding-left: 110px; }
.row-wrapper hr { margin: 20px 0 10px 110px; }
/* video stuff */
.video-holder-content {
	background-color: #666;
	text-align: center;
	padding: 10px;
	width: 600px;
	margin: 10px 0;
}
.video-wrapper {
	margin: 20px 0 30px 0;
	text-align: center;
}
.video-frame {
	background-color: #010101;
	border: #999 3px solid;
	color: #CCC;
	margin: 20px 0 30px 0;
	text-align: center;
	padding: 26px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

 /*css for featured video in right sidebar (like blog-slider) is deep down by right sidebar code*/ 
/* start FAQ */

dl.faq dt {
  color: #B10000;
  font-size: 1.3em;
  font-weight: normal;
  margin: 15px 0;
  border-bottom: 1px solid #ddd;
}

dl.faq dd {
  margin: 0 0 10px 20px;
}

dl.faq.toggles dt {
  border-bottom: none;
  border-top: 1px dotted #ccc;
  color: #B10000;
  cursor: pointer;
  font-size: 1.1em;
  font-weight: bold;
  margin: 5px 0;
  padding: 8px 0;
}

dl.faq.toggles dt:hover {
  text-decoration: underline;
}

dl.faq.toggles dd {
  color: #333;
  display: none;
  margin: 0 0 16px 20px;
}
/*show answers in manager tinymce for editing */
#tinymce dl.faq.toggles dd { display: block; }

/* end FAQ*/

/*
			HEADER - BRANDING
*/
#header h1, #header h3 { margin: 0; padding: 0; }
#logo, #blog-title {
	background:transparent url(images/branding/logo-paper-sprite-sml.png) no-repeat scroll 0 -131px;
	display:block;
	height:131px;
	left:-50px;
	top:-10px;
	position:absolute;
	text-indent:-9999px;
	z-index: 1000;
	width:220px;
}
#logo:hover, #blog-title:hover {
	background:transparent url(images/branding/logo-paper-sprite-sml.png) no-repeat scroll 0 0;
}
#homepgTitle { /* not sure if this is used */
	text-indent: -9999px;
	position: absolute;
}
h1#site-name { /* big text in header (camp store) */
	margin-left: 150px;
	font-size: 50px;
}
	#site-name a { color: #666; }
/*
			HEADER - EVENTS NAV
*/
#events-wrapper { display: block; }
	ul#events-nav {
		list-style:none;
		margin-left: 160px; 
		padding: 0;
		float: left;
		font-size: 11px;
		text-align: left;
	}
		ul#events-nav li {
			line-height:2em;
		    margin: .25em 0;
		    padding: 0 0 0 14px;
		    display: inline;
		    background-position: 2px 0;
		    background-repeat: no-repeat;
		    font-weight: bold;
		}
			#events-nav li:first-child {}
			#events-nav li a {
				color: #666;
				text-transform: none;
			}
				#events-nav a:link,#events-nav a:visited {
					color: #666;
					text-decoration: none;
				}
				/*link hover */
				#events-nav a:hover, #events-nav a:active, #events-nav .current { 
					color: #333;
					text-decoration: none;
					border-bottom:  #B10000 solid 2px;
				}
/*
			HEADER - UTILITY NAV
*/
#utility-wrapper {
	width: 980px;
	background-color: #CCC;
	height: 36px;
	position: relative;	
	text-align: right;
	padding: 6px 20px 6px 0;
	border-top: solid #333 6px; 
}
	ul#utility-nav {
		list-style:none;
		margin:0 0 0 15px;
		margin-right: 170px; 
		padding: 0;
		float: right;
		text-align: left;
	}
		ul#utility-nav li {
			line-height:2em;
		    margin: .25em 0;
		    padding: 0 0 0 24px;
		    display: inline;
		    background-position: 2px 0;
		    background-repeat: no-repeat;
		}
		#utility-nav .account {	background-image: url(images/general/utility-lock.gif); }
		#utility-nav .signup { 	background-image: url(images/general/utility-arrow.gif); }
		#utility-nav .shop { 	background-image: url(images/general/utility-shirt.gif); }
		#utility-nav .cart { 	background-image: url(images/general/utility-cart.gif); }
		#utility-nav .home {	background-image: url(images/general/utility-home.gif); }
		#utility-nav li:first-child {}
			#utility-nav li a {
				color: #666;
				text-transform: none;
			}
				#utility-nav a:link,#utility-nav a:visited {
					color: #666;
					text-decoration: none;
				}
				/*link hover */
				#utility-nav a:hover, #utility-nav a:active, #utility-nav .current { 
					color: #333;
					text-decoration: none;
					border-bottom:  #B10000 solid 2px;
				}
/* 
			HEADER - SEARCH 
			(colors determined in a separate style sheet - see top of this sheet) 
*/

/* END SEARCH */
/* HEADER - ADS SPACE */
#ads-top {
	width: 840px;
	height: 90px;
	padding-top: 4px;
	position: relative;
	left: 160px;
	overflow: auto;
}
#ads-top {/*summer*/
	background: repeat-x url(http://highcascade.com/assets/css/images/stripe-bg.gif);
	left: 0;
	padding-left: 160px;
}

.banner1, .banner2 {
	float: left; 
	height: 90px;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.banner1 { 
	margin-left: 10px;
	text-align: center;
	width: 180px; /*narrower for summer session info*/
}
.banner2 { 
	margin-left: 20px;
	height: 76px; /*to accomodate for padding*/
	padding-top: 10px; /*lower session text down*/
	width: 400px;  /*wider for summer session names*/
}
.banner2 h3 {
	color: #E60000; /*names*/
}
.banner2 h3 span.smallText {
	color: #333; /* 'it's the' and 'session...' */
}
.banner3 { 
	margin-left: 20px;
	width: 200px;
}
#spons-top {
	float: right;
	height: 54px;
	margin-top: 6px;
	width: 200px;
	text-align: center;
}
	#spons-top a, #spons-top a:hover { text-decoration: none; }
	
.banner2 .smallText { line-height: 80%!important; }
/* 
			MAIN NAVIGATION 
*/		
/* arrow by summer camps */
#start-here { display: none; }
#home-page #start-here {
	background:transparent url(images/start-here-arrow-sprite.png) no-repeat scroll 0 0;
	bottom:14px;
	display: block;
	height:50px;
	left:-30px;
	position:absolute;
	text-indent:-9999px;
	width:60px;
	z-index:3000;
}
#home-page #start-here:hover {
	background:transparent url(images/start-here-arrow-sprite.png) no-repeat scroll 0 -50px;
}

/* start main nav */	
#main-nav {
	bottom: 26px;
	height: 46px;
	left: 0;
	position: absolute;
	width: 1000px;
	z-index: 100;
	list-style-type: none;
	list-style-position: outside;
	background-color: #333;
	background-image: url(images/bg_nav.gif);
	background-repeat: repeat-x;
	color: #FFF;
}
	#main-nav li {
		display: inline;
		float: left;
		height: 46px;
	}
		#main-nav li a {
			border-right: #FFF 2px solid;
			display: inline;
			line-height: 0;
			height: 46px;
			float: left;
			padding: 0;
			height: 46px;
			overflow: hidden;
			text-indent: -9999px;
		}
		#main-nav li:first-child {
			border-left:  #FFF 2px solid;
			margin-left: 20px;
		}
				
	/* main nav sprite version */
		#menu_main1 { 				width: 170px; }
		#menu_main1:link, 
		#menu_main1:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -20px 0; }
		#menu_main1:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -20px -46px; }
		#menu_main1.current, 
		#menu_main1:active, 
		#menu_main1 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -20px -92px; }
		
		#menu_main2 { 				width: 120px; }
		#menu_main2:link, 
		#menu_main2:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -190px 0; }
		#menu_main2:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -190px -46px; }
		#menu_main2.current, 
		#menu_main2:active, 
		#menu_main2 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -190px -92px; }

		#menu_main3 { 				width: 210px; }
		#menu_main3:link, 
		#menu_main3:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -310px 0; }
		#menu_main3:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -310px -46px; }
		#menu_main3.current, 
		#menu_main3:active, 
		#menu_main3 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -310px -92px; }

		#menu_main4 { 				width: 125px; }
		#menu_main4:link, 
		#menu_main4:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -520px 0; }
		#menu_main4:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -520px -46px; }
		#menu_main4.current, 
		#menu_main4:active, 
		#menu_main4 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -520px -92px; }
		
		#menu_main5 { 				width: 110px; }
		#menu_main5:link, 
		#menu_main5:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -655px 0; }
		#menu_main5:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -655px -46px; }
		#menu_main5.current, 
		#menu_main5:active,
		#menu_main5 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -655px -92px; }
		
		#menu_main6 { 				width: 160px; }
		#menu_main6:link, 
		#menu_main6:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -770px 0; }
		#menu_main6:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -770px -46px; }
		#menu_main6.current, 
		#menu_main6:active, 
		#menu_main6 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -770px -92px; }

/*END MAIN NAVIGATION */

/* 
			SUB MENU 
*/
#sub-nav {
	bottom: 2px;
	left: 0;
	position: absolute;
	width: 1000px;
	z-index: 99;
	list-style-type: none;
	list-style-position: outside;
	background-color: #A8A8A8;
	color: #FFF;
}
/*links as list items */
	#sub-nav li { 
		float: left;
		margin: 0;
		padding: 5px 0 6px 0;
		background-color: #999;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		border-right: #FFF solid 1px;
		display: inline;
		line-height: 1;
	}
		#sub-nav li:first-child { 
			margin-left: 100px;
			border-left: #FFF solid 1px;
		}
			#sub-nav li a { 
				padding: 3px 10px 4px;
				font-weight: normal;
				background-color: #999;
			}
			 /*link */
			#sub-nav a:link,#sub-nav a:visited {
				font-size: 11px;
				color: #333;
				text-transform: uppercase !important;
				text-decoration: none;
			}
			/*link hover */
			#sub-nav a:hover {
				color: #FFF!important;
				text-decoration: none!important;
				background-color: #666;
			}
			#sub-nav a:active, #sub-nav .current, #sub-nav .current:hover { 
				font-size: 11px;
				color: #FFF!important;
				text-decoration: none!important;
				background-color: #333;
				/* border-bottom:  #B10000 solid 2px; */
			}
/* END OF SUBMENU */

/* 
****** POSTS *******
*/
.post-meta-top { /*span in the title h2 */
	font-size: 9px;
	line-height: 12px;
	font-style: italic;
	color: #999;
}
/* post title */
.post h2 a { 
	color: #6F5C39; 
	font-weight: bold;
	text-align: right;
	width: 100%;
}
.blog .post h2 { 
	font-size: 16px;
	margin-top: 2px;
}
.blog .post { /*only affects home page*/
	padding: 10px 10px 40px; 
	background: url(css/images/blog-divider.png) bottom center no-repeat;
	height: 140px;
	margin: 0 0 0 0; 
	clear: both;
}
.post { /*other than home page*/
	padding: 10px 10px 40px; 
	background: url(css/images/blog-divider.png) bottom center no-repeat;
	margin: 0 0 0 0; 
}
.post p {
	width: 520px;
	text-align: justify;
}
.post-nav, .comments-nav {
	font-size: 9px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.post-nav a:hover, .comments-nav a:hover {
	text-decoration: underline;
}

#extra-posts ul {
	background: none;
	list-style: none;
	padding: 0;
}
#extra-posts h3 { /*header*/
	margin: 0 0 0 10px;
}
#extra-posts h2 { /*recent posts title links */
	font-size: 12px;
}
.thumbnail {
	display: block;
	float: left; 
	padding: 0 10px 5px 0; 
	background: #FFF; 
	width: 150px; 
	height: 130px; 
	overflow: hidden;
	margin: 5px!important;
}
.excerpt {
	margin: 5px;
}
.post small { color: #999; }
	
.wp-caption-text { 
	color: #666;
	font-style: italic; 
	font-size: .85em;
}
/* end of posts */	
	
/* 
			SIDEBAR RIGHT 
*/	
#sidebar-right h3 {	
	position: relative;
	left: 10px;
	font-size: 12px;
	line-height: 1;
	text-transform: uppercase;
	padding-left: 20px;
	margin-top: 20px;
	text-indent: -9999px;
}

/* entertainment links */
#feat-video, 
#feat-blogs,
#feat-photo   {
	height: 60px;
	width: 320px;
	clear: both;
	margin-left: -6px;
}
#feat-video { background: url(images/general/feat-video.png) no-repeat scroll; }
#feat-blogs { background: url(images/general/feat-blogs.png) no-repeat scroll; }
#feat-photo { background: url(images/general/feat-photos.png) no-repeat scroll;}

a.feat-more{
	color: #666;
	float: right;
	margin: 4px 10px 0 0;
	padding: 0;
	padding-left: 12px;
	padding-bottom: 2px;
	line-height: 10px;
}
	a.feat-more:link, a.feat-more:visited {
		color: #666;
	}
	a.feat-more:hover, a.feat-more:active {
		color: #333;
		text-decoration: underline!important;
		background: url(images/general/arrow-bullet.gif) no-repeat left bottom;
	}

/* blogslider/videoslider are in a separate stylesheet */
/* slider for video options */
#four-square-wrapper{
	width:330px;
	color: #fff;
    background-color: #1D1D1D;
}

#four-square-wrapper .grid{
	        width: 300px;
	        margin: auto;
	        padding-top: 15px;
	}
	

#four-square-wrapper .recaps, .friends, .entertainment, .events{
	width: 130px;
	height: 100px;
}

#four-square-wrapper .recaps, .entertainment{
	float: left;
}

#four-square-wrapper .friends, .events{
	float: right;
}

#sidebar-content-wrapper { 
	border: none;
	padding: 10px 0;
	margin-top: 10px; 
}

/* Flickr Widget Styling */
#sidebar-photo-wrapper {
	width:330px;
	margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 20px;
	position: relative;
	overflow: hidden;
	font-size: 0.8em;
	color: #fff;
    text-align: center;
}

#sidebar-photo .panel {
		background-color: #1D1D1D;
		width: 330px;
		margin: auto;
	}
	
	#sidebar-photo .panel-wrapper {
		padding: 15px;
	}

.sidebar-content { /*other content in sidebar than menus, right sidebar stuff, etc */
	background: #FFF;
	border: 1px solid #CCC;
	margin: 0 auto;
	margin-top: 0; 
	width: 210px;
	padding: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.sidebar-content #signa-title {
	background: transparent url(images/signa-title-2010.png);
	height: 60px;
	text-indent: -9999px;
	width: 200px;
	margin-left: -3px;
	margin-top: -2px;
}
.sidebar-content ul,.sidebar-content ol {
	list-style: none;
	margin: 0 0 1.357em 1em;
	color:#2C2C2C;
}
.sidebar-content dl.faq.toggles dt {
	margin: 5px 12px 0;
	padding: 8px 6px 8px 10px;
}
.sidebar-content a:hover {
	text-decoration: underline;
	color: #333;
}
.sidebar-content h4 {
	
}

/*#sidebar-right h2 */
		.widgettitle, #sidebar-right h2 a {
			background-color: #FFF;
			color: #333;
			font-size: 14px;
			line-height: 28px;
			margin: 20px 14px 10px 0;
			padding:0;
			padding-left: 10px;
			font-weight:bold;
		
		}
		#sidebar-right li {
			list-style:none;
		}
			.widget, #sidebar-right ul li ul h2 { /*recent posts title links */
				font-size: 12px;
				border-bottom: dotted 1px #999;
				list-style: none;
				padding-bottom: 10px;
			}
			#sidebar-right ul li ul { 
				margin: 10px 0;
				padding-left: 14px;
				padding-bottom: 20px; 
				list-style:none;
			}
				#sidebar-right ul li ul li {
					padding: 4px 0 8px 4px;
					list-style:none;
				}
		.widget a {
			color: #fff;
		}
		.widget a:hover {
			color: #E60000;
		}	
/* twitter most recent */
		ul.twitter {
			width: 80%;
			color: #fff;
			}

.widget #colorful_tag_cloud a {
	padding: 20px 8px 10px 16px;
}

.flickr-photos {
   padding-top: 0px;
   padding-left: 10px;
   padding-right: 0px;
}




/*
			FOOTER
*/
#footer a { color: #999; }
#footer a:hover { color: #FFF; text-decoration: none; }

#copy-footer { /* copyright */
	position: absolute;
	color: #999;
	top: 202px;
	right: 30px;
	font-size: 9px;
}
#footer-nav-wrapper { /* the bottom menu wrapper */
	background-color:#333;
	bottom: 0;
	position:absolute;
	margin: 0;
	width:100%;
}
	#footer-nav {
		list-style-type:none;
		margin:10px auto;
		width: 800px;
		padding:0;
		text-align: center;
	}
	#footer-nav li {
		display: inline;
		font-size:9px;
		line-height:1;
		margin:0 10px;
		text-align:center;
		text-transform:uppercase;
		
	}
		#footer-nav a, #footer-nav a:visited {
			color:#CCC;
			text-decoration:none;
		}
		#footer-nav a:hover, #footer-nav a:active {
			border-bottom:2px solid #B10000;
			color:#FFF;
		}
				
/*nose subscription*/
#mail-subs {
	background: url(images/footer/mail-bg.png) no-repeat scroll;
	float: left;
	margin-right: 20px;
	height: 218px;
	position: relative;
	width: 250px;
}
	#mail-subs .mail-txt { text-indent: -9999px; }

#sign-up-wrapper { 
	position: absolute;
	bottom: 36px;
	right: 0px;
}
	#mail-input {/*text box*/
		margin-right: 10px;
		padding: 1px 2px;
		width: 140px;
	}
	#sign-up-wrapper .button {	 }
	
/*transam links */
#transam-wrapper {
	background-color: transparent;
	background: url(images/transam/ta-bg-350.gif) no-repeat scroll bottom right;
	float: left;
	height: 218px;
	position: relative;
	width: 300px;
}
#transam-wrapper h3 { font-size: 14px; }
#transam-wrapper ul {
	list-style: square;
	padding-left: 20px;
	width: 60%;
}
#transam-wrapper li {
	margin-bottom: 8px;
}

/*photo gallery stuff */

#photogallery_tree ul{
	list-style: none;
	background: none;
}

#photogallery_tree li{
	list-style: none;
	text-decoration:none;
	
}
/* end photo gallery stuff */

/*social stuff*/
#social-wrapper {
	background: url(images/footer/twitter-bg.png) no-repeat scroll;
	background-position: 50px 50px;
	float: right;
	height: 218px;
	position: relative;
	width: 250px;
}
	ul#social-logo-nav {
		list-style: none; 
		background: none;
		position: absolute;
		bottom: 40px;
		left: 0;
	} 
	ul#social-logo-nav li {
		list-style: none; 
		background: none;
		margin-bottom: 6px; 
	}
		ul#social-logo-nav li a {
			display: block;
			width: 34px; 
			height: 34px;
			overflow: hidden;
			text-indent: -9999px;
		}
		.tweet-logo:link, 
		.tweet-logo:visited {
			background: url(images/footer/twitter-34.png) no-repeat 0 -34px;
		}
		.tweet-logo:hover, 
		.tweet-logo:active {
			background: url(images/footer/twitter-34.png) no-repeat 0 0px;
		}
		.facebook-logo:link, 
		.facebook-logo:visited {
			background: url(images/footer/facebook-34.png) no-repeat 0 -34px;
		}
		.facebook-logo:hover, 
		.facebook-logo:active {
			background: url(../images/footer/facebook-34.png) no-repeat 0 0px;
		}
/*borrowed from css tricks*/
#twitter_div {
	position: absolute;
	left: 0;
	top: 3px;
	width: 250px;
	height: 65px;
	overflow: hidden;
}
ul#twitter_update_list {
	 list-style: none;
	 font-size: 11px;
}
ul#twitter_update_list li {
 margin-bottom: 0;
 margin-right: 10px;
 padding: 10px 0;
 color: #FFF;

}
ul#twitter_update_list li a { color: #E60000; }
/*end*/
/* 
			UTILITIES / HELPERS
*/
.no-bullets {
	list-style: none!important;
}
	.no-bullets li {
		clear: left;
		padding: 10px 0;
	}
		.no-bullets a {
			text-decoration: underline /*none!important*/;
		}
		.no-bullets img {
			float: left;
			margin-right: 10px;
			padding: 0 0 10px;
			text-decoration: none!important;
		}
.inline-list li {
	display: inline;	
}
.align-center {
	margin: 0 auto;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.hide   {
   position: absolute;
   left: -9999px;
   top: -9999px;
}
.clearing { 
	clear: both; 
	padding-top: 14px;
}
.clear-left { clear: left; }
.clear-right { clear: right; }
.clearfix:after { /* add class="clearfix" to float container to prevent collapse */
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.dyk { /* "did you know" texts */
	color: #999;
	font-size: .9em;
}
.red { color: #E60000; }
.grey { color: #999!important; }
.scratch { 
	color: #999!important;
	font-weight: normal; 
	text-decoration: line-through;
	
}
.note {
	background-color: #FFE461/*mustard*/;
	border: #FB9504 1px solid;
	font-size: .9em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 4px 8px 8px!important;
	margin: 10px auto;
	overflow: auto;
	text-align: left;
	width: 80%;
}
	.note:before { 
		content: "Note: ";
		color: #E60000;
	 }
.smallText {
	font-size: 80%;
	font-weight: normal;
	line-height: 100%;
}
.smallerText {
	font-size: 70%;
	font-weight: normal;
	line-height: 100%;
}
.smallestText {
	font-size: 60%;
	font-weight: normal;
	line-height: 100%;
}
.pdfLink {
	background-image: url(images/general/pdf.gif);
	width: 200px;
	background-position: 0 8px;
	background-repeat: no-repeat;
	padding: 16px 0 16px 0;
	padding-left: 44px;
	display: block;
	overflow: visible;
}
.pdfLink-small { /*use this within text*/
	background-image: url(images/general/pdf16x16.gif);
	background-position: 0 0px;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 0px;
	display: inline;
	overflow: visible;
}
/*login*/
#username {
	margin-left: 40px;
	margin-bottom: 6px;
}
#password {
	margin-left: 2px;
	margin-bottom: 6px;
}
#forgotpsswd {
	font-size: 10px;
	color: #666666;
}
/*
	PAGE GRAPHICS
*/
#page-bg {
	background: transparent url(images/pg-bgs/marsh-peek.png) no-repeat;
	top: 310px;
	height: 280px;
	position: absolute;
	right: -214px;
	text-indent: -9999px;
	width: 240px;
}
/*
 	JQUERY APP STYLES
*/
/*slideshows*/
#nav {
	margin: 5px 0px;
	padding: 5px 0 12px;
}
#nav a {
	background: #FFF;
	border: 1px solid #CCC;
	margin: 0px 5px;
	padding: 2px 5px;
	text-decoration: none;
}
#nav a.activeSlide {
	background: #E60000;
	border: 1px solid #333;
	margin: 0px 5px;
	padding: 2px 5px;
	text-decoration: none;
}
/* simplemodal window basic */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:500px; width:650px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(js/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:0 8px 8px;}
#simplemodal-container #basic-modal-content h3 { margin: 0 0 6px; padding: 0; }
/* end simplemodal */

/* start signature-modal */
#ss-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:500px; width:650px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(js/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #ss-modal-content {padding:0 8px 8px;}
#simplemodal-container #ss-modal-content h3 { margin: 0 0 6px; padding: 0; }
/* end simplemodal */

#featured-wrapper {
	width:620px;
	height: 460px;
	background: transparent url(images/skate/new-skate1.jpg) no-repeat top left;	
	position: relative;
}
#featured-movie {
	position: absolute;
	top: 160px;
	left: 60px;
	width: 360px;
	height:250px;
	text-align: center;
}
#featured-movie h3 {
	font-size: 1.1em;
}
#featured-movie h3:before {
	content:'\0BB \0A0';
}

/*temporary rules*/