/*

	TAYLOR STATTEN CAMPS -
	BASE | VERSION 2.0
	
	-----------------------------------------
	
	developer: Michel Joanisse
	email: michel.joanisse@mountainmamma.com
	website: http://www.mountainmamma.com
	last updated: December 14th, 2009
	
	-----------------------------------------
	
	CONTENTS ------------
	
	   1.DEFAULT STYLING
	   2.PRIMARY NAVIGATION
	   3.SECONDARY NAVIGATION
	   4.TERTIARY NAVIGATION
	   5.BANNER ELEMENTS
	   6.HIGHLIGHTS
	   7.SUB ELEMENTS
	   8.UNIQUE
	   9.FOOTER
	   
    --------------------
	
*/


/* 1.DEFAULT STYLING
---------------------------------------------------------------------- */
* {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	color:#332502;
	font-size:12px;
}

html {
	margin:0 auto;
	background:url(/wp-content/themes/tsc/images/bg-tile.jpg);
}

body {
	width:800px;margin:0 auto;
	background:transparent url(/wp-content/themes/tsc/images/bg-parchment.png) top left repeat-y;
	_background:url(/wp-content/themes/tsc/images/bg-parchment.jpg) top left repeat-y;
}

/* 2.PRIMARY NAVIGATION
---------------------------------------------------------------------- */
ul#primarynav {
	_display:inline;
	float:left;
	width:776px;
	height:40px;
	margin-left:12px;
	list-style:none;
	background:url(/wp-content/themes/tsc/images/primarynav-bg.jpg) top left no-repeat;
}

ul#primarynav li {position:relative;float:left;z-index:2;}

ul#primarynav :hover a,
ul#primarynav :hover a.active {background-position:top center;}
ul#primarynav li a.active {background-position:top right;}

ul#primarynav li a {
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-1000em;
	outline:none;
	height:36px;
	display:block;
	_display:inline;
	float:left;
}/*Hover State-->*/ul#primarynav li a:hover {background-position:top center;}

/*----------------------
IMAGE/WIDTH REPLACEMENTS
----------------------*/
ul#primarynav li a#nav_home {background-image:url(/wp-content/themes/tsc/images/nav_home.jpg);width:35px;margin-left:72px;height:13px;margin-top:10px;}
ul#primarynav li a#nav_contact {background-image:url(/wp-content/themes/tsc/images/nav_contact.jpg);width:73px;margin-left:20px;height:13px;margin-top:10px;margin-right:12px;}

ul#primarynav li a#nav_parents {background-image:url(/wp-content/themes/tsc/images/nav_parents.jpg);width:81px;}
ul#primarynav li a#nav_campers {background-image:url(/wp-content/themes/tsc/images/nav_campers.jpg);width:84px;}
ul#primarynav li a#nav_staff {background-image:url(/wp-content/themes/tsc/images/nav_staff.jpg);width:90px;}
ul#primarynav li a#nav_alumni {background-image:url(/wp-content/themes/tsc/images/nav_alumni.jpg);width:78px;}
ul#primarynav li a#nav_community {background-image:url(/wp-content/themes/tsc/images/nav_community.jpg);width:112px;}
ul#primarynav li a#nav_office {background-image:url(/wp-content/themes/tsc/images/nav_office.jpg);width:112px;}

/* 3.SECONDARY NAVIGATION
---------------------------------------------------------------------- */
ul#primarynav ul.subnav {display:none;}
ul#primarynav li:hover ul.subnav {
	list-style:none;
	display:block;
	position:absolute;
	top:36px;left:0;
}

ul#primarynav ul.subnav li {position:relative;z-index:2;float:left;}

ul#primarynav ul.subnav li a {
	min-width:10em;
	height:auto;
	padding:5px;padding-right:10px;
	background:transparent url(/wp-content/themes/tsc/images/subnav-bg.png) top left;
	border-bottom:1px solid #b2c972;
	color:#fff;
	text-decoration:none;
	text-indent:0;
	float:left;
	clear:left;
}/*Hover State-->*/ul#primarynav ul.subnav li a:hover {background:#527d0c;text-decoration:underline;}
 /*Last Item-->*/ul#primarynav ul.subnav li a.lastitem {border-bottom:0;}
 
