/* CSS Document 

** Style for RonPoker.com 2007-2008
** Do Not Use Without Permission
** (c) 2007 Jennifer Wang | jenniferwang.jw@gmail.com

*/

/*
	font-weight: 700 = bold / 400 = normal
	colors: good tool -> http://redalt.com/Tools/I+Like+Your+Colors
		punch the stylesheet colors in!
*/

/* ----- Layout Ids + Tags ----- */
h1{ /* Top Banner (ronpoker.com tab) */
	margin:0;
	line-height:34590px; /* Hides the h1 text */
	overflow:hidden; /* Hides the h1 text */
	height:42px; /* Height of Background Image */
	background-repeat:no-repeat;
	background-image:url(banner.gif);
}
body{
	text-align:center; /* IE centering of container */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(top.gif) fixed repeat-x;
	padding-top:30px; /* padding to give background space */
	background-color:#E9E9E9; /* the rest of the background is this color */
	word-wrap:break-word;

}
#footer{ /* The footer (copyright) */
	font-size:10px;
	margin: 5px 0 0;
	color: #707070;
	
}
#important{ /* The footer (copyright) */
	font-size:14px;
	margin: 5px 0 0;
	color: #707070	
	
}
#footer a{/* Links in The footer (copyright) */
	color: #707070;
}
#container{ /* container that contains everything*/
	width:780px; /* total: 790px */
	margin:0 auto; /* Standards Compliant Browser Centering! */
	text-align:center; /* centering for #content */
	font-size:12px; /* equal to 10pt */
	padding: 0;
}
#content{/* content box */
	width:770px;
	border:1px solid #000; 
	text-align:center;
	background-color:#F9F9F9;
	padding: 5px;
	min-height:700px; /* This min height is kind of cheap, it'll need to be readjusted quite often.
	Firefox doesn't automatically strech the height of the #content on the useful links page since 
	the floats float and don't take up real space. */
}
/* ----- Assignments Page ----- */
table{ /* Applies to all tables 
(but we shouldn't be using tables anywhere else */
	width:700px;
	border:0; /* By default there is a border (for the text-only version) */
	padding:0;
	margin:10px auto; /* center the tables in firefox */
	clear:both; /* clears the table to the next row (necessary for firefox ) */
	table-layout:fixed; /* makes table widths more strict */
}
table td{
	padding:7px;
	background-color:#ebebeb;
	border:1px solid #fff;
	border-bottom:solid 1px #988;
	line-height:16px; /* some line height to seperate lines */
	font-size:12px;

}
td:hover{ /* really cool hover for table cells (only works in
	standard-compliant browsers aka. not IE) WHY: ie only allows 
	the :hover pseudo-class to work with the a selector */
	background-color:#f7f7f7; 
}
/* A whole bunch of Table column classes */
td.black{ /* The top row of the assignment tables (header) */
	background-color:#000;
	background-image:url(tex.gif);
	color:#fff;
	border:1px solid #fff; /* appears to be a margin */
	padding:10px 5px;
	text-align:center;
}
td.workon{ /* The What we worked on / References & Handouts column */
	width:350px;
	text-align:left;
}
td.dayoff{ /* The What we worked on / References & Handouts column */
	width:350px;
	text-align:left;
	color:#FF0000;
	text-transform: uppercase;
}
td.homework{ /* Homework column */
	width:120px;
	text-align:center;
}
td.collected{ /* Collected Assignments column */
	width:120px;
	text-align:center;
}
td.date{ /* Column of dates */
	width:50px;
	background-color:#000;
	background-image:url(tex.gif);
	color:#fff;
	text-align:center;
}
/* ----- Navigation Bar at Top ----- */
ul#nav{ /* The big ul */
	list-style-type:none; /* Gets rid of the bullets */
	clear:both;
	margin-top:1px; 
	margin-bottom:40px !important; /* IE hack */
	margin-bottom:10px;
	margin-left: 20px;
	padding:0; /* kill The padding on the left that comes from default ul settings */
	text-align:left;
}
ul#nav li{ /* The individual li's */
	zoom: 1;
	padding:0;
	margin:0;
	display:inline;
}
ul#nav li a{ /* The buttons; not: The links make the blocks, not li's (needed for hovering) */
	float:left; /* make them sit next to each other rather than stack */
	background-color:#000;
	background-image:url(tex.gif);
	display:block;
	margin:5px 2px;
	padding:5px 25px;
	/* text formatting */
	color:#fff;
	font-size: 17px;
	font-weight:700;
	font-family:"Courier New", Courier, monospace;
	text-align: center;
	text-decoration:none;
}
ul#nav a#current{ /* current page's button */
	background-color:#900; 
	background-image:none;
}
ul#nav li a:hover{
	background-color:#700;
	background-image:none;
}
ul#nav li h3{ /* makes 6th grade and 8th grade titles disappear! */
	display:none; 
}


