@charset "UTF-8";
/* cam_ioa theme
v1.0 - D.R. Wilkins and S.J. Crass - December 2010 */

/* Layout Elements */

#container {
	background:	#FFF url(images/footer.jpg) no-repeat left bottom;
	width: 986px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align: left;
}

#container_overflow {
	background:	#FFF url(images/footer.jpg) no-repeat left bottom;
	width: 986px;
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	text-align: left;
}


#header {
    height:100px;
	width: 986px;
    margin: 0;
	overflow: hidden;
	padding:0;
	background: #000 url(images/header.jpg) no-repeat;
}

#site-title {	
	background: #8BC0B5;
	width: 946px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 20px 0 20px;
	border-bottom: 1px solid #eee;
}

#navtabs {	
	background: #8BC0B5;
	width: 976px;
	line-height: 2.5em;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 0 10px;
}

#breadcrumb {	
	background: #FFF url(images/icon-home.gif)  no-repeat 20px 1px;
	width: 945px;
	height: 1.5em;
	margin: 7px 0 0 0px;
	padding: 2px 0px 0 41px;
	line-height: 1.5em;
	color: #CCC;
}

#content {
	background: #FFF;
	float: right;
	width: 720px;
	margin: 0 15px 0 0;
	padding: 8px 10px 0 10px;
	text-align: justify;
}

#content_overflow {
	background: #FFF;
	float: right;
	width: 720px;
	margin: 0 15px 0 0;
	padding: 8px 10px;
	padding-bottom: 1em;
	text-align: justify;
	overflow: visible;
}

#content_overflow table {
	background: #FFF;
}



#content_wide {
	background: #FFF;
	float: right;
	width: 906px;
	margin: 0 10px;
	padding: 0 30px;
	padding-bottom: 1em;
	text-align: justify;
}

#content_front {
	background: #FFF;
	float: right;
	width: 966px;
	margin: 0 10px;
	padding: 10px 0px;
	padding-bottom: 1em;
	text-align: justify;
}

#sidebar_left {
	background: #FFF;
	width: 200px;
    padding: 5px 10px 0 5px;
    margin: 0px;
    margin-left: 15px; 
    float: left;  
}

#sidebar_right {
	float: right;
    width: 200px;
    padding: 0 10px;
}

#footer {
	font-size: 0.8em;
	clear: both;
	border-top: 1px #CCC solid;
	margin: 0 auto;
	padding: 10px 20px;
	display: block;
}

/* --- Header Elements --- */
#ucam {
	margin: 40px 0px 0px 20px;
	padding: 0px;
	float: left;
}

#site-search {
	float: right;
	margin: 58px 6px 0px 0px;
	padding: 0 0 0 5px;
	height: 30px;
	width: 206px;
	background: url(images/search-back.gif) no-repeat;	
	border: 0px;
	display: inline;
}

#site-search form {
	margin: 0;
	padding: 0;
	display: inline;
}

.search-enter {
	margin: 4px 2px;
	padding: 0 0 0 2px;
	display: inline;
	float: left;
	width: 158px;
	line-height: 20px;
	height: 20px;
	border: 1px solid #AAA;
	color: #888;
}

.search-button {
	margin: 1px 8px 0px 0px;
	padding: 0px;
	float: right;
}

/* --- Footer Elements ---*/
#site-logo {
	float: right;
	margin: -10px 0 10px 0;
	padding: 0px;
}


/* --- Site Title Styling --- */
#site-title a:link{	
	text-decoration: none;
	color: #333;
}

#site-title a:visited{	
	text-decoration: none;
	color: #333;
}

#site-title a:hover{	
	color: #333;
	text-decoration: underline;
}

#site-title a:active{	
	text-decoration: none;
	color: #333;
}


/* --- Menu Styling --- */
ul.links li {
	padding: 0 1em 0 0;
}

#navtabs ul.links {
	height: 2.2em;
	float:left;
	list-style: none; 
	margin:0; 
	padding: 0px;
	font-size: 1em;
	border: 0px;
	vertical-align: baseline;
	line-height: 2.2em;
	display: block;
}

#navtabs ul.links li{
	list-style-type: none;
	list-style-image: none;
	display: block;
	float: left;
	padding: 0px 0px;
	border: 0px;
	border-right: 1px #EEE solid;
	line-height: 2.2em;
}

#navtabs ul.links li.last{
	border-right: none;
}

