/*
Theme Name: OLLI 2009 Refresh
Theme URI: http://www.olliatou.org
Description: A Theme created for OLLI by the University of Oklahoma .
Version: 1.0
Author: Jer Brand
Author URI: http://aut0poietic.us/

*/
@charset "utf-8";

* {margin:0;padding:0;} 

html  {height: 100%;}
body  {height: 100%;}
#wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body
{
	height:			100% ;
	text-align:		center ;
	background:		#fff7d7 url(images/body.jpg) top repeat-x;
	font:	1em "Trebuchet MS", Helvetica, Arial, sans-serif  ;
	line-height:	1.2em ;
	color:			#110000 ;
}

#wrap
{  
	text-align: center ;
}
#main 
{
	width: 960px;
	margin: 0 auto 0 auto ;
	padding-bottom: 90px; 
	background:url(images/main.jpg) top left no-repeat;
	text-align:left ;
}  

#header
{
	display:block ;
	height:203px;
	width:960px;
	margin: 0 auto 0 auto ;
	overflow:hidden ;
	border:none;
}
#header span
{
	display:block ;
	padding-top:210px;
}

ul#nav
{
	display:block;
	padding-left:310px;
	height:60px;
}
ul#nav li
{
	display:inline ;
	list-style:none;
}
ul#nav li a
{
	display:block;
	float:left;
	height: 60px;
	padding-left:32px;
	padding-right:32px ;
	line-height:60px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	border: none;
}
ul#nav li a:hover
{
	background:url(images/navhover.jpg) ;
}

#sidebar
{
	float:left;
	width: 304px;
	background:url(images/sidebar.jpg) top left ;
	margin-top:70px;
}
#sidebar .top
{
	height:90px;
	background: url(images/sidebar-top.jpg) top no-repeat ;
}
#sidebar .bottom
{
	height:90px;
	background: url(images/sidebar-bottom.jpg) no-repeat ;
}
#sidebar ul
{
	display:block ;
	padding: 0 16px 0 16px ;
}
#sidebar .sidebar li
{
	list-style:none ;
	display:block;
	margin:0;
	padding:0 0 32px 0;
}
#sidebar .sidebar li h3
{
	font: bold 1.2em Georgia, "Times New Roman", Times, serif ;
	line-height:1.3em;
	color:#660000;
}

.topicImage 
{
	display:block;
	border: none;
	margin-bottom:8px;
}
.topicImage:hover
{
	display:block;
	border: none;
	margin-bottom:8px;
}
.topicImage img
{
	border: 2px solid #660000;
}
.topicImage:hover img
{
	border: 2px solid #CC0000;
}

#footer
{
	position: relative;
	margin-top: -90px; 
	height: 90px;
	clear:both;
	background: #3b0a10 url(images/footer.jpg) top left repeat-x;
	text-align:center ;
	overflow:hidden;
	color:#fff7d7;

}

#footer ul
{
	padding-top:12px;
	padding-bottom:2px;
	width:960px ;
	margin-right:auto ;
	margin-left:auto ;
}
#footer li
{
	display:inline ;
	list-style:none;
	line-height:1.3em;
}
#footer a
{
	font-size:0.87em;
	color:#fff7d7;
	text-decoration:none ;
	border-bottom: 1px solid #CC0000; 
}
#footer a:hover
{	
	border-bottom: 1px solid #fff7d7; 
}


#content
{
	padding: 32px 16px 32px 336px;

}
#content
{
	_height: 1132px;
	_padding-left:32px;
}
p
{
	line-height:1.5em ;
	margin-bottom:8px;
}
a
{
	color:#CC0000;
	text-decoration:none;
	border-bottom: 1px solid #f5e08d ;
}
a:hover
{
	border-bottom: 1px solid #CC0000 ;
}

blockquote.right
{
	float:right;
	border-top:1px solid #660000;
	border-bottom:1px solid #660000;
	width:180px;
	padding:8px;
	font-size:1.1em;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:16px;
}

blockquote.left
{
	float:left;
	border-top:1px solid #660000;
	border-bottom:1px solid #660000;
	width:180px;
	padding:8px;
	font-size:1.1em;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-right:16px;
}
img.alignleft
{
	float:left;
	margin-right:8px;
	margin-top:8px;
	margin-bottom:8px;
}
img.alignright
{
	float:right;
	margin-left:8px;
	margin-top:8px;
	margin-bottom:8px;
}


table#wp-calendar
{
	width:280px;
}
table#wp-calendar th
{
	text-align:center ;
	font-size:11px;
}
table#wp-calendar td
{
	width:40px;
	height:40px;
	background-color: #fffbe7 ;
	border: 1px solid #ffedaf ;
	border-collapse:collapse; 
	padding:3px;
}
table#wp-calendar td span
{
	display:block;
	width:100%;
	height:100%;
}
table#wp-calendar caption
{
	text-align:center ;
	width:100%;
	height:30px;
	font-size:18px;
	font-weight:bold ;
}

table#wp-calendar tfoot td
{
	width:40px;
	height:40px;
	background-color: transparent !important ; ;
	border: none ;
}
table#wp-calendar tfoot td span
{
	display:inline ;
}
.clear
{
	clear:both;
}
h1
{
	font-size:1.5em;
	line-height:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#660000;
	padding-top:16px;
}

h2
{
	font-size:1.2em;
	line-height:1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#660000;
	border-bottom:1px dotted #e4c5aa;
	padding-top:8px;
}
h1 a, h2 a, h3 a
{
	border:none ;
	text-decoration:none;
	color:#660000;
}
h1 a:hover, h2 a:hover, h3 a:hover
{
	text-decoration:none;
	color:#660000;
}
h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
	font-style:italic ;
	color:#660000;
	margin-bottom:16px;
}
h4, .author
{
	font-weight:bold ;
	font-size:110%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#660000;
}
h5, .department
{
	font-style:italic ;
	padding-left:32px;
	margin-bottom:32px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.screenreaderonly
{
	position:absolute;
	display:block;
	width:0px;
	height:0px;
	overflow:hidden ;
	top:0;
	left:0;
}
div.tblList
{
	font-weight:bold ;
	color:#660000;
	margin-top:8px;
	clear:right;
}

blockquote.contact
{
	margin-left:32px ;
	border-left:5px solid #660000 ;
	padding-left:8px;
	width:240px;
	height:80px;
	margin-bottom:16px;
}
blockquote.contactright
{
	clear:right ;
}

div.tblList span , ul.tblList li
{
	display:block ;
	float:right;
	font-weight:normal;
	text-align:left;
	width:300px;
	clear:right;
}
strong
{
	font-weight:bold ;
	color:#320303 ;
}
#content ul
{
	margin-left:32px;
	margin-bottom:16px;
	line-height:	1.2em ;
}
#content li
{
	margin-top:4px;
	list-style:square ;
	list-style-type:square ;
}
#content li ul li
{
	list-style:none;
}
p.viewsession
{
	text-align:right ;
	font-style:italic ;
}
/* CLEAR FIX*/
.clearfix:after { 
	content: 	".";
	display: 	block;
	height: 	0;
	clear: 		both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */