/*  
Theme Name: Mogo Media
Theme URI: http://aewebdev.com/
Description: WordPress theme created by <a href="http://www.clickenergi.com/">Energi Design</a> called <a href="http://clickenergi.com">Mogo Media</a>.
Version: 1.0
Author: Adam Ehrheart
Author URI: http://adamehrheart.com/
*/




body {
	font-size: 62.5%;  Resets 1em to 10px 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #d2d2d2;
	color: #333;
	text-align: left;
	padding-bottom: 40px;
}

#top_clear{
	background-color: #d2d2d2;
	width: 980px;
	height: 35px;
	overflow: hidden;
	margin: 0 auto;
}



#page {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	position: relative;
	width: 980px;
	height: 215px;
	background: url("images/header_bg_logo.jpg") no-repeat; 
	overflow: hidden;
	margin: 0; 
	padding: 0; 
	}

#headerimg {
	position: absolute;
	top: 75px;
	left: 15px;
	background: url("images/banners/banner.jpg") no-repeat ; 
	width: 950px;
	height: 140px;
	overflow: hidden;
}

#headerimg img {
	border: none;
}


#content{
	text-align: left;
	overflow: hidden;
	padding: 20px 0 0 0;
}




#footer{
	position: relative;
	margin: 0 auto;
	clear: both;
	width: 980px;
	background: url("images/footer_bg.jpg") no-repeat;
	background-color: #d2d2d2;
	padding: 0 0 15px 0;
	
}



a:link{
	text-decoration: underline;
	color: #91B4C8;
}




h2{
	font: 20px Georgia, "Times New Roman", Times, serif;
}





div#branding{
	position: absolute;
	left: 0;
	top: 15px;
	width: 230px;
}

div#branding h1{
	text-indent: -9999px;
	margin: 5px 0 0 22px;
	width: 210px;
	/*background: url(images/mogo_logo-trans.png) no-repeat;*/
}

div#branding a{
	display: block;
	width: 210px;
	height: 50px;
}








.narrowcolumn {
	float: right;
	padding: 0;
	margin: 0 15px 0 0;
	padding: 0;
	width: 748px;
	overflow: hidden;
	display: inline;
}

.widecolumn textarea{
	width: 400px;
	overflow: hidden;
}


.widecolumn{
	float: right;
	padding: 0;
	margin: 0 15px 0 0;
	padding: 0;
	width: 748px;
	overflow: hidden;
	display: inline;
}









#sidebar{
	width: 182px;
	text-align: left;
	float: left;
	overflow: hidden;
	background-color: #82A5BB;
	margin: 0 0 0 15px;
	/*padding-bottom: 100px;*/
	display: inline;
}


div.sidebar_spacer{
	overflow: hidden;
	width: 80%;
	float: left;
	height: 150px;
}

div#sidebar a{
	font-size: 9px;
}


div#sidebar h1, div#sidebar h2, div#sidebar h3, div#sidebar h4{
	margin: 0;
	padding: 3px 0 3px 12px;
	color: #91B4C8;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFFF;
	background-color:#B2CBD9;
}



#sidebar>ul{
	list-style-type: none;
	background-color: #82A5BB;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


#sidebar>li{
	padding: 0;
	margin: 0;
	background-color: #82A5BB;
	overflow: hidden;
	border: 1px solid red;
}

#sidebar li.static_content{
	clear: both;
	float: left;
	display: inline;
}

#sidebar li{
	clear: both;
}

#sidebar h2{
	border-bottom: 1px solid #A5BFCF;
}

#sidebar ul li ul li a{
	overflow: hidden;
	display: block;
	margin: 0;
	width: 182px;
	color: #000000;
	font-weight: bold;
	padding:3px 0 3px 12px;
	font-size: 10px;
	border-bottom: 1px solid #A5BFCF;
	text-transform: uppercase;
}

#sidebar ul li ul li a:hover{
	background-color: #c8dae4;
}


#sidebar a.home_link, a.home_link:hover{
	overflow: hidden;
	display: block;
	margin: 0;
	width: 182px;
	color: #000000;
	font-weight: bold;
	padding:3px 0 3px 12px;
	font-size: 10px;
	border-bottom: 1px solid #A5BFCF;
	text-transform: uppercase;
}




#sidebar li.widget h2, #sidebar li.widget ul li a{
	padding: 3px 100px 3px 30px;
	font-weight: normal;
	text-transform: none;
	background-color:#B2CBD9;
}

