/*
Theme Name: AdvSci Original
Theme URI: http://wordpress.org/
Description: Adventure Science site design adapted for WP
Version: 1.0
Author: KileyGoyette
Author URI: 
Tags: 

	AdvSci v1.0

	This theme was designed and built by Kiley Goyette, based on the orginal static html site design.

	It is tailored for the AdventureScience.ca site, but if you find some way to make it work for you, go for it. 
*/


/* ---------------------------------- */
/* Table of contents */
/* 1 Resets */
/* 2 Masthead (adventurescience top banner) */
/* 3 Header (basics to be modified per directory/prject) */
/* 4 Content (currently steve fosset settings) */
/* 5 Footer */
/* footerstick for the bottom bar */


/* @group Resets */

html, body, div, img {
	padding: 0; margin: 0; border: 0;
}
html, body {
	width: 100%;	
	height: 100%;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	font-size: 10pt;
}

h1, h2, h3, h4 {
	font-weight: normal; 
	font-family: Georgia,Times,"Times New Roman",serif;
	color: #fff;
	line-height: 1em;
	padding:  7px 0;
	margin: .4em 0;
	}

h1 { font-size: 26px; }
h2 { font-size: 24px;
	border:  1px solid #333;
	border-width: 1px 0;
	color: #333;
	padding-left: 5px;
}
h2 a, h3 a {
 text-decoration: none;
 color: #333; 
}
h2 a:hover, h3 a:hover { color: #fff; } 
h3 { font-size: 18px; color: #333;
	border-width: 0 0 1px 0;
}

ul, ol { margin:  0; list-style-position: inside; }
ul { list-style: none;}
.clear { clear: both; height:  1px; }
a { color: #0068ad; }
a:hover { color: #fff;}
strong {
	font-family: Georgia,Times,"Times New Roman",serif;
	}
sub, sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}	
sub { bottom: -.5ex; }

	
p.date	{ text-align: right; 
 margin-bottom: 10px; }

.navigation	{ margin: 5px; text-align: right;}
.navigation .older { align: right;}

/* @end */

body {
	background: #B4D1D9 url(http://www.adventurescience.ca/layout/grad_ltblue.jpg) repeat-x;
	color: #333;
}
#container {
	padding: 0;
	margin: 0;
	border: 0;
	position: relative;
	width: 100%;
}

/* @group Masthead */

#masthead {
	background-color: #333;
	margin: 0;
}
#masthead h1 {
	padding: 0; margin:0; line-height: 0; 
}
#masthead h1 a {
	text-indent:  -9000px;
	display: block;
	height: 62px;
	width: 490px;
	background: url(http://www.adventurescience.ca/layout/advsci_logo_02.gif) no-repeat 0 bottom;
	margin: 5px 10px 4px 8px;
	float: left;
}

#masthead ul {
	list-style: none;
	line-height: 1;
	text-transform: uppercase;
}

/* @group MetaMenu */

#masthead ul#metamenu {
	float: right;
	padding: 5px 30px 5px 25px;
	text-align: right;
}

#masthead ul#metamenu li {
	 padding: 3px 0;
	 margin: 0;
}
#masthead ul#metamenu li a {
	color: #E9FF33;
	text-decoration: none;
	display: block;
	padding-right: 14px;
	background: url(http://www.adventurescience.ca/layout/bullet_down_left_42BEC3.gif) no-repeat right;	
}
#masthead ul#metamenu li a:hover {
	text-decoration: underline;
	color: #65c7cb;
	background-image: url(http://www.adventurescience.ca/layout/bullet_down_left_E9FF33.gif);
	}

/* @end */

/* @group masthead Submenu */


#masthead ul#submenu {
	background: #292929 url(http://www.adventurescience.ca/layout/dropshadow_01.gif) repeat-x 0 top;
	width:  100%;
	float: left;	
	position: relative;
	padding: 0;
	z-index: 15;
}

#masthead ul#submenu a {
	text-decoration: none;
	color: #42BEC3;
	display: block;
	padding: 3px 15px;
}

#masthead ul#submenu a:hover {
	color: #E9FF33;
}

/* --- drop down menus --*/ 
#masthead ul#submenu li { /* all list items */
	float: left;
	position: relative;
}

