/* CS STANDARD CODE START */
/* ********************** */
/* ********************** */
p { margin-top: 0; }
/* div { margin: -2px; }  IE hack */

.cs-PostContent img {
	margin: 3px 9px 9px 9px;
}

/* Make sure that sidebar menu flyouts are viewable */
.cs-contentLayout .cs-sidebar1, .cs-contentLayout .cs-sidebar2 {
  overflow: visible;
  z-index: 1;
}

.auraltext {
  position: absolute;
  font-size: 0;
  left: -5000px;
}

.clearfloat {
	clear: both;
}

.accessibility_nav {
  visibility:hidden; /* NS7 */
  display:none;
}

.last_page:link, .last_page:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #999;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 14px;
	margin-top: 12px;
	background: url("http://studiostarter.com/members/10000things/template_splash/images/cs_back.png") no-repeat 0px 0px;
}

.last_page:hover, .last_page:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #000;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 14px;
	margin-top: 12px;
	background: url("http://studiostarter.com/members/10000things/template_splash/images/cs_back.png") no-repeat 0px -20px;
}

/* SUPERFISH */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/* SIDE NAV (overrides sf-menu defaults)*/
ul.cs_sidenav {
	float: left;
  width: auto;
	list-style: none;
	list-style-image: none;
	margin: 0 0 1em 0;
	padding: 0;
  border: none;
  background-image: none;
}
ul.cs_sidenav a, ul.cs_sidenav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  padding: .7em;
}
ul.cs_sidenav li:hover, ul.cs_sidenav li.sfHover,
ul.cs_sidenav a:focus, ul.cs_sidenav a:hover, ul.cs_sidenav a:active {
	outline: 0;
}
ul.cs_sidenav li {
	display: block;
	background: ;
	margin: 0 0 1px 0;
	padding: 0;
	background-image: none;
	background-repeat: none;
}
ul.cs_sidenav li:hover, ul.cs_sidenav li:active {
	background: ;
	cursor: pointer;
}
ul.cs_sidenav li.cs_sidenav_selected {
	display: block;
	background: ;
	margin: 0 0 1px 0;
	padding: 0;
  background-image: none;
	background-repeat: none;
}
ul.cs_sidenav li.cs_sidenav_selected a:link, ul.cs_sidenav li.cs_sidenav_selected a:visited{
	color: ;
}
ul.cs_sidenav li a:link, ul.cs_sidenav li a:visited, ul.cs_sidenav li.cs_sidenav_selected ul li a:link, ul.cs_sidenav li.cs_sidenav_selected ul li a:visited  {
	color: ;
	margin: 0 0 1px 0;
  background-image: none;
	background-repeat: none;
  text-decoration: none;
}
ul.cs_sidenav li a:hover, ul.cs_sidenav li a:active {
	color: ;
	margin: 0 0 1px 0;
  background-image: none;
	background-repeat: none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://studiostarter.com/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('http://studiostarter.com/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width: -43px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	-42px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/* SUPERFISH END */



/* CALENDAR SPECIFIC CODE */
.calendar_list {
	margin-top: 24px;
}
.calendar_list h2 {
	padding: 0px 0px 3px 3px;
}
.calendar_list_duration_message {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #333;
	margin: 0px 0px 3px 20px;
	text-decoration: none;
	font-weight: normal;
}
.calendar_list_event_item {
	font-size: 1em;
	padding: 10px 6px 10px 0px;
	margin: 3px;
}
.calendar_list_event_item_hover {
	padding: 10px 6px 10px 0px;
	margin: 3px;
	background: #efefef;
	cursor: pointer;
}
.calendar_list_event_title, .calendar_list_event_title:link, .calendar_list_event_title:visited {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 20px;
	text-decoration: none;
	color: ;
}
.calendar_list_event_title_hover, .calendar_list_event_title_hover:link, .calendar_list_event_title_hover:visited, .calendar_list_event_title:hover, .calendar_list_event_title:active {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 20px;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
.calendar_list_read_more:link, .calendar_list_read_more:visited {
	font-size: 10px;
	text-decoration: none;
	color: #999;
}
.calendar_list_read_more_hover, .calendar_list_read_more_hover:link, .calendar_list_read_more_hover:visited, .calendar_list_read_more:hover, .calendar_list_read_more:active {
	font-size: 10px;
	text-decoration: underline;
	color: ;
}
.calendar_list_event_description  {
	padding-left: 40px;
	font-size: .8em;
}
.calendar_list_event_description a  {
	font-size: .8em;
}
.calendar_list_image {
	margin: 0px 10px 0px 10px;
}
.event_detail_top {
	margin: 15px 10px 10px 0px;
	padding: 0px 10px 0px 0px;
	width: 180px;
	float: left;
	border-right: #ccc solid 1px;
}
.event_detail_image {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 180px;
	text-align: center;
}
.event_detail_info {
	font-size: .9em;
	margin: 0px;
	padding: 0px;
}
ul.gallery li, ul.gallery li a, ul.gallery li img{
	background-image: none;
  padding: 0;
  margin: 0;
}
.gallery {
	list-style: none;
	list-style-image: none;
	position: relative;
	z-index: 0;
}
.gallery_li {
	display: block;
	float: left;
	text-align: center;
	line-height: 1.2em;
	width: 170px;
	height: 200px;
	margin: 0px 6px 9px 6px;
	padding: 0px;
}
.gallery_item, .gallery_item:link {
	display: block;
	text-align: center;
	height: 150px;
	width: 150px;
	padding: 2px;
	margin: 0px 6px 3px 6px;
	border: none;
	cursor: pointer;
}
.gallery_item:visited, .gallery_item:hover, .gallery_item:active {
	display: block;
	text-align: center;
	height: 150px;
	width: 150px;
	padding: 2px;
	margin: 0px 6px 3px 6px;
	border: none;
	cursor: pointer;
}

/* LIGHTBOX START*/
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://studiostarter.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://studiostarter.com/images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://studiostarter.com/images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-size: 1.2em; color: #333; padding-bottom: .5em;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
/* LIGHTBOX END */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
  
/* for captions under http://studiostarter.com/members/10000things/template_splash/images */
div.caption img {
padding-bottom: 2px;
}
.caption p {
  margin: 0 5px 10px 5px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: .9em;
  color: #666;
  line-height: 1em;
}
.smalltext, .smalltext a:link , .smalltext a:visited , .smalltext a:hover , .smalltext a:active {
	font-size: .9em;
}
.cs_default_branding_column {
	float: right;
	margin: 20px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	border: 0px;
}

/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* ColorBox example user style */
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#fff; padding:20px;}
#cboxLoadingGraphic{background:url(http://studiostarter.com/images/loading.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#fff;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
/* CS STANDARD CODE END */
/* ********************** */
/* ********************** */

body {
  margin: 0;
  padding: 0;
  background: #000;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 6px;
}
#container {
  position: relative;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  background: url('http://studiostarter.com/members/10000things/template_splash/images/content_back.gif') no-repeat;
}
#content {
  position: relative;
  display: block;
  top: 80px;
  left: 540px;
  width: 300px;
  height: 500px;
}
#splash_sprite {
  display: block;
  width: 300px;
  height: 300px;
  background: url('http://studiostarter.com/members/10000things/template_splash/images/splash_sprite.jpg') 0px 0px;
}
#content, #content p, #content div, #content span {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #fff;
  font-size: 16px;
}
#splash_box_container {
  position: absolute;
  width: 450px;
  height: 280px;
  top: 200px;
  left: 0px;
}
.splash_block {
  position: absolute;
  width: 400px;
  height: 70px;
  font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
  cursor: pointer;
}
#splash_box_one {
  top: 0px;
  left: 0px;
}
#splash_box_two {
  top: 100px;
  left: 0px;
}
#splash_box_three {
  top: 200px;
  left: 0px;
}
.splash_block_label {
  display: block;
  width: 180px;
  color: #111111;
  font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
  font-size: 60px;
  text-decoration: none;
  text-align: right;
  float: left;
}
.splash_block_text {
  display: block;
  width: 250px;
  color: #666;
  position: absolute;
  left: 230px;
  top: 20px;
}
div.display_block {
  overflow: auto;
  margin: 40px 80px 0 0;
}
div.display_block img {
  margin: 15px 40px 0 0;
}
div.display_block h2 {
  margin-top: 10px;
}
#nav_pointer {
  background: url('http://studiostarter.com/members/10000things/template_splash/images/nav_pointer.jpg') no-repeat;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0px;
  right: 90px;
}
#navigation		{
  text-align: right;
  width: 100%;
  margin-bottom: 6px;
}
#navigation a:link, #navigation a:visited	{
  color: #fff;
  font: 40px Century Gothic, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}
#navigation a:hover, #navigation a:active	{
  color: #800000;
}
#navigation .navigation_current a:link, #navigation .navigation_current a:visited	{
  color: #800000;
  font: 40px Century Gothic, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}
#navigation ul	{
  list-style: none;
  margin: 40px 40px 0 0;
  padding: 0;
}
#navigation li	{
  display: inline;
  margin: 0;
  padding: 0 10px 0 10px;
  text-align: center;
}