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

/* Layout Elements */

@page {
  margin-top: 2.5cm;
  margin-left: 2.5cm;
  margin-right: 2.5cm;
  margin-bottom: 3cm;
}

#container {
	width: 986px;
	margin: 0 auto;
	overflow: visible;
	height: 100%;
	padding: 0;
	text-align: left;
}

#container_overflow {
	overflow: visible;}


#header {
    display: none;
}

#site-title {	
	display: none;}

#navtabs {	
	display: none;}

#breadcrumb {	
	display: none;}

#content {
	background: #FFF;
	width: 100%;
	height: 100%;
	padding-bottom: 1em;
	text-align: justify;
	overflow: visible;
}

#content-primary table{
	height: 100%;
}

#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;
	overflow: visible;
}



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

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

#sidebar_left {
	display: none;}

#sidebar_right {
	display: none;}

#footer {
	display: none;}

/* --- Header Elements --- */
#ucam {
	display: none;}

#site-search {
	display: none;}

#site-search form {
	display: none;}

.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 {
	display: none;}


/* --- 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;
}

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

ul.menu li ul.menu {
	border-width: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

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 */
ul.menu li a {display: inline-block;}

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

ul.menu li a:hover
{
	background-color: #EFEFEF;	
}

/* --- 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-summary{
	border: 1px #CCC solid;
	display: block;
	overflow: auto;
	padding: 0 14px 15px 14px;
	margin: 0;
	background: #E8F0FF;
}

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

#talks-right-wide{
	background: url(images/ioa-exttalks.jpg) no-repeat;
	float: left;
	width: 410px;
	padding: 90px 21px 10px 0;
	margin: 20px 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;
}
