/*  
Theme Name: OMC Blogpod Theme
Description: A member's blogpod theme for Online Marketing Connect by eROI.
Version: 1.0
Author: eROI
Author URI: http://www.eroi.com
*/
/* CSS Document */

/************************************************************************

	Site:		Site name

	Author:		eROI		[www.eroi.com]  

	Client:		Client name		[http://www.url.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Left Navigation
	4 - Main Content
	5 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, 
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

body {
    background: #f5f4f4 url(images/background.jpg) repeat-x top left;
    color: #717171;
	text-align: center;
	font: 62.5%/1em Helvetica, Arial, sans-serif;
}

body.isloggedin {
	background-position: 0 28px;
}

.clearer {
	clear: both;
}
.disappear {
	margin-left: -9999px;
}

a {	
    color: #717171;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p {
	padding-bottom: 1em;
}


.last {
	padding-right: 0 !important;
	margin-right: 0 !important;
	border-right: 0 !important;
}

.btn_submit {
	border:none;
	cursor:hand;
	cursor:pointer;
	font-size:.1em;
}

div#header div#logo a, div#utilities ul li.rss, a.rss, li#li_search form input#searchsubmit,
form#login-form p.alignleft input#wp-submit   { 
	background:url(images/sprite_common_smushd.png) no-repeat; 
}

#bp-adminbar-notifications-menu, #bp-adminbar-visitrandom-menu {
	display: none;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/


div#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	font-size: 120%;
}


/***********************************************************************
	3 - UTILITY NAV STYLES
************************************************************************/

div#utilities {
	background: #f9f9f9;
	border: 1px solid #dedede;
	border-top: none;
	/*width: 390px;*/
	text-align: center;
	float: right;
	margin: 5px 10px 0 0;
	padding: 5px 10px 8px 5px;
}

div#utlities ul {
	list-style-type: none;
}
div#utilities ul li {
	display: inline;
	padding: 6px;
}	

div#utilities ul li.rss {
	background-position:left -222px;
	padding-left: 17px;
	padding-right: 0;
}


div#utilities ul li a {
	margin-right: 10px;
	text-decoration: none;
}

div#utilities ul li.last a {
	padding-right: 0;
	margin-right: 0;
}
div#utilities ul li a:hover {
	text-decoration: underline;
}

div#utilities div#logout-link {
	display: inline;
	margin-right: 10px;
}
div#utilities div#logout-link a {
	margin-right: 0;
}
div#utilities div#logout-link img.avatar {
	vertical-align: middle;
	float: none;
	margin: 0;
	border: 1px solid #dcdcdc;
	width: 15px;
	height: 15px;
}

div#utilities p.alignleft {
	margin: 0;
}


form#login-form {
	display: none;
	text-align: left;
	padding: 0 0 0 50px;
}
form#login-form input.textbox {
	width: 75px;
	margin-right: .5em;
	color: #313131;
	padding: .2em .3em;
	background: #fff url(images/bg_input.gif) repeat-x top;
	border: 1px solid #dcdcdc;
	font-size: 13px;
}
form#login-form p.alignleft {
	width: 100px;
	float: left;
	padding-bottom: 5px;
}
form#login-form p.formutilities {
	float: none;
	clear: both;
}
form#login-form label {
	font-size: 11px;
	padding: 0 0 .3em 0;
	display: block;
	width: 95px;
}
form#login-form p.formutilities label {
	display: inline;
}

form#login-form p.alignleft input#wp-submit {
	margin: 10px 0 0 0;
	width:59px;
	height:26px;
	background-position:left -150px;
}









/***********************************************************************
	4 - HEADER STYLES
************************************************************************/

div#header {
	clear: both;
	width: 960px;
	margin: 0 auto;
	background: url(images/bg_nav.gif) repeat-x bottom left;
}

div#header h1, div#header div#logo {
	width: 208px;
	height: 65px;
}

div#header h1 a, div#header div#logo a {
	display: block;
	height: 100%;
	width: 100%;
}

div#header ul {
	list-style-type: none;
}div#header li {
	height: 43px;
	float: left;
	margin-right: 5px;
	background:url(images/nav_sprite_smushd.png) no-repeat;
}

div#header li a {
	display: block;
	height: 100%;
	width: 100%;
	background:url(images/nav_sprite_smushd.png) no-repeat;
}

div#header li#li_home {
	background-position: 0 -43px;
	width: 73px;
}
div#header li#li_topics {
	background: url(images/nav_topics_over.gif) no-repeat bottom left;
	width: 85px;
}
div#header li#li_contributors {
	background-position:-158px -43px;
	width: 146px;
}
div#header li#li_events {
	background-position:-304px -43px ;
	width: 79px;
}
div#header li#li_about {
	background-position: -383px -43px;
	width: 107px;
}
div#header li#li_join {
	background-position:-490px -43px;
	width: 112px;
}