#sidebar li.widget h2 {
	font-weight: bold;
	text-transform: uppercase;
}

#sidebar li.widget ul li a:hover{
	font-weight: bold;
}

#sidebar ul li#categories ul li a{
	width: 138px;
}

#sidebar ul li#categories ul li a:hover{
	width: 148px;
}



#sidebar h2{
	margin: 0;
	padding: 3px 0 3px 12px;
}

strong.accent_white{
	color: #FFFFFF;
	margin-left: 3px;
}

strong.accent_red{
	color: #FF0000;
	margin-left: 3px;
	font-weight: bold;
}


#sidebar ul li ul{
	margin: 0;
}









#sidebar form{
	width: 100%;
}


#sidebar li#search {
	width: 182px;
	border-bottom: 1px solid #A5BFCF;
	overflow: hidden;
	position: relative;
	padding: 3px 0;
}

#sidebar li.widget_search input{
	display: inline;
}

#sidebar li.widget_search input#s{
	width: 94px;
	margin-right: 10px;
	border: 1px solid #646464;
	background-color: #FFFFFF;
	height: 14px;
	font-weight: bold;
	font-size: 10px;
}

#sidebar li.widget_search input#thebutton{
	position: absolute;
	left: 12px;
	text-align: center;
	width: 60px;
	height: 16px;
	color: #000000;
	font-weight: bold;
	border: 1px solid #646464;
	background-color: #b2cbd9;
	margin: 0;
	padding: 0;
	font-size: 9px;
}
	




/* Google Search Styles */
#sidebar li#google-search{
	width: 182px;
	border-bottom: 1px solid #A5BFCF;
	overflow: hidden;
	position: relative;
	padding: 3px 0;
}

#sidebar li#google-search input{
	display: inline;
}

#sidebar li#google-search input#gsearch_field{
	width: 94px;
	margin-right: 10px;
	border: 1px solid #646464;
	background-color: #FFFFFF;
	height: 14px;
	font-weight: bold;
	font-size: 10px;
}

#sidebar li#google-search input#gsearchbutton{
	position: absolute;
	left: 12px;
	text-align: center;
	width: 60px;
	height: 16px;
	color: #000000;
	font-weight: bold;
	border: 1px solid #646464;
	background-color: #b2cbd9;
	margin: 0;
	padding: 0;
	font-size: 9px;
}












#sidebar li.lang{
	overflow: hidden;
	background-color: #82A5BB;
	height: 19px;
	position: relative;
	width: 182px;
}

#sidebar ul li a.lang{
	display: block;
	float: left;
	border-bottom: none;
	width: 90px;
	padding:3px 0 3px 12px;
	font-weight: normal;
}

#sidebar ul li a.lang:hover{
	background-color: #82A5BB;
}


#sidebar ul.flags{
	position: absolute;
	right: 0px;
	/*float: right;*/
	margin: 0 3px 0 0;
	padding: 0;
	/*display: inline;*/
	width: 70px;
	overflow: hidden;
}

#sidebar ul ul.flags li{
	float: left;
	/*display: inline;*/
	clear: none;
}

#sidebar ul ul.flags li a{
	display: block;
	width: 20px;
	height: 15px;
	margin: 2px 0 2px 3px;
	padding: 0;
	text-indent: -9999px;
	border: none;
}

#sidebar li li{
	border: none;
}

#lang_english{
	background: url(images/lang_english.gif) no-repeat;
}

#lang_japanese{
	background: url(images/lang_japanese.gif) no-repeat;
}

#lang_german{
	background: url(images/lang_german.gif) no-repeat;
}







widget_categoris ul li {
	width: 50px;
}






li.nav_space{
	height: 40px;
}

li a.blogs{
	color: #FFFFFF;
	background-color:#B2CBD9;
}

















div#site_info{
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 9px;
	height: 30px;
}

div#site_info ul{
	text-align: center;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

div#site_info li{
	display: inline;
	padding: 0;
}

div#site_info a{
	padding: 0 6px 0 2px;
	border-right: 1px solid #687983;
	color: #FFFFFF;
}

div#site_info a:hover{
	color: #000000;
}

div#site_info a.last_item{
	border: none;
}

div#site_info a#branding_designer{
	display: block;
	position: absolute;
	overflow: hidden;
	top: 5px;
	right: 20px;
	width: 120px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(images/energi_slug.gif);
	border: none;
}

div#site_info a#branding_designer:hover{
	background: url(images/energi_slug_over.gif);
}








