/*  
Theme Name: Dante
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 

.
Organized by parent --> child,
starting with the top of the page, 
defining each style within a major
area, and moving down. Exceptions 
are the global reset and some basic 
style definitions, which are first. 

Questions --> jas352@georgtown.edu

License --> http://creativecommons.org/licenses/by-nc-sa/3.0/us/
.
*/  


 /* Global Reset */
/****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input
{	border:0 none;
	font-weight:inherit;
	font-family:inherit;
	font-style:inherit;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0; 
	vertical-align:baseline;
	}
	
html {overflow:scroll;}

ol, ul {list-style:none;}

.clear {clear:both;}
strong {font-weight:bold;}
em, i {font-weight:normal; font-style:italic;}

big {font-size:125%;}
small {font-size:75%;}

.alignleft {float:left; margin:0px 20px 20px 20px; display:inline;}
.alignright {float:right; margin:0 0 20px 20px; display:inline;}

.error {background-color:#dd6b6b; border:1px solid #b21313; padding:5px;}
	.error p, .error h2 {color:#b21313;}


 /* Basic Styles */
/****************/

h1 {
	color:#2b3823;
	font:bold 24px Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
	padding-top:15px;
	}	
	h1 span {color:#5c7a49;}	
	
h2 {	
	color:#5c7a49;
	font:bold 20px Helvetica, Arial, sans-serif;
	padding-top:15px;
	}
	h2 strong {color:#32511d;}
	#slider h2 {
		color:#5c7a49;
		font:bold 14px Helvetica, Arial, sans-serif;
		padding-top:15px;
		}
	
h3 {
	color:#2b3823;
	font:bold 16px Helvetica, Arial, sans-serif;
	padding-top:15px;
	}
h4 {
	color:#5c7a49;
	font:bold 12px Helvetica, Arial, sans-serif;
	padding-top:15px;
	}
h5 {
	color:#5c7a49;
	font:bold 10px Helvetica, Arial, sans-serif;
	padding-top:15px;
	}
p, ul, ol, blockquote, .messagebox {
	color:#5c7a49;
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	}
	
	
	
	
	#content p, #content ul, #content ol, #content blockquote {padding-top:12px; line-height:19px;}	
	
	p.meta {color:; font-size:11px; margin:0 0 5px 0; padding:0;}
	
	.tags, .categories, .author, .date, .editpost,
	.comments, .addcomment, .permalink, .feed	{		
		height:16px;
		padding:2px 10px 2px 20px;
		}	
		.tags {background:url(images/icon-tags.gif) 0 0 no-repeat;}
		.categories {background:url(images/icon-categories.gif) 0 0 no-repeat;}
		.author {background:url(images/icon-author.gif) 0 0 no-repeat;}
		.date {background:url(images/icon-date.gif) 0 0 no-repeat;}
		.editpost {background:url(images/icon-editpost.gif) 0 0 no-repeat;}
		.comments {background:url(images/icon-comments.gif) 0 0 no-repeat;}
		.addcomment {background:url(images/icon-addcomment.gif) 0 0 no-repeat;}
		.permalink {background:url(images/icon-permalink.gif) 0 0 no-repeat;}
		.feed {background:url(images/icon-feed.gif) 0 0 no-repeat;}
	
.entry ul {
	list-style:disc; margin:0 0 15px 25px ;
	}	

blockquote {
	background-color:#f5f5f5;
	border:1px dotted #ccc;
	border-left:4px solid #ccc;
	padding:10px 10px 10px 20px;
	}
	
a {color:#be3320; text-decoration:none;}
	a:visited {color:#863c32;}
	a:hover {color:#ff3014;}
	a:focus, a:active {outline: 0;}

hr {border:0; border-bottom:1px solid #000;}

#content .player {display:block; height:430px; width:450px; border:2px solid #000; padding:0px; margin: 20px;}
#content .capture {height:480px; width:640px;}
#content .audio {height:24px;}
#content .framed{
  margin:6px 12px; 
  padding:12px; 
  border:1px solid #92a16e; 
  -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#content .caption{
  color:#666;
  text-align:center;
  font-size:11px;
  display:block;
}
#content h2.lecture{font-size:24px;}

#intro {
margin-top: -15px;
width: 425px;
float: right;
}

#pad  {
height: 50px;

}

#about {
width: 740px;
margin-top: 0px;
}

#team {
width: 180px;
height: 465px;
float: right;
margin: 40px 0px 0px 30px;
border-left:1px solid #92a16e; 
padding-left: 20px;
}

#team li {
margin-top: 10px;
}

#next {
width: 700px;
height: 200px;
margin: 20px 30px 20px 0;
}

