/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* End YUI Reset.  Begin normal styles */

body { font-size: medium; font-family: Verdana, arial, sans-serif; background: #FFF; font-size: 12px; }

h1, h2 { font-family: "AvalonRegular", Verdana, arial, sans-serif; font-weight: normal; color: #111; text-shadow: 0px 0px 1px #fff; }
h3, h4 { font-family: Verdana, arial, sans-serif; font-weight: normal; color: #111; text-shadow: 0px 0px 1px #fff; }
h1 { font-size: 26px; margin-top: 15px;}
h2 { font-size: 20px; margin: 15px 0px 5px 0px; letter-spacing: 0px; }
h3 { font-size: 120%; margin: 15px 0px 5px 0px; font-weight: bold;}
h4 { font-size: 120%; margin: 12px 0px 2px 0px; font-weight: bold; }

div#course-left { width: 800px; float: left; }
div#course-top { width: 840px; float: left; margin: 10px 0px;}

table#course-header td { border: 0px solid red; padding-bottom: 0px; }
table#course-header td h1 { margin-top: 0px; }
table#course-header td#course-logo { vertical-align: top; padding-right: 12px; }
table#course-header td#course-logo img { border: 1px solid #555; margin-top: 5px;}
table#course-header td#course-name { vertical-align: top; }
table#course-header td#course-name p { margin: 8px 0px; padding: 0px; }

img.course-logo { border: 1px solid #555; }
img.stream-logo { float: left; margin-right: 6px;}

table#course-content-container { float: left; width: 800px; background: #F6F6F6; border:1px solid #BBB; margin-bottom: 40px; }
td#course-left-nav { width: 170px; font-size: 11px; background: #DDD; vertical-align: top; padding-bottom: 50px; border: 1px solid #BBB; }
td#course-left-nav ul { margin: 0px 10px; padding: 0; }
td#course-left-nav ul li { list-style-type: none; margin: 0; padding: 0; }
td#course-left-nav ul li ol li { list-style-type: decimal; margin-left: 2px; padding: 0; }

h2.header { padding: 0px 0px 0px 0px; }

td#course-content { padding: 10px 15px; vertical-align: top; }
td#course-content h2.header { padding: 0; margin: 0; }
td#course-content h1, td#course-content h2, td#course-content h3 { font-family: Verdana, sans-serif; }

div#course-right { float: left; width: 174px; margin: 20px 0px 0px 15px; }

div#course-activity { margin-top: 30px; }
div#course-members { margin-top: 30px; }

table#home-intro { margin-top: 15px; }
table#home-intro td { font-family: "AvalonRegular", Arial, sans-serif; font-size: 18px; vertical-align: top; font-weight: normal; padding-right: 30px; text-shadow: 0px 0px 1px #fff; }
h1#learn-collaboratively { color: #136;  padding: 0px; margin: 0px; font-size: 42px; line-height: 1.1em;  font-family: "AvalonMediumBold", Arial, sans-serif; letter-spacing: 0px; font-weight: normal; text-shadow: 0px 0px 1px #fff;}
table#home-intro td ul { margin-top: 10px; }
table#home-intro td a#home-view-classes { margin-left: 21px; }

h2.class-name { font-size: 200%; margin-top: 0px; }

ul, ol { margin-left: 20px; line-height: 150%; }
ul li { list-style-type: circle; }
ol li { list-style-type: decimal; }
ol li ul li { list-style-type: disc; }

td, th { padding: 5px 20px 5px 0px; font-size: 80%; }
th { font-weight: bold; font-family: Verdana, arial, sans-serif; o}
td.center { text-align: center; }
table.tight { margin-top: 10px; }
table.tight td { padding: 2px 12px 2px 0px; }

p { margin: 1em 0em; }
div.hw-content { margin: 5px 0px 10px 0px;  }
h3.msg { color: red; font-weight: bold; }
div.hw-submission { border-bottom: 1px solid #AAA; padding: 12px 0px 10px 0px;}
p#hw-hide { color:red; font-weight:bold; margin-bottom: 100px; }

a { color: #00C; }
a:visited { color: #55A; }

a.header:visited { color: #00C; }

hr { height: 1; border-color: #FFF; margin: 15px 0px; padding:0; width: 100%;}

div#header { position: relative;  height: 30px; padding: 10px 0px 20px 12px; background: #273c57 url(/site_media/header_bg.png) repeat-x 0 0;  color: #EEE; min-width: 970px;}
div#header a { color: #EEE; }
div#header h1 { position: relative; float: left; padding:0; margin:0; }
div#header h1 a { color: #FFF; text-decoration: none;}
div#header h1 a:hover{ text-decoration: underline; }
div#header h1 a:visited { color: #FFF; }

div#header div#nav { display:block; float: right; color: #EEE; margin: 8px 0px 0px 0px; line-height: 1.7em;}

div#header div#header-logo { float: left; }
div#header div#header-profile { float:right; width:150px; margin: 0px 0px 0px 20px; font-size: 12px; line-height: 1.5em; padding-top: 0px; }
div#header div#header-profile img { border: 1px solid #111; }

div#container { float: left; padding: 0px 0px 25px 20px; color: #222; min-width: 970px; }

div#signup { float: left; margin-top: 0px; }
div#login { float: left; margin-left: 50px; margin-top: 0px; }
div#signup-footer { clear: both; margin-bottom: 50px; }

div#signup table td.desc { text-align:right }

div#footer { min-width: 970px; clear: both; color: #CCC; background: #273c57 url(/site_media/header_bg.png) repeat-x 0 0; border: 1px solid #CCC; margin-top: 25px; padding: 10px 0px; border-bottom: 1px solid grey; }
div#footer p { font-size: 90%; text-align: left; padding: 0px 15px; margin:0px; font-family: Verdana, sans-serif; }
div#footer a { color: #EEE; }
div#footer a:visited { color: #EEE; }

.new-class-text { width: 350px; }

.complete-text { font-weight: bold; color: green; }

textarea { height: 100px; width: 450px; }

div.class-status { float: left; margin-top: 21px; padding-left: 15px;}
span.youre-in { color: #191; font-size: 14px; font-weight: bold; }
span.youre-creator { color: #119; font-size: 14px; font-weight: bold; }
span.join { font-size: 120%; }

div.clear { clear: both; }

table.class-info th { vertical-align: top; }
table.class-info td { max-width: 600px; }

div.intro-step { float: left; width: 250px; text-align: center; padding-right: 50px; }
div.intro-next { background: url(/site_media/ccarrow.png) no-repeat 100% 60% }
div.intro-step img { margin-top: 10px; }


div.course-explain { margin: 10px 0px; padding: 0; margin-bottom: 25px;}

div#course-status { margin-top: 15px; }

a.jointhisclass_sm { background: url(/site_media/jointhisclass_sm.png) no-repeat 0 0; text-indent: -4000px; display: block; width: 181px; height: 39px; }
a.jointhisclass_sm:visited { text-indent: -4000px; }

div#page-content { margin-top: 20px; width: 600px; }

tr.honeypot td, tr.honeypot th { display: none; }

img.gravatar { border: 1px solid #333; }
div.gravatar-mini { float: left; margin-right: 5px; }

span.timestamp { color: #666; }

div.course-activity-item { margin: 5px 0px; padding: 5px 0px; font-family: Verdana; font-size: 11px; }
div.course-members-mini { margin: 5px 0px;  padding: 5px 0px; font-family: Verdana; font-size: 11px; }

table.forum { width: 100%; margin: 10px 0px 20px 0px;}
table.forum th { font-family: Verdana }
table.forum td { padding: 2px 8px 10px 0px; }
table.forum td.forum-topic-title { font-weight: bold; }

div.breadcrumb { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 11px; border-bottom: 1px dotted #888; }
div.topic-meta { font-size: 11px; }
div.topic { padding: 0px 0px 12px 0px; }

div.hw-comment { padding: 15px 0px 2px 0px; border-bottom: 1px dotted #888; width: 500px;}

input { padding: 1px 3px; }
textarea { padding: 2px; }
select { padding: 2px; }
input.long-input { width: 350px; }

pre.prettyprint { width: 540px; font-size: 12px; overflow: auto; background: #EEE; }

textarea.create-content { width: 500px; height: 300px; }


div.markdown { margin: 8px 0px; padding: 4px 0px 15px 0px; border: 1px dotted #888; border-left: 0px; border-right: 0px; }
div.markdown h1,
div.markdown h2,
div.markdown h3 { color: #000; padding: 10px 0px 0px 0px; margin: 0;}
div.markdown h1 { font-size: 17px; }
div.markdown h2 { font-size: 15px; }
div.markdown p { padding: 0.5em 0; margin: 0 }

table tr.course-listing td { border: 1px solid #BBB; border-left: 0px; border-right: 0px; padding: 10px 10px 10px 0px; }

div.hw-comments { margin: 10px 0px 0px 15px; }
div.indented-list { margin: 5px 0px 0px 15px; }

div.error { color: red; font-size: 14px; font-weight: bold; margin-top: 1em; }

ul.errorlist { color: red; font-size: 14px; font-weight: bold; list-style-type: none; margin-left: 0px; margin-bottom: 2px; }
ul.errorlist li { list-style-type: none; margin-left: 0px;}

div.markdown-cheatsheet { width: 484px; margin-bottom: 10px; padding: 8px; border: 1px solid #777; background: #CCD; }

h2#all-classes { margin: 22px 0px; height: 20px; width: 125px; background: url(http://static.curiousreef.com/img/all_classes.png) no-repeat 0 0; text-indent: -4000; }

/* Home page styles */
div#home-left { float: left; width: 49%; margin: 15px 0px 25px 0px; }
div#home-right { float: left; width: 49%; margin: 5px 0px 25px 0px; font-size: 120%;}
div#home-course-listing { clear: both; float: left; width: 49%; margin-bottom: 70px; }
div#home-features { float: left; width: 49%; margin-bottom: 70px; }

.header-text {
    background: transparent url('http://static.curiousreef.com/img/header_text_sprite.png') no-repeat;
    height: 20px;
    width: 393px;
}

div#home-left p { font-size: 14px; font-family: Verdana; line-height: 1.5em; padding: 1px 0px 0px 4px; margin: 5px 0px 0px 28px;}

div#home-right h2 { font-size: 26px; margin: 20px 0px 15px 0px;}
div#home-right h3 a { font-size: 14px; text-decoration: underline; margin: 0; padding: 0; font-family: Verdana, arial, sans-serif; }
div#home-right img.featured-class-img { float: left; margin-right: 20px; border: 1px solid #222; }
div#home-right ul { display: block; float: left; margin: 0px 0px 30px 22px;  width: 50%;}

div#home-course-listing h2 { }

div#home-features h3 { margin: 22px 0px 0px 0px; font-family: Verdana, arial, sans-serif; }
div#home-features p { padding: 2px 0px; margin: 0; font-size: 12px; }

/* Sprites */
a.home-sprite {
    display: block;
    float: left;
    background: transparent url('http://static.curiousreef.com/img/home_sprite.png') no-repeat;
    height: 36px;
    width: 147px;
    margin: 0px 12px 0px -2px;
    text-indent: -4000px;
}
a#home-view-classes { 
    margin-top: 10px;
}
a#home-view-classes:hover {
    background-position: -402px 0;
}

a#home-about-crunch-course {
    background-position: -147px 0;
    width: 255px;
}

a#home-about-crunch-course:hover {
    background-position: -549px 0;
    width: 255px;
}

a#view-this-class {
    background-position: -804px 0;
    width: 167px;
    float: left; 
}

a#view-this-class:hover {
    background-position: -971px 0;
    width: 167px;
}
a.class-sprite {
    display:block;
    background: transparent url('http://static.curiousreef.com/img/class_sprite.png') no-repeat;
    height: 36px;
    width: 157px;
    text-indent: -4000px;
}

a#join-this-class:hover {
    background-position: -157px 0;
}

tr.forum-row td { padding: 8px 0px; }

em { font-style: italic; }
strong { font-weight: bold; }
code { font-size: 12px; }

p.confirm { font-size: 14px; color: #393; font-weight: bold; }

a.rss { padding: 0px 0px 3px 20px; background: url(/site_media/rss.png) no-repeat 0 0; }

div.my-hw { background-color: #CEC; padding: 5px; border: 1px solid #7A7;}

div#msg { font-size: 14px; padding: 5px 10px; margin: 10px auto 0px auto; width: 450px; text-align: center;}
div.info { background-color: #FF9; border: 1px solid #555;}


/* New styles */
table#class-layout { width: 100%; }
table td#nav-left-col { vertical-align:top; color: #222; width: 140px; background:#EEE; padding: 5px; font-family: Arial, sans-serif; border-right:1px solid#555;}
table td#nav-left-col img { border:1px solid #555; }
table td#nav-right-col { vertical-align:top; color: #222; width: 140px; background:#EEE; padding: 5px; text-align:right;border-left:1px solid #555;}
table td#nav-middle-col { vertical-align: top; background: #FFF; }

table td#nav-left-col ul { margin:0; padding:0; } 
table td#nav-left-col li { list-style-type:disc; margin-left: 0; padding-left:0;}
table td#nav-left-col ul#progress li ul li { list-style-type:disc;}

div.nav-minimal { background: #334; color: #F6F6F6; padding: 6px; width: 100px; float:left; border:1px solid #234; font-family: arial, sans-serif;}
div#nav-minimal-1 { text-align: center; border-left: 0px; border-top: 0px; padding: 6px 6px 12px 6px;margin-right:40px;}
div#nav-minimal-2 { float:center; margin:0 auto; border-top: 0px; text-align:center; vertical-align:middle;}
div#nav-minimal-3 { float:right; width: 100px; text-align: right; margin-bottom: 10px; border-top:0px;border-right:0px;}

div#whiteboard-container { float:center; width: 80%; margin: 0px auto 0px auto; font-family: arial, sans-serif; min-width: 700px; }
div#whiteboard { border: 4px solid #999; border-bottom: 2px solid #999; background: #FFF;}
div#whiteboard h1, div#whiteboard h2, div#whiteboard h3 { font-family: arial, sans-serif; }
div#whiteboard-tray { border:1px solid #868686; border-bottom: 2px solid #868686; }


div#whiteboard table { width: 100%; }
div#whiteboard table td { vertical-align: top; padding: 10px;}
div#whiteboard table td.whiteboard-middle { width: 50%; }

ul#whiteboard-left-nav li { list-style-type:none; }
ul#whiteboard-left-nav ol li { list-style-type:decimal; }

table#audience { clear:both; margin: 0px auto 50px auto; width: 80%;}
table#audience td { height: 60px; width: 65px; text-align:center;}
table#audience td img { position:absolute; margin:0 9px;}
table#audience td img.chair { z-index: 2; margin:35px 0px 0px 0px;}
table#audience td span.audience-gravatar-sleeping img { margin-top: 12px; }
table#audience td span.zzz { font-size: 10px; font-color: #666; position:absolute; padding-left: 12px;}

div#lectern { position:absolute; top: 350px; right: 185px;}
div#lectern img { position:absolute; margin-left: 8px;}
div#lectern img.lectern-img { margin-top: 43px; margin-left:0px; z-index:2;}

div#whiteboard h2 { margin:0;padding:0; }
div#whiteboard h2.header { margin:0;padding:0; }
div#whiteboard h3 { margin:0;padding:0; }

div#slickboard { width: 80%; margin: 0 auto; background: #FFF; padding: 10px; border: 1px solid #999;}

table td#nav-left-col img.award-icon { border:0px; }

div.site-msg { width: 60%; text-align: center; margin: 5px auto; padding: 4px 8px; border: 1px solid #333; background: #DDD; font-weight: bold; font-family: arial, sans-serif;}
div.good { background: #DFD; color: #353; border: 1px solid #353; }

p.notice { font-family: Courier; }

div#full-forum { width: 550px; overflow:hidden;}

table#members-list { width: 100%; }
table#members-list tr td textarea#edit-reg-info { width: 250px; height: 50px; }
tr.myregistration td { border-bottom: 1px solid #999; }

h3.topic-title { margin-top: 15px;  }
p.thread-toggle { padding:5px 0px 15px 0px; margin:0; clear: both; float: left; display:inline; font-size: 10px;}
p.thread-info { padding:0px 0px 10px 0px; margin:0; font-size: 12px; line-height: 1.5em; color: #777;}

p.reply { font-size: 10px; }

/* end new styles? */

table#user { min-width: 1000px; }
table#user td { vertical-align: top; }
table#user td h2, table#user td h3 { margin-top: 0px; }
table#user td p { margin-top: 0px; }
table#user td#profile-sidebar { background-color: #EEE; padding: 10px 15px 10px 10px; border: 1px solid #BBB; width: 200px; }
table#user td#profile-main { width: 700px; padding: 0px;}

table#user-profile-top td { vertical-align: top; }
table#user-profile-top td#user-info { width: 250px; }
table#user-badges { width: 100%; }
table#user-badges td { width: 50%; padding: 5px 15px 5px 0px; }
table#user-registrations tr td { padding-bottom: 20px; vertical-align: top; }

span.progress-container { background: #222; display: block; width: 100px; height: 9px; color: #FFF; border: 1px solid #222; }
span.progress-bar { background: grey; display: block; width: 0px; height: 9px;}
span.complete-class-bar { background: blue; }

blockquote { padding-left: 10px; margin-left: 10px; border-left: 1px dotted #AAA; }

h2.activity-title { margin: 0; font-family: Verdana, Arial, sans-serif; }

div.home-container { max-width: 950px; }
div#home-forum { clear: both; width: 100%; float: left; }

table.home-listing { width: 100%; margin: 0px 0px 20px 0px; }
table.home-listing h2 { font-size: 26px; }
table.home-listing td.heading { padding: 0px; }

table#all-activity { width: 80%; }
table#all-activity div.markdown { border: 0px; margin: 0px; padding: 4px 0px; line-height: 1.5em; }
table#all-activity div.hw-content { margin: 0px; }
table#all-activity pre.prettyprint { margin: 6px 0px 12px 0px; width: 100%; }
table#all-activity h3 { margin: 0px 0px 5px 0px; padding: 0px; }
table#all-activity div.markdown h1 { font-family: Verdana, arial, sans-serif; }
table#all-activity div.markdown h2 { font-family: Verdana, arial, sans-serif; }
table#all-activity div.markdown h3 { font-family: Verdana, arial, sans-serif; }
table#all-activity div.markdown h4 { font-family: Verdana, arial, sans-serif; }