/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
@import url("reset.css");
@import url("biz_forms.css");
@import url("menu.css");

body {
	text-align: center;
	margin: 0 0 10px 0;
	background:url(../images/bg.jpg) center top repeat-x #D02574;
}

body, p, td, th, li{
	font: 85%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #D02574;
}

/* headers */
h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif;}
h1, h2, .featMem strong, .box_it .title{color: #D02574;}
h1 {
	font-size: 1.7em;
	font-weight: bold;
	margin: 0px 0px 15px 17px;
	padding: 2px 0 5px 0;
}
h2 {
	font-size: 1.7em;
	font-weight: bold;
	margin: 2px 10px;
	padding: 0;
}

h3 {
	font-size: 1.4em;
	color: #333333;
	margin: 0px 0px 15px 17px;
	padding: 2px 0 5px 0;
}

h4{font-size: 1.2em;}
h5{font-size: 1.0em;}
h6{font-size: 0.8em;}

/* links */
a:link, a:visited {
	text-decoration: none;
	background: inherit;
	color: #1773BC;
}
a:hover, a:active {
	text-decoration: underline;
	background: inherit;
	color: #D02574;
}

/* block elements */
td{vertical-align:top;}

p{/*margin: 0 0 .7em 0;*/ padding:0;}/*, div p*/

ul, ol {
	margin: 5px 15px;
	padding: 0 25px;
}
li{ color: #000; }
dl{ margin-left:10px; }
dt{ font-weight:bold; }
dd{ text-indent:10px; }
hr.separate{
	border-top:#FFFFFF solid 2px;
	line-height:2px;
}
hr{background:url(https://4bizmoms.com/images/bg_h4bar-04.jpg) 0 -27px repeat-x; border:none; height:4px;}
code {
  margin: 5px 0;
  padding: 15px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  border: 1px solid #E5F0FB;  
  background: #F4F8FD;
}

blockquote {
	margin: 10px 15px;
	padding: 0 0 0 25px;
	font: bold 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif;
	color: #F1C3CF;
	border: 1px solid #DFC1D1;
	background: #F8D7E7 url(../images/quote.jpg) no-repeat 8px 6px;
}

/* inline elements */
strong{ font-weight:normal; }
small{font-size:.75em;}
em{font-style:italic;}
address{ font-size:.775em;}
acronym {cursor: help; border-bottom: 1px dotted #777;}
strong{font-weight:bold;}

/* images */
img 			{ background: #fff; padding: 5px; }
img.float-right { margin: 3px 0px 10px 10px; }
img.float-left 	{ margin: 3px 10px 10px 0px; }

/* common styles */
.center		{text-align:center;}
.clear		{ clear: both; }
.clear br	{ line-height:.1em; }
.small		{ font-size:75%; }
.large		{ font-size:110%; }
.hide		{ display:none; }
.error		{ font-size:.72em; color:#FF0000; }
.style2 	{ color: #D02574 }
.pink{color: #D02574;}
.soft		{ color:#CCCCCC; }

/* alignment classes */
.float-left, .left  { float: left; }
.float-right, .right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* first sentence */
#first_sentence{position:fixed; left:0; top:0; height:auto; width:100%; background:#FFF; margin-bottom:5px;  border-top:#D02574 solid 1px; border-bottom:#D02574 solid 1px; z-index:5000;}
#first_sentence p{test-align:center; margin-bottom:0;}

/* podcast link */
a.btnPodcast{ width:116px; height:75px; display:block; background:url(../images/icons/icon-podcast-75.png) 0 0 no-repeat; padding:7px 0 0 80px; text-align:center; text-decoration:none; font-weight:bold; font-size:12px; line-height:14px; margin:0 auto;}

/* social networks */

form#myspacepostto{ position:relative; height:60px; padding:0; margin:auto; }
#social_buttons_des{ height:18px; padding:2px; text-align:center; font-size:12px; font:Georgia; font-weight:bold }
div.social_buttons{ text-align:center; padding-top:5px; }
.social_buttons a img{ border:none; }
.social_buttons a:link,
.social_buttons a:hover,
.social_buttons a:visited,
.social_buttons a:active{}
div.social_buttons{ display:block; position:absolute; left:50px; background:transparent; }

/*newsletter form*/
form#nl{ background:url(/images/opt-in-lp.gif) no-repeat transparent; width:186px; height:238px; margin-left:5px; border:none; position:relative; }
#nl input#nlmail{ font-size:14px; border:#666666 solid 1px; position:absolute; bottom:30px; right:27px; width:175px; text-align:center; /*font-size:.85em;*/ }

/* start - table */
.info table {
	border-collapse: collapse;
	margin: 10px 15px;	
}
.info th strong {
	color: #fff;
}
.info th {
	background: #D02574 url(../images/button-bg.png) repeat-x 0 0;
	height: 30px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	border: 1px solid #D02574;
	border-bottom-width: 2px;
}
.info tr {
	height: 32px;
	background: #fff;	
}
.info td {
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #E5F0FB; 
}

#contact table, #contact td, #contact tr{ border:none;}
/* end - table */

/* quick search form */
#quick_search form{background:url(../images/bg_quick_search.jpg) left top no-repeat; border:none; padding-left:6px; width:175px; height:122px; margin-left:10px !important; margin-top:0;}
#quick_search input{border:#CCCCCC solid 1px;}
#quick_search h3{color:#D02574 !important; margin:0 !important; text-decoration:none !important; text-align:center !important;}

/* search form */
.searchform {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 5px 0 5px 0;
	width: 200px;
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox {
	width: 125px;
	color: #777;
	height: 20px;
	padding: 2px;
	border: 1px solid #D2E8F7;
	vertical-align: top;
}
.searchform input.button {
	width: 55px;
	height: 26px;
	padding: 2px 5px;
	vertical-align: top;
}

/********************************************
   COMMUNITY
********************************************/
table.recent {
	border-collapse: collapse;
	margin: 10px 15px;	
}
.recent th strong {
	color: #fff;
}
.recent th {/*
	background: #D02574;*/
	height: 30px;
	padding-left: 12px;
	padding-right: 12px;
	color: #000;
	text-align: left;
	border: 1px solid #E5F0FB;
	border-bottom-width: 2px;
}
.recent tr {
	height: 32px;
	background: #fff;	
}
.recent td {
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	border: 1px solid #E5F0FB; 
}
.recent td a{ display:inline; padding:0; margin:0;}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 820px;
	margin: 0 auto;
	text-align: left;
	background: #D02574 url(../images/content.jpg) repeat-y center top;
}
#content-wrap {
	clear: both;
	width: 790px;
	margin: 0 auto;
	padding: 0;
}

#content{
	margin:10px 15px;
	padding: 10px 0;
	border: 1px solid #DFC1D1;
	background: #FBE7F0;
}

#content .section-link{
	color: #FFFFFF;
	text-decoration: none;
}

#header {
	position: relative;
	height: auto;/*433px
	background: url(../images/headerimage.png) no-repeat center top;*/
	padding: 0;
}
#header img{
	border:none;
	padding:0;
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 55px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -3px;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	background: transparent;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 18px; left: 35px;	
}
#top p#slogan {
	position: absolute;
	margin: 0;
	padding: 0;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	/* change the values of top and left to adjust the position of the slogan*/
	top: 80px;
	left: 0px;
	text-align: left;
}

/* header links */
#top #header-links {
	position: absolute;
	color: #D02574;
	font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;
	top: 20px;
	right: 250px;
}
#top #header-links a {
	color: #2B7FC2;
	text-decoration: none;
}
#top #header-links a:hover {
	color: #D02574;
}

/* navigation */
#menu {
	clear: both;
	margin: 0 auto;
	padding: 30px 0 0 0;
	font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 40px;
	width: 820px;
	background-image: url(none);
}
#menu ul {
	float: left;
	list-style: none;
	margin:0;
	padding: 0 0 0 20px;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 12px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/sep.png) no-repeat 100% 100%;
}
#menu ul li a:hover {
	color: #D02574;
}
#menu ul li#current a {
	color: #D02574;
}