div#header li#li_home a{
		background-position:0 0;
}
div#header li#li_topics a {
	background: url(images/nav_topics.gif) no-repeat bottom left;
}
div#header li#li_contributors a {
	background-position:-158px 0;
}
div#header li#li_events a {
	background-position:-304px 0;
}
div#header li#li_about a {
	background-position:-383px 0;
}
div#header li#li_join a {
	background-position:-490px 0;
}


div#container div#header ul li a:hover {
	background: none;
}



div#header li#li_home a.on, div#header li#li_home a.on:hover {
	background: url(images/nav_home_on.gif) no-repeat bottom left;
}
div#header li#li_topics a.on, div#header li#li_topics a.on:hover {
	background: url(images/nav_topics_on.gif) no-repeat bottom left;
}
div#header li#li_contributors a.on, div#header li#li_contributors a.on:hover {
	background: url(images/nav_contributors_on.gif) no-repeat bottom left;
}
div#header li#li_events a.on, div#header li#li_events a.on:hover {
	background: url(images/nav_events_on.gif) no-repeat bottom left;
}
div#header li#li_about a.on, div#header li#li_about a.on:hover {
	background: url(images/nav_about_on.gif) no-repeat bottom left;
}
div#header li#li_join a.on, div#header li#li_join a.on:hover {
	background: url(images/nav_join_on.gif) no-repeat bottom left;
}



div#header ul li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

div#header ul li:hover ul, div#header ul  li.sfhover ul{
	width: 880px;
	/*margin-left: -78px;*/
	left: auto;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-top: none;
	padding: 10px 0;
}

div#container div#header ul li#li_topics a:hover {
	background: url(images/nav_topics_on.gif) no-repeat bottom left;
}

div#header ul li ul li, div#header ul li ul li a {
	background-image: none !important;
	height: auto !important;
	display: block !important;
	float: none !important;
}

div#header ul li span.h3 {
	color: #3c3c3c;
	font: normal 220%/1em Helvetica, Arial, sans-serif;
}
div#header li em {
	color: #515151;
	font-weight: bold;
}

div#header ul li ul li a {
	background: #fff;
	border: 1px solid #fff;
	padding: .5em 0 .5em 30px;
	width: 848px;
	color: #999;
	line-height: 20px;
}
div#header ul li ul li a:hover {
	background: #f5f4f4 !important;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	text-decoration: none;
}



li#li_search {
	position: relative;
}

li#li_search label {
	font-weight: bold;
	position: absolute;
	top: -15px;
	color: #515151;
}

li#li_search form input#search {
	background: #fff;
	border: 1px solid #dcdcdc;
	padding: 4px 3px;
	height: 27px;
	width: 288px;
	position: absolute;
	top: 0;
	font: 20px/31px Helvetica, Arial, sans-serif;
	color: #717171;
}
li#li_search form input#searchsubmit {
	vertical-align: middle;
	position: absolute;
	top: 0;
	width:25px;
	height:37px;
	background-position:left -70px;
	border:none;
	left: 301px;
	cursor:hand;
	font-size:.1em;
}


/***********************************************************************
	5 - PAGE STYLES
************************************************************************/

div#page {
	background: url(images/bg_page.png) repeat-y top left;
	padding: 0 6px 15px 6px;	
	width: 958px;
	margin: 0 auto;
	line-height: 1.3em;
}


div#highlight {
	background: #f5f4f4 url(images/bg_highlight.jpg) repeat-x top left;
}
div#highlighttitle, body#home div#highlighttitle {
	font: bold 250%/1em "Helvetica Light Oblique", Helvetica, Arial, sans-serif;
	color: #353535;
	padding: 30px 0 20px 35px;
}
div#highlighttitle a {
	font: normal 90%/1.1em "Helvetica Light Oblique", Helvetica, Arial, sans-serif;
	display: block;
	text-decoration: none;
	color: #8b0f04;
}
div#highlighttitle a:hover {
	text-decoration: underline;
}

div#highlighttitle h1 {
	color: #353535;
	line-height: .8em !important;
	padding-bottom: .2em;
}
div#highlighttitle h1.single {
	font-size: 150%;
}

div#highlighttitle h2 {
	color: #999 !important;
	display: block;
	font: normal 60%/1em "Helvetica Light Oblique", Helvetica, Arial, sans-serif;
	padding-bottom: .3em;
}

div#highlighttitle span.fancier {
	color: #8b0f04;
}

div.entry a {
	color: #8b0f04;
	text-decoration: underline;
}
div.entry a:hover {
	text-decoration: none;
}

strong.omcremote a {
	color: #8b0f04;
}

/***********************************************************************
	5 - FEATURED ARTICLE STYLES
************************************************************************/

div#featuredarea {
	width: 623px;
	float: left;
}

