body, td { font-family: Helvetica, sans-serif; }
body { background: #fff; margin: 0; padding: 0; }
img { border: none; }
body, td, p { color: #444; }
li { padding: 0.2em 0; }
table, td, tr { margin: 0; padding: 0; }
ul a { font-weight: normal; color: #00a; }
a { color: #00a; }

h1 {
	text-align: center;
	color:#fff;
	font-size: 120%;
	font-family: Georgia, Helvetica;
}
h2 {
	clear:both;
	font-size: 110%;
}

h3 {
	font-size: 105%;
}

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }


div.logbar {
	background: #234;
	color: #eee;
	/*
	width: 960px;
	margin: 0 auto;
	*/
	margin: 0 5% 0.1em 5%;
}

div.loginstatus {
	font-size: 75%;
	text-align: right;
	padding: 0.5em 2em;
	text-shadow: #888 0 0 0.4em;
}

span.username {
	font-weight: bold;
	padding: 0 0.5em;
}

div.navbar {
	margin: 0.1em 0;
	background: #333;

	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
	background: -moz-linear-gradient(#222, #333)

	ztext-shadow: black 0 0 0.2em;
	zborder-bottom: solid 1px #888;
	font-size: 110%;
	color: #eee;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.navbar .logo {
	padding-left: 60px; 
}

div.content {
	margin: 0 5% 0.1em 5%;
	padding: 1.0em 0%;
	zbackground: #fdd;
	min-height: 30em;
	zborder-left: solid 1px #ccc;
	zborder-right: solid 1px #ccc;
	zbackground-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#eef));
	zbackground-image: -moz-linear-gradient(#fff, #eef)
}

div.contenthome {
	margin: 0 5% 0.1em 5%;
	min-height: 40em;
	overflow: hidden;
	background: url("/images/home.jpg") no-repeat;

	width: 960px;
	margin: 0 auto;
}

.contenthome .tagline {
	margin: 2.5em 4em 0 25em;
	color: #fff;
	font-weight: bold;
}
.contenthome .tagline p {
	color: #fff;
}


span.reglink a {
	color: #00a;
	font-size: 80%;
	margin-left: 2em;
	font-weight: normal;
}

span.hint {
	font-size: 80%;
	margin-left: 2em;
	font-weight: normal;
}

div.error {
	font-weight: bold;
	font-size: 110%;
	padding: 0.5em 1%;
	color: #f00;
	background: #fdd;
	border: solid 2px #f00;
}

div.info {
	font-weight: bold;
	font-size: 110%;
	padding: 0.5em 1%;
	color: #028;
	background: #bef;
	border: solid 2px #8cf;
}

span.text p {
}

span.texterror p {
	color: #f00;
}

span.texterror p {
	color: #f00;
}

img.logo {
	margin: 0 2%;
	vertical-align: middle;
}

/*td.lilogo {
	padding-right: 2em;
}*/

td.menu {
	font-size: 90%;
	width: 100%;
	text-align: center;
	padding: 0.5em 2em 0 2em;
	font-weight: normal;
}

td.menu a {
	color: #fff;
	margin: 0 0em;
	text-decoration: none;
	text-shadow: #888 0 0 0.8em;
	padding: 2px 10px;
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
}

td.menu a.special {
	background: #456;
	color: #fff;
	margin: 0 1em;
	text-decoration: none;
	text-shadow: #888 0 0 0.8em;
	padding: 2px 10px;
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
}

td.menu a:hover {
	color: #000;
	background: #fff;
}

div.footer {
	font-size: 80%;
	text-align: center;
	padding: 1.5em 5% 1.5em 5%;
	margin: 1em 5% 1em 5%;
	background: #234;
	color: #def;
}

div.footer a {
	padding: 0.5em 0.5em 0 0.5em;
	font-weight: normal;
	color: #ccc;
	text-decoration: underline;
}

.footer .col1 img {
	margin: 0.5em 0;
}
.footer td.col1 {
	width: 20%;
	text-align: right;
	color: #eee;
	border-right: solid 1px #abc;
	padding-right: 1em;
}

.footerer {
	text-align: center;
	font-size: 70%;
	margin-bottom: 2em;
}
.footerer a {
	text-decoration: underline;
	font-weight: normal;
}
.footerer a, .footerer p {
	color: #888;
}

img.lilogo {
	padding: 0 1em;
	width: 120px;
}

div.header {
	background: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
	background-image: -moz-linear-gradient(#444, #222)
	text-shadow: black 0 0 0.2em;
	border-bottom: solid 1px #888;
	font-size: 130%;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 0.5em 1em;
	margin: 0;
}

div#wrapper div#header {
	color: #eee;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(68, 68, 68)), to(rgb(34, 34, 34)));
	height: 42px;
	padding-top: 5px;
	font-size: 15px;
}
div#wrapper div#header div.buttons {
  float: right;
}

div#wrapper div#header {
	background: #333;
}

div#wrapper div#header .rcol {
	padding: 10px 1em 0 0;
}
div#wrapper div#header .rcol a {
	text-decoration: underline;
}

div.area {
	-moz-border-radius: 0.20em;
	-webkit-border-radius: 0.20em;
	border: solid 1px #888;
	margin: 2%; 
	padding: 0.5em 2%;
}

div.content h1 {
	color: #000;
	text-align: left;
	font-weight: bold;
	font-family: Georgia, Helvetica;
}

#sidebar {
	float: left;
	width: 30%;
	height: 100%;
	background: #fff;
}