#main #menu ul li a {
	display: block;
	float: left;
	padding: 0 12px;
	color: #000000;
	text-decoration: none;
	background: url(../images/sep.png) no-repeat 100% 100%;
}

#main #menu ul li a:hover {
	color: #D02574;
}

/* navigation community */
#menucom {
	clear: both;
	margin: 0 auto;
	padding: 0;
	font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 37px;
	width: 820px;
	background-image: url(../images/menu.png no-repeat top left);
	background-image: url(../images/menu.png);
}
#menucom ul {
	float: left;
	list-style: none;
	margin:0;
	padding: 0 0 0 20px;
}
#menucom ul li {
	display: inline;
}
#menucom ul li a {
	display: block;
	float: left;
	padding: 0 12px;
	color: #000000;
	text-decoration: none;
	background: url(../images/sep.png) no-repeat 100% 100%;
}
#menucom ul li a:hover {
	color: #D02574;
	background-color: #FFFFFF;
	border-top-color: #868686;
}
#menucom ul li#current a {
	color: #D02574;
	background-color: #FFFFFF;
	border-top-color: #868686;
}


/* Main Column */
#main {
	float: left;
	width: 555px;
	margin: 0;
	padding: 0;
	display: inline;
}
#main h2 {
	font: normal 24px 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding: 0;
	margin-bottom: 0;
	color: #D02574;
	font-weight: bold;
}
#main h2 a {
	color: #2666c3;
	text-decoration: none;	
}