div#legal{
	overflow: hidden;
	width: 950px;
	margin: 0 auto;
	margin-bottom: 14px;
	color: #6D6D6D;
	font-size: 9px;
}

div#legal p{
	text-align: center;
}

div#legal a{
	color: #6D6D6D;
	text-decoration: underline;
}

div#legal a:hover{
	color: #E58418;
}










div.post img{
	overflow: hidden;
}




div#content h3#comments{
	font-size: 10px;
	color: #91b4c8;
	font-weight: bold;
	text-transform: uppercase;
}


ol.commentlist{
	margin: 10px 0 6px 0;
}

div.post{
	margin-bottom: 60px;
	overflow: hidden;
	width: 100%;
}

div.post h2{
	padding-bottom: 0;
}

/* Un-bolding the post headlines had to happen in three places, div.post I removed the line, and commented out in #content h2 & #content h2a - JP */


#content div.post h2{
	margin: 0 0 16px 0;
	color: #91B4C8;
	font: 24px/24px Georgia, "Times New Roman", Times, serif;
}

div#content h1 a{
	font-size: 24px;
	line-height: 24px;
	font-weight: bold; 
	margin: 0 0 14px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #91B4C8;
}

div#content h1{
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	margin: 0 0 14px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #91B4C8;
}



div#content h2{
	font-size: 11px;
	line-height: 11px;
/*	font-weight: bold; */
	margin: 0 0 16px 0;
	color: #91B4C8;
	width: 650px;
	
}

div#content h2 a{
	font-size: 24px;
	line-height: 24px;
/*	font-weight: bold; */
	margin: 0 0 16px 0;
	color: #91B4C8;
	text-decoration: none;
}

div#content h2.section_header{
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	margin: 0 0 16px 0;
	padding: 40px 0 0 0;
	color: #91B4C8;
}

/* Changed the size of the sub-headers to match the increased font size - JP */

div#content h3{
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #91B4C8;
	margin: 0 0 10px 0;
}

div#content h3 a{
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #91B4C8;
}

div#content h3 a:hover{
	color: #E58418;
}

div#content h4{
	font-size: 10px;
	color: #000000;
}

div#content h4 a{
	font-size: 10px;
	color: #000000;
}

/* Setting the size of main post text and adding padding to entry ULs */

div#content p{
	font-size: 1.3em;
	color: #646464;
	line-height: 150%;
	margin: 0 0 18px 0;
}

div#content div.post div.entry ul{
	list-style-type: disc;
	margin: 0 0 25px 0;
	padding: 0 60px 0 30px;
	font-size: 1.3em;
}


div#content div.post div.archive_date_small p{
	font-size: 1px;
	margin: -8px 0 20px 0;
	padding: 0;
}

div#content div.post p.postmetadata{
	margin: 22px 0 0 0;
	width: 500px;
}

div#content div.alt p.alt{
	margin: 0 0 14px 0;
}



div#content div.post p.postmetadata a{
	color: #333333;
	font-weight: bold;
}

div#content div.post p.postmetadata a:hover{
	color: #E58418;
}


div#content div.navigation div.alignleft, div#content div.navigation div.alignright{
	margin: 0 0 20px 0;
}

div#content div.navigation div.alignleft a, div#content div.navigation div.alignright a{
	text-transform: uppercase;
	font-weight: bold;
	color: #333333;
}


div#content div.navigation div.alignright a:hover{
	color: #000000;
}





div#content div.post div.entry ul{
	
}

div#content div.post div.entry ul li{
	margin: 4px 0;
	color: #646464;
}





div#content h2.center{
	font: bold 24px Georgia, "Times New Roman", Times, serif;
}







div#content ol{
	margin: 0 0 100px 0;
}


div#content ol.commentlist li{
	margin: 0 0 80px 0;
}

div#content ol.commentlist li small.commentmetadata a{
	display: block;
	margin: 0 0 6px 0;
}


div#content ol.commentlist p{
	margin: 0 0 5px 0;
	width: 650px;
}

div#content ol.commentlist cite a{
	font-weight: bold;
}

div#content ol.commentlist cite a:hover{
	color: #E58418;
}

div#content form#searchform{
	width: 234px;
	float: left;
}

div#content form#searchform input#searchsubmit{
	text-align: center;
	color: #000000;
	font-weight: bold;
	border: 1px solid #646464;
	background-color: #91b4c8;
	width: 60px;
}

div#content form#searchform input#s{
	color: #000000;
	font-weight: bold;
	border: 1px solid #646464;
	width: 160px;
	margin: 0 0 0 10px;
	padding: 1px 0;
}









