/*
Theme Name: DSI II:  The Legend of Curly's Gold
Theme URI: http://dsihome.org/
Description: The custom theme for the DSI information website by inDepthLearning.
Version: 2
Author: Brian Huneke
Author URI: http://brychanus.com/
Tags: green, fixed width, two columns
*/

* {
		padding:0px;
		margin:0px;
	}

	@font-face {
	  font-family: "GraublauWeb";
	  src: url(fonts/GraublauWeb.otf) format("truetype");
	}
	
	@font-face {
	  font-family: "GraublauWeb";
	  font-weight: bold;
	  src: url(fonts/GraublauWebBold.otf) format("truetype") ;
	}
	
	body {
		background: #000;
	}
	
	#topbanner, .topbanner {
		margin-top:10px;
		margin-bottom:20px;
		background:#000;
		height:100px;
		width:600px;
		border:1px solid black;
	}
	
	#greenfolder {
		width:890px;
		margin-top: 0px;
margin-left: auto;
margin-bottom: 40px;
margin-right: auto;
		background: #006d30 url(images/folderTile.png) repeat top left;
		position:relative;
		padding-bottom:-40px;
	}
	
	#dsilogo {
		background: url(images/folderLogo.png) no-repeat top left;
		width:411px;
		height:123px;
		display:block;
	}
	
	#folderHeader {
		width:890px;
		height:100px;
		background: #000 url(images/folderTop.png) no-repeat bottom left;
	}
	
	#breadcrumb {
		padding: 20px 20px 0px 20px;
		font-family:GraublauWeb, Verdana, Arial, Helvetica, sans-serif;
		background: url(images/mainpageTop.png) repeat-x top left;
		font-size:9pt;
		color:#696561;
		height:600px;
		position:absolute;
		width:810px;
	}
	
	#notepad {
		width:307px;
		background: url(images/notepadTop.png) no-repeat top left;
		padding-top:38px;
		position:absolute;
		top:50px;
		right:-100px;
	}
	
	.article {
		position:relative;
		margin:20px 20px 0px 20px;
		top:50px;
		width:600px;
		padding-bottom:100px;
		min-height:600px;

	}
	
	#notepadbody {
		background: url(images/notepadTile.png) repeat-y top left;
		padding-right:25px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#696561;
	}
	
	#notepadbody h2, .article h2,  .article h3{
		color:#000;
	}
	
	#notepadbody li {
		margin-left:20px;
		padding-bottom:5px;
	}
	
	ul#sidebar{
		list-style-type: none;
		margin-left:0px;
	}
	
	
	#notepadfoot {
		width:307px;
		height:37px;
		background: url(images/notepadFoot.png) no-repeat top left;
	}
	
	
	#mainpage {
		background: #e2d9d0 url(images/mainpageTile.png) repeat top left;
		margin-left: 20px;
		margin-right: 20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10pt;
		color:#696561;
		top:-57px;
		position:relative;
		z-index:900;
		-webkit-box-shadow: 0 -2px 7px rgb(0,0,0);
		-moz-box-shadow: 0 -2px 7px rgb(0,0,0);
		box-shadow: 0 -2px 7px rgb(0,0,0);
	}
	
	#grantinfo {
		width:378px;
		height:133px;
		background: #fff58a url(images/grantbg.png) repeat-x top left;
		padding:20px;
		overflow:hidden;
		text-align:center;
		font-family:GraublauWeb, Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#696561;
		margin-left:10px;
		-webkit-box-shadow: 0 4px 9px rgb(0,0,0);
		-moz-box-shadow: 0 4px 9px rgb(0,0,0);
		box-shadow: 0 4px 9px rgb(0,0,0);
	}
	
	#grantinfo span {
		display:block;
		margin-bottom:10px;
		text-align:left;
	}
	
	#grantinfo img {
		vertical-align: middle;
		margin:0px 5px 0px 5px;
	}

	#underpage {
		width:850px;
		height:139px;
		margin-left:20px;
		margin-right:20px;
		margin-top:-57px;
		background: #e9dfd6 url(images/footerbg.png) repeat-x top left;
		-webkit-box-shadow: 0 4px 9px rgb(0,0,0);
		-moz-box-shadow: 0 4px 9px rgb(0,0,0);
		box-shadow: 0 4px 9px rgb(0,0,0);
	}
	
	#idlinfo {
		position:relative;
		left: 448px;
		top:-120px;
		width:400px;
		text-align:center;
		font-family:GraublauWeb, Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#696561;
	}
	
	#froglogo {
		display:block;
		width:150px;
		height:78px;
		margin-left:auto;
		margin-right:auto;
		background: url(images/dullfrog.png) no-repeat top left;
	}
	
	#froglogo:hover{
		background: url(images/brightfrog.png) no-repeat top left;
	}
	
	#navtabs {
		width:600px;
		position:relative;
		left:270px;
	}
	
	#navtabs ul {
		position:relative;
	}
	
	#navtabs ul li {
		display:inline;
		list-style-type: none;
		margin-right:4px;
		float:left;
		position:relative;
		
	}
	
	#navtabs ul li a{
		text-decoration:none;
		font-family:GraublauWeb, Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:18px;
		color:#06c;
		text-align:center;
		padding-top:7px;
		display:block;
		width:116px;
		height:59px;
		background: url(images/tabTop.png) no-repeat top left;
		background-position-y: 0;
		position:relative;
		-webkit-box-shadow: 0 0px 7px rgb(0,0,0);
		-moz-box-shadow: 0 0px 7px rgb(0,0,0);
		box-shadow: 0 0px 7px rgb(0,0,0);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-top:0px;
		margin-bottom:5px;
	}
	
	#navtabs ul li a:hover {
		margin-top:5px;
		margin-bottom:0px;
		color:#0088ff;
	}
	
	#navtabs ul li.current_page_item a, #navtabs ul li.current_page_ancestor a {
		z-index:1000;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	#navtabs ul li.current_page_item a:hover, #navtabs ul li.current_page_ancestor a:hover {
		margin-top:0px;
		margin-bottom:5px;
	}
	
	.article h2, .article h1 {
		color:#000;
		margin-top:20px;
		margin-bottom:5px;
	}
	
	.article p {
		margin-left:5px;
		margin-bottom:5px;
	}
	
	.article p+p {
		text-indent:10px;
	}
	
	.article ul, .article ol{
		margin-bottom:10px;
		margin-top:5px;
	}
	
	.article li {
		margin-left:40px;
	}
	
	.article blockquote {
		margin:7px 10px 10px 40px;
		padding-left:10px;
		padding-right:10px;
		color:#888;
		border-left:5px solid #888;
		border-right:2px solid #888; 
	}
	
	#socialtabs {
		position:absolute;
		left:-48px;
	}
	
	#socialtabs ul {
	
	}
	
	.inset {
		background: #fff687 url(images/insetTile.png) repeat-x top left;
		float:left;
		padding: 20px 15px 10px 15px;
		margin:10px 15px 15px -50px;
		font-size:10px;
		color:#000;
		-webkit-box-shadow: 0 1px 3px rgb(0,0,0);
		-moz-box-shadow: 0 1px 3px rgb(0,0,0);
		box-shadow: 0 1px 3px rgb(0,0,0);
	}
	
	.inset img, .inset object, .inset div {
		margin-bottom:11px;
	} 
	
	#socialtabs ul li {
		list-style-type: none;
		margin-bottom:8px;
		/*
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		*/
	}
	
	#socialtabs ul li a {
		text-align:center;
		display:block;
		width:68px;
		height:38px;
		background: url(images/tabSide.png) no-repeat top left;
		position:relative;
		left:0px;
		background-position-x: 0;
		padding-top:3px;
		-webkit-box-shadow: 0 1px 6px rgb(0,0,0);
		-moz-box-shadow: 0 1px 6px rgb(0,0,0);
		box-shadow: 0 1px 6px rgb(0,0,0);
	}
	
	
	#socialtabs ul li a:hover {
		background-position-x: 10px;
		padding-left:10px;
	}
	
	
	#socialtabs ul li a div {
		width:35px;
		height:35px;
		margin-left:10px;
	}
	
	
	#socialtabs ul li a div#linktwitter {
		background: url(images/dullTwitter.png) no-repeat top left;
	}
	
	#socialtabs ul li a:hover div#linktwitter {
		background: url(images/brightTwitter.png) no-repeat top left;
	}


	
	#socialtabs ul li a div#linkrss {
		background: url(images/dullRss.png) no-repeat top left;
	}
	
	#socialtabs ul li a:hover div#linkrss {
		background: url(images/brightRss.png) no-repeat top left;
	}
	
	
	
	#socialtabs ul li a div#linkfacebook {
		background: url(images/dullFacebook.png) no-repeat top left;
	}
	
	#socialtabs ul li a:hover div#linkfacebook {
		background: url(images/brightFacebook.png) no-repeat top left;
	}
	
	
	.clearly {
		clear:both;
	}
	
	.hiddenPic {
		display:none;
	}
	
	a, h2 a:hover, h3 a:hover {
		color: #06c;
		text-decoration: none;
	}

	a:hover {
		color: #147;
		text-decoration: underline;
	}
ul.bottomlinks {
position:relative;
list-style:none;
margin-left:auto;
margin-right:auto;
}

ul.bottomlinks li {
display:inline;
float:left;
border:0px solid #000;
background-color:#ddd;
text-align:center;
margin:1px;
padding:0;
}

ul.bottomlinks li a {
display:block;
width:89px;
height:40px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
margin:0px;
font-weight:bold;
}

ul.bottomlinks li a:hover, .selected, .sublinks a:hover {
color:#fff;
background-color:#35a9d7;
text-decoration:none;
}