/* Information -------------------------------------

Version: 0.1.7

Include on: Tarpits.org Home Template

Notes: * before selector targets IE7.

Contains:
	=Links
	=Text Headers
	=Common Text
	=Buttons
	=Page Header
	=Content Containers & Modules
	=Rotator
	=Action Menu
	=Discoveries Main Image
	=Grid : Discoveries
	=News Bar
----------------------------------------------------*/


/* =Links
----------------------------------------------------*/
.newsBar a {
	color: #000;
}
.newsBar a:hover {
	color: #e07b20;
	text-decoration: none;
}


/* =Text Headers
----------------------------------------------------*/
/* ----- h1 ----- */
.actionMenu h1 {
	display: inline;
	font-weight: normal;
	margin-bottom: 0;
}

/* ----- h2 ----- */
h2 {
	font-family: 'GraphicusDT-Bold';
	font-size: 23px;
	font-weight: normal;
	line-height: 1.2;
	margin: 60px 0 20px 0;
	text-transform: uppercase;
	width: 320px;
}
h2 span {
	color: #c1cd23;
	display: block;
}

/* ----- Generic Header ----- */
.newsBar .hdr {
	background: url("/sites/all/themes/tarpits/images/icon/pickaxe.png") 0 0 no-repeat;
	border-right: 1px solid #ccc\9; /* IE7&8 */
	float: left;
	font-size: 14px;
	line-height: 24px;
	margin: 9px 12px 0 0;
	overflow: hidden;
	padding: 0 14px 0 28px;
}
.newsBar .hdr:after {
	color: #c2c2c2;
	content: "|";
	font-family: arial;
	font-size: 12px;
	left: 15px;
	position: relative;
	top: -2px;
}


/* =Common Text
----------------------------------------------------*/
.newsBar p {
	color: #000;
	float: left;
	margin: 11px 0 0 0;
	width: 764px;
}


/* =Buttons
----------------------------------------------------*/
/* ----- Learn More Button -----*/
.boxed {
	bottom: 1px;
	display: none;
	font-weight: normal;
	left: 50%;
	margin-left: -57px;
	position: absolute;
}

/* ----- Close Button -----*/
.close {
	top: 12px;	
	right: 56px;
}


/* =Page Header
----------------------------------------------------*/
#header {
	border: 0;
	height: 101px;
	margin-bottom: 0;
}


/* =Content Containers & Modules
----------------------------------------------------*/
/* ----- Main Container ----- */
.contentWide {
	padding-bottom: 50px;
}

/* ----- Hero Aside ----- */
#aside {
	float: left;
	height: auto;
	left: 50%;
	margin-left: 4px;
	padding: 0;
	position: relative;
	top: 0;
	width: auto;
}

/* ----- Home Video ----- */
#shade {
	background-color: #000;
	height: 500px;
	left: 50%;
	margin-left: -600px;
	position: absolute;
	top: 0;
	width: 1200px;
	z-index: 14;
}

#homeVideo {
	background-color: #000;
	height: 500px;
	left: 50%;
	margin-left: -490px;
	position: absolute;
	top: 139px;
	width: 980px;
	z-index: 15;	
}

#homeVideo.popToTop {
	z-index: 20;
}
#homeVideo .video-js-box {
	/* border-color: #fff; */
	border-style: solid;
	border-width: 0 4px;
	margin: 0 auto;
}
#homeVideo object {
	border-color: #fff;
	border-style: solid;
	border-width: 0 4px;
	left: 50%;
	margin-left: -444px;
	position: absolute;
	top: 0;
	z-index: 9;
}

/* ----- Sliding Panel ----- */
.slidingPanel {
	margin: 0 auto;
	position: relative;
	width: 980px;
}
.slidingPanel .inner {
	background-color: #f9fae9;
	overflow: hidden;
}

.slidingPanel .inner {
	height: 214px;
	padding-bottom: 46px;
}


/* =Rotator
----------------------------------------------------*/
.home.rotatorWrap {
	float: left;	
	left: 50%;
	margin-left: -600px;
	position: relative;
	top: 0;
}

/* ----- Overlay ----- */
.home .overlay {
	color: #fff;
	font-weight: bold;
	height: 160px;
	left: 50%;
	margin: -80px 0 0 -190px;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 8px rgba(0,0,0,0.8);
	text-transform: uppercase;
	top: 50%;
	width: 493px;
	margin-left: -239px !important;
}

