/* The Blues design, copyright 2006 Michael J. Cripps, Ph.D. - http://michaeljcripps.com
CSS for English 384: Writing for Electronic Media (Fall 2006), York College, CUNY.
Blues is one of several CSS 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 Blues theme is adapted from a mod of the default WordPress 1.5 theme that I'm using for the course weblog (http://michaeljcripps.com/blog_newmed/). That default theme is itself based on Kubrick. Header text in Monotype Corsiva, my standard signature font.  Special thanks to http://www.solardreamstudios.com and
to http://themaninblue.com this go 'round. I really learned something about IE hacks and sticking a footer to the foot of a document in CSS by mining their footerStickALT
tutorials, though I did have to pull some hair, lose some sleep, and tweak some code to inject real-world flexibility into the CSS. 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. Can't be sure about Mac browsers as of 7/30/06, though there are reasons to think it will work there too.
*/


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

body {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 8pt;
	font-color: #000033;
	height: 100%;
	background-color: #6592AA;
	margin: 0;
	padding: 0;
	height: 100%;
}

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

a {
	color: #1B4A66;
	text-decoration: none;
}

a:hover {text-decoration: underline;
}

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

h2 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000033; }
	


/*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: 10px 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/blues/blue_header.gif) no-repeat; 
}

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

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

#close {
width: 760px;
min-height: 41px;
height: 41px;
margin: 0;
bottom: 0;
padding: 0 0 15px 0;
background: url(images/blues/blue_footer.gif) no-repeat bottom;
position: absolute;
text-align: center;
}

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


#navigation {
width: 160px;
min-height: 400px;
height: auto;
margin: 129px 10px 10px 540px;
padding: 0;
position: absolute;
}

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

#styles {
width: 130px;
height: 100px;
margin: 400px 35px 0 0;
position: absolute;
background-color: #FAF7EC;
}

/* end container elements 
*/

/* navigation elements */

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

/*main nav */
.schedule, .assignments, .blog, .students, .resources, .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, .contacts a {
font: 11pt/15pt bold;
color: #1B4A66; text-decoration: none; 
cursor:hand; 
}

.schedule a:hover, .assignments a:hover, .blog a:hover, .students a:hover, .resources 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 150px 10px 45px;
list-style-type: none;
}

#close p {
font: 8pt verdana, arial, helvetica, sans-serif;
}

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

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

/*specialty styles 
*/

.bold {font-weight: bold;}

.center {text-align: center;}