ul#primarynav ul.subnav li a.alt em {
	color:#fff;font-style:normal;min-width:10em;display:block;
	background:url(/wp-content/themes/tsc/images/icon-arrow.gif) right center no-repeat;
}/*Hover State-->*/ul#primarynav ul.subnav li a.alt:hover {background:#e2dfa8;}
/*Hover State-->*/ul#primarynav ul.subnav li a.alt:hover em {color:#000;background-image:url(/wp-content/themes/tsc/images/icon-arrow-alt.gif);}

/* 4.TERTIARY NAVIGATION
---------------------------------------------------------------------- */
ul.subnav ul.tertiarynav {display:none;}

ul.subnav li:hover ul.tertiarynav {
	list-style:none;
	display:block;
	position:absolute;
	left:100%;
}

ul#primarynav ul.subnav :hover > a {cursor:pointer;}
ul#primarynav ul.subnav :hover > a.alt {background:#e2dfa8;text-decoration:underline;color:#000;}
ul#primarynav ul.subnav :hover > a.alt em {color:#000;background-image:url(/wp-content/themes/tsc/images/icon-arrow-alt.gif);}

ul#primarynav ul.subnav ul.tertiarynav li a {
	background:#e2dfa8;border:0;color:#000;
	font-size:11px;
}/*Last Item-->*/ul#primarynav ul.subnav ul.tertiarynav li a.lastitem {background:transparent url(/wp-content/themes/tsc/images/tertiary-corner.gif) bottom right no-repeat;}


/* 5.BANNER ELEMENTS
---------------------------------------------------------------------- */
div.banner {
	_display:inline;
	float:left;/*margin-bottom:32px;*/
	clear:both;margin-left:17px;
	background-position:top left;
	background-repeat:no-repeat;
	width:770px;height:285px;
	list-style-image:none;
}/*Remove text-->*/div.banner h1, div.banner h4 {text-indent:-1000em;height:0;}

/*----------------
IMAGE REPLACEMENTS
----------------*/
div.banner {background:url(/wp-content/themes/tsc/images/banner.jpg) top left no-repeat;}
div.banner.alumni {background:url(/wp-content/themes/tsc/images/banner-alumni.jpg) top left no-repeat;height:285px;margin-bottom:0;}
div.banner img,
div.banner ul#portfolio {
       margin:0;padding:0;
       float:right;_margin-top:-30px;
       position:relative;z-index:1;
       width:431px;height:285px;
}/*Clear default margin+padding-->*/div.banner ul#portfolio li {margin:0;padding:0;}


/* 6.HIGHLIGHTS
---------------------------------------------------------------------- */
div#highlights {
	background:url(/wp-content/themes/tsc/images/highlights_bg.jpg) bottom left no-repeat;
	_display:inline;
	margin-left:12px;
	padding-bottom:15px;
	float:left;clear:both;
	width:100%;
}

div#highlights .boxes {
	background-repeat:no-repeat;
	background-position:top left;
	width:275px;min-height:260px;
	float:left;
}/*-->*/div#highlights .boxes:hover {background-position:top right;}

div#highlights .boxes h2 {
	text-indent:-1000em;
	width:100%;
}/*-->*/div#highlights .boxes:hover h2 {background:url(/wp-content/themes/tsc/images/animated_arrow.gif) 5px 23px no-repeat;}

div#highlights .boxes p {margin-top:40px;line-height:18px;}

div#highlights .boxes h2 a,
div#frame.alumni .boxes h2 a {
	outline:0;display:block;
	width:252px;height:210px;
}

/*-----------
BOX SPECIFICS
-----------*/
div#highlights .box1 {background-image:url(/wp-content/themes/tsc/images/highlights_box1.jpg);width:274px;}
div#highlights .box2 {background-image:url(/wp-content/themes/tsc/images/highlights_box2.jpg);width:247px;}
div#highlights .box3 {background-image:url(/wp-content/themes/tsc/images/highlights_box3.jpg);width:252px;padding-bottom:20px;}

