/*  
Theme Name: TAH theme
Description: dev theme for mcps tah
Version: 1.1
Author: Laura Veprek, Jeremy Boggs
Author URI: http://chnm.gmu.edu/mcpstah/
*/

/* == Reset & Special styles == */
@import url("reset.css");

/* == Generic  == */
body {font: 62.5%/1.8em verdana, "trebuchet ms", sans-serif; margin: 0px auto; width: 792px;color: #444;}
a:link, a:visited {color: #003366;text-decoration:none;}
a:hover, a:active {color: #1b5d7f;}

/*----------------------------------------------
Typography
-----------------------------------------------*/

h1 {font-size: 2em;}
h2 {font-size: 1.4em; color: #1b5d7f;margin: 0; padding-top: .5em;border-top: 1px solid #497D99;border-bottom: 1px solid #497D99;clear: both;}
h3 {font-size: 1.4em; font-weight:bold; margin-bottom: 1em;}
h4, h5 {font-size: 1.2em; margin-bottom: 1em; font-weight:bold;line-height: 1.6em;}
	.collaborate h4 {margin: 1em 0 .25em;}
h1 span {display: none;}
h2 a:link, h2 a:visited {color: #1b5d7f}
p {margin: 0 0 1em;}
p, li, dt, dd {font-size: 1.2em;}
li li {font-size:1em;}
ul {list-style:none;}
ul li ul {list-style:square; padding-left: 1.5em;}
ul ul {font-size:1em;}
dt {padding: 0.5em 0; font-weight:bold;}
dd {padding: 0.5em 0 0.5em 1em;}
strong {font-weight:bold;}

/*----------------------------------------------
Layout
-----------------------------------------------*/

/* ---------------Grid--------------- */

#wrap {width: 792px; background: #fff; margin-top: 5px;overflow:hidden;}
#content {overflow:hidden;}
	#home #content {background: url(images/home-bg2.jpg) top left no-repeat; min-height: 387px; margin-top:0;}

/* ---------------Header and Navigation--------------- */

#header {width: 792px;}
	#home #header {margin-top: 4em;background: url(images/header-home.jpg) top left no-repeat; }
#header h1 {text-transform:uppercase;}
#header p {}
#header h1 a {
	padding: 146px 0 0 0;
	overflow: hidden;
	display: block;
	background-color: transparent;
	background-image: url(images/header2.jpg);
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:146px;}
#home #header h1 a {
	padding: 120px 0 0 0;
	overflow: hidden;
	display: block;
	background-color: transparent;
	background-image: url(images/header-home.jpg);
	background-repeat: no-repeat;
	background-position: -3px 0;
	height: 0px !important;
	height /**/:120px;}

#home-nav {margin: 0 0 0 430px; width: auto;border-bottom: 1px solid #6E98AE;}
	#home-nav li {border-top: 1px solid #6E98AE; padding: 1em 0 .5em;}
	#home-nav h2 {font-size: 1.2em;font-weight:bold;margin-bottom:.25em;text-transform:uppercase;border:0;padding:0;}
	#home-nav #info-links {font-size: 1em;margin:1em 0;}
	
#nav {width:792px; height:35px; background: url(images/nav2.jpg) top left repeat-x;float: left;position: relative;}
	#nav span {display:none;}
	#nav {list-style-type: none;}
	#nav li {padding: 0; margin: 0; list-style: none; position:absolute; top:0;height:35px;}
		#nav li.current_page_parent a {color:#333300;}
		#nav a {display: block;height:35px;padding: 0; }

	#main-nav-1 {left: 16px; width: 152px;}
	#main-nav-2 {left: 181px; width: 127px;}
	#main-nav-3 {left: 321px; width: 127px;}
	#main-nav-4 {left: 461px; width: 101px;}
	#main-nav-5 {left: 572px; width: 109px;}
	#main-nav-6 {left: 692px; width: 76px;}

	#main-nav-1 a:hover {background: transparent url(images/nav2.jpg) -16px -35px no-repeat;}
	#main-nav-2 a:hover {background: transparent url(images/nav2.jpg) -181px -35px no-repeat;}
	#main-nav-3 a:hover {background: transparent url(images/nav2.jpg) -321px -35px no-repeat;}
	#main-nav-4 a:hover {background: transparent url(images/nav2.jpg) -461px -35px no-repeat;}
	#main-nav-5 a:hover {background: transparent url(images/nav2.jpg) -572px -35px no-repeat;} 
	#main-nav-6 a:hover {background: transparent url(images/nav2.jpg) -692px -35px no-repeat;}

ul.subnav {
	letter-spacing: 0;
	float:left;
	width: 19%;
	border-top: 1px solid #C1D3DC;
	}
.subnav li {
	padding: .5em 0;
	border-bottom: 1px solid #C1D3DC;
	font-size: 1.1em;
	}
.subnav li.current_page_parent {font-weight:bold;}
.subnav li.current_page_item {font-weight:bold;}
.subnav li ul {font-size: 100%; margin:0; padding:0 0 0 1em;}
.subnav li ul li {font-size: 100%; font-weight:normal; padding: .25em 0; margin: .5em 0;list-style-type:none;}
.subnav li span {font-weight: bold;}
#collaborate {}

.breadcrumb {clear: both; display:block;font-size: 11px; padding: 0;color: #999;}
	.breadcrumb a:link, .breadcrumb a:visited {text-decoration:underline;color: #777;}

/* ---------- Content and Sidebar ---------- */

 #content {overflow: hidden;margin-top: 2em;} 
.post {margin: 1em 0 0;}
 #main-content {float:right; display: block; width:75%;}
	#main-content ul {margin: 1em;} 
	#main-content ul li {list-style-type: square; margin-left: 2em; padding: 0 0 1em;}
.splash p.blurb {font-size: 1.2em;margin-bottom:1em;}

/* ---------- Footer ---------- */

#mcpslogo {float: right;}
#footer {width: 780px; clear:both; display:block; padding: 1em 0; margin-top: 4em; border-top: 1px solid #dedede;}
	#home #footer {float: left;}
	#footer a:link {font-weight: bold;}

/*----------------------------------------------
 Search form styles
-----------------------------------------------*/

#searchform {}
#searchform input {padding: 4px; font-size: 95%; margin-bottom: 1em; display:block;}
#searchform input#s {width: 200px;}
#searchform input {border: 1px solid #999; color: #555;}

/*----------------------------------------------
 Comments and Comment Form
-----------------------------------------------*/

#commentform textarea#comment {width: 470px; height: 192px; padding: 4px; margin-bottom: 1em;display:block;}
#commentform input {padding: 4px;}
#commentform #personalinfo label, #commentform #personalinfo input {display:block; margin: 0.5em 0;}
#commentform input, #commentform textarea#comment {font: 11px/1.5em Verdana, sans-serif;}
#commentform fieldset legend {display:none;}
#commentform p {margin-left:0; margin-right:0;}
#commentform input, #commentform textarea#comment {border: 1px solid #999; color: #555;}
#commentform fieldset {border:none;}

/*----------------------------------------------
 Schedule Page 
-----------------------------------------------*/

.box {width: 30%; float: left; overflow:hidden; padding:1em; margin-bottom: 1em;}
	.box h3 {font: normal 2em/2em Georgia, "Times New Roman", serif;}
	.current {background-color:#d9d9d7;}
		.current h4 a:link, .current h4 a:visited {color:#990000;}
	.center {border-right:1px solid #ccc;border-left:1px solid #ccc;}
#schedule h3 {font: 1.4em/1.6em bold;color: #1B5D7F;background-color: #E8EFF2;padding: .2em; margin: 1em 0;}
#schedule h4 {font-size:1.2em;font-weight: bold;padding: .5em 0 .25em; margin:0 0 1em;text-transform:uppercase; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#schedule h5 {font-size: 1.2em;}
#schedule ul li p {margin: 0; font-size: 100%;}
#schedule a:link, #schedule ul li a:visited {font-weight: bold;text-decoration:underline;}
#schedule ul li {list-style-type: none;}
#schedule ul li ol li {list-style-type: decimal; margin-left: 4em;font-size: 1.2em;}
#schedule ul li ul {margin:0; font-size:100%;}
#schedule ul li ul li {margin:0; padding: .25em;list-style-type:disc;font-size:100%;}
#schedule p {line-height: 1.4em;}
#schedule .cal, #schedule ul li a:link .cal, #schedule ul li a:visited .cal, #schedule ul li a:hover .cal, #schedule ul li a:active .cal {background:url(images/vcal-icon.gif) center left no-repeat;padding-top:0;padding-left:22px;}

/*----------------------------------------------
 Resources
-----------------------------------------------*/

#content ul.activities {
list-style-type: none;
margin: 0;
}

#content ul.activities a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

.resources .resource {width: 320px; padding: 0 20px 2em 0; height:150px; float: left;}
	.resource h3 {margin-bottom:0.5em;}
	.resource img {float: left; margin: 0 1em 2em 0; border:1px solid #ccc;}
	.resource p {font-size:1.1em;line-height:1.4em;}
.resources #main-content ul li {list-style-type:none;font-size:1.2em; margin:0;}
	.resources #main-content #leon ul li {list-style-type:disc; margin-left:1em;}
	.resources #main-content a:link, .resources #main-content a:visited {text-decoration:underline;padding:.5em 0;}
	.resources #main-content h4 {font-size:1.4em;background-color:#ddd; padding: .1em .5em;}
		.resources #main-content .resource h4 {background-color:#fff;padding:0;}
		.resources #main-content .resource h4 a:link, .resources #main-content .resource h4 a:visited {text-decoration:none;}
	.resources #main-content ul li h5 {font-size:100%;margin:0 0 0 -1em;font-weight:normal;}
	.resources #main-content ul li a.web {background: url(images/page_white_world.png) center left no-repeat; padding-left: 18px;}
	.resources #main-content ul li a.ppt {background: url(images/page_white_powerpoint.png) center left no-repeat;padding-left: 18px;}
	.pdf, .resources #main-content ul li a.pdf {background: url(images/page_white_acrobat.png) center left no-repeat;padding-left: 18px;}
	.doc, .resources #main-content ul li a.doc {background: url(images/page_white_word.png) center left no-repeat;padding-left: 18px;}
.resources #main-content #online-resources ul {margin-left:1em;}
.resources #main-content #online-resources ul li {list-style-type:disc;}
.resources #main-content ul li p {font-size:inherit; margin:.5em 0; padding:0;}
.resources #main-content ol.recommendations li {line-height: 1.6em; padding-bottom: 1em;}
.resources #main-content ol.recommendations li span {display:block;}
.activities .resource {width: 175px; margin:0; padding:0;}
	.activities .resource img {float:none;margin-bottom:0;margin:0 auto;}

#main-content #assignments ul li {padding-bottom:0; padding-left:18px;line-height:1.8em;}
.embedimg {margin-bottom:1em;}
div.audio {width:30%;float: left;}
.audio img {float:left; padding-bottom:1em;}
.audio embed {clear:left;}
#main-content div#workshop-videos ul li {list-style-image: url(images/video.gif);margin-left: 1.5em;}
ol.bibliography {margin:2em;}
	ol.bibliography li {text-indent:-1.5em; padding-bottom: 1em;}


/* Scrapbook Styles */
.scrapbook h3 {margin-bottom: 1em;}
.scrapbook div {float: left;width:150px;}
.scrapbook img {border: 1px solid #ccc;}
	img.large {margin-top:1em;}
.scrapbook h4 {float:left; width: 120px; padding-bottom: 1em;}
.scrapbook #keynote h4 {float: none; width: 400px;padding: .25em 0 1.5em; margin: 0;}
.scrapbook #keynote p {margin:0; padding:0;}
.scrapbook h5 {float:left; width: 120px; padding-bottom: 1em; font-size:1em;}
	.scrapbook .photos h5 {width:500px; padding-top:.5em;}

/*----------------------------------------------
 Lessons
-----------------------------------------------*/
.lessonplans dt a {font-weight:normal;display:block;}
.lessonplans dd {margin-top: -0.8em;}
.lessonplans ol {list-style-type: decimal; margin: .6em 0 .6em 2em; padding: 0 1.5em;}
	.lessonplans ol li {padding: 0 0 1em 0;}
.lessonplans ol li ul li {margin-bottom:-1.5em;padding:0;}

/*----------------------------------------------
 Source Analysis 
-----------------------------------------------*/

.sources img {float: left;border:1px solid #ccc;margin: 0 1em 2em 0;}
.sources p {margin: 0 0 2em;}
		.sources div p a:link, .sourceanalysis div p a:visited {text-decoration: underline;}
.sources #main-content ul li {padding: 0 0 .5em;}

.splash p {margin:0;padding:0;font-size:1.1em;line-height:1.4em;}
.splash em {font-weight: bold;}
.sourcebox {width: 250px; height: 200px; float: left; overflow:hidden;padding:1em 0 0 0;}
	.sourcebox h3, .sourcebox h4 {text-align:left; margin:0; padding:0;}
		.sourcebox h4 {margin-bottom:0.5em;}
	.sourcebox img {}

.main h2, .interior h2 {border:0;padding:0;}
.main h3 {clear: both; margin: 1em 0 .5em;}	

.subnav .sourcesnav {margin:.5em 0;padding: 0;width:100%;}
.subnav .sourcesnav li {text-transform:none;font-size:100%;list-style-type:disc; margin:0 0 0 1.5em; padding: .25em 1em .25em 0;border-bottom:none;}

.subnav .sourcesnav ul {display:none;}
.subnav .sourcesnav li.current_page_ancestor ul {display:block; margin:0 0 0 1.25em; padding:0; }
.subnav .sourcesnav li.current_page_ancestor li {margin:0; padding:0;list-style:circle;}
#movielist {overflow:hidden; width: 550px;display:block;}
	#movielist ol {clear:both; margin: 0 0 1em 2em;}
		#movielist ol li {list-style-image: url(images/video.gif);list-style-type:decimal;margin:0 0 0 1em;}
	.transcript {background: url(images/page_white_acrobat.gif) left 75% no-repeat; margin:0; padding: 0 0 0 20px;}
	.videolist li {padding: .25em 0;}
.sources #main-content h3 {margin-bottom:0;}
p.prev-next {font-size: 1.1em; text-align: right; margin-top: 1em;}

#main-content ul#page-navigation {list-style:none; padding-left:0; margin-left:0; overflow:hidden; zoom:1;}
#main-content ul#page-navigation li {display:block; float: left; width: 48%;padding:0; margin:0;}

#main-content ul#page-navigation li#next-page {float:right; text-align:right;}
/*----------------------------------------------
 Collaboration Page 
-----------------------------------------------*/
.collaborate ol li {list-style-type:decimal; margin-left: 2em;}
.collaborate ol.summer li {list-style-type:none;}