/*  
Theme Name: SER 2011 Conference
Theme URI: http://ser2011.org
Description: Theme for SER 2011 Conference
Version: 1.0
Author: Monte Workman, Ian Johnson
Author URI: http://www.moiagroup.com

*/

body {
	background-color: #FFF;
	text-align: center;
	margin: 0;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 82%;
	color: #666;
	background: url(images/bg_tile.jpg);
	background-repeat: repeat-x;
	line-height: 1.3em;
	
}
a {
	color: #12693C;
	text-decoration: none;
	
}

a:hover {
	color: #002492;
	}

p {
	margin-bottom: 1em;
	line-height: 1.4em;
	}
	
h1, h2, h3, h4 {
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-weight: bold;
	margin-bottom: .4em;
	color: #12693C;
	line-height: 1em;
}

 h1 {
	text-transform: uppercase;
	font-size: 16px;
	padding: 10px 0 8px 35px;
	background-image: url(images/h1_bullet_line_1.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	}

h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
	

 h1.plain {
 	background-image: url(images/h1_line.gif);
	padding-left: 0;
	font-size: 22px;
	}

 h1.alt2 {
	background-image: url(images/h1_bullet_line_2.jpg);
	}
 h1.alt3 {
	background-image: url(images/h1_bullet_line_3.jpg);
	}
 h1.alt4 {
	background-image: url(images/h1_bullet_line_4.jpg);
	}
 h1.alt5 {
	background-image: url(images/h1_bullet_line_5.jpg);
	padding-left: 40px;
	}
 h1.alt6 {
	background-image: url(images/h1_bullet_line_6.jpg);
	}
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 1022px;
	padding: 0 0;
	position: relative;
}


#wrapper {
}

#page {
	background-image: url(images/nav_gray-bg-blend.jpg);
	background-repeat: repeat-y;
}

#header {
	padding: 0;
	height: 170px;
	position: relative;
	text-align: center;
	margin-top: 15px;
}
#headerleft {
	width: 141px;
	position: absolute;
	top: 0;
	left: 30px;
	height: 144px;
	}
	
#headermiddle {
	width: 570px;
	position: absolute;
	left: 212px;
	height: 144px;
	}
	
#headerright {
	position: absolute;
	top: 20px;
	left: 820px;
	width: 200px;
	height: 144px;
	text-transform: uppercase;
	color: #999;
	}
#headerright img {
	margin: 8px 0;
	}
#headerdate {
	
	}
	
#headertime {
	color: #12693C;
	padding-top: 6px;
	margin-top: 6px;
	border-top: 1px solid #12693C;
	text-transform: none;
	}
	
#footer {
	clear: both;
	margin: 10px 226px 30px 225px;
	font-size: .9em;
	color: #333;
}

#footerright {
	float: right;
	width: 40%;
	text-align: right;
}

#footer a {
	}


#content {
	float: left;
	width: 570px;
	display: inline;
	font-size: 1.15em;
}

#content ul {
	list-style: disc;
}

#content ol {
	list-style: decimal;
}
#content ul li, #content ol li {
	margin: .5em 0 1em 2em;
	font-size: .95em;
	}

ol, ul {
	margin-bottom: 10px;
	}
#content table tr td {
	vertical-align: top;
	padding-right: 15px;
}

.slideshow {
	margin-bottom: 15px;
}
	
	

.indent20 {
	padding: 20px;
	}

p.date {
	margin: 0;
	padding: 0;
	font-size: .9em;
	color: #999;
}

.excerpt p {
	margin: 0;
	padding: 0;
}

#news a {
	text-decoration: none;
} 

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

#rightcol {
	margin-top: 5px;
	float: right;
	width: 200px;
	}
/* ************************* SIDEBAR ************************ */
#sidebar {
	width: 195px;
	font-size: 1em;
	float: left;
	margin-right: 30px;
	display: inline;
	margin-top: 10px;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}

#sidebar a {
	display: block;
	text-decoration: none;
	color: #133E71;
	font-size: 1em;
}

#sidebar ul li a {
	padding: 4px 0px;
	padding-left: 10px;
	margin: 0;
	background-color: #12693C;
	font-weight: bold;
	border-top: 1px solid #FFF;
	color: #FFF;
}

#sidebar ul li ul a {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li ul li a {
	padding: 4px 0px;
	padding-left: 20px;
	margin: 0;
	font-weight: normal;
	color: #666;
	background-image: url(images/nav_gray-bg-blend.jpg);
	background-repeat: repeat-y;
	border-top: 1px solid #12693C;
	background-color: none;
}


#sidebar ul li ul li ul a {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li ul li ul li a {
	padding: 4px 0px;
	padding-left: 30px;
	margin: 0;
	background-color: #7398B2;
}

#sidebar li.current_page_item a {
	background-color: #002492;
	background-image: none;
	color: #FFF;
	
}


#sidebar li.current_page_item a li a {
	border: 1px solid red;
	background-image: url(images/nav_gray-bg-blend.jpg);
	background-repeat: repeat-y;
	color: #FFF;
	
}


#sidebar ul li.current_page_item ul li a {
	color: #666;
	background-image: url(images/nav_gray-bg-blend.jpg);
	background-repeat: repeat-y;

}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



.left_column {
	clear: both;
	width: 48%;
	float: left;
}

.right_column {
	width: 48%;
	float: right;
}
#sidebar_bottom {
	margin: 15px 5px 20px 5px;
	padding: 8px;
}


#sidebar_bottom  h1 {
	background-image: none;
	padding: 0;
	}
	
.spacer_ {
	clear: both;
	margin-bottom: 10px;
}

.story {
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #999;
}

.storyview {
	float: right;
}

.storyimage img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}