/*  
Theme Name: CIA Summit
Description: The design shell for http://ciasummit.com
Version: 1.0
Author: JK Mohr
Author URI: http://legitbydesign.com
*/

/* Body Styles / Resets
********************************************/


* {
	padding: 0px;
	margin: 0px;
}

body {
	background-image: url(images/bg2.gif);
	background-color: #131313;
	font-family: "Lucida Grande", Verdana;
	text-align: center;
	margin-bottom: 40px;
}

a {
	color: #ccc;
}

a:hover {
	color: #b1a791;
}

p a {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

p a:hover {
	text-decoration: none;
	border-bottom: 1px solid #b1a791;
}

img { border: none; padding:0; margin: 0; }

.section {
	border: none; 
	height: 20px;
}

p img {
	display: block;
}

table {
	background-color: #111;
	padding: 20px;
	width: 605px;
	margin-bottom: 20px;
	font-size: 12px;
	color: #111;
}

table u {
	font-size: 18px;
}


/* Block Class Levels
********************************************/

#container {
	width: 875px;
	margin: 20px auto;
	text-align: left;
}

#header {
	background-image: url(images/header.jpg);
	background-position: top center;
	width: 875px;
	height: 216px;
	margin-bottom: 20px;
	border: 0;
	clear: both;
}

.clear {
	clear: both;
}

	.register-button {
		margin-left: 705px;
		margin-top: 106px;
	}
	

/* Block Class Levels: The Menu
********************************************/

#menu {
	margin-bottom: 0;
	padding: 0;
	height: 70px;
	width: 875px;
	border: 0;
}

#menu a img {height: 70px; width: 125px; border-width: 0; float: left; }

		#menu a#home img {
			background: url(images/menu/home.jpg) top left no-repeat;
		}
		#menu a#home:hover img {
			background: url(images/menu/home-hover.jpg) top left no-repeat;
		}
		
		#menu a#info img {
			background: url(images/menu/info.jpg) top left no-repeat;
		}
		#menu a#info:hover img {
			background: url(images/menu/info-hover.jpg) top left no-repeat;
		}
		
		#menu a#schedule img {
			background: url(images/menu/schedule.jpg) top left no-repeat;
		}
		#menu a#schedule:hover img {
			background: url(images/menu/schedule-hover.jpg) top left no-repeat;
		}
		
		#menu a#vendors img {
			background: url(images/menu/vendors.jpg) top left no-repeat;
		}
		#menu a#vendors:hover img {
			background: url(images/menu/vendors-hover.jpg) top left no-repeat;
		}
		
		#menu a#resources img {
			background: url(images/menu/resources.jpg) top left no-repeat;
		}
		#menu a#resources:hover img {
			background: url(images/menu/resources-hover.jpg) top left no-repeat;
		}
		
		#menu a#blog img {
			background: url(images/menu/blog.jpg) top left no-repeat;
		}
		#menu a#blog:hover img {
			background: url(images/menu/blog-hover.jpg) top left no-repeat;
		}
		
		#menu a#contact img {
			background: url(images/menu/contact.jpg) top left no-repeat;
		}
		#menu a#contact:hover img {
			background: url(images/menu/contact-hover.jpg) top left no-repeat;
		}
		
		
		#right a img {height: 63px; width: 250px; border-width: 0; margin-bottom: 20px; }

		#right a.bios-link img {
			background: url(images/speakerbios.jpg) top left no-repeat;
		}
		#right a.bios-link:hover img {
			background: url(images/speakerbios-over.jpg) top left no-repeat;
		}


/* Block Class Levels: The Grid
********************************************/

#left {
	width: 605px;
	padding-right: 20px;
	float: left;
}

#right {
	width: 250px;
	float: left;
}


/* Block Class Levels: Section Specific
********************************************/

#recap-ad {
	background-image: url(images/recap.jpg);
	background-position: center;
	width: 250px;
	height: 259px;
	margin-bottom: 20px;
}

#momentum {
	background-image: url(images/momentum.jpg);
	background-position: center;
	width: 250px;
	height: 235px;
	margin-bottom: 20px;
}

#blog-posts-home {
	background-image: url(images/blog-posts.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	width: 250px;
	padding: 53px 0 10px 0;
	margin-bottom: 20px;
}

#categories {
	background-image: url(images/categories.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	width: 250px;
	padding: 53px 0 10px 0;
	margin-bottom: 20px;
}

#page-sections {
	background-image: url(images/page-sections.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	width: 250px;
	padding: 53px 0 10px 0;
	margin-bottom: 20px;
}

