/* 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;}

/* 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;}
.alert {display:block; clear:both;}
.inline {display:inline; width:auto; padding:4px;}

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

#header {display:block; height:40px; line-height:40px; border-top:#000 10px solid; padding:10px 0; clear:both;}
	#header h1 {float:left;}
	#header ul#nav {width:auto; float:right;}
		#header ul#nav li {display:block; float:left;}
			#header ul#nav li a {padding:4px 8px; color:#000; text-decoration:none; text-transform:uppercase;}
				#header ul#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
---------------------------- */
.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;}

/* 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;}

/* ADMIN
---------------------------- */
.wide-text {width:95%; padding:4px;}
#post-desc, #post-resource, #post-list {width:40%; padding:0 3% 0 0;}
#old-posts {height:400px; width:300px; border:#888 1px solid; overflow:auto; margin:20px auto;}
	#old-posts a {display:block; padding:4px; border-bottom:#ccc 1px solid;}
	#old-posts a:hover {background:#FF9;}
.widget h2 {cursor:pointer; padding:4px; display:block;}
.widget-content {display:none;}
#roll label {display:inline;}
#roll li {padding:4px;}