/*  
Theme Name: Clio Wired
Description: Template for Clio Wired, Fall 2006
Version: 0.1
Author: Josh Greenberg, kludged almost entirely from Jeremy Boggs
Author URI: http://chnm.gmu.edu

*/



/* Generic Stuff
------------------------------- */
* {margin:0; padding:0;}
body {font: 62.5% Verdana, Arial, Helvetica, sans-serif; background: #444433;color: #666; width: 780px; margin:0 auto; padding: 20px 0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1 {font-size: 1em;}
h2 {font-size: 2em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
p {font-size: 1.1em; line-height: 2em;}

a:link, a:visited {color: #443322;}
a:hover, a:active {color: #554433;}

ul,ol {list-style:none;}

blockquote {font-size: 1em; line-height: 1.65em; margin-left: 1em; margin-right:1em;}

.hide {text-indent: -1000em; width:0; height:0; display:block; overflow:hidden;}

/* Microformats
---------------------------------/
/* hCitation */
div.citation {font-size: 1.1em; text-indent: -1em; margin-left: 1em; line-height: 1.75em; margin-bottom: 1em;}
div.monograph .title {font-style:italic;}


/* Page
----------*/
#page {display:block; float:left; background: #fff;}


/* Header
-----------*/
#header {background: #fff;border-top: 10px solid #443322;padding-top: 10px;}

#header h1 {font-size: 4em; margin-left: 20px; background: #fff;display:block;float:left; width: 260px;font-family: "Century Gothic", Futura, Gill Sans, Verdana, sans-serif;}
#header h1 a {text-decoration:none;}
ul#nav {display:block; float:right; width: 150px; text-align:right;}
ul#nav a {text-decoration:none;}
ul#nav li {margin-right: 1em;}

#header-img {display:block; padding-top: 10px;clear:both;width: 780px; height: 220px;background: #fff url("images/type2-head.jpg") bottom left no-repeat;}

/* Content and Sidebar 
-------------------------*/
#content {display:block; float:right; width: 520px;}
#sidebar {display:block; float:left; width: 235px;padding: 10px; padding-right:  15px; ;background: #ccbb99;}
#primary {display:block; float:left; width: 520px; }
#secondary {display:block; float:right; width: 260px;}

#primary div, #secondary div  {padding-left: 10px; padding-right: 10px;}

#content h1 {padding: 8px 2px; color: #fff; font-size: 1.4em;}
#primary h1 {background: #ccc;}
#secondary h1 {background: #aaa;}
#sidebar h2 {font-size: 1.4em;}
#sidebar h3 {font-size: 1.2em;}

#sidebar dd, dd {font-style: italic;}
#sidebar .pages, .pages {clear: both; margin-left:  1em;}
#sidebar .vevent {border:  1px solid #eee; padding: .5em; margin-top: 1em; background: #ddccaa; }

/* Courseware styles
--------------------------*/
div.vevent div {margin-left: 1em; margin-top: .5em;}
div.vevent li {list-style: none;}
#classes div.vevent {margin: 1em; border: 1px solid #CCC; }
#classes div.vevent h2 {font-size: 1.2em; color: #fff;background: #999; padding: .5em; margin: 0em;}
#classes div.vevent h3 {font-size: 1em; font-weight:  bold;}
#classes div.vevent .date {padding: 1em; }
#classes div.vevent .date, #classes div.vevent .date .dtstart, #classes div.vevent .date .dtend {text-decoration: none; border-bottom:  none;}

/* Feed aggregator styles 
--------------------------*/
div.feedItem {border: 1px solid #ccc; margin-bottom:  1em;}
span.feedSiteTitle {font-size:  1.2em;}
span.feedItemTitle {font-size:  1.5em;}
span.feedSiteTitle a:link, span.feedSiteTitle a:visited {color: #666; text-decoration: none;}
span.feedSiteTitle a:hover, span.feedSiteTitle a:active {color: #666;}
p.postByline {font-style: italic; font-size: 1em; color: #999;}
span.feedItemTitle a:visited {color: #666; text-decoration: line-through;}

/* Post styles
--------------------------*/
textarea#comment {width: 500px;}
.post {margin: 1em; line-height: 2em;}
.post ul {list-style: disc; margin: 2em;}
.post ol {list-style: decimal; margin: 2em;}
.post p {line-height: 2em; margin-bottom: .5em; margin-top: .5em;}

/* Footer
--------------------------*/
#footer {clear:both; background: #888877;}