#navtabs ul.links li a{
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0px 10px;
}
	
#navtabs ul.links li a:hover{
	color: #333;
	text-decoration: none;
	background-color: #EFEFEF;
}

#navtabs ul.links li a:active{
	color: #333;
	text-decoration: none;
}

.sidebar ul.menu, #front-right ul.menu
{
	padding-left: 0px;
	border-top: 2px solid #AAB;
	border-bottom: 2px solid #AAB;
	padding-bottom: 0;
	background-color: #E8F0FF;
	margin-bottom: 10px;
}

.sidebar ul.menu li ul.menu, #front-right ul.menu li ul.menu {
	border-width: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.sidebar ul.menu li, #front-right ul.menu li {
	display: block;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/* need this line above ul.menu li a section to fix IE bug */
.sidebar ul.menu li a, #front-right ul.menu li a {display: inline-block;}

.sidebar ul.menu li a, #front-right ul.menu li a
{
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 3px 10px 3px 10px;
	background-color: #E8F0FF;
	border-top: 1px solid #fff;
}

.sidebar ul.menu li a:hover, #front-right ul.menu li a:hover
{
	background-color: #EFEFEF;	
}

.book-navigation ul li ul.menu {
	border-top: none;
	padding-top: 0;
}

.book-full-index {
	padding-bottom: 1em;
	border-bottom: 1px solid #888;
	margin-bottom: 2em;
}

/* --- Breadcrumb --- */
#breadcrumb {
	font-size: 0.9em;
}
#breadcrumb a{	
	text-decoration: none;
}

#breadcrumb a:hover{	
	text-decoration: underline;
}

/* --- Frontpage & Talks page Layout Elements ---*/
#front-left, #talks-left {
	float: left;
	min-height: 20px;
	padding-bottom: 1em;
	text-align: justify;
}

#front-left{
	background: #FFF url(images/front-left.jpg) no-repeat 10px 0px;
	padding: 90px 10px 0 10px;
	width: 282px;
	margin: 10px 10px 0 10px;
}

#talks-left{
	padding: 0 10px 0 0;
	width: 272px;
	margin: 0 10px 0 0;
}

#front-middle, #talks-middle {
	float: left;
	min-height: 20px;
	padding-bottom: 1em;
	text-align: justify;
}

#front-middle{
	background: #FFF url(images/front-middle.jpg) no-repeat 20px 0px;
	padding: 90px 15px 0 15px;
	width: 285px;
	margin: 10px 5px 0px 0px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}

#talks-middle{
	padding: 0 10px 0 10px;
	width: 272px;
	margin: 0 5px 0px 0px;
}

#front-right, #talks-right {
	float: left;
	min-height: 20px;
	padding-bottom: 1em;
	text-align: justify;
}

#front-right{
	background: #FFF url(images/front-right.jpg) no-repeat 15px 0px;
	padding: 90px 10px 0px 15px;
	width: 287px;
	margin: 10px 10px 0 0;
}

#talks-right{
	padding: 0 0 0 15px;
	width: 272px;
	margin: 0;
}

#talks-archive-block{
	float: right; 
	width: 204px; 
	margin-top: -20px; 
	padding-left: 17px; 
	border-left: 1px solid #CCC;
}

#talks-archive-block h3 {
	margin-top: 0;
}

#talks-info-block{
	float: left;
	width: 670px;
}

#talks-summary{
	border: 1px #CCC solid;
	display: block;
	overflow: auto;
	padding: 0 14px 15px 14px;
	margin: 10px 0 0 0;
	background: #E8F0FF;
	clear: both;
	float: left;
	width: 876px;
}

#talks-left-wide{
	background: url(images/ioa-talks.jpg) no-repeat;
	clear:both;
	float: left;
	width: 410px;
	padding: 90px 20px 10px 0;
	margin: 12px 15px 0 15px;
}

#talks-right-wide{
	background: url(images/ioa-exttalks.jpg) no-repeat;
	float: left;
	width: 410px;
	padding: 90px 21px 10px 0;
	margin: 12px 0 0 15px;
}


/* --- Admin Menu Styling --- */
#admin-menu {
	font-size: 0.9em;	
}

div.messages ul {
	margin: 0;
	padding: 0 15px;
}
div.messages {
	padding: 5px 10px;
	margin-bottom: 10px;
}
div.status {
	border: 1px solid #aaa;
	background-color: #E8F0FF;
}