/*  
###################################
Web Design 2 Styles
General Styles for screen


Author: Josh Sager
Site: http://www.joshsagermedia.com

###################################
*/

/* Reset Styles From Eric Myer */
body{
margin:0px 0px 0px 0px;
line-height:1.5em;
}

/*---------------------------------
		Typographic Styles for HTML Elements
-----------------------------------*/
h1,h2,h3,h4,h5,h6{padding:10px 10px 10px 10px; margin:10px 0px 10px 0px;}
dl,dt,li,ol,ul {margin:0px 0px 0px 0px;}

/* headings */
h1{font-family: Georgia; font-size: 32pt; font-style: oblique; font-weight: normal; margin: 30px 0px 30px 80px; }
h2{text-transform: uppercase; font-size: 21pt; font-family: Georgia;color: #900; border-bottom:#900 thin solid; padding-left:0px; margin-left:10px; }
h3{color:#3e4759; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16pt;}
h4{color:#bf9969; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-style:italic;}
h5{color:#dce8f2;}
/* used for the activities */
h6 {color:#fff; background-color:#ebc597; padding:10px 10px 10px 10px; font-weight:bold; font-size:14pt; letter-spacing:2px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
/*3e4759*/

/* lists */
ol{}
ul{}
li{}
dl{}
dt{font-weight:bold;}
dd{}

/*paragraphs*/
p{}


/*---------------------------------
 		Architecture Styles 
 ----------------------------------*/
 #wrapper{ width: 900px; overflow:hidden;}
 #mastHead{}
 #content, #article{width:600px; float:left; border-bottom: #ccc thin solid; padding: 0px 0px 0px 80px; margin: 0px 0px 20px 180px; }
 	#content dl, #content p{margin:0px 0px 0px 10px;}
 	#article p{margin:0 10px 15px 10px; line-height:1.8em;}
 	#article h3, #article h4{margin:10px 0 0 0; padding:10px 10px 0 10px;}
 	#article p strong{text-transform:uppercase; color: #900;}
 	#article dt{margin-left:10px;}
 	#article pre{margin-left:10px; background-color:#ccc;}
 table{margin:0 auto; border-collapse:collapse; border:thin solid #000;}
 table td{padding:10px;}
 	
 #nav{ width: 175px; float: left; position:fixed; overflow: hidden;}
 #footer{clear:both; width:600px; padding:0px 0px 0px 80px;  margin: 0px 0px 0px 180px; font-size:8pt; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}


/* Navigation Architecture and Styles */

#nav a{
	display: block;
	padding: 5px 10px 5px 5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ccc;
	font-family:Arial;
	text-decoration: none;
	text-align: right;
	border-right:#ccc thin solid;
}

#nav a:hover, .currentWeek{
	background-color: #900;
	cursor: pointer;
	display: block;
	color:#fff;
}
.currentWeek{
	background-color:#999;
	color:#fff;
}
.notCurrentWeek{
	background-color:#FFF;
	display: block;
	color: #ccc;
}
a:hover{text-decoration:none;}

/*---------------------------------- 
		Decoration Styles 
-----------------------------------*/
.slides{color:#4F7E9D; display: block; background-image:url(../cssImages/pdf-icon.png); background-repeat: no-repeat; background-position:5px; height: 40px; background-color: #dce8f2; padding: 25px 10px 10px 70px; font-style: italic; text-decoration:none; margin:0px 0px 0px 10px}
.slides:hover{cursor: pointer; background-color:#3e4759; color: #FFF; }
.web{color:#4F7E9D; display: block; background-image:url(../cssImages/web-icon.png); background-repeat: no-repeat; background-position:5px; height: 40px; background-color: #dce8f2; padding: 25px 10px 10px 70px; font-style: italic; text-decoration:none; margin:0px 0px 0px 10px}
.web:hover{cursor: pointer; background-color:#3e4759; color: #FFF; }
.projectFiles{color:#4F7E9D; display: block; background-image:url(../cssImages/work-icon.png); background-repeat: no-repeat; background-position:5px; height: 40px; background-color: #dce8f2; padding: 25px 10px 10px 70px; font-style: italic; text-decoration:none; margin:0px 0px 0px 10px}
.projectFiles:hover{cursor: pointer; background-color:#3e4759; color: #FFF; }
.flv{color:#4F7E9D; display: block; background-image:url(../cssImages/flv-icon.png); background-repeat: no-repeat; background-position:5px; height: 40px; background-color: #dce8f2; padding: 25px 10px 10px 70px; font-style: italic; text-decoration:none; margin:0px 0px 0px 10px}
.flv:hover {cursor: pointer; background-color:#3e4759; color: #FFF; }
.inClassDemo{font-style:italic;}
.note, .note a{font-style:italic; color:#F00;}
.note a:hover{font-style:italic; color:#00F;}
.screencasts{}
.examples{}
.demofiles{}
.hideSection{display:none;}

/*dce8f2*/
.activity{background-color:#fff5dc; display:block; padding:0px 0px 5px 0px; margin:0px 0px 0px 10px;}
.activity p, .activity dl, .activity em, span{padding:0px 0px 0px 10px;}
.copyrightInfo{color:#ccc;}
	.copyrightInfo a{color:#9FB1FA;}
	.copyrightInfo a:hover{color:#00f;}
.italics{font-style:italic;}