#masthead ul#submenu li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 19px;
	left: 0;
	text-align: left;
	margin: 0; 
	padding: 0;
	border: 0;
	background-color: #292929;
	z-index: 25;
 }
#masthead ul#submenu li ul li {
	border-bottom: 1px solid #000;
	} 
	
#masthead ul#submenu li ul li a {
	margin:0; 
	border: 0;
	padding: 5px 5px 5px 15px;
	display: block;
	color:  #fff;
 }

/*
#masthead ul#submenu li>ul { *//* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/*	top: auto;
	left: auto;
} */

#masthead ul#submenu li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

/* --- END drop down menus --*/


	
#masthead ul#submenu a.feed, 
#masthead ul#submenu a.itunes, 
#masthead ul#submenu a.twitter,
#masthead ul#submenu a.facebook {
	color: #E9FF33;
	padding: 6px 17px 2px 0px;
	text-transform: none;
	font-size: .7em;
} 

#masthead ul#submenu a.feed {	background: url(http://www.adventurescience.ca/layout/rss_all_15.gif) no-repeat right 5px; }
#masthead ul#submenu a.facebook {	background: url(http://www.adventurescience.ca/layout/fb-12.gif) no-repeat left 4px; padding: 6px 15px 2px 17px; font-size: .8em;}
#masthead ul#submenu a.twitter {	background: url(http://www.adventurescience.ca/layout/twit-12.gif) no-repeat left 4px; padding: 6px 17px 2px 17px; font-size: .8em;}


#masthead ul#submenu a.itunes { padding-left: 3px;}

#masthead ul#submenu a.feed:hover, 
#masthead ul#submenu a.itunes:hover,
#masthead ul#submenu a.twitter:hover,
#masthead ul#submenu a.facebook:hover {
	color: #FFF;
	}	
	

/* @end */



/* @end */


/* @group Wrap */



#wrap {
	width: 740px;
	position: relative;
	border: 1px solid #333;
	border-width: 0px 1px;
	margin: 0 auto;
	padding: 0 12px;
}


/* @end */



/* @group Sidebar */

#sidebar { width: 730px; }

/* @end */



/* @group Header */



#wrap {
	width: 740px;
	position: relative;
	border: 1px solid #333;
	border-width: 0px 1px;
	margin: 0 auto;
	padding: 0 12px;
}

#header {
	position: relative;
	height:  250px;
	width: 740px;
	margin: 0 auto;
	margin-top: 12px;
	background: url(http://www.adventurescience.ca/layout/banners/banner0.jpg) no-repeat top center;
	/* this is the default. Specific images can be specified for each project */
}

#header.fossett { background-image: url(http://www.adventurescience.ca/fossett/layout/banners/banner8.jpg); }
#header.blaze { background-image: url(http://www.adventurescience.ca/blaze/layout/banners/banner1.jpg); }
#header.N2700Q { background-image: url(http://www.adventurescience.ca/N2700Q/layout/banners/banner1.jpg); }
#header.deathrace { background-image: url(http://www.adventurescience.ca/deathrace/layout/banners/banner1.jpg); 
	height: 145px; }
#header.lt-steeves { background-image: url(http://www.adventurescience.ca/lt-steeves/layout/banners/banner4.jpg); 
	height: 190px; }
#header.oman { background-image: url(http://www.adventurescience.ca/oman/layout/banners/banner4.jpg); 
	height: 220px; }
	

#header h1 {
	position: absolute;
	left: -9000px;
	padding:0;
	margin: 0;
}
#header.N2700Q h1 {
	position: absolute;
	left: 0px;
	bottom: 0;
	padding: 60px 17px;
	margin: 0;
}


/* menu */
#header ul { 
	border: 1px solid #FFF;
	position: absolute;
	bottom: 0;
	height: 40px;	
/*	width: 716px; */
	margin:  8px 10px;
	padding: 0 4px;
	line-height: 1;
	list-style: none;	
	letter-spacing: -1px; 
	text-align: center;
	font-size: .9em;

}
	#header ul li {
		float: left;
		margin:  0;
		padding: 0;
		}
	#header ul li a {
		display: block;
		background-color: #FFF;
		color: #333;
		padding:  6px 10px;
		margin: 8px 4px;
		text-decoration: none;
		}
	#header ul li a:hover {
		color: #333;
		background-color: #b4d1d9; 
}
/* --- drop down menus --*/ 
#header li { /* all list items */
	float: left;
	position: relative;
}

