/*
THEME NAME: Digital Humanities
THEME URI: 
DESCRIPTION: Based upon Sandbox, customized for CSU
TAGS: 
VERSION: 1.0
AUTHOR: <a href="http://epsteindesign.com/">Epstein Design Partners</a> &amp; <a href="http://www.csuohio.edu/class/history/">Cleveland State University Department of History</a>
AUTHOR URI:
*/


/*
Dark Blue: #444f5f;
Grey Blue: #D3DFE6;
Dark Grey: #333333;
Middle Grey: #CCCCCC;
Grey: #ECECEC;
Dark Orange: #A84B18;
Orange: #C67C1D;
Green: #A8A018;
Blue: #7CADCD;
Purple: #715774;
*/

/*
General Styles
*/
body {font-size:12px; line-height:14px; font-family:helvetica,sans-serif; font-weight:normal;}
h1 {font-weight:normal;}
h2 {font-size:18px; font-weight:normal; padding:0; margin:0; line-height:21px;}
h3 {font-size:16px;font-family:helvetica,sans-serif; font-weight:normal; padding:0; margin:0;line-height:17px;}
h4 {font-size:14px; color:#9d9d9d; line-height:1.2em; font-weight:lighter; padding:0; margin:0;}
p {font-size:12px; font-family:helvetica,sans-serif; font-weight:normal; line-height:16px;}
a {color:#A84B18;text-decoration:underline;}
a visited{color:#A84B18;text-decoration:underline;}
a active{color:#A84B18;text-decoration:underline;}
a hover{color:#A84B18;text-decoration:none;}
img {border:none;}
/*
Layout of the home page
*/
div#home-top{
	width:900px;
	height:368px;
	
}

div#flash {
	width:463px;
	height:368px;
	float:left;
	margin:0;
	padding:0;
}

div#latest-news {
	background-color:#ECECEC;
	width:437px;
	height:368px;
	margin:0;
	padding:0;
	float:right;
}

div#home-post{
	width:368px;
	height:200px;
	padding:20px 30px 20px 30px;
	font-size:10px;
	line-height:14px;
	font-family:helvetica,sans-serif;
	color:#333333;
	overflow:hidden;
}

div#home-post H2 {
	font-weight:normal;
	padding:0;
	margin:0;
}

div#home-post .entry-date {
	padding-top:0;
	margin-top:0;
	margin-bottom:15px;
}

div#home-post .entry-content {
	padding-top:0;
	margin-top:0;
	font-size:12px;
	margin-bottom:20px;
}

div#home-post a{
	color:#A84B18;
}
div#content {
	margin:10px 0 10px 0;
	padding:10px 0 0 0;
	height:auto;
}

div#content img{
	/*margin:10px;*/
}

div#content p{
margin-bottom:20px;
}

div.cat-column{
	width:205px;
	height:auto;
	margin:auto;
	padding:0 25px 0 0;
	float:left;
	font-size:11px;
	font-family:helvetica,sans-serif;
	color:#333333;
	
}

.cat-list li {
	list-style-image: url(images/grey-arrow.gif);
	list-style-position: inside;
	padding:8px 0 8px 0;
	border-bottom:1px solid #CCCCCC;
	text-indent:0;
}

.cat-list ul ul {
	margin:0;
	padding:0;
	text-indent:0;
}

.cat-list li li {
	list-style-image: url(images/grey-arrow.gif);
	list-style-position: inside;
	padding:8px 0 8px 0;
	margin:0;
	border-bottom:1px solid #CCCCCC;
	text-indent:0;
}

.cat-list li a {
	color:#333333;
	text-transform:none;
	text-decoration:none;
}

.cat-list li a:hover {
	color:#444f5f;
	text-transform:none;
	text-decoration:underline;
}

.cat-list li a:visited {
	color:#333333;
	text-transform:none;
	text-decoration:none;
}

div.cat-column h3 {
	font-size:13px; font-weight:normal; margin:10px 0 10px 0;
}