#main p, #main ol, #main ul, #main table, #main form {
	margin-left: 10px;
	margin-right: 25px;
	color: #333333;
	padding-bottom: 5px;
}

#main p, blockquote {
	margin-left:10px;
	margin-right: 15px;
	color: #333333;
	margin-top: 20px;
}

#main ul li {
	list-style-image: url(../images/bullet.gif);
}

#main .separate{
	margin:15px 13px;
	border-top: 1px solid #A9D4EF;
}

/* Sidebar */	
#sidebar {
	float: right;
	width: 210px;
	padding: 0 8px 0 10px;
	margin: 10px 0 0 0;
	color: #333333;
	border-left: #777 2px;
}	

#sidebar h2 {
	margin: 15px 5px 10px 5px;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #D02574;
}

#sidebar p {
	margin-left: 5px;
	color: #333333;
}

#sidebar #productList{border-color:#999999; border-top-style:solid; border-top-width:2px;}
#sidebar #productList h3{margin:3px 0;  line-height: normal; text-decoration:underline;}
#sidebar .productNm{font-weight:bold;}
#sidebar .product{background:#D02574; margin:5px 0; color:#FFFFFF; padding:3px;}

#sidebar .child{ padding: 14px 0 14px 0; /*border-top: #CCC dotted 1px; border-bottom: #CCC dotted 1px;*/ }
#sidebar .child:hover{ }

ul.sidemenu {
	text-align: left;
	margin: 7px 10px 8px 0;
	padding: 0;
	text-decoration: none;
	border-top: 1px solid #A9D4EF;
	font-size:1.3em;
}

ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;
	color: #333333;
	border-bottom: 1px solid #D2E8F7;
}

* html body ul.sidemenu li {
	height: 1%;
}

ul.sidemenu li a {
	text-decoration: none;	
	color: #1773BC;
	display:block;
}
ul.sidemenu li a:hover {	
	color: #D02574;
}

ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }

ul.sidemenu ul li { border: none; }

#sp-login{float:right; width:50%; border:#999999 solid 1px; background:#FFFFFF; padding:0; margin-right:10px; cursor:pointer;}
#sp-login p{ margin:0 0 5px 5px; padding:0; }

/* Footer */	
#footer {
	color: #333333;
	background: #D02574 url(../images/footer.jpg) no-repeat center top;
	clear: both;
	width: 820px;
	height: 57px;
	text-align: center;
	font-size: 90%;
}
#footer strong{ color:#FFFFFF}
#footer p { 
	padding: 10px 0;
	margin: 0;
	color:#FFF;
}

#footer a{ color:#FFF; font-weight:bold;}

#footnav a {
	color: #1C76BE;
	text-decoration:underline;
	/*border-left:#666666 solid 1px;*/
}

#footnav{margin-left:2em;}
/* post footer */
.post-footer {
	background: #F4F8FD;
	padding: 5px; margin: 20px 25px 0 25px;
	border: 1px solid #E5F0FB; 
	font-size: 95%;	
}
.post-footer .date {	padding-left: 0px; margin: 0 5px; }
.post-footer .comments { padding-left: 0px; margin: 0 5px; }
.post-footer .readmore { padding-left: 0px; margin: 0 5px; }

.post-by { font-size: .95em;	margin-top: 0;	}

/* FEATURED MEMBER */

.featMem{
	position:relative;
	display:block;
	min-height:220px;
	margin:10px 15px;
	padding:0;
	border: 2px dashed #DFC1D1;
	background: #FBE7F0;
}

.featMem .title{
	position:absolute;
	top:.2em;
	display:block;
	padding-left:40px;
	margin:0;
	height:28px;
	font-size:1.5em;
	background:url(../images/bfly_fm.gif) top left no-repeat;
}