/* ----- Useful Links Page ----- */
div#links li.header {
	font-size: 20px;
	background: #F9F9F9;
}

div#links, div#links li, div#links ul, div#links ul ul li{
	text-align:left; /* Overwrites the default center align */
	margin:0; /*Gets Rid of ul's margin and padding defaults */
	padding:0; /* ^--- */
	list-style-type:none;
}
div#links{ /* A container (so that this formatting only applies 
	to this page */
	width:730px;
	clear:both;
	margin:0 auto;
	padding:0;
}
div#links ul{ /*Each column*/
	display:block;
	float:left;
	width:240px; /* ~ 730/3 */
	padding:0;
	margin:0;
}
div#links ul li{  /* The actual individual blocks */
	overflow:visible;
	background:#E1D9D9;
	display:block;
	width:192px; /* total: 200px */
	padding:5px 9px;
	margin:0 5px;
	float:left; /* Vital */
	clear:both; /* so the floats stack rather than pile to the right */
	/* The text formatting for the Block titles */
	font-family:"Verdana, Arial, Helvetica, sans-serif";
	text-align:center;
	color:#700; 
	font-size:14px; 
	font-weight:700;
}
div#links ul ul{ /* The block ul surrounding the whole list of list items in the individual block */
	width:auto;
}
div#links ul ul li{ /* The li's of the buttons on the list */
	margin:0;
	padding:0;
}
div#links ul ul li a{ /* The buttons on the list */
	background-color:#fff;
	margin:2px 0;
	padding:3px 6px;
	width:180px; /* total: 192px (thinner due to padding of parent block) */
	display:block;
	border-bottom:1px solid #866;
	/* Overwriting title fomatting & text formatting */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align:left; 
	color:#000;
	font-size:12px;
	font-weight:400; 
	text-decoration:none; /* Overwrites link formatting */
}
div#links ul ul li a:hover{
	background: #F8F8F8;
	border-bottom:1px solid #B19898;
}

/* General Formating */
h2{ /* This style exists just in case you use <h2> in the future */
	font-family:"Courier New", Courier, monospace; 
	color:#700;
	font-size:17px;
	font-weight:700;
	clear:left;
}
.red{ /* Use the class red instead of <font color="red"> */
	color:#bb00;
}
hr{
	color:#999;
	width:700px; /* overwrite default 100% */
	text-align:center; /* center this hr! */
	border:1px inset #999; /* what the hr appears as */
}
a{ /* All Links */
	color:#333333;
}
a:hover{ /* Hovered links */
	text-decoration: none; /* gets rid of underline upon hover */
}
a:visited{ /* Visited Links */
	color:#707070;
}

ul, ol, dl {
              position: relative;  }
/* ------------ Home Page Formatting ---------------------- */

.homediv{
	display:block;
	clear:left;
	text-align:left;
	margin:0 auto;
	padding:0;
	width:700px;
	padding:10px;
}
.homediv h3{
	font-size: 20px;
	font-weight:700;
	padding:0;
	margin:0;
	font-family:"Courier New", Courier, monospace;
	margin-left:20px;
}
.thenews{
	width:700px;
	float:left;
	border:1px solid #700;
	height:120px;
	overflow-y:auto;
	padding:10px;
	display:block;
	margin:10px;
	margin-top:0;
	background: #F5F1F1;
}
#newslink {
	display:block;
	width:700px;
	text-align:left;}
	
#newslink a{
	background-color:#000;
	display:block;
	margin:5px 0;
	padding:20px 15px;
	/* text formatting */
	font-size: 17px;
	background-image:url(tex.gif);
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
	width:180px;
}
#sixthgrade{
	margin-top:10px;
	}