/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


/* Conference Column List */

ul.conf_list {
	width: 256px;
	padding: 0;
	margin: 0;
}

ul.conf_list li{
	list-style-type: none;
	position: relative;
	width: 240px;
	height: 72px;
	clear: left;
}

ul.conf_list li p {
	line-height: 12px;
	margin: 0;
	text-align: left;
}



ul.conf_list li h3.conf_title{
	text-indent: -9999px;
	height: 38px;
	padding: 0;
	margin: 0;
}

ul.conf_list li h3.conf_title a{
	display: block;
	width: 216px;
	height: 50px;
	text-decoration: none;
}

ul.conf_list li a.conf_city{
	padding: 0 0 0 64px;	
	font-weight: bold;
	font-size: 10px;
	color: #91b4c8;
	/* color: #646464; */
	text-decoration: none;
}

ul.conf_list li a.conf_city:hover{
	/* color: #E58418; */
	color: #C80000;
	text-decoration: none;
}

ul.conf_list li a.conf_city em {	
	font-weight: normal;
	color: #646464;
	padding: 0 0 0 2px;
}





			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: left;
background: #B4B4B4 url(../images/home_portal_new/bg.jpg) top left repeat-x;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrap{
	position: relative;
	margin: auto;
	width:  1110px;
}

	#top{
		position: relative;
		height: 150px;
		background: url(../images/home_portal_new/top.png) top left no-repeat;
		_background: url(../images/home_portal_new/top.gif) top left no-repeat;
	}
	
	#login {
		float: left;
		width: 180px;
		height: 150px;
	}
	
	#login div {
		text-transform: uppercase;
		color: #8B8078;
		font-size: 0.8em;
		text-align: right;
		margin: 94px 38px 0 0;
	}
	#login a {
		color: #8B8078;
		font-weight: bold;
		text-decoration: none;
	}
	#login a:hover {
		color: #C80000;
	}
	#login span {
		color: #C80000;
	}
	
	#page{
		position: relative;
		padding: 0 15px;
		background: url(../images/home_portal_new/pbg.png) top left repeat-y;
		_background: url(../images/home_portal_new/pbg.gif) top left repeat-y;
	}
			
		#left-bar{
			position: relative;
			float: left;
			width: 180px;
			overflow: hidden;
		}
		
			#left-bar-editable img {
				position: relative;
				display: block;
				border: 0;
				padding: 0;
				margin: 0;
			}
		
			
			#conf{
				position: relative;
				padding: 0px;
				margin: 0px;
				height: 60px;
			}
			
				#conf a{
					position: relative;
					display: block;
					height: 60px;
					background: url(../images/home_portal_new/conf.gif) top left no-repeat;
					text-indent: -9999em;
				}
				
			
			
			#newsletter{
				position: relative;
				background: url(../images/home_portal_new/sb-fade.gif) top left repeat-x;
				height: 75px;
				padding-left: 8px;
				color: #898989;	
				font-size: .8em;
				text-align: left;
			}
			
				#newsletter h2{
					position: relative;
					padding: 0;
					margin: 0;
					height: 21px;
					text-indent: -9999em;
					background: url(../images/home_portal_new/newsletter.gif) top left no-repeat;
				}
				
				#newsletter p{
					position: relative;
					line-height: 1.3em;
					padding: 2px 0 2px 0;
					margin: 0;
				}
				
					#newsletter .text{
						position: relative;
						float: left;
						padding: 2px;
						margin: 0;
						font-size: 9px;
						height: 11px;
						width: 104px;
						margin-top: 1px;
						color: #919193;
						border: 1px solid #919193;
					}
					
					#newsletter .submit{
						position: relative;
						padding: 0;
						margin: 0;
						float: left;
						height: 18px;
						width: 60px;
						background: url(../images/home_portal_new/submit.gif) 3px 2px no-repeat;
						border: 0;
						cursor: pointer;
					}
		
		
		
		#content, #content_body {
			position: relative;
			float: left;
			width: 720px;
			padding-bottom: 30px;
		}
		
			.page-title{
				position: relative;
				margin: 0;
				padding: 0;
				height: 77px;
				text-indent: -9999em;
				background: url(../images/home_portal_new/big-title.gif) top left no-repeat;
			}
			
			#shows{
				position: relative;
				margin: 7px 0 7px 0;				
				background-position: 291px 0;
			}
			
				#conferences{
					position: relative;
					float: left;
					width: 271px;
					padding: 10px 10px 0 10px;
				}
				
				#seminars{
					position: relative;
					float: left;
					width: 389px;
					padding: 10px 10px 0 10px;
				}
				
				#seminars a {
					color: #91B4C8;
					font-size: 0.8em;
					font-weight: bold;
					text-decoration: none;
				}
				
				#seminars a:hover {
					color: #C80000;
					text-decoration: none;
				}
				
				
				
				#see-all-links {
					position: relative;
					border: 0px solid orange;
					float: left;
					margin-bottom: 10px;			
				}
				
				.see-all-link {
					margin: 0 0 0 0;
					padding: 0 10px;
					float: left;
				}
				
				.see-all-confs {
					width: 269px;
				}
				
				.see-all-seminars {
					width: 385px;
				}
				
				.see-all-podcasts {
					width: 257px;
					padding-left: 42px;
					margin-left: 36px;
				}
				
				.see-all-blogs {
					width: 280px;
					margin-right: 30px;
				}
				
				.see-all{
					position: relative;
					color: #8B8078;
					font-size: .8em;
					text-transform: uppercase;
					font-weight: bold;	
					text-decoration: none;
				}
				
				.see-all:hover {
					color: #C80000;
				}	
				
					.see-all strong{
						color: #C80000
					}
				
				.temp-shim{ /* remove this when you add your content */
					position: relative;
					height: 248px;
				}
			
			
			.breaker{
				position: relative;
				height: 11px;
				background: url(../images/home_portal_new/hline.gif) center repeat-x;
				clear: left;
			}
			
			#double{
				position: relative;
				color: #A7A7A7;
				margin: 5px 0 5px 0;
				text-align: left;
				background: url(../images/home_portal_new/single-vert.gif) top center repeat-y;
			}
			
				.headshot{
					position: relative;
					float: left;
				}
				
				#double h2{
					position: relative;
					font-size: 12px;
					height: 12px;
					color: #222;
					text-transform: uppercase;
					padding: 0;
					margin: 0 0 8px 0;
				}
				
				#double h3,
				#double h3 a {
					position: relative;
					font-size: 11px;
					line-height: 11px;
					color: #8FB3C9;
					margin: 0;
					padding: 0;
					text-decoration: none;
				}
				
				#double h3 a:hover {
					color: #C80000;
				}
				
				#double h4 {
					position: relative;
					font-size: .8em;
					font-weight: bold;
					color: #898989;
					font-style: normal;
					padding-top: 3px;
					margin: 0;
					padding: 0;
				}
				
				#double .content strong{
					position: relative;
					display: block;
					font-size: .8em;
					font-weight: bold;
					color: #222;
					padding-bottom: 3px;
				}
				
				#double p{
					position: relative;
					margin: 0;
					padding: 0 0 5px 0;
					font-size: .8em;
				}
				
				#double .watch-now{
					position: relative;
					font-size: .9em;
					text-transform: uppercase;
					font-weight: bold;
					color: #91B6D0;
					text-decoration: none;
					padding-right: 18px;
					background: url(../images/home_portal_new/white-plus.gif) right center no-repeat;
				}
				
				#double .watch-now:hover {
					color: #C80000;
				}
				
			
				div#podcasts{
					position: relative;
					float: left;
					width: 274px;
					min-height: 188px;
					padding: 0 20px 13px 56px;
					background: url(../images/home_portal_new/pod-casts.gif) left top no-repeat;
				}
				
					div#podcasts .content{
						position: relative;
						float: right;
						width: 190px;
					}
				
					div#podcasts .see-all{
						position: absolute;
						bottom: 0px;
						left: 140px;
					}
				
				#mogoblog{
					position: relative;
					float: left;
					width: 284px;
					min-height: 188px;
					padding: 0 56px 13px 10px;
					background: url(../images/home_portal_new/blog.gif) right top no-repeat;
				}
				
					#mogoblog .content{
						position: relative;
						float: right;
						width: 200px;
					}
				
					#mogoblog .see-all{
						position: absolute;
						bottom: 0px;
						left: 90px;
					}
			
			
			#tripple{
				position: relative;
				margin: 5px 0 5px 0;
				text-align: left;
				background: url(../images/home_portal_new/tripple.gif) top center repeat-y;
			}
					
				#tripple h2{
					position: relative;
					font-size: 12px;
					height: 12px;
					color: #222;
					text-transform: uppercase;
					padding: 0;
					margin: 0 0 8px 0;
				}
			
				
				#forums{
					position: relative;
					float: left;
					color: #A2A2A2;
					width: 173px;
					padding: 0 15px 0 56px;
					min-height: 161px;
					background: url(../images/home_portal_new/forums.gif) top left no-repeat;
				}
				
					#forums a{
						color: #D71921;
						font-weight: bold;
						text-decoration: none;
					}
					
					#forums ul{
						position: relative;
						font-size: .8em;
						list-style: none;
						padding: 0;
						margin: 0;
					}
					
					#forums li{
						position: relative;
					}
				
					#forums h3{
						position: relative;
						font-size: 1em;
						color: #91B7C4;	
						padding: 0;
						margin: 0;
					}
					
					#forums h3 a {
						color: #91B7C4;
						text-decoration: none;
					}
					
					#forums h3 a:hover {
						color: #C80000;
					}
				
					#forums em{
						position: relative;
						padding: 0;
						margin: 0;
						font-size: .8em;
					}
				
					#forums p{
						position: relative;
						padding: 0;
						margin: 0;
						font-size: .9em;
					}	
				
					
				#designoftheweek{
					position: relative;
					float: left;
					width: 212px;
					padding-top: 30px;
					min-height: 131px;
					background: url(../images/home_portal_new/designoftheweek.gif) top left no-repeat;
					text-align: left;
					color: #A2A2A2;
				}
				
					#designoftheweek p{
						position: relative;
						font-size: .8em;
						margin: 0;
						padding: 2px 0 2px 0;
					}
					
					#designoftheweek a{
						position: relative;
						color: #C80000;	
						text-decoration: none;
						font-size: .8em;
						text-transform: uppercase;
					}
					
					#designoftheweek a:hover strong{
						color: #C80000;
					}
					
						#designoftheweek a strong{
							color: #8A8A8A;
						}
				
				
				#poll{
					position: relative;
					float: left;
					color: #A2A2A2;
					width: 168px;
					padding: 0 56px 0 20px;
					min-height: 161px;
					background: url(../images/home_portal_new/poll.gif) top right no-repeat;
				}
			
		
		
		
		
		#right-bar{
			position: relative;
			float: left;
			width: 180px;
		}
		
			#right-bar img{
				position: relative;
				display: block;
				border: 0;
				padding: 0;
				margin: 0;
			}


	#foot{
		position: relative;
		height: 75px;
		background: url(../images/home_portal_new/footer.png) top left no-repeat;
		_background: url(../images/home_portal_new/footer.gif) top left no-repeat;
	}
	
		#wemade{
			position: absolute;
			z-index: 1000;
			right: 20px;
			top: 5px;
			height: 20px;
			width: 120px;
			background: url(../images/home_portal_new/energi_slug_over.gif) top left no-repeat;
			background-position: -900px -900px;
		}
		
		#wemade:hover{
			background-position: 0 0;	
		}
		
		#foot-links{
			position: relative;
			padding: 9px 0 9px 0;
			margin: 0;
			height: 15px;
			font-size: .8em;
			color: #6F787D;	
			text-align: center;
		}
		
		
			#foot-links ul {
				list-style: none;
				margin: 0;
				padding: 0 6px 0 0;			
			}
		
			#foot-links ul li{
				color: #fff;
				text-transform: uppercase;
				font-weight: bold;
				display: inline;
				border-right: 1px solid #6F787D;
			}
			
			#foot-links ul li.last {
				border-right: 0px;
			}
			
			#foot-links ul li a {
				color: white;
				text-decoration: none;
				padding: 0 7px 0 3px;
			}
			
		
		#final{
			position: relative;
			font-size: .8em;
			padding-top: 4px;
			margin: 0;
			color: #646464;
			text-align: center;
		}


div#content h2 a,
div#content h2 span{
	color: #91B4C8;
	text-decoration: none;
}

div#content h2 a:hover {
	color: #C80000;
}


.blogImageArea {
	width: 80px;
	float: left;
}



.text-center{
	text-align: center;
}

.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 */



/*  DO NOT CHANGE! CMS SPECIFIC STYLES */
html, body {height: 100%;width: 100%;}
p, form {margin: 0;padding: 0;}
#siteContentContainer {position: relative;height: 100%;}
table.mceEditor td { margin: 0; padding: 0; }
.floatLeft {float: left;}