/* 
Author: 			Josh Merrriam
Author URI: 		http://www.crown.org/
Version:			1.0

Project:		The Struggle of the Juggle	
Description:					

---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- 
	-- 
	--
---------------------------------------------------------------------------------------

/* ------------------------------------------------------------------------------------
BASICS						 */

	html{					font-size:12px;	min-height:101%;}
	body{					font-size:.8em; color:#666; background-color: #cdeb8b; font-family:"Century Gothic", Helvetica Neue, Arial, sans-serif;}
		
	a{			color:#C7577F;			}
	a:hover	{		color:#666666; text-decoration:none;		}
	a:active{				}
	a:visited{				}

	.left{					float:left; }
	.right{					float:right; }
	.clear{					clear:both; }
	
	img.left{				margin:0 1em 1em 0; }
	img.right{				margin:0 0 1em 1em; }
	
	.padding{				padding:10px; }
	#content p{				margin:1.1em 0; line-height: 1.5em;}
	
	h2 {font-size: 60px; color: #65d5f5; line-height: 1.5em; margin: 0;}
	img {border: none;}	
/* ------------------------------------------------------------------------------------
NAVIGATION MENU				 */

	#navigation, #navigation ul {		padding:0;	margin:5px 0 0 5px; list-style:none; line-height:1; float:left;	}
	#navigation a {						color:white; display:block; padding:8px 10px; text-decoration:none; background:#D8B689; margin-right:15px;	}
	#navigation a:hover{				text-decoration:none;  background:#D75F8C;}
	#navigation li { 					float:left; width:auto;	}
	#navigation li{						padding:0; margin:0; }
	#navigation li ul li{				padding:1px 0px;}
	#navigation li ul li a{				padding:6px 10px; width:130px; }
	#navigation li ul { 				position:absolute; padding-top:1px; width:130px; left:-999em; margin-top:0px;}
	#navigation li ul ul {				margin: -1.5em 0 0 130px;	}
	
	#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {	left: -999em;	}
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, 
	#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: 140px;	z-index:1000;}


/* ------------------------------------------------------------------------------------
STRUCTURE					 */

	#container{	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.3); /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 6px #333; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 6px #333; /* Opera 10.5, IE 9.0 */ width:960px; margin: 0 auto; background: #f0f0f0; overflow:hidden; border:thin solid #fff; font-size:1.5em; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
	#header{	width:960px; height: 200px;	padding: 10px;	}
		#footer{	width: 960px; height: 100px;	padding: 20px; text-align: center;		clear:both; }
	#content{	width: 960px; padding: 20px; min-height: 640px;}
	#left{			width: 600px; min-height: 600px; padding: 0 20px 0 0;	float: left; border-right: thin solid #999;	}
	#right{	width: 320px; float: right;	min-height: 600px;			}


/* ------------------------------------------------------------------------------------
CUSTOM						 */

#footer

#share {position: absolute; left: 0; top: 160px; width:42px; height: 241px;}

.addthis_button {width:42px; float:left; margin-left:-10px;}
#breadcrumb {font-size:.7em; height:25px;}

/*-- SLIDESHOW --*/

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#tabs p a:link {color:#C7577F;}
#tabs p a:hover {color:#666666; text-decoration:none;}

.clear {clear:both;}


.videoblock_l {float:left; width:250px; height:250px; margin:10px 30px 0 0; border-right:thin dotted silver; padding:0 10px;}
.videoblock_r {float:left; width:250px; height:300px; margin:10px 0 0 0; padding:0 10px;}