div.colorbar {
	width:100%;
	height:8px;
	margin:8px 0 8px 0;
	padding:0;
}

#digital-history {color:#C67C1D; }
#digital-history a {color:#C67C1D; text-decoration:none;}
#teaching-learning {color:#A8A018;}
#teaching-learning a {color:#A8A018; text-decoration:none;}
#projects-partners {color:#7CADCD;}
#projects-partners a {color:#7CADCD; text-decoration:none;}
#oral-history {color:#715774; padding:0 0 0 0; float:right;}
#oral-history a {color:#715774; text-decoration:none;}

#digital-history .colorbar {background-color:#C67C1D;}
#teaching-learning .colorbar {background-color:#A8A018;}
#projects-partners .colorbar {background-color:#7CADCD;}
#oral-history .colorbar {background-color:#715774;}

/*
Layout of the level page
*/

div.sidebar {
	float: left;
	width: 180px;
	overflow: hidden;
}

div#secondary {
	clear: left;
}

/*
Content styles
*/

div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{width:auto;}


.entry-title{clear:both;padding:0;margin:0;}
.entry-date{padding:0;margin:0 0 10px 0;}
.entry-tags {font-size:10px; font-weight:normal; color:#999999;}
.entry-category {font-size:10px; font-weight:normal; color:#999999;}
.entry-meta {font-size:10px; font-weight:normal; color:#999999;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:3em;}
div#nav-below{margin:3em 0 3em 0;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:transparent;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:10px 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:98%;}

#comments #respond{padding:5px;border:3px double #fff; background: url(images/commentsbg.jpg)#fff top repeat-x;}
#comments {padding: 5px;background: #fafafa;}
#comments ol li {padding:5px;}
#comments li {margin-left: 18px;}

div.comment-meta {font-style: italic;font-size: smaller;}


div.nav-previous a{background:#D3DFE6; padding:5px; color:#444f5f;border:3px double #fff;}
div.nav-next a{background:#D3DFE6; padding:5px; color:#444f5f;border:3px double #fff;}
div.nav-previous a:hover{background:#999; padding:5px; color:#fff;border:3px double #fff;}
div.nav-next a:hover{background:#999; padding:5px; color:#fff;border:3px double #fff;}

div.nav-previous {padding:15px 0 0 5px;}
div.nav-next {padding:15px 5px 0 0;}

/**/
div.sidebar{}
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em; line-height:1.6em; padding:4px 0 4px 0;}
div.sidebar input#s{width:7em;}
div.sidebar ul li{list-style-image: url(images/grey-arrow.gif);
	list-style-position: inside;margin:0 0 6px 0;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:none;}
/**/

/*
Suckerfish styles
*/



#suckerfishnav {
    font-size:11px;
    font-family:helvetica,sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
    margin:0;
    width:auto;
    }
#suckerfishnav a {
    display:block;
    color:#444f5f;
    text-decoration:none;
    padding:0px 20px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }

#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:130px;
    display:block;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    }
#suckerfishnav li li {
    width:130px;
    border-bottom:1px solid #ECECEC;;
    font-weight:normal;
    font-family:helvetica,sans-serif;
    }
#suckerfishnav li li a {
    padding:8px 20px;
    width:auto;
    font-size:10px;
    color:#ffffff;
    }
#suckerfishnav li ul ul {
    margin:-19px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#444f5f;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ffffff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ffffff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#ffffff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444f5f;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#444f5f;
    }
    
    
    
/*
Global Layout
*/

div#wrapper{
	width:900px; margin:auto; padding:auto; height:auto;
}

div#container {
	width:900px;
	height:auto;
}

div#header {
	margin:10px 0 10px 0;
	height:10px;
}

div#footer {
	clear:both !important;
	width:900px; 
	height:64px;
	text-align:left;
	font-size:11px;
	font-family:helvetica,sans-serif;
	color:#666;
	border-top:4px solid #CCCCCC;
	margin-top:20px;
}

