/* Wikiwiki design, copyright 2008 Michael J. Cripps, Ph.D. - http://michaeljcripps.com
CSS for English 384: Writing for Electronic Media (Spring 2008), York College, CUNY.
Wikiwiki is a CSS written for the English 384 (SPR 08) course website. It is modeled on the default Mediawiki design.

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: Verdana, Arial, helvetica, sans-serif;
	font-size: 90%;
	color: #000;
	width: 100%;
	background: #f7faff url(images/wikiwiki/headbg.jpg) no-repeat top left; 
	margin: 0;
	padding: 0;
	height: 100%;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

a {
	color: #403C94;
	text-decoration: none;
}

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

h1 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 165%;
	color: #000;
	}

h2 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	color: #000; }
	
h3 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #000; }
	


/*end basic tags 
*/

/*container elements 
*/

#container {
	min-width: 800px; /*nonfunctional for Safari 2.0 and IE - sorry */
	width: 100%;
	min-height: 100%;  /* for modern browsers */
	height: auto !important; /* for modern browsers */ 
	margin: 0 auto 0 auto;
	text-align: left;
	background: url(images/wikiwiki/nologin_usericon.gif) no-repeat top right;
	position: relative;
	}

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


#introductory {
width: 175px;
min-height: 220px; /* for modern browsers */
height: auto !important; /* for modern browsers */
height: 220px; /* for IE */
padding: 0;
margin: 0;
/*background: url(images/wikiwiki/wikiwiki_header.gif) no-repeat top left; */
position: absolute;
}

#main {
top: 34px;
min-height: 300px; /* for modern browsers */
height: auto; /* for modern browsers */
border: 1px solid #8888aa;
padding: 10px 10px 5px 10px;
margin: 0 25px auto 200px;
min-width: 700px;
width: 70%;
background-color: #fff; 
position: relative;

}

 * html #main /* for IE */
{
height: 300px;
}

#close {
width: 100%;
min-height: 45px;
height: 45px;
border-top: 1px solid #fabd23;
border-bottom: 1px solid #fabd23;
margin-top: 55px;
bottom: 1px; 
padding: 0;
text-align: center;
background: url(images/wikiwiki/w3cpower.png) no-repeat center right;
position: relative;}

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


#navigation { 
	width: 140px;
	min-height: 120px;
	height: auto;
	top: 200px;
	left: 15px;
	padding: 0;
	margin: 0px 10px 0 0;
	border: 1px solid #8888aa;
	position: absolute; 
	background-color: #fff;
	}

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

/*positioning Youtube video embeds*/

#embedvideo {
width: 100%;
text-align: center;
background: #ccc;
font-size: 90%;
}

/* navigation elements */



#navigation ul {
list-style-type: square;
}



/*main nav */

.schedule, .assignments, .blog, .students, .resources, .contacts, .wiki {
/*float:left;
position:relative; */
font: 90% verdana, arial, helvetica, sans-serif;
/*width: 180px;
height: 30px;*/
margin:0 auto 3px -20px; 
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) ;}
.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);}
.contacts a {background-image: url(images/blackwhite/contacts.gif);}
*/
.schedule a:hover, .assignments a:hover, .blog a:hover, .students a:hover, .resources a:hover, .contacts a:hover, .wiki a:hover{text-decoration: underline}


/*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, .wiki a {
/*display:block;
font-size: 95%; */
/*width: 180px;
height: 30px; */
margin: 0;
padding: 0;
text-decoration: none; 
/*position:absolute; */
}

/*
.schedule span, .assignments span, .blog span, .students span, .resources 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, #main h3 {
margin: 3px 20px 10px 20px;
}

#main ul{
	margin: 5px 0 10px 5px;
	color: #000;
	list-style-type: square;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
}

*html  #main ul {
margin: 5px 0 25px 40px;
}

/*
#main li{
	margin: 5px 0 5px 5px;
	color: #000;
	list-style-type: square;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	 
	}
	*/
#main ol{
	margin: 5px 0 10px 15px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
}

*html  #main ol {
margin: 5px 0 25px 40px;
}


#main h1 {
border-bottom: 1px solid #8888aa; 
}

#main h2 {
	border-bottom: 1px solid #8888aa;
	padding-top: 15px;
}

#main h3 {
	border-bottom: 1px solid #8888aa;
	padding-top: 15px;
}


#main h1.center {
text-align: left;
}

#main p.center {
margin-top: 35px;
}

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

#close a {text-decoration: none;}

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


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

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

#students dt {

width: 470px;
font-size: 130%;
margin-right: 140px;
padding: 25px 0 0 0;
font-weight:bold;
font-variant:small-caps;
clear: both;
text-align: right;
}

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

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

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

#students dd.blurb {
width: 410px;
margin: 15px auto 5px 0px;
padding: 0 0 0 100px;
}

#students dd.work {
width: 410px;
margin: 0x;
padding: 0 0 0 100px;
}



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

#students dt.alt {
width: 470px;;
margin-left: 150px;
clear: both;
text-align: left;
padding: 25px 0 0 0;
}

#students dd.altblurb {
width: 410px;
margin: 15px auto 5px 0px;
padding: 0;
}


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

.center {text-align: center;}

.switcher {
text-align: center;
padding-top: 50px;
}
/*end specialty styles 
*/