.learn {
font-size: 18pt;
line-height: 1.2em;
}

hr {
color: #92a16e; 
}

 /* Structure */
/*************/

html {
	background:url(images/html-bg4.png) 0 0 repeat-x;
	background-color: #e4dbc2;
	}
body {
	background:url(images/body-bgcrop.jpg) center top no-repeat;
	text-align:center; 
	}
	
	
	
div#wrap {  
	margin:0 auto;
	padding:0 0 15px 0;
	position:relative;
	text-align:left;
	width:960px; 
	}
	
#banner {
	background: url(images/banner-bg.png) 0 0 no-repeat;	
	height:269px; width:283px;
	position:relative; left:-45px;
	z-index:1;
	}
	#banner h1 a {
		background:url(images/logo.png) 0 0 no-repeat;	
		height:55px; width:180px;
		padding:0;
		position:absolute; top:40px; left:65px; 
		text-indent:-9999px;
		}
		/* #banner h1 a:hover {background-position:0 -55px;} */
		
	#banner h2 {
		background:url(images/tagline.png) 0 0 no-repeat;	
		height:105px; width:715px;
		position:absolute; top:55px; left:290px; 
		text-indent:-9999px;
		}
		
		
	#login {
		width:163px;
		position:absolute; top:100px; left:76px;
		}
		#login input {
			background:url(images/input-bg2.gif) 0 0 repeat-x; 
			border:1px solid #df4641; 
			color:#631a18;
			font:bold 12px Helvetica, Arial, sans-serif;
			padding:6px 4px;
			}
			#login #username {width:150px; margin-bottom:5px;}
			#login #password {width:104px;}
			#login #enter {
				background-image:url(images/input-bg.gif); 
				border-color:#5a0906; 
				color:#f39f71; 
				margin-left: 2px; 
				text-align:center;
				width:40px; 
				cursor:pointer;
				}
				#login #enter:hover {border-color:#f39f71;}
			
			#login input:focus {
				border-color:#f39f71;
				color:#ffcc6a;
				}
	
	#forgot {
		color:#FF815F;
		font:bold 9px Helvetica, Arial, sans-serif;
		}
		#forgot:hover {color:#ffcc6a;}
		
	#create_new {
		width:163px;
		position:absolute; top:175px; left:76px;
		text-align:center;
		}
		#create_new p {color:#f7644f; font:bold 13px/19px Helvetica, Arial, sans-serif; letter-spacing:-0.5px;}
		#create_new a {color:#ff815f;}
		#create_new a:hover {color:#ffcc6a; border:0;}
			


#nav {
	display:block;
	height:148px; width:980px; 
	position:absolute; top:-260px; left:0;
	z-index:0;
	}
	#nav li {
		display:block;
		float:left;
		height:148px; width:180px;
		list-style-type:none;
		margin-left:17px; 
		text-align:left;
		}
		#nav li.home, #nav li.about {display:none;}
		#nav li.read {margin-left:0;}
		#nav li a {
			background-color:#812824;
			border:5px solid #fff;
			color:#c4d8c8;
			display:block;
			height:126px; width:164px;
			font:bold 13px Helvetica, Arial, sans-serif;
			position:relative;
			}	
			#nav li a img {
				max-height:130px; max-width:164px;
				}
			#nav li a span {
				display:block;
				height:40px; width:164px;
				background-size: 40px 164px;
				position:absolute; bottom:0; left:0;
				text-indent:-9999px;
				}
				#nav li.read a span {background:url(images/nav-read.png) 0 0 no-repeat;}
				#nav li.annotate a span {background:url(images/nav-annotate.png) 0 0 no-repeat;}
				#nav li.illustrate a span {background:url(images/nav-illustrate.png) 0 0 no-repeat;}
				#nav li.collaborate a span {background:url(images/nav-collaborate.png) 0 0 no-repeat;} 
				#nav li.compose a span {background:url(images/nav-compose.png) 0 0 no-repeat;} 

				
				#nav li a.selected {border-color:#7b160e;}
				#nav li a.selected span {background-position:0 -40px;}
				
#subnav {
	display:block;
	height:18px; width:330px;
	position:absolute;
	bottom:45px; right:180px;
	margin-bottom: 0px;
	}
	#subnav li {
		display:block;
		float:left;
		height:17px; width:17px;
		list-style-type:none;
		margin-left:4px; 
		text-align:left;
		}
		#subnav li a {
			background:url(images/circles.png) 0 0 no-repeat;
			display:block;
			height:17px; width:17px;
			text-indent:-9999px;
			}
			#subnav li.home a {background:url(images/home.png) 0 0 no-repeat;}
			#subnav li a.selected {background-position:0 -34px;}
			#subnav li a:hover {background-position:0 -17px; border:0 none;}
			