div#copyright {
	width:auto;
	text-align:left;
	float:left;
	vertical-align: middle;
	position:relative;
	top:50%;
}

div#logo {
	width:267px;
	float:right;
}

div#search {
	float:right;
}
div.greyline {
	width:auto;
	height:1px;
	margin:10px 0 10px 0;
	padding-bottom:10px;
	background-image: url(images/greyline.gif);
	background-repeat:repeat-x;
}

div#pagetitle {
	height:60px;
	width:900px;
	padding:20px 0 10px 0;
	margin:10px 0 0 0;
}

div.breadcrumb {
	margin:0;
	padding:20px 0 0 0;
	height:auto;
	width:900px;
	font-size:16px; font-weight:normal;
	color:#999999;
	text-align:left;
}

div.breadcrumb a{
	text-decoration:none; font-size:14px; font-weight:normal; color:#999999;
}

div.breadcrumb a:hover{
	text-decoration:underline; font-size:14px; font-weight:normal; color:#999999;
}

div.breadcrumb .cat{
	font-size:14px; font-weight:normal; color:#999999;
}

div.breadcrumb .bread-on{
	font-size:14px; font-weight:normal; color:#A84B18;
}

div#content-columns {
	padding:0 0 10px 0;
}
div#col-lft {
	width:205px;
	float:left;
	height:auto;
	margin:auto;
	font-size:11px;
	font-family:helvetica,sans-serif;
	color:#333333;
	
}
div#col-mid {width:443px; float:left; margin:0 20px 20px; 20px;}
div#col-mid-wide {width:600px; float:left; margin:0 20px 20px; 60px;}
div#col-mid p, div#col-mid-wide p{margin-bottom:20px;}


h3.entry-title a{text-decoration:none;}
div#col-rt {width:165px; height:auto; background-color:#f0f0f0; color:#666; float:right; margin:0 0 20px 0; padding:20px; font-size:11px; line-height:1.1em;}

div.search-terms h3 {font-size:14px;font-family:helvetica,sans-serif; font-weight:normal; padding:0; margin:0;}

/* CATEGORY */
div#category-body{padding:0 0 0 0; margin:0;}
div#categories {padding:0; margin:0;}

/* FEED */
div#feed {}
div#feed ul {list-style:none;padding:8px 0 0 0;margin:0;}
div#feed ul li {padding:0 0 8px 0;}

/**/
div#resources {padding:0 0 1px 0;}
#resources p {padding-bottom:5px;}

/* TAG CLOUD */
#cloud {margin-top:26px;}
#cloud a {text-decoration:none;}
#cloud a:hover {text-decoration:underline;}


/*Twitter Widget*/

h3.widgettitle a.twitterwidget{text-decoration:none; color:#333;}
ul li.entry-content {padding-bottom:5px;}
#twitter-1.widget {padding:5px;border:3px double #fff; background: url(images/sidebg00.jpg)#fff top no-repeat; }
#twitter-2.widget {padding:5px;border:3px double #fff; background: url(images/sidebg00.jpg)#fff top no-repeat; }
#twitter-3.widget {padding:5px; border:3px double #fff; background: url(images/sidebg00.jpg)#fff top no-repeat; }
#twitter-4.widget {padding:5px;border:3px double #fff; background: url(images/sidebg00.jpg)#fff top no-repeat; }
#twitter-5.widget {padding:5px;border:3px double #fff; background: url(images/sidebg00.jpg)#fff top no-repeat; }

.widget {padding:5px; border-bottom: }

.twitter-avatar img{
	margin-bottom: 10px;
	border:3px double #fff;
}

.entry-meta {
	font-size:xx-small;
	display:block;
	margin-top: 1px;
	margin-bottom:10px;
	font-style: italic;
	padding-bottom: 6px;
	color:gray;
}

.entry-meta a {color:#999;
}

.entry-content {}

.widget_twitter {}