.featMem .content{
	width:355px;
	padding:.5em;
	background:#FFFFFF;
	border: 2px dashed #DFC1D1;
}

.featMem img{max-width:130px;}

.featMem .img{
	float:right; 
	margin-left:3px;
	margin-top:3.5em;
}


/* level select form */
#level_oprion{}
.level_select{
	margin-bottom:10px;
	border:#D2E8F7 solid 1px;
	background: #FBE7F0;
	padding:5px;
}

.level_select:hover{
	border:#000 solid 1px;
}

.level_select form{
	margin:10px 15px;
	padding: 10px 0;
	border:none;
	background:none;
}

.level_select input {
	margin-top:4px;
	float:left;
}

.level_select fieldset {
	border: none;
	margin-bottom:25px;
}
.level_select fieldset:hover{
	cursor:pointer;
}

.level_select label {
	display:block;
	cursor:pointer;
}

#level_oprions ul li{
	list-style-image:none;
	margin-bottom:0;
	margin-bottom:15px;
}

.level_select legend {
	display:inline;
	font-weight:bold;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
}

#sidebar h3 {
	margin: 15px 5px 10px 0px;
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #D02574;
}
#sidebar ul.benefits {
	list-style-image: url(../images/bullet.gif);
	text-align: left;
	margin: 7px 10px 10px 0;
	padding: 0 0 5px 20px;
	text-decoration: none;
}
#sidebar .benefits li{
	margin-bottom:8px;
}
#sidebar h3 {
	margin: 15px 5px 10px 5px;
	font: bold 18px 'Trebuchet MS', Tahoma, Sans-serif;
	color: #000000;
	line-height: 22px;
}
#headermember {
	position: relative;
	height: 285px;
	background: url(../images/headerMembership.png) no-repeat center top;
	padding: 0;
}
#top {
	clear: both;
	margin: 0 auto;
	padding: 0;
	font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 40px;
	width: 820px;
}

/* listings */
#listings{border-top:#A9D4EF solid 1px;}
#listings .listing{border-bottom:#A9D4EF solid 1px; padding:5px}
#listings .listing .title{ font-size:1.2em; font-weight:bold;}
.listedMember{ cursor:pointer}
.listedMember:hover{ background:#EBEBEB}

/* profiles */
#profile{border-top: #000000 solid 1px;}
#profile #leftCol{float:left; width:170px; padding:5px 5px 0 0; border-right: #000000 solid 1px;}
#profile #leftCol p{ margin:0; padding:0; }
#profile .member{ border-bottom:#000 solid 1px; padding:5px; margin-bottom:5px; }
#profile .business{ border:#0099FF solid 1px; background:#E8E8E8; padding:5px; margin-bottom:5px; }
#profile address{ font-size:11px; }
#profile #rightCol{float:left;padding-left:5px;width:365px;}

#tabbedView { margin-bottom:9px; }
#tabbedView a{ margin-left:5px; border:#0099FF solid 1px; border-bottom:none; padding:3px;}

h3.section-header{ display:block; margin:5px 0; padding:8px 7px 2px 7px; height:21px; font-size:14px; background:url(../images/bg_h4bar-04.jpg) left bottom repeat-x #FFF; /*border-top:#999999 solid 1px;border-bottom:#999999 solid 1px;*/ color:#000; font-weight:bold;}

/* admin */
#admin{}
#admin #leftCol{float:left; width:180px; padding:5px; border-right: #A9D4EF solid 1px; font-size:.85em;border-top:#A9D4EF solid 1px;}
#admin #leftCol .select{margin-bottom:5px; padding:5px; background:#FBE7F0; border: 1px solid #DFC1D1;}
#admin #leftCol .select strong{font-weight:bold}

#admin #rightCol{float:left;padding-left:5px;width:355px;border-top:#A9D4EF solid 1px;}
#admin .item{border-bottom:#A9D4EF solid 1px; padding:5px}
#admin .item .title{ font-size:1.2em; font-weight:bold;}

.admnLftColMnu a{display:block; padding:0 2px; margin-top:2px; margin-top:2px;}
.admnLftColMnu a:hover{background:#FFFFFF; text-decoration:none; border-bottom:#CCCCCC solid 1px;border-top:#CCCCCC solid 1px;margin:0;}


.comm_nm{float:left; width:120px; margin-left:15px; overflow:hidden; padding:0; position:relative;}
.comm_nm .img { position:absolute; top:-5px; left:-5px;}

.qres, b{ background:#99FFFF; color:#0000FF; }