div#editorsarea {
	width: 335px;
	float: right;
}

div.tabbertab {
	background: #fff;
	height: 245px;
}

div#editorsarea div.tabbertab {
	padding: 16px 25px;
}

div.options {
	padding: 0 0 15px 0;
	color: #999;
}

a.rss {
	background-position: left -198px;
	padding-left: 15px;
	padding-right: 0;
	color: #8a0e04;
	font-weight: bold;
}

div.options a {
	color: #8a0e04;
	margin-right: 6px;
	text-decoration: none;
}

div#page h2 {
	color: #353535;
	font: normal 220%/1em Helvetica, Arial, sans-serif;
	padding-bottom: .3em;
}

.postinfo {
	color: #999;
	font-size:88%;
}

.postinfo a {
	color: #8a0e04;
	text-decoration: none;
}
.postinfo a:hover {
	text-decoration: underline;
}

div.post div.postinfo {
	padding: 10px 0;
}


div.rated {
	clear: both;
	padding: 12px 0 5px 0;
	border-bottom: 1px solid #dcdcdc;
}
div#toprated div.postinfo {
	float: left;
	width: 400px;
}
div#toprated h3 {
	color: #353535;
	font: bold 200%/1em Helvetica, Arial, sans-serif;
	padding-bottom: .3em;
}

span.post-ratings {
	white-space: nowrap;
} 
span.post-ratings img {
	vertical-align: middle;
}

a.stico_default {
	background: url(images/icon_social.gif) no-repeat top left !important;
	padding-left: 120px !important;
}



div.summarybox {
	background: #F1F0F1 url(images/icon_summary.gif) no-repeat top left;
	margin: 15px 0;
	padding: 3px 0 1px 32px;
	border: 1px solid #dcdddc;
}
div.summarybox a {
	color: #8b0f04;
}	

div.summarybox img {
	border-left: 1px solid #dcdddc;
	vertical-align: middle; 
	margin-right: 10px;
	width: 30px;
	height: 30px;
}

div.summarytext {
	padding: 10px 32px 0 0;
	line-height: 1.5em;
}

div.summarybox img.avatar {
	padding: 0;
	margin: 0 10px 0 0;
	float: none;	
	border-left: 1px solid #dcdddc;
}


/***********************************************************************
	6 - FLAG  STYLES
************************************************************************/

/* SEE FLAG.CSS */



/***********************************************************************
	7 - CATEGORY LIST STYLES
************************************************************************/

div#categorylist {
	padding: 20px 30px 5px 30px;
}

div.acategory {
	width: 270px;
	float: left;
	margin: 0 35px 20px 0;
	height: 340px;
}

div.acategory div.options {
	padding:  0 0 7px 0;
	font-size: 90%;
}

div.acategory h3 {
	color: #353535;
	font: normal 220%/1em Helvetica, Arial, sans-serif;
	padding-bottom: 0;
}
div.acategory a {
	color: #353535;
}

div.acategory h4 {
	color: #515151;
	font: bold 140%/1em Helvetica, Arial, sans-serif;
	padding-bottom: 0;

}
div.acategory h4 a {
	color: #515151;
}

div.acategory p {
	padding-bottom: 2px;
}

div.blurb {
	padding-bottom: 1.1em;
}




/***********************************************************************
	8 - FOOTER STYLES
************************************************************************/

div#footer {
	background: url(images/flag_footer_blank.gif) no-repeat top left;
	height: 52px;
	padding-bottom: 35px;
	text-align: center;
}

div#footer ul {
	list-style-type: none;
	padding-top: 24px;
	width: auto;
	margin: 0 auto;
	text-align: center;
}
div#footer ul li {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #bfbfbf;
}
div#footer ul li a {
	font: bold 11px 'Arial Black', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #bbb;
}
div#footer ul li a:hover {
	color: #999;
	text-decoration: none;
}

div#footer ul li#f_home {
	padding-left: 30px;
}

div#footer p {
	text-align: center;
	margin-top: 35px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #999;
}
div#footer p a {
	color: #999;
}

/*div#footer ul li a {
	display: block;
	height: 14px;
}

div#footer ul li#f_home {
	width: 33px;
}
div#footer ul li#f_topics {
	width: 40px;
}
div#footer ul li#f_contributors {
	width: 88px;
}
div#footer ul li#f_events {
	width: 43px;
}
div#footer ul li#f_about {
	width: 67px;
}
div#footer ul li#f_join {
	width: 26px;
}
div#footer ul li#f_signin {
	width: 39px;
}
div#footer ul li#f_rssfeeds {
	width: 62px;
}
div#footer ul li#f_contact {
	width: 70px;
}
div#footer ul li#f_privacy {
	width: 92px;
}
div#footer ul li#f_terms {
	width: 120px;
}*/

.whowhen {
	font-size: 13px;	
}