div#highlights .box1 p {
	width:215px;
	padding-left:30px;
}

div#highlights .box2 img {float:left;margin:48px 15px 5px 0;}

div#highlights .box2 p {
	width:230px;*width:auto;
	*padding-right:15px;
}

div#highlights .box3 p {width:210px;margin-left:10px;}
/* 7.SUB ELEMENTS
---------------------------------------------------------------------- */
body#home div#subelements {
	width:100%;_display:inline;
	float:left;clear:both;margin-left:12px;
}/*Remove Text-->*/div#subelements h2 {text-indent:-1000em;}
/*Line Height-->*/div#subelements .boxes * {line-height:18px;}

body#home div#subelements .boxes {
	float:left;
	min-height:221px;_height:221px;
	padding-top:25px;
	background-repeat:no-repeat;
	background-position:top left;
}

/*-----------
BOX SPECIFICS
-----------*/
div#subelements .box1 {background-image:url(/wp-content/themes/tsc/images/subelements_box1.jpg);width:274px;}
div#subelements .box2 {background-image:url(/wp-content/themes/tsc/images/subelements_box2.jpg);width:263px;}
body#home div#subelements .box3 {background-image:url(/wp-content/themes/tsc/images/subelements_box3.jpg);width:233px;padding-top:0;}

div#subelements .box1 ul {padding-left:45px;list-style:none;}
div#subelements .box1 ul li {margin-bottom:12px;padding-right:35px;}
div#subelements .box1 ul li a {color:#a80909;display:block;_display:inline;margin-top:-3px;outline:0;}

div#subelements .box2 p {padding-left:20px;padding-right:40px;}

div#subelements .box3 ul li {display:inline;}
div#subelements .box3 ul li a {
	text-indent:-1000em;
	background-repeat:no-repeat;
	background-position:top left;
	display:block;width:232px;
}

div#subelements .box3 ul li a#btn_album {background-image:url(/wp-content/themes/tsc/images/btn-photoalbum.jpg);height:57px;}
div#subelements .box3 ul li a#btn_rates {background-image:url(/wp-content/themes/tsc/images/btn-ratesdates.jpg);height:70px;}
div#subelements .box3 ul li a#btn_shop {background-image:url(/wp-content/themes/tsc/images/btn-tuckshop.jpg);height:64px;}
div#subelements .box3 ul li a#btn_video {background-image:url(/wp-content/themes/tsc/images/btn-video.jpg);height:64px;}


/* 8.UNIQUE
---------------------------------------------------------------------- */
div#unique * {color:#fff;}
div#unique {
	_display:inline;
	background:url(/wp-content/themes/tsc/images/unique-btm.jpg) bottom left no-repeat;
	float:left;clear:both;
	width:763px;margin-left:20px;
	padding-bottom:30px;
}

div#unique h2 {
	min-height:59px;_height:59px;text-indent:-1000em;
	background:url(/wp-content/themes/tsc/images/unique-header.jpg) top left no-repeat;
}

div#unique .inner {
	padding-bottom:20px;
	background:url(/wp-content/themes/tsc/images/unique-bg.jpg) top left repeat-y;
}div#unique .inner * {padding:5px 25px;padding-bottom:0;line-height:20px;}



/* 9.FOOTER
---------------------------------------------------------------------- */

div#footer {
	padding-bottom:3em;
	background:url(/wp-content/themes/tsc/images/footer-bg.jpg) bottom left no-repeat;
	min-height:265px;
	_height:265px;
	clear:both;
}

div#footer blockquote {text-indent:-1000em;}
div#footer img {border:0;}

div#footer a.img {
	float:left;
	margin-top:160px;
	margin-left:30px;
}

div#footer p#copyright {
	float:right;
	text-align:right;
	margin-top:250px;
	color:#fff;
	margin-right:35px;
}