#sidebar div.container {
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
	height: 100%;
	border-right: solid 1px #888;
}

.hidden {
	display: none;
}

#editor {
	float: left;
	width: 70%;
}

#title {
  zpadding: 5px;
  font-size: 120%;
  color: #fff;
  background: #000;
}

#title .buttons {
  float: right;
}

#title .buttons a {
  zmargin-left: 10px;
}

/*========================*/
#notesContainer {
float: left;
width: 25%;
}
#notesHeader { 
zpadding: 0.8em;
border: 2px solid #ddd;
}
#notesComponent {
zmargin-top: 4em;
zpadding: 0.8em;
border: 2px solid #ddd;
text-align: center;
}

#backchat {
	height: 100%;
	background: #eef;
}
#backchatHeader {
font-weight: bold;
zpadding: 0.5em 0.8em;
background-color: #DDD;
border-bottom: 2px solid #aaa;
}
#backchatHeader input { font-size: 0.7em; }
#backchatHeaderInstructions {
display: none;

background-color: #EEE;
zpadding: 1em;
}
#backchatHeaderInstructions p {
text-indent: 1em;
zmargin-top: 0.2em;
}

#sidebar div.container .userBox {
	position: relative; /* allow position absolute for charsLeftMsg and submit btn */
	padding: 0.5em 1em;
	border-bottom: 1px solid #aaa;
	background-color: #caccd0;
}
#userHeader {
	zmargin: 0 0 0.5em 0;
}
#loginBox {
	zpadding: 0.5em 1em;
	border-bottom: 1px solid #aaa;
	background: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddf), to(#cce));
	background-image: -moz-linear-gradient(#ddf, #cce)
}
#userHeader .userName { 
	font-weight: bold;
	font-size: 110%;
	width: 10em;
}
#userHeader .userAffil {
	font-style: italic;
}
#userButtons {
float: right;
}
#enterPostTextarea {
	width: 98%;
	zpadding: 0.3em 0.4em;
}
#charsLeftMsg {
position: absolute;
left: 3em;
bottom: 1.5em;
color: red; 
}
#submitPost {
	/*position: absolute;
	right: 1.5em;
	bottom: 1.5em;*/
}
#enterUser { display: none; }
#enterAdmin { display: none; }
#posts {
	background: #dde;
	padding: 1em 1.5em;
  overflow-y: auto;
}
#postsHeader {
	padding-bottom: 0.5em;
}
.postsHeaderTitle {
	font-weight: bold;
}
.showpostsButton {
/* this doesn't work in Firefox; may be impossible on OS X */
font-size: 70%;
}
#postsHeaderInstructions {
	background-color: #ffc3c3;
}
#recentPosts {
min-height: 6em;
 padding: 1em 1.5em;
}
#posts .postContainer {
	min-height: 5.3em;

	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;

	-webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);

	margin: 0.8em 0;
	padding: 0.5em 1em;
	background: #fff;
}
#posts .postVoteContainer {
	float: left;
}
.unvoted {
	background-color: #afa;
}
#posts .postVoteContainer .vote-tally-rect {
	width: 1.6em;
	height: 1em;
	border: 1px solid #aaa;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	padding: 0.2em;
	background-color: #fff;
	text-align: right;
	cursor: pointer; cursor: hand;
	font-size: 120%;
	font-weight: bold;
	margin: 0.2em;
	-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
}
.postVoteContainer .vote-up {
background: transparent url(/images/arrow_up.png) no-repeat scroll 10% 50%;
}
.postVoteContainer .voteFlag {
	cursor: pointer; cursor: hand;
	font-size: 80%;
	color: #fff;
	background: #f00;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
}
#posts .postDisplayContainer {
 margin: 0.3em 0.3em 0.3em 4em;
}
#posts .postBody {
	min-height: 4.0em;
	overflow: auto;
}
#posts .postFooter {
	border-top: solid 1px #ccc;
	color: #888;
	padding: 0.2em 0em;
	font-style: italic;
	font-size: 90%;
	text-align:right;
}
#posts .commentFooter {
	border-top: solid 1px #ccc;
	color: #666;
	padding: 0.2em 0em;
	font-style: italic;
	font-size: 80%;
}
#posts .postFooter .postid {
	float: right;
	font-size: 70%;
	color: #ccc;
}
#posts .userName {
}
#posts .userAffil {
}

