/* Negative design, copyright 2006 Michael J. Cripps, Ph.D. - http://michaeljcripps.com
CSS for English 384: Writing for Electronic Media (Fall 2006), York College, CUNY.
Negative 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.
Navigation and header graphic images built using Honeymoon truetype font.  "York College is CUNY" logo is a City University-approved logo designed in conjunction with the Capital Campaign. This CSS is a no-nonsense liquid layout in negative. 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 it was necessary to tweak their hacks a bit for my purposes. I'm also borrowing heavily from Paul O'Brien (http://www.pmob.co.uk/) to get the image rollovers to work with pure CSS, while preserving the option of text-nav with the html (yup,
I still owe a debt to Dave Shea for sub-text-with-image trick.)
*/


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

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

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

a {
	color: #C6C6C6;
	text-decoration: underline;
}

a:hover {color: #FFFFFF;
text-decoration: underline;
}

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

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


/*end basic tags 
*/

/*container elements 
*/

#container {
	width: 100%;
	min-height: 100%;  /* for modern browsers */
	height: auto !important; /*for modern browsers */
	height: 100%; /* for IE */
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	background-color: #000000;
}


#introductory {
width: 100%;
min-height: 75px; /* for modern browsers */
height: auto !important; /* for modern browsers */
height: 75px; /* for IE */
padding: 0;
margin: 0 0 auto auto;
background: url(images/blackwhite/negative_headertext.gif) no-repeat top right; 
position: absolute;
}

#main {
min-height: 70%; /* for modern browsers */
height: auto; /* for modern browsers */
padding: 100px 0 50px 200px;
margin: 0 10px 0 0;
/*position: relative;*/
}

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

#close {
width: 100%;
min-height: 45px;
height: 45px;
margin: 0;
bottom: 0;
padding: 0;
background: #FFFFFF url(images/blackwhite/cunylogo_york.gif) no-repeat top right;
position: absolute;
text-align: center;
}

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


#navigation {
	width: 180px;
	min-height: 180px;
	height: auto;
	top: 100px;
	padding: 0;
	margin: 0;
	position: absolute;
	background-color: #000000;
	}

*html #navigation {
height: 180px; /*for IE */
}
/* end container elements 
*/

/* navigation elements */

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



/*main nav */

.schedule, .assignments, .blog, .students, .resources, .wiki, .contacts {
float:left;
position:relative;
font-family: verdana, arial, helvetica, sans-serif;
width: 180px;
height: 30px;
margin:0; 
padding: 0; 
border:none;
}


.schedule  {background-image: url(images/blackwhite/over_schedule.gif);}
.assignments  {background-image: url(images/blackwhite/over_assignments.gif);}
.blog  {background-image: url(images/blackwhite/over_blog.gif);}
.students  {background-image: url(images/blackwhite/over_students.gif);}
.resources {background-image: url(images/blackwhite/over_resources.gif) ;}
.wiki {background-image: url(images/blackwhite/over_wiki.gif);}
.contacts {background-image: url(images/blackwhite/over_contacts.gif);}

.schedule a {background-image: url(images/blackwhite/schedule.gif);
}
.assignments a {background-image: url(images/blackwhite/assignments.gif);}
.blog a {background-image: url(images/blackwhite/blog.gif);}
.students a {background-image: url(images/blackwhite/students.gif);}
.resources a {background-image: url(images/blackwhite/resources.gif);}
.wiki a {background-image: url(images/blackwhite/wiki.gif);}
.contacts a {background-image: url(images/blackwhite/contacts.gif);}

.schedule a:hover, .assignments a:hover, .blog a:hover, .students a:hover, .resources a:hover, .wiki a:hover, .contacts a:hover{background:transparent}


/*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 {
display:block;
font-size: 10pt;
width: 180px;
height: 30px;
margin: 0;
padding: 0;
color: #FFFFFF; text-decoration: none; 
position:absolute;
margin:0;
cursor:hand;
}

.schedule span, .assignments span, .blog span, .students span, .resources span, .wiki span, .contacts span, .cloisonne span, .html span {display:none}


/*end navigation elements 
*/

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

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

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

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

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

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

/*specialty styles 
*/
.bold {font-weight: bold;}

.center {text-align: center;}
/*end specialty styles 
*/