#header li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	text-align: left;
	width: 12em;
	height: 40px;
}

#header li ul {
	margin:0; 
	border: 0;
	padding: 0px 0 0 4px;
	background-color: transparent;
 }
#header li ul li {
	width: 100%;
	} 
	
#header li ul li a {
	margin:0; 
	border: 0;
	padding: 6px 10px;
	display: block;
 }

/*
#header li>ul { *//* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/*	top: auto;
	left: auto;
} */

#header li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

/* --- END drop down menus --*/
			

/* @end */


/* @group Content */

#content {
	width: 740px;
	text-align: justify;
	margin: 0 auto;
	margin-bottom: 12px;
	padding-bottom: 0px;
}

#index #content {
	padding-bottom: 10px;
}
	

#method .img, #history .img { /*width: 100%;*/ float:right; text-align: center; border: 1px solid #333; margin: 5px 5px 5px 15px;}
#method .img img, #history .img img {
	 margin: 5px;
}


.postMeta { text-align: right; font-size: 0.8em; Float: right;}
.post { border-bottom: 1px solid #777; padding-bottom: .9em;}
#paginateIndex a { padding: 3px 5px; background-color: #FFF; border: 1px solid #CCC; text-decoration: none;}
#paginateIndex a:hover { color: #FFF; background: #B4D1D9; border-color: #0068ad;} 
#paginateIndex { position: relative; height: 1.5em; }
#paginateIndex .left { position: absolute; left: 0;}
#paginateIndex .right { position: absolute; right: 0;}

/* @end */


/* @group team */
/* developed for Fossett but can be resused for future teams */

.teamMember {
	clear: left;
	padding: 10px;
	border-bottom: 1px solid #666;
	position:  relative;
}
.teamMember h3 {
	padding: 10px;
	margin: 0;
	margin-left: 100px;
	font-size: 13pt;
}
.teamMember .img {
	float: left;
	border: 1px solid #666;
	margin: 5px 15px 5px 0px;
	padding: 5px;
	}
.teamMember ul {
	margin: 0;
	margin-left: 100px;
	padding: 0;
	padding-left: 10px;
}	

.teamMember ul li {
	text-indent: 0;
	padding: 0;
	margin: 0;
	#text-indent: -16px;
	#padding-left: 1px;
}

/*production team photos are a different width & require more spacing */
#teamP .teamMember ul, #teamP .teamMember p, #teamP .teamMember h3 { 
	margin-left: 200px;	
	padding-left: 5px; 
}


/* @end */

/* @group sponsors */

#sponsors {
	padding: 5px 10px;
	margin: 10px 0 0 0;
/*	position: relative;*/
	background: #fff url(http://www.adventurescience.ca/layout/mountains800sm.gif) repeat-x bottom;
}
#sponsors h3 {
	color: #666;
	float: left;
	margin: 0 15px 0 0px;
	border: 0px; 
}
#sponsors img { /* float: left; */ margin: 10px 0; z-index: 10;}
#sponsors p { 
	font-size: 8pt; 
	text-align: center;
	padding: 2px; margin: 0px;
	color: #333;
	background-color: #fff;
	clear: left;	
	}



/* @end */

/* @group Footer */

#footer {
	font-size:  8pt;
	color: #b4d1d9;
	background-color: #333;
	height:  50px;
	line-height: 1;
}
#footer a {
	color: #65c7cb;
}
#footer p { padding: 15px 10px 0px 13px; }

/* @end */

/* @group footerstick */

/* Footerstick ---------------------------------------------------------------------- */
/* 1. Body/html must be set to 100% ------------------------------------------------- */
html, body { 	height: 100% }

/* 2. Container has a relative position and height of 100% -------------------------- */
 #container { 	position: relative; min-height: 100%; }
* html #container { height: 100%; }

/*3. content's padding-bottom makes room for the footer to be positioned over it ---- */
 #content { 		margin-bottom: 72px; }

/*4. The footer's top margin is the negative value of its height -------------------- */
 #footer {  	position: relative;
 				margin-top: -50px;	}



/* @end */