/* ----- Messaging ----- */
.teaser {
	cursor: pointer;
	display: block;
	font-family: 'GraphicusDT-Bold';
	font-size: 62px;
	font-weight: normal;
	height: 62px;
	letter-spacing: 5px;
	margin-top: 48px;
	padding-top: 8px;
	padding-top: 0\9; /* IE7&8 */
	width: 100%;
}
.message {
	cursor: pointer;
	display: none;
	font-family: 'GraphicusDT-Bold';
	font-size: 32px;
	font-weight: normal;
	left: 0;
	padding-top: 8px;
	padding-top: 0\9;/* IE7&8 */
	position: absolute;
	top: 0;
	width: 100%;
}

/* ----- Hover Actions ----- */
.home a:hover {
	text-decoration: none;
}

/* ----- Shadows ----- */
.shadowTop {
	background: url("/sites/all/themes/tarpits/images/home/shadow-rotator.png") 0 0 repeat-x;
	height: 7px;
	left: 50%;
	margin-left: -600px;
	position: absolute;
	top: 0;
	width: 1200px;
	z-index: 10;
}
.shadowBtm {
	background: url("/sites/all/themes/tarpits/images/home/shadow-rotator.png") 0 -7px repeat-x;
	height: 7px;
	left: 50%;
	margin-left: -600px;
	position: absolute;
	top: 493px;
	width: 1200px;
	z-index: 10;
}


/* =Action Menu
----------------------------------------------------*/
.actionMenu {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	padding: 4px 0 2px 0;
	text-align: center;
	width: 980px;
}
.actionMenu h1 {
	background: url("/sites/all/themes/tarpits/images/home/action-divider.png") 0 12px no-repeat\9; /* IE7&8 */
}
.actionMenu h1:first-child {
	background: none\9; /* IE7&8 */
}
.actionMenu a {
	color: #636363;
	display: inline-block;
	font-size: 12px;
	height: 44px;
	line-height: 44px;
	margin-right: -4px;
	overflow: hidden;
	padding-right: 20px;
	text-decoration: none;
}
.actionMenu a:after {
	color: #ccc;
	content: "|";
	float: right;
	font-family: arial;
	font-size: 22px;
	font-weight: normal;
	left: 23px;
	position: relative;
	top: -3px;
}
.actionMenu a:hover {
	color: #000;
}
#tickets {
	background: url("/sites/all/themes/tarpits/images/icon/tickets.png") 20px 0 no-repeat;
	padding-left: 88px;
}
#membership {
	background: url("/sites/all/themes/tarpits/images/icon/member.png") 20px 0 no-repeat;
	padding-left: 103px;
}
#shop {
	background: url("/sites/all/themes/tarpits/images/icon/shop.png") 20px 0 no-repeat;
	padding-left: 68px;
}
#map {
	background: url("/sites/all/themes/tarpits/images/icon/map.png") 20px 0 no-repeat;
	padding-left: 79px;
}
.actionMenu #map:after {
	content: "";
}


/* =Discoveries Main Image
----------------------------------------------------*/
#main {
	position: absolute;
	left: 480px;
	top: 16px;
	z-index: 1;
}


/* =Grid : Discoveries
----------------------------------------------------*/
.discovery {
	margin-top: 70px;
	overflow: hidden;
	position: relative;
}
.discovery li {
	height: 242px;
	margin: 0 4px 4px 0;
	width: 242px;
}
.discovery .overlay {
	background: #000;
	background: rgba(0,0,0,0.85);
	display: none;
}
.discovery li:hover .overlay {
	display: block;
}
.discovery span {
	color: #fff;
	font-size: 12px;
}
.discovery .title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 2px;
	padding-top: 28px;
}
.discovery .link {
	bottom: 30px;
	color: #fff;
	font-weight: bold;
	left: 0;
	position: absolute;
}
.discovery .details {
	font-size: 11px;
	line-height: 1.6;
	margin-bottom: 10px;
}
.discovery .link:hover {
	cursor: pointer;
	text-decoration: underline;
}

/* =News Bar
----------------------------------------------------*/
.newsBar {
	margin: 0 auto;
	width: 980px;
}
.newsBar .inner {
	background: url("/sites/all/themes/tarpits/images/home/shadow-news-bar.png") 0 0 repeat-x;
	height: 40px;
}
.newsBar img {
	float: left;
	margin: 9px 10px 0 0;
}