.flickrphotos {
	background-image: url(images/2007photos.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	width: 250px;
	padding: 62px 0 10px 0;
	margin-bottom: 20px;
	text-align: center;
}

	.flickrphotos a { font-size: .75em; color: #333; }
	.flickrphotos a:hover { color: #ccc;}

.footer {
	width: 565px;
	padding: 20px;
	background-color: #111;
	margin: 0 auto 20px;
	margin-bottom: 20px;
	text-align: center;
}

	.footer span {
		font-weight: bold;
		color: rgb(204, 204, 204);
		font-size: 15px;
		display: block;
		text-align: left;
	}
	
#ciasponsors {
	background-image: url(images/sponsors-bg.jpg);
	background-position: center;
	width: 875px;
	height: 140px;
	clear: both;
}

#ciapartners {
	margin-top: 20px;	
}

	.partnerimage {
		margin-right: 20px;
	}
	
	lastpartner {
		margin-right: 0;
	}
	
	.footer a {
		opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;
	}
	
	.footer a:hover {
		opacity:1;filter: alpha(opacity=100); -moz-opacity: 1.0;
	}
	
#ciapartners div {
	margin-bottom: 20px;
}

#single {
	background-color: #111;
	padding-bottom: 20px;
	margin-bottom: 20px
}

	#single img {
		border: 2px solid #000;
		margin: 20px 0 20px 20px;
		background-color: #111;
	}

#comments {
	background-image: url(images/comments.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	width: 605px;
	padding: 62px 0 10px; 0;
}

	.comment-space {
		width: 605px;
		height: 20px;
		background-image: url(images/bg2.gif);
	}
	
	.comment-box {
		border-top: 1px solid #111;
	}
	
	.comment-boxhighlight {
		border-top: 1px solid #111;
	}
	
	#comment-title {
		background-image: url(images/your-comment.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		width: 605px;
		height: 62px;
	}
	
#ihmember {
	width: 292px;
	height: 200px;
	margin-right: 21px;
	float: left;
}
	
	.ihmember-image {
		width: 292px;
		height: 200px;
	}
	
#nonmember {
	width: 292px;
	height: 200px;
	float: left
}

	.nonmember-image {
		width: 292px;
		height: 200px;
	}
	
	.register-span {
		margin-top: 100px;
		background-color: #fff;
		font-size: 2em;
		position: absolute;	
		margin-left: 20px;
	}
	
	.viewcart {
		margin-bottom: 20px;
	}
	
#flickr {
	padding: 20px;
	background-color: #000;
	margin-bottom: 20px;
}

.hide img {
	display: none;
}

.signature {
	margin: 0!important;
	border: 0!important;
}


/* Typography
********************************************/


h2 {
	color: #666;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1em;
    text-align: left;
    margin-bottom: 20px;
}

h3 {
	font-family: helvetica;
	color: #CCC;
    font-weight: normal;

    line-height: 100%;
    margin-bottom: 20px;
    font-size: 1.7em;
    text-align: left;
}

h4 {    
    color: #ccc;
	line-height: 30px;
	font-size: 1.25em;
	padding: 20px 20px 0 20px;
	margin-bottom: -10px;
}

	h4 a { text-decoration: none; }
	h4 a:hover { text-decoration: underline; }

h5 {
	font-size: .75em;
	background-color: #111;
	padding: 20px 0 0 20px;
	margin-bottom: -10px;
	color: #b0a48d;
}

h6 {
	font-size: .75em;
	padding: 20px 0 0 20px;
	color: #b0a48d;
}



p {
	color: #888888;
    font-size: .85em;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #111;
}

	#single p { padding: 20px 20px 0 20px; margin-bottom: 0; }
	
	#comments p { background-color: #000; padding: 0 20px 0 20px;}
	
	.comment-form { margin-bottom: 10px; padding: 0; }
	
	.postmetadata { border-top: 1px solid #0b0b0b; margin-top: 20px; }
	
	strong { color: #ccc; line-height: 30px; font-size: 1.em; height: 30px; }

/* Lists
********************************************/

#left ul {
	padding: 20px;
    background-color: #111;
    margin-bottom: 20px;
}

#left li {
	color: #777;
    font-size: .80em;
    margin-left: 20px;
    list-style: circle;
}

#left li strong { font-size: 1em; }

#left li a { color: #666; }

#left li a:hover { color: #ccc; }

.categories li { display: none; }

/* Blog Posts
********************************************/

#blog-posts-home ul {
	padding-left: 0;
}

#blog-posts-home li a {
	color: #777;
	text-decoration: none;
}

#blog-posts-home li a:hover {
	color: #ccc;
	text-decoration: underline;
}

#blog-posts-home li {
    font-size: .80em;
    padding-left: 20px;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #111;
    list-style: none;
}

/* Page Sections
********************************************/

#page-sections ul {
	padding-left: 0;
}

#page-sections li a {
	color: #888;
	text-decoration: none;
}

#page-sections li a:hover {
	color: #ccc;
	text-decoration: underline;
}

#page-sections li {
    font-size: .75em;
    padding-left: 20px;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #111;
    list-style: none;
}

/* Categories
********************************************/

#categories ul {
	padding-left: 0;
}

#categories li a {
	color: #777;
	text-decoration: none;
}

#categories li a:hover {
	color: #ccc;
	text-decoration: underline;
}

#categories li {
    font-size: .80em;
    padding-left: 20px;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #111;
    list-style: none;
}

.r20 { margin-right: 20px; }

.sponsors a {
	float: left;
	margin: 10px;
}