/*
Theme Name: CourseSmart
Theme URI: http://www.coursesmart.com/
Description: The CourseSmart blog, with Widget-ready sidebars and Gravtar-enhanced comments. Design by Cindy Li. Code by Craig Cook. Copyright CourseSmart, all rights reserved.
Author: Cindy Li
Author URI: http://www.cindyli.com/
Created July 29, 2008
*/
/* =Reset defaults */
html, body, form, fieldset, legend,
h1, h2, h3, h4, h5, h6,
pre, blockquote, ul, ol, dl, dd { margin: 0; padding: 0; }
p, pre, blockquote, ul, ol, dl { margin: 0 0 1.7em; padding: 0; }
fieldset { border: none; }
/* =General elements */
body { margin: 10px; min-width: 765px; background: #fff url("img/bg-stripe.png") repeat; font: 12px/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #0e2c4a; }
input, select, textarea { font-family: inherit; font-size: inherit; line-height: 1.4; color: inherit; }
/* =Links */
a:link { text-decoration: none; color: #960; }
a:visited { text-decoration: none; color: #947d4e; }
a:hover, a:active, a:focus { text-decoration: underline; color: #609e08; }
.entry-title a:link, .postmeta a:link { color: #6bae0d; }
.entry-title a:visited, .postmeta a:visited { color: #86bc3a; }
.postmeta a:link { color: #80c223; }
.hentry a:link img { border: 2px solid #960; }
.hentry a:visited img { border: 2px solid #947d4e; }
.hentry a:hover img { border: 2px solid #609e08; }
.commentlist .vcard a:link img { border: 2px solid #6bae0d; }
.commentlist .vcard a:visited img { border: 2px solid #6bae0d; }
.commentlist .vcard a:hover img { border: 2px solid #960; }
/* =Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1 { font-size: 205%; }
h2 { font-size: 200%; }
h3 { font-size: 160%; }
h4 { font-size: 115%; }
h5 { font-size: 105%; }
h6 { font-size: 100%; }
.pagetitle { margin: 0 0 .5em; padding: 0 10px; border-bottom: 1px solid #d3e0ba; font-size: 160%; }
/* =Skip links */
#nav-access { position: absolute; top: -10em; width: 90%; }
#nav-access li { }
#nav-access a:active, #nav-access a:focus { display: block; z-index: 5; position: absolute; top: 14em; left: 260px; padding: 5px 10px; color: #fff; background: #183a6c; }
/* =Branding (header) */
#branding { position: relative; height: 92px; background: #002042; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; }
#branding a { color: #fff; }
#branding #logo { position: absolute; top: 20px; left: 30px; color: #fff; }
#branding #logo a img { border: 0; }
#branding a#main { position: absolute; right: 10px; top: 5px; }
/* =Layout */
#content { position: relative; padding: 10px 370px 3em 0; }
#content:after { content: "."; clear: both; height: 0; visibility: hidden; }
#content-main { float: left; width: 100%; }
#content-extra { float: right; margin: 0 -370px 2em 0; width: 360px; }
#content-extra .sidebar { width: 175px; float: left; }
#content-extra #extra-browse { padding-right: 5px; }
#content-extra #extra-stream { padding-left: 5px; }
#site-info { clear: both; margin-top: 2em; }
#fail { background: #fff; padding: 0 10px 3em; }
#fail .pagetitle { margin: 0 -10px .5em; }
/* =Content */
#content-main .hentry { position: relative; clear: both; overflow: auto; padding: 0 10px; margin-bottom: 2em; background: #fff; }
#content-main .hentry.search { }
.hentry .entry-title { font-size: 200%; font-weight: bold; }
.hentry .author { color: #0e2c4a; }
.hentry .entry-content { padding-right: 10px; }
.hentry .entry-content a { font-weight: bold; }
.hentry .postmeta { clear: both; margin: .5em 0 0; padding: .5em 10px; background-color: #0e2c4a; font-size: 95%; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.hentry.search .postmeta { margin-bottom: 0; }
.hentry abbr.published { border: 0; text-decoration: none; }
#content-main ul, #content-main ol { margin-left: 25px; }
#content-main li { margin-bottom: .25em; }
#content-main li ul, #content-main li ol { margin-left: 15px; margin-bottom: 0; }
#content-main li ul li, #content-main li ol li { margin-bottom: 0; }
#content-main blockquote { padding: 0 15px; border-left: 1px solid #ddd; }
#content-main dt { font-style: italic; }
#content-main dd { padding-left: 15px; }
#content-main table { border-collapse: collapse; border-width: 1px 1px 0; border-style: solid; border-color: #eee; margin-bottom: 1.7em; }
#content-main th, .hentry td { border-bottom: 1px solid #eee; padding: 0 4px; }
#content-main thead th { font-size: 90%; text-align: left; font-weight: normal; }
#content-main tbody th { text-align: left; }
.alignleft { float: left; margin: 0 25px 10px 0; }
.alignright { float: right; margin: 0 0 10px 25px; }
.aligncenter { display: block; margin: 0 auto 1.5em; }
.wp-caption { border: 1px solid #e0eacd; padding: 3px 0 0; background: #e6f0d2; text-align: center; }
.wp-caption-text { font-size: 95%; margin-bottom: .75em; }
/* =Comment =Form */
#commentform { margin: 0 10px 2em; }
#commentform fieldset { padding-top: 1em; }
#commentform legend span { font: 160% "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#commentform label { display: block; }
#commentform .note { font-size: 95%; color: #666; }
#commentform input, #commentform textarea { border: 1px solid #ccc; padding: 2px 3px; background: #fff; font-size: 110%; font-family: inherit; color: inherit; }
#commentform input:focus, #commentform textarea:focus { border-color: #609e08; }
#commentform #comment { width: 100%; font: 110% "Helvetica Neue", Helvetica, Arial, sans-serif; }
#commentform p { margin-bottom: .75em; clear: both; }
#commentform button#submit { border: 1px outset #579b09; padding: 4px 12px; background: #6bae0d; color: #fff; text-transform: uppercase; cursor: pointer; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#commentform button#submit:hover { background: #9c3; }
/* =Comments */
h3#comments { margin: 0 0 20px; padding: 0 10px; border-bottom: 1px solid #d3e0ba; font-size: 160%; }
#content-main .commentlist { list-style: none; margin: 0; padding: 0; }
#content-main .commentlist li { position: relative; margin-bottom: 20px; border-bottom: 1px solid #d3e0ba; padding: 10px 10px 50px; background-color: #fff; }
#content-main .commentlist .num { position: absolute; top: 0; right: 10px; font: 200% "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #d3e0ba; }
#content-main .commentlist .trackback cite, #content-main .commentlist .vcard cite { font-style: normal; }
#content-main .commentlist .commentmeta { position: absolute; bottom: 0; font-size: 90%; margin: .5em 0; }
#content-main .commentlist blockquote { position: relative; z-index: 99; padding: 15px 40px 5px 40px; border: 0; background: transparent url("img/rdquo.png") right bottom no-repeat; }
#content-main .commentlist blockquote blockquote { margin: auto 10px; background-image: none; }
#content-main .commentlist .trackback blockquote, #content-main .commentlist .pingback blockquote { padding: 0 40px 0 0; background-image: none; }
#content-main .commentlist li.comment { background: #fff url("img/ldquo.png") 10px 10px no-repeat; }
#content-main .commentlist .vcard { position: absolute; bottom: .5em; right: 50px; width: 50%; text-align: right; font-weight: bold; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#content-main .commentlist .vcard .author { display: block; position: relative; height: 55px; padding: 0 65px 0 0; }
#content-main .commentlist .vcard .author .photo { position: absolute; top: -8px; right: 0; }
#content-main .commentlist li.alt .vcard { left: 25px; right: auto; text-align: left; }
#content-main .commentlist li.alt .vcard .author { padding: 0 0 0 65px; }
#content-main .commentlist li.alt .vcard .author .photo { left: 0; right: auto; }
#content-main .commentlist .vcard a:link, #content-main .commentlist .vcard a:visited { color: #6bae0d; }
#content-main .commentlist .vcard a:hover { color: #960; text-decoration: none; }
#content-main .commentlist .vcard a img { border: 2px solid; }
.comments-closed { padding: .25em 10px; color: #666; }
.mod { text-align: center; background: #faf9f6; border: 1px solid #ede8de; }
/* =Older and =Newer */
#content-main ul.nav-time { list-style: none; padding: 6px 0; margin: 0 10px 1.7em; overflow: auto; clear: both; background: #faf9f6; border: 1px solid #f6f5f2; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#content-main ul.nav-time li { margin: 0; }
#content-main ul.nav-time a { font-weight: bold; background: transparent url("img/times-arrow.png") no-repeat; }
#content-main ul.nav-time .older { float: left; margin-left: 10px; }
#content-main ul.nav-time .older a { padding-left: 20px; background-position: 0 0; }
#content-main ul.nav-time .newer { float: right; margin-right: 10px; }
#content-main ul.nav-time .newer a { padding-right: 20px; background-position: 100% -50px; }
/* =Sidebar =Widgets */
#content-extra ul, #content-extra ol { list-style: none; margin: 0; }
#content-extra ul.children { margin-bottom: 0; margin-top: .5em; }
.sidebar .widget { padding: 0 5px 10px; background: #d3e0ba url("img/widgbtm.png") 0 100% no-repeat; margin-bottom: 12px; }
.sidebar .widget h2, .sidebar .widget h3 { font-size: 120%; color: inherit; margin: 0 -5px .25em -5px; padding: .5em 12px 0; background: transparent url("img/widgtop.png") 0 0 no-repeat; }
.sidebar .widget li { padding: .25em 10px; border-top: 1px solid #fff; }
/* =Search */
#fm-search { position: relative; padding-right: 80px; margin-bottom: 10px; }
#fm-search p { margin: 0; }
#fm-search label { display: block; }
#fm-search.js label { position: absolute; top: 1px; left: 4px; color: #a29b8f; cursor: text; }
#fm-search input#s { border: 1px solid #ccc; width: 100%; padding: 2px 3px; background: #e0f0c1; font-size: 110%; line-height: 1; }
#fm-search input#s:focus { background: #fff; }
#fm-search button { position: absolute; right: 0; bottom: 0; height: 20px; width: 60px; padding: 0; border: 0; background: transparent url("img/srchbutton.png") 0 0 no-repeat; text-indent: -999em; overflow: hidden; cursor: pointer; }
#fm-search button:hover { background-position: 0 -30px; }
/* =Footer */
#site-info { color: #898378; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 95%; text-align: center; }
#site-info a:link { color: #002042; text-decoration: none; }
#site-info a:visited { color: #57626e; text-decoration: none; }
#site-info a:hover, #site-info a:focus, #site-info a:active { color: #6bae0d; text-decoration: underline; }
#site-info #nav-info { display: inline; margin: .5em auto 1em; list-style: none; font-weight: bold; }
#site-info #nav-info li { display: inline; padding: 0 8px; margin: 0; border-left: 1px solid #9c3; }
#site-info #nav-info li:first-child { border: 0; }
#site-info #copyright { clear: both; font-size: 95%; color: #999; }