h2#registration_call{
	overflow:hidden;
	/*float:left;*/
}
h2#registration_call a{
	display: block;
	/*height: 1px;*/
	position: absolute;
	left: 15px;
	top: -60px;
	text-indent: -9999px;
	width: 182px;
	height: 60px;
	background: #FFFFFF url(images/registration_call.jpg) no-repeat top left;

}











div#footer_ads{
	position: relative;
	overflow: hidden;
	width: 950px;
	height: 60px;
	margin: 0 auto;
}

div#footer_ads ul{
	margin: 0 auto;
	width: 950px;
	height: 60px;
	overflow: hidden;
}

div#footer_ads li{
	float: left;
	width: 182px;
	text-align: center;
}

div#footer_ads a{
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width: 182px;
	height: 60px;
}

div#footer_ads a.banner_1{
	position: absolute;
	left: 0px;
	background-image: url(images/ads/banner_1.jpg);
}

div#footer_ads a.banner_2{
	position: absolute;
	left: 256px;
	background-image: url(images/ads/banner_2.jpg);
}

div#footer_ads a.banner_3{
	position: absolute;
	right: 256px;
	background-image: url(images/ads/banner_3.jpg);
}

div#footer_ads a.banner_4{
	position: absolute;
	right: 0px;
	background-image: url(images/ads/banner_4.jpg);
}











.input {
	display: block;
	margin-bottom: 10px;
	text-align: left;
	float: right;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	font-family: verdana, Helvetica, sans-serif;
	color: #666666;
	width: 200px;
	border: 1px solid #000000;
}
input.input:hover, textarea.input:hover, input.input:focus, textarea.input:focus {
	background-color: #D6E1EA;
	color: #646464;
}

label, label span{
	display: block;
}

label{
	float: left;
	clear: left;
	width: 100%;
}
label span{
	float: left;
	text-align: left;
	margin: 3px 0 0 0;
}

input, textarea{
	float: right;
}

textarea#comment{
	margin-top: 12px;
	width: 412px;
}


fieldset#form{
	width: 420px;
	margin-bottom: 30px;
	margin-top: 20px;
}

input#submit{
	float: right;
	clear: both;
	text-align: center;
	width: 84px;
	height: 20px;
	color: #000000;
	font-weight: bold;
	background-color: #91b4c8;
	border-color: #646464;
	margin-top: 10px;
	padding: 0;
}

h3#respond{
	margin-top: 10px;
	color: #91B4C8;
	color: #FF0000;
	text-transform: uppercase;
}




div.posted_date{
	font-size: 10px;
	color: #91B4C8;
	margin: 0 0 5px 0;
}

span.first_to_comment{
	font: 10px Verdana, Arial, Helvetica, Geneva, sans-serif;
	float: left;
	clear: left;
	margin: 3px 0 0 0;
	padding: 0;
	
}
span.first_to_comment a{
	font-size: 11px;
	color: #91B4C8;
}



div.feedburner_link_icons{
	margin: 0 0 4px 0;
	padding: 4px 4px 4px 10px;
	width: 275px;
	border: 2px dashed #2d2d2d;
	border-color: #dbdbdb;
}


div.feedburner_link_icons a {
	color: #999999;;
}




div#content h2.pagetitle{
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	margin: 0 0 30px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #91B4C8;
}


div#content div.entry p img[align="left"]{
	padding: 2px;
	margin: 0 20px 10px 0;
	border: 1px solid #91B4C8;
}

div#content div.entry p img[align="right"]{
	padding: 2px;
	margin: 0 0 10px 20px;
	border: 1px solid #91B4C8;
}


div#content div.post div.entry p{
	width: 650px;
}

/* Added some extra margin below the tagline to even out the spacing with the larger font size - JP */


div.the_author{
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999999;
	margin: -5px 0 8px 0;
}

div.session_details{
	font-size: 11px;
	margin: 0 0 16px 0;
	color: #999999;
}

div.the_categorie a{
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	margin: 0 0 4px 0;
}

div.the_session_time_info{
	margin: 0 0 2px 0;
}

/* Setting the 'em' tag to make text italic */

div.post em {
	font-style: italic;
}

/* trying to get ordered lists to display as lists - JP */

.entry ol {
	list-style-type: decimal;
	margin: 0 0 5px 4px;
	padding: 0 60px 0 30px;
	font-size: 1.3em;
	color: #646464;
}