#posts .commentAmt {
  cursor: pointer; cursor: hand;
}

#loginForm .label {
	width: 50%;
	text-align: right;
	display: table-cell;
	font-weight: bold;
}
#loginForm .data {
	display: table-cell;
}
#loginBox h1 {
	font-size: 105%;
}

#commentText {
	width: 100%;
}
#posts .flagged {
  background: #fee;
}
#posts .flagged .commentForm {
  display: none;
}
#posts .instructor {
  background: #EDDA74;
}

.page a {
}

a {
  font-weight: bold;
  text-decoration: none;
}
span.sub_menu{
	zfloat:right;
	border-top:  solid 1px #a98;
	border-bottom:  solid 1px #000;
	background-color:#567;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	padding: 0.1em 0.5em;
	color:#fff;
	text-align: right;
	-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
}
span.sub_menu a{
	color:#fff;
	text-decoration:none;
	font-size: 90%;
}
span.sub_menu a:hover {
	color:#fff;
	text-decoration:underline;
}


#sidebar h3 {
	margin: 0;
	font-size: 105%;
}
.rnd {
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .3);
}

.ylw{
	background:#F7F4CE;
}

.blu{
	background: #def;
}
.frm_login{
	width:275px;
	zmargin:0 auto;
}

.row {
	display: table-row;
}
.row .label {
	width: 50%;
	text-align: right;
	display: table-cell;
	padding: 0.8em 3% 0.8em 0%;
	white-space: nowrap;
	font-weight: bold;
}
.row .field {
	width: 300px;

	display: table-cell;
	padding: 0.2em 0;
}
.row .field input {
	width: 90%;
}

.commentContainer {
	background: #eee;
	padding: 0.5em;
}

div.school {

	cursor: pointer; cursor: hand;
	margin: 1%; 
	padding: 2%;
	border: solid 1px #888;
	-moz-border-radius: 0.20em;
	-webkit-border-radius: 0.20em;
	-webkit-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, .1);
	/*
	*/
}

/*
.content .container1 h1 {
	background: #778899;
	color: #fff;
	padding: 0.5em 1em 0.5em 8em;
	position: relative;
	left: -8em;
	letter-spacing: 0.1em;

	-webkit-border-top-right-radius: 0.3em;
	-webkit-border-bottom-right-radius: 0.3em;
	-moz-border-radius-topright: 0.3em;
	-moz-border-radius-bottomright: 0.3em;
	border-top-right-radius: 0.3em;
	border-bottom-right-radius: 0.3em;

	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
}
*/
.content h1 {
	border-bottom: 2px solid #5c6572;
	background: transparent url("/images/bg_main-heading.gif") 0 100% repeat-x;
	font-family: Georgia, helvetica;
	font-weight: normal;
	font-size: 140%;
	padding: 0.2em 1%;
}

div.menubar {
	text-align: right;
}

div.school div.name {
	font-weight: bold;
	font-size: 120%;
	margin: 0 0;
}