#content {
	float:left;
	margin:0px 0 0 0;
	height:375px;
	position:relative;
	width:960px;
	}
	html.post #content {
		padding-bottom:20px;
		height:auto;
		}
	
	
	#slider {
		width:960px;
		margin: 240px auto 0px auto;
		position: relative;
		}
	
	.scroll {	
		height:500px;
		overflow: auto;
		position: relative; /* fix for IE to respect overflow */
		clear: left; /* added a clear div before this, so we can space it relative to nav icon btns. */
		margin-top:-110px;
		}
	
	.scrollContainer div.panel {	
		height:500px;
		width: 960px; /* 864px; */ /* change to 560px if not using JS to remove rh.scroll */
		padding: 0px;
		}
/* 
	div.scrollButtons {
		background:url(images/arrows.png) 0 0 no-repeat;
		display:block;
		height:16px; width:17px;
		position:absolute; bottom:45px;
		text-indent:-9999px;
		cursor:pointer;
		z-index:10;
		}
		div.right {
			background-position:-17px 0;
			right:0;
			}
		div.left {
			background-position:0 0;
			left:0px;
			}
		div.right:hover {background-position:-17px -17px;}
		div.left:hover {background-position:0 -17px;}
		 */
		
	.flowplayer {
		border:2px solid #000;
		}
		
	.entry {
		margin-bottom:30px;
		}
	
#footer {
	background:#323232 url(images/footer-bg.jpg) top center repeat-x;
	border-top:10px solid #be3320;
	height:200px;
	text-align:center; 
	}
	#footer-wrap {
		margin:0 auto;
		position:relative;
		height:200px;
		width:960px;
		text-align:left;
		}
		#footer p {
			color:#c1c1c1;
			font:bold 10px Helvetica, Arial, sans-serif;
			padding:20px 450px 0 0;
			position:absolute; top:90px; left:0;
			}
		#footer a {color:#fff;}
		#footer a.cndls {
			background:url(images/logo-cndls.png) 0 0 no-repeat;
			display:block;
			height:32px; width:86px;
			position:absolute; top:50px; left:150px;
			text-indent:-9999px;
			}
		#footer a.gu {
			background:url(images/logo-gu.png) 0 0 no-repeat;
			display:block;
			height:31px; width:127px;
			position:absolute; top:55px; left:0;
			text-indent:-9999px;
			}


 /* Comments */
/************/


#commentform input, #commentform textarea {
	border:1px solid #000;
	background-color:;
	font:normal 11px Verdana, Arial, Sans-Serif;
	padding:4px;
	}
	
textarea#comment {width:500px;}
input#submit {
	background:#ccc url(images/submit-bg.gif) 0 0 repeat-x; 
	border:1px solid #000; 
	color:#000;
	cursor:pointer;
	font:;
	}
.commentlist cite {
	background:url(images/comment-bg.gif) 5px bottom no-repeat; 
	font:;  
	display:block;
	margin-bottom:-1px;
	padding: 0 0 10px 0;
	position:relative;
	z-index:10;
	}	
	.commentlist strong {font-weight:bold; font-size:130%;}

.commentmetadata {font-weight: normal; font-size:11px;}	

.commentlist {margin:0;}
	.commentlist li {
		color:#000;
		list-style: none;	
		margin: 15px 0 3px;
		padding: 0;
		}
		.commentlist p {padding-top:10px; font-size:11px; color:;}
		.commentlist li div {
			border:1px solid #000;
			background:#fff;
			padding:0 10px 10px 10px;
			position:relative;
			z-index:1;
			}
#commentform p {margin: 5px 0;}


 /* Calendar */
/************/

#calendar_wrap {padding:10px 0 20px 0;}
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 230px;
	}
	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}
	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		font-size: 9pt;
		}
	#wp-calendar a {
		display: block;
		text-decoration: none;
		}
	#wp-calendar caption {
		font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		text-align:left;
		}
	#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}
		#wp-calendar td.pad:hover { /* Doesn't work in IE */
			background-color: #fff;
			}	
	#wp-calendar th {
		font-style: normal;
		text-transform: capitalize;
		}
		
		
     /* Conditional Login -- 8/23//2011 BG */
    /************/
    

#banner h4{
    position:relative;
    top:72px;
    left:78px;
    width:168px;
    text-align:center;
    color:#ffd;
    font-size:14px;
  }
  #banner hr {
    width: 60%;
    border-color: #410;
  }
  #login_chooser {
    margin:9px 3px;
  }
  #banner h4 a {
    color:#ffd;
  }
  #non_gu_login, #gu_login, #create_new {
    display:none;
  }