/* Dr. Reid design, copyright 2009 Michael J. Cripps, Ph.D. - http://michaeljcripps.com
CSS for English 384: Writing for Electronic Media (Spring 2009), York College, CUNY.
Dr. Reid is one of several CSS files written for the course website.

Feel free to use this CSS as a source for ideas about CSS-based designs, but please do not simply lift this CSS without some attribution.
The Dr. Reid theme emerged as an amalgam of both the Minima Black theme in Blogger and the title image for Criminal Minds, a popular primetime drama.  The CSS itself draws heavily on "The Blues" layout first written in 2006. Since it draws on some tools learned during the production of that style, I owe thanks to http://www.solardreamstudios.com and to http://themaninblue.com. I really learned something about IE hacks and sticking a footer to the foot of a document in CSS by mining their footerStickALT
tutorials. The footerStick employed here works for short and long content and has been tested in IE 6 (Win), Opera 9 (Win), and Firefox 1.0. 
*/


/*basic tags 
*/
html { height: 100%;
}

body {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #fff;
	height: 100%;
	background: #000 url(images/reid/background_blogspoof.gif) top right no-repeat;
	margin: 0;
	padding: 0;
	height: 100%;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #fff;
}



a {
	color: #ee4e2a;
	text-decoration: none;
}

a:hover {text-decoration: underline;
}

a:visited {color: #666;
text-decoration: none;
}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #ee4e2a; }

h2 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #ee4e2a;
	padding-top: 15px;
	border-top: 1px dotted #fff;
	}
	


/*end basic tags 
*/

/*container elements 
*/

#container {
	width: 760px;
	min-height: 100%;  /* for modern browsers */
	height: auto !important; /*for modern browsers */
	height: 100%; /* for IE */
	margin: 25px auto 0 auto;
	text-align: left;
	position: relative;
	/* background-image: url(images/blues/blue_content.gif);  */
}


#introductory {
width: 760px;
min-height: 129px; /* for modern browsers */
height: auto !important; /* for modern browsers */
height: 129px; /* for IE */
padding: 0;
margin: 0;
background: url(images/reid/384sp09header.png) no-repeat; 
}

#main {
width: 760px;
min-height: 100%; /* for modern browsers */
height: auto; /* for modern browsers */
padding: 0 0 40px 0;
margin: 0;
}

 * html #main /* for IE */
{
height: 100%;
}

#close {
width: 760px;
min-height: 35px;
height: 35px;
margin: 0;
bottom: 0;
padding: 0 0 10px 0;
/* background: url(images/blues/blue_footer.gif) no-repeat bottom; */
position: absolute;
text-align: center;
border-top: 1px solid #fff;
}

*html #close {
height: 43px;
bottom: -1px; /* for IE*/
}


#navigation {
width: 160px;
min-height: 400px;
height: auto;
margin: 75px 10px 10px 560px;
padding: 0;
position: absolute;
border-top: 1px dotted #fff;
background: #000 url(images/reid/navheader.png) top left no-repeat;
}

*html #navigation {
height: 400px; /*for IE */
}

/* end container elements 
*/

/* navigation elements */

#navigation ul{
margin: 40px 0 5px -20px;
list-style: none;
}

#navigation li{
margin: 5px 0 5px -20px;
list-style: none;
}

/*main nav */
.schedule, .assignments, .blog, .students, .resources, .wiki .contacts {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*styling the text navigation here. Span used here to hide text nav in html courtesy of Dave Shea and http://csszengarden.com.
*/
.schedule a, .assignments a, .blog a, .students a, .resources a, .wiki a, .contacts a {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: #ee4e2a; text-decoration: none; 
cursor:hand; 
}

.schedule a:hover, .assignments a:hover, .blog a:hover, .students a:hover, .resources a:hover, .wiki a:hover, .contacts a:hover {
text-decoration: underline; 
}


/*end navigation elements 
*/

/*some basic tags, redefined*/
h1 {}
h1 span {display: none;}
h2 span {display: none;}

#main p, #main h1, #main h2 {
margin: 3px 250px 10px 40px;
}

#main ul, #main li  {
margin: 3px 130px 10px 5px;
list-style-type: circle;
color: #fff;
font-size: 10pt;
}

#main ol {
margin: 3px 130px 10px 5px;
color: #fff;
font-size: 10pt;
} 

#main ul li ul li, #main ol li ul li {
margin: 0;
}


#close p {
font: 8pt Verdana, Arial, Helvetica, sans-serif;
}

#close a {color: #ee4e2a; text-decoration: none;}

#close a:hover { text-decoration: underline;}

/*styling the students page */
#students {
width: 560px;
padding: 10px 0 0 40px;
float: left;
}

#students dl {
width: 560px; 
margin: 0 0 25px 0;
padding: 0;
float: left;
display: inline;
}

#students dt {
	width: 280px;
	font-size: 130%;
	margin-right: 160px;
	padding: 25px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	font-variant:small-caps;
	clear: both;
	text-align: right;
	color: #ee4e2a;
	border-top: 1px dotted #fff;
	
}

#students dd {
width: 460px; 
margin: 0;
padding: 0;
}

#students dd.image img {
margin: -10px 0 10px 10px;
padding: 2px;
float: right;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #888;
border-right: 1px solid #888;
}

#students dd.smallimage img {
float: right;
margin-right: 50px;
padding: 0; 
}

#students dd.blurb {
	width: 460px;
	margin: 15px auto 5px 0px;
	padding: 0 0x 0 50px;
	text-align: justify;
}

#students dd.work {
width: 460px;
margin: 0x;
padding: 0 0 0 50px;
}



#students dd.alt img {
float: left;
margin: -10px 10px 10px 0;
padding: 2px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #888;
border-right: 1px solid #888;
}


#students dt.alt {
width: 310px;;
margin-left: 150px;
clear: both;
text-align: left;
padding: 25px 0 0 0;
border-top: 1px dotted #fff;
}

#students dd.altblurb {
width: 460px;
margin: 15px auto 5px 0px;
padding: 0;
text-align: justify;
}

#embedvideo {
position: relative;
width: 450px;
min-height: 300px;
height: auto;
margin: 0 180px 25px 60px;
padding: 5px ;
border: 1px solid #fff;
text-align: center;
}

#embedvideo p {
width: 450px;
margin: 0;
text-align: center;
}


/*specialty styles 
*/

.bold {font-weight: bold;}

.center {
text-align: center;}