div.school div.desc {
	font-size: 90%;
	color: #888;
	font-style: italic;
	margin: 0 0;
}

div.course {
	margin: 1em 0;
}

#messages {
	text-align:  center;
	margin: 0 5%;
}
#messages ul {
	padding: 0.5em 1em 0.5em 3em;
	color: #fff;
}
#messages ul a {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
}
#messages ul.info {
	background: #090;
}
#messages ul.error {
	background: #900;
}


.anonpost {
	font-size: 70%;
}

a.readonlylink {
	font-weight: normal;
	color: #bbb;
	font-size: 80%;
	margin: 0 2em;
}

div#editor div.readonly {
	background: #fff;
	min-height: 100%;
	padding: 1.5em 3%;
}

div#reportedContainer h1 {
	margin: 0;
	padding: 0.3em 1em;
	font-weight: bold;
	font-size: 100%;
	color:#442;
	text-align: left;
	background-color:#caccd0;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
	letter-spacing: 0.1em;
	cursor: pointer; cursor: hand;
}

div#postsHeader h1 {
	margin: 0;
	padding: 0.3em 1em;
	font-family: helvetica;
	font-weight: bold;
	font-size: 100%;
	color:#442;
	text-align: left;
	background-color:#caccd0;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, .3);
	letter-spacing: 0.1em;
}

#sortPosts {
	float: right;
}

div.postContainer div.privacy {
	background: #44a;
	font-size: 75%;
	color: #eef;
	text-align: center;
}


table.contact td {
	padding: 0.4em 1em;
	vertical-align: top;
}

table.contact td:first-child {
	text-align: right;
	font-weight: bold;
}


.staticNote {
	margin: 2em 0;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight: bold;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.green {
	color: #efe;
	border: solid 1px #aca;
	background: #080;
	background: -webkit-gradient(linear, left top, left bottom, from(#090), to(#070));
	background: -moz-linear-gradient(top,  #090,  #070);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bb00', endColorstr='#007700');
}
.green:active {
	background: #eef;
	background: -webkit-gradient(linear, left top, left bottom, from(#009), to(#007));
	background: -moz-linear-gradient(top,  #009,  #007);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000bb', endColorstr='#000077');
}

div.press {
	margin: 2em 0;
}
img.press {
	height: 2.5em;
	float: left;
	zborder: solid 1px #aaa;
	margin: 0 2em 1em 0;
}

div.press p.date {
	font-size: 90%;
	color: #68a;
}

div.press p.readmore {
	font-size: 90%;
	font-style: italic;
}

div.press p.readmore a {
	color: #48c;
}

div.conduct { text-align: center; }
div.conduct p.academic {
	padding: 2em 0;
}
div.conduct img {
	display: inline;
	padding: 20px; 
	border: solid 1px #888;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcff), to(#f4f4ff));
	background: -moz-linear-gradient(top,  #fcfcff,  #f4f4ff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcff', endColorstr='#f4f4ff');
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
div.conduct p.vague {
	font-style: italic;
	font-size: 80%;
	color: #888;
}

#vimeo-screencast {
	margin-top: 2em;
	-webkit-box-shadow: 0 1.2em 1.3em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1.2em 1.3em rgba(0, 0, 0, .3);
}


.note, .notes_instructor, .notes_head {
	margin: 1.0em 0;
}

.notes_head {
	font-weight: bold;
}

.notes_instructor, .notes_head {
	color: #888;
}

.notes_instructor {
	padding-bottom: 1.0em;
	border-bottom: solid 1px #aaa;
}

.note .name {
	font-size: 110%;
}
.note .visits {
	font-style: italic;
	color: #aaa;
}


.lecture, .lectures_instructor, .lectures_head {
	margin: 1.0em 0;
}

.lectures_head {
	font-weight: bold;
}

.lectures_instructor, .lectures_head {
	color: #888;
}

.lectures_instructor {
	padding-bottom: 1.0em;
	border-bottom: solid 1px #aaa;
}

.lecture .name {
	font-size: 110%;
}
.lecture .created {
	font-style: italic;
	color: #aaa;
}

.lecture {
	margin: 0.5em 0;
	padding: 0.5em 1em;
	border: solid 1px #888;
	-moz-border-radius: 0.20em;
	-webkit-border-radius: 0.20em;
}

