/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 20px;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
	font-weight:bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, li {
	list-style:none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* HTML TAGS
---------------------------- */
html, body {height:101%;}
body {font:normal normal .75em "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
h1 {font-size:2em; font-weight:bold;}
h2 {font-size:1.17em; font-weight:bold; border-bottom:#000 1px solid; padding-bottom:2px; display:block; height:20px;}
h3 {font-size:1.17em;}

p {padding:0 0 10px 0;}
a {color:#888; font-weight:bold;}
	a:hover {color:#000;}

strong {font-weight:bold;}
hr {width:100%; border:none; border-top:#ddd 1px solid; border-bottom:#999 1px solid; clear:both;}

label {clear:both; display:block;}
.text {padding:4px; width:300px;}
.textarea {padding:4px; width:300px; height:200px;}

/* LINKS
---------------------------- */
a.dark {color:#000;}
	a.dark:hover {color:#888;}

a.plain {font-weight:normal; text-decoration:none; color:#C00}
	a.plain:hover {color:#000}

/* HELPFUL
---------------------------- */
.left {float:left;}
.right {float:right;}
.thirds {width:30%; padding-right:2%;}
.clear {width:100%; display:block; clear:both;}
.hidden {display:none;}
.faded {color:#999; font-weight:normal}
.alert {display:block; clear:both;}
.inline {display:inline; width:auto; padding:4px;}
.spacer {clear:both; display:block; height:20px}

/* LAYOUT
---------------------------- */
#grid960 {width:960px; margin:0 auto; padding-bottom:20px;}

#header {display:block; height:40px; line-height:40px; border-top:#000 10px solid; padding:10px 0; clear:both;}
	#header h1 {float:left;}
	#nav {width:auto; float:right;}
		#nav li {display:block; float:left;}
			#nav li a {padding:4px 8px; color:#000; text-decoration:none; text-transform:uppercase;}
				#nav li a.selected {background-color:#000; color:#fff}
				#nav li a:hover {background-color:#000; color:#fff;}

#main-content {width:740px; border-right:#000 1px dashed; padding:0 10px 0 0;}

#alert {padding:10px; background:#ffff99; border:#333 2px solid; margin:0 0 20px;}
#uploader {width:350px; height:170px; position:absolute; top:50%; left:50%; margin:-125px -175px; border:#333 2px solid; background:#fff; z-index:999;}
	#uploader a.close {position:absolute; display:block; top:4px; right:4px; z-index:10; width:16px; height:16px; background:url(../images/close.jpg) top left no-repeat;}
		#uploader a.close:hover {background-position:bottom left;}
	#uploader iframe {width:100%; height:100%;}

/* POSTS
---------------------------- */
h2 a {color:#333}
h2 .faded {padding-left:10px; font-size:.8em}
h2 .register-link.faded {padding:0; font-size:1em}
.selected {background:#fefefe; padding:5px;}
	.content {padding:0 0 20px 0;}
	.resources {padding:10px; margin-top:10px; background:#eee; border:#888 1px solid;}

/* COMMENTS
---------------------------- */
.comment-holder {border-top:#888 1px solid; margin:10px 0; padding:10px 0;}
.comments ul li {list-style-type:none; padding:5px 0; border-bottom:#888 4px double; overflow:auto;}
	.comments ul li .cname {width:70px; height:100%; display:block; float:left; border-right:#888 1px dashed; font-weight:bold; padding:0 0 0 5px; margin-right:10px;}
	.mine {background:#FFC;}
	.red {background:#F96;}

.comment-form {border:#888 1px solid; border-width:1px 0; padding:10px 0; overflow:auto; margin-bottom:20px; position:relative; clear:both;}
.left-form {width:175px; float:left; border-right:#ccc 1px solid;}
    .left-form input {padding:2px 4px;}
.right-form {width:auto; float:left; padding:0 0 0 20px;}
	.right-form textarea {width:300px; height:110px;}
.submit-comment {width:100px; height:40px; background:#fff; border:#888 1px solid; position:absolute; top:65px; right:120px; cursor:pointer;}
    .submit-comment:hover {background:#ccc;}

ul#comment-moderation li {border:#333 1px solid; padding:10px; margin:0 0 10px;}
	.approve, .block {color:#888; font-size:.8em; text-decoration:none; border:#888 1px solid; padding:2px 10px; margin-right:10px; background:#eee;}
		.approve:hover {color:#00cc00;}
        .block:hover {color:#ff0000;}
li.Approved {background:#ccffcc;}
	li.Approved .approve {display:none;}
li.Blocked {background:#ffcc99;}
	li.Blocked .block {display:none;}

/* PROFILE
---------------------------- */
.grade span, #final span {width:150px; display:block; float:left;}
#final {background:#FF9; font-weight:bold;}
#upload_form {width:400px; display:block; margin:10px 0; background:#eee; border:#888 1px solid; padding:5px 10px 10px; overflow:auto;}
.uploadsubmit {display:inline; padding:2px 6px; width:auto; float:right; cursor:pointer;}
	.uploadsubmit:hover {background:#6F6;}

/* SIDEBAR
---------------------------- */
#sidebar {width:200px;}
#login {padding:0 8px 2px 10px; position:relative; overflow:auto;}
	input {padding:4px; background:#fff; border:#000 1px solid; width:170px; display:block;}
	input.submit {width:75px; margin:5px 0; cursor:pointer}
		#email-alert {position:absolute; background:#fff; width:170px; height:auto; padding:4px; border:#000 1px solid;}
        #welcome {display:block; text-align:right;}
#links {display:block; clear:both; padding:5px 10px; border-top:#ccc 1px solid;}#links {border:none; padding-top:0;}
#sidebar h3 {padding:4px 0 0 4px;}
	#sidebar ul li {padding-left:8px;}
a#chat {padding-right:5px;}

/* CALENDAR
---------------------------- */
#calendar {width:700px; margin:0 auto;}
	#calendar li {width:14%; height:90px; display:block; position:relative; float:left; border:#000 1px solid; border-width:1px 0 0 1px; z-index:1}
	#calendar li.day {height:20px; line-height:20px; text-align:center; font-weight:bold; background:#000; color:#fff}
	#calendar .last {border-right-width:1px;}
	#calendar .lastweek {border-bottom-width:1px;}
		#calendar .date {display:block; width:20px; height:20px; position:absolute; top:0; left:0; text-align:center; border:#000 1px solid; border-width:0 1px 1px 0;}
		#calendar .events {display:block; padding:24px 4px 0; font-size:.8em;}
		.desc {width:200px; height:75px; border:#000 1px solid; padding:2px; font-family:Verdana, Geneva, sans-serif; font-size:.8em}
	
	.add_event {width:10px; height:10px; display:none; position:absolute; bottom:4px; right:4px; background:url(../images/add.png) top left no-repeat;}
		.add_event:hover {background-position:bottom left;}
	
	.modal {width:300px; height:auto; display:none; position:absolute; top:50%; left:50%; margin:-75px -170px; background:#fff; border:#888 2px solid; padding:10px; z-index:9999;}
	#blackout {cursor:pointer; background:#000; opacity:.8; display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9998;}

.the_event {display:block; position:relative; z-index:9;}
    .the_event .tooltip {position:absolute; width:200px; background:#fff; border:#888 1px solid; box-shadow:0 0 2px #888; -moz-box-shadow:0 0 2px #888; -webkit-box-shadow:0 0 2px #888; z-index:9; padding:2px 4px; bottom:22px; font-weight:normal; line-height:11px; text-decoration:none}

/* ADMIN
---------------------------- */
.submit{color:#fff;font-size:14px;text-decoration:none;padding:4px;background:#000}
	.submit:hover{background:#525252;}

/* ADMIN
---------------------------- */
.wide-text {width:95%; padding:4px;}
#post-desc, #post-resource, #post-list {width:40%; padding:0 3% 0 0;}
#list {width:100%;}
	#list li {padding:5px; border-bottom:#888 1px solid; display:block; overflow:auto;}
	#list li:hover {background:#eee;}
	input.radio {display:block; float:left; width:auto;}
		.radio_label {display:block; float:left; clear:none; width:400px;}
.widget h2 {cursor:pointer; padding:4px; display:block;}
.widget-content {display:none;}
#roll label {display:inline;}
#roll li {padding:4px;}

table {border-collapse:collapse;}
table tbody tr:nth-child(odd) td {background:#eee}
td {border:#000 1px solid; padding:4px;}