/*

Theme Name: MarketerCMS
Theme URI: http://MarketerCMS.com
Description: Sales Content Management System.
Version: 1.149
Author: Armand Morin
Author http://www.ArmandMorin.com
Tags: MarketerCMS, buddypress

	Copyright: (c) 2011 Armand Morin Network.
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/

@import "style/css/default.css";
@import "style/css/buddypress.css";

/***************************************************************************************/
/*			RESET			*/
/***************************************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
color: #333;
}

/***************************************************************************************/
/* 			LOGO 			*/
/***************************************************************************************/

#logo { position: static; display:table; height: 150px; width: 940px; margin: 0px auto 0px auto; clear: both;}
#logocontainer { display:table-cell; vertical-align:bottom; padding: 0px 0px 15px 20px;}

#logo h1 { color: white; font-size: 38px; margin: 0px auto 0px auto; padding: 0px; text-align: left; width: 900px; }
#logo h2 { color: white; font-size: 18px; margin: -20px auto 0px auto; padding: 0px; text-align: left; width: 900px; }

a {
color: #333;}

/***************************************************************************************/
/* 			BODY			*/
/***************************************************************************************/

body {
background-color: #ececec;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}

/***************************************************************************************/
/* 			PAGE PROPERTIES			*/
/***************************************************************************************/

#outerwrapper { width: 960px; margin: 20px auto 20px auto; border: 1px solid #fff; background-color: #fff; -moz-border-radius: 10px; border-radius: 10px;}
#wrapper { width: 940px; margin: 10px auto 0px auto;}
#header {position: relative;height: 150px;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
#footer {clear: both; margin: 40px auto 20px auto; text-align: center; font-size: 13px; color: #666;}
#namedate {margin: 0px 0px 25px 0px; line-height: 150%;}

/***************************************************************************************/
/* 			HEADERS			*/
/***************************************************************************************/

h1 { text-align: center; font-weight: bold; font-size: 24px; letter-spacing: -1pt; margin: 0px auto 20px auto; width: 95%;}
h1 a {color: #0033CC;}
h1 a:visited {color: #0033CC;}
h2,h3,h4,h5,h6 { margin-bottom: 15px;}
.post h2 { font-size: 24px; font-weight: bold; letter-spacing: -1pt; color: #000; border-bottom: 3px solid #ccc; padding-bottom: 3px;}
.post h2 a {color: #000; text-decoration:none;}
#sidebar2 li h2 { list-style:none; list-style-position:outside; font-size: 33px; font-weight: bold; line-height: 28px;}

/***************************************************************************************/
/* 			POST FORMATTING			*/
/***************************************************************************************/

.postinfo { font-size: 12px; color: #666;margin: 0px auto 20px 0px;}
.postinfo a { font-size: 12px; color: #666;margin: 0px auto 20px 0px;}
.postinfo p { font-size: 12px; color: #666;margin: 0px auto 20px 0px;}
.postinfo2 { font-size: 12px; color: #666;margin: 0px auto 20px 0px;}
.postinfo2 a { font-size: 12px; color: #666;margin: 0px auto 20px 0px;}
.postinfo2 p { font-size: 12px; color: #666;margin: 0px auto 20px 0px;}
.entry {font-size: 14px; line-height: 0px;}

/***************************************************************************************/
/* 			CONTENT				*/
/***************************************************************************************/

#content { width: 666px; float: left; border-right: solid #ccc 1px; margin: 0px 16px 50px 0px;}
#content .post {width: 100%;border-bottom: 1px solid #ccc; margin: 0px auto 25px 10px;}
#content .post img {padding: 3px; border: 1px solid #ccc;}
#content .post2 {border-bottom: 1px solid #ccc; margin: 0px auto 25px 0px;}
#content .post p {font-size: 15px; line-height: 140%; margin-bottom: 25px;}
#content .post .postinfo img { border:medium none; margin:2px; vertical-align:middle;}
#content .post .postinfo2 img { border:medium none; margin:2px; vertical-align:middle;}
#content .post .postwrapper {width: 100%;}
#content .post .head {width: 80px; float:left;text-align: center; display: none;}
#content .post .head a {margin: 0px auto 0px auto; font-size: 12px; color: #666;text-decoration: none;}
#content .post .head .date {text-align:center; font-weight: bold; margin: 5px auto 15px auto;}
#content p {font-size: 15px; line-height: 150%; margin-bottom: 13px;}
#content ul { margin-left: 20px; font-size: 15px; line-height:22px;}
#content ul p { font-size: 15px; line-height:150%;}
#content ul li {margin-bottom: 15px; font-size: 15px; line-height: 150%;}
#content textarea {width:560px; margin-bottom: 15px;}
#contentwide {width: 98%; margin: 0px auto 50px auto;}
#contentwide p {font-size: 15px; line-height: 22px; margin-bottom: 13px;}
#contentwide ul { margin-left: 40px; font-size: 15px; line-height:1.25em;}
#contentwide ul li {margin-bottom: 15px;}

/***************************************************************************************/
/* 			LETTER CONTENT			*/
/***************************************************************************************/

#lettercontent { width: 666px; float: left; border-right: solid #ccc 1px; margin: 0px 20px 50px 0px;}
#lettercontent .post {width: 640px;border-bottom: 1px solid #ccc; margin: 0px auto 25px 10px;}
#lettercontent .post2 {border-bottom: 1px solid #ccc; margin: 0px auto 25px 0px;}
#lettercontent .post p {font-size: 15px; line-height: 125%; margin-bottom: 25px;}
#lettercontent .post .postinfo img { border:medium none; margin:2px; vertical-align:middle;}
#lettercontent .post .postinfo2 img { border:medium none; margin:2px; vertical-align:middle;}
#lettercontent .post .postwrapper {width: 100%;}
#lettercontent .post .head {width: 80px; float:left;text-align: center; display: none;}
#lettercontent .post .head a {margin: 0px auto 0px auto; font-size: 12px; color: #666;text-decoration: none;}
#lettercontent .post .head .date {text-align:center; font-weight: bold; margin: 5px auto 15px auto;}
#lettercontent p {font-size: 15px; line-height: 150%; margin-bottom: 13px;}
#lettercontent ul, #lettercontent ol { margin-left: 20px; font-size: 15px; line-height:22px;}
#lettercontent ul p, #lettercontent ol p { font-size: 15px; line-height:150%;}
#lettercontent ul li, #lettercontent ol li {margin-bottom: 15px; font-size: 15px; line-height: 150%;}
#lettercontent textarea {width:560px; margin-bottom: 15px;}

.post ol { margin: 0px 0px 25px 40px;}
div.postwrapper p img {display: none;}
div.postwrapper .postthumbnail {float: left; margin: 0px 15px 0px 0px;}

#contentwrapper { width: 640px; }
#letterwrapper { width: 640px; margin-left: 10px;}

/***************************************************************************************/
/* 			FEATURES			*/
/***************************************************************************************/

#features { margin-left: 0; padding-left: 0; list-style: none; }
#features li { padding-left: 25px; background-image: url('images/bullet.png'); background-repeat: no-repeat; background-position: 0px 2px; }

/***************************************************************************************/
/* 			Comments			*/
/***************************************************************************************/

div.comment a:link,div.comment a:visited{color:#0066CB}
div.comment {background:#FFF; margin:0 auto 21px auto; line-height:130%; width: 600px;}
div.comment h1{color:#444;font-size:160%;margin:10px 0 20px}
div.comment h1 a:link,div.comment h1 a:visited{color:#444;text-decoration:none}
div.comment h1 a:hover{color:#0066CB;text-decoration:underline}
div.comment img{float:left;padding:4px;border:#DDD 1px solid;margin:5px 20px 15px 0}
div.comment img.avatar{background:#FFF;float:right;padding:4px;border:#DDD 1px solid;margin:5px 0 10px 15px}
div.comment div.postauthor img.avatar{background:#FFF;float:left;padding:4px;border:#DDD 1px solid;margin:5px 15px 10px 0}
div.comment ul{margin:15px 0 15px 30px;padding:0}
div.comment ul li{margin:0;padding:0;list-style:disc}
div.comment ol{margin:15px 0 15px 0px;padding:0}
div.comment ol li{margin-bottom: 25px;padding:20px;list-style:decimal; border: 1px solid #ccc; }
div.comment .date {font-size: 12px; margin-bottom: 20px;}
div.comment p {margin:0px 0px 0px 0;padding:0}
div.comment blockquote,div.comment pre{margin:15px 0;padding:1px 15px;border-left:5px solid #0354A6;background:#f7f7f7;font-family:'Courier New',Courier}
div.comment blockquote cite{margin:5px 0 0;display:block}
div.comment code {font:1em 'Courier New',Courier,Fixed;padding:10px 15px;border:1px dashed #BBB;background:#f7f7f7;display:block;margin:15px 0}
div.comment quote {padding:0 0 0 60px;background:#FFF; display:block;margin:15px 0}
div.comment quote code{padding:0;border:none;display:block;margin:0}
div.comment {font-size:100%;line-height:130%}
div.comment label {}
div.comment input {margin-right: 10px; clear: both;}
div.comment cite {font-size: 12px; font-weight: bold; font-style: normal; margin-bottom: 0px;}
div.comment textarea {width: 600px;}

/***************************************************************************************/
/* 			MORE LINK			*/
/***************************************************************************************/

.more-link { display:none;}

/***************************************************************************************/
/*			READ MORE BUTTON			*/
/***************************************************************************************/

.read-more {-moz-border-radius:3px; border-radius: 3px; background:url("images/white-grad.png") repeat-x scroll left top transparent; border:1px solid #DDDDDD; color:#888888; cursor:pointer; font-size:12px; font-weight:normal; padding:3px 10px; text-decoration:none; vertical-align:bottom; margin-bottom: 20px;}
a.read-more:hover { border-color: #AAAAAA; color:#555555; outline: medium none;}

/***************************************************************************************/
/* 			TOP NAV BAR 			*/
/***************************************************************************************/

#access { background: #000; display: block; float: left; margin: 0 auto 25px auto; width: 100%; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
#access .menu-header,div.menu { font-size: 13px; margin-left: 12px; width: 928px; }
#access .menu-header ul,div.menu ul { list-style: none; margin: 0; }
#access .menu-header li,div.menu li { float: left; position: relative; }
#access a {	color: #aaa; display: block; line-height: 38px; padding: 0 10px; text-decoration: none; }
#access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; }
#access ul ul li { min-width: 180px; }
#access ul ul ul { 	left: 100%; top: 0; }
#access ul ul a { background: #333; line-height: 1em; padding: 10px; width: 160px; height: auto; }
#access li:hover > a,
#access ul ul :hover > a { background: #333; color: #fff; }
#access ul li:hover > ul { display: block;}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a { color: #fff; }
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover { color: #fff; }

/***************************************************************************************/
/*			TESTIMONIAL SIDEBAR			*/
/***************************************************************************************/

#tsidebar { width:250px; float:right;font-size: 13px; font-style: italic; }
#tsidebar p { margin: 0px auto 15px auto; }
#tsidebar h2 { font-style:normal; }
#tsidebar h3 { margin: 15px 0px 15px 0px; }

/***************************************************************************************/
/* 			OPTIN SIDEBAR			*/
/***************************************************************************************/

div#optinsidebar {max-width:250px; width: 240px; float: right; margin-right: 12px;}
div#optinsidebar form input.name { width: 195px; height: 30px; margin: 15px auto 8px auto;  background-image:url('images/name.png'); background-repeat:no-repeat; padding: 0px 35px 0px 6px; background-position: 99% center;}
div#optinsidebar form input.email { clear: both; width: 195px; height: 30px; margin: 0px auto 8px auto; background-image:url('images/mail.png'); background-repeat:no-repeat; padding: 0px 35px 0px 6px; background-position: 99% center;}
div#optinsidebar form input.submit { width: 195px; height: 35px; font-weight: bold; margin: 0px auto 0px auto;}
div#optinsidebar form {text-align: center;}
div#optinsidebar p {margin-bottom: 15px; }
div#optinsidebar h2 {font-size: 24px; letter-spacing: -1pt; text-align: center;}
div#optinsidebar li ul { margin-bottom:15px; }
div#optinsidebar ul {margin-bottom: 15px;}
div#optinsidebar ul li { margin-left: 30px;}
div#optinsidebar ol {margin-bottom: 15px;}
div#optinsidebar ol li { margin-left: 30px;}
div#optinsidebar img { padding: 10px;}

/***************************************************************************************/
/* 			OPTIN BUTTON			*/
/***************************************************************************************/

.optinbutton { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 21px Arial, Helvetica, sans-serif !important; font-weight: bold !important; padding: 8px 20px 8px 20px; text-shadow: 1px 1px 1px #303030; filter: dropshadow(color=#303030, offx=1, offy=1); border: none !important; margin: 0px auto; width: 238px; height: 45px; color: #fff !important; background-image:url('images/orangebutton.png') ; background-color: #fff; }
.optinbutton:hover { text-decoration: none; }

.optinbutton2 { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 21px Arial, Helvetica, sans-serif !important; font-weight: bold !important; padding: 8px 20px 8px 20px; text-shadow: 1px 1px 1px #303030; filter: dropshadow(color=#303030, offx=1, offy=1); border: none !important; margin: 0px auto; width: 238px; height: 45px; color: #fff !important; background-image:url('images/orangebutton.png') ; background-color: #fff; }
.optinbutton2:hover { text-decoration: none; }

.optinpagebutton { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 21px Arial, Helvetica, sans-serif !important; font-weight: bold !important; padding: 8px 20px 8px 20px; text-shadow: 1px 1px 1px #303030; filter: dropshadow(color=#303030, offx=1, offy=1); border: none !important; margin: 0px auto; width: 238px; height: 45px; color: #fff !important; background-image:url('images/orangebutton.png') ; background-color: #fff; }
.optinpagebutton:hover { text-decoration: none; }


/***************************************************************************************/
/*			SIDEBAR			*/
/***************************************************************************************/

#sidebar { width: 249px; float: left; margin-top: 5px;}
#sidebar .widget widget_recent_entries .widgettitle h2 { list-style:none; }
#sidebar ul { list-style:none; }
#sidebar ul li ul { line-height:1.6em; font-size:13px; list-style-type:none; list-style-image:none; padding:0 0 .2em; }
#sidebar a { color:#666; text-decoration:none; }
#sidebar a:hover { color:#369; text-decoration:underline; }
#sidebar li { list-style:none; }
#sidebar li ul { margin-bottom:20px; }
#sidebar li ul li { line-height:25px; border-bottom:1px dotted #ccc; font-size:13px; text-decoration:none; list-style:disc outside; list-style-image:none; margin-left:25px; left:0; }
#sidebar li ul li ul li { list-style:circle; margin-left:40px; font-size:13px; }
#sidebar li h2 { color:#000; font-family:Arial; font-weight:700; text-transform:uppercase; margin-bottom:15px; margin-left:0px; padding-bottom:3px; list-style:none; line-height:25px; border-bottom: 3px solid #ccc; font-size:16px; letter-spacing:-1px; clear: both;}


/***************************************************************************************/
/* 			PAGE SIDEBAR			*/
/***************************************************************************************/

div#sidebar2 { list-style-type:none; margin-top:20px; padding-left:3px; float:right; width:250px; overflow: hidden; }
div#sidebar2 h2 { margin:0px auto 18px 0px; font-family:Myriad Pro; font-size:29px; text-align:center; letter-spacing:-1pt; }
div#sidebar2 p { margin:0px auto 18px 0px; }
div#sidebar2 #optintext { margin:0 auto 20px; width:240px; }
div#sidebar2 li { list-style-type:none; list-style-position:outside; }
div#sidebar2 li form { padding:0; list-style-type:none; list-style-position:outside; }
div#sidebar2 ul { margin:0 auto; }
div#sidebar2 ul li { list-style-type:none; width:250px; list-style-position:outside; }
div#sidebar2 ul ul { list-style-type:none; list-style-position:outside; }
div#sidebar2 ul ul li { list-style-type:none; list-style-position:outside; }
div#sidebar2 ul ul ul { list-style-type:none; list-style-position:outside; }
div#sidebar2 ul ul ul li { list-style-type:none; list-style-position:outside; }

/***************************************************************************************/
/* 			BOTTOM NAVIGATON PREVIOUS/NEXT			*/
/***************************************************************************************/

.navigation { color:#888888; font-size:12px; line-height:18px; overflow:hidden; }
.navigation a:link, .navigation a:visited { color:#888888; text-decoration:none; }
.navigation a:active, .navigation a:hover { color:#FF4B33; }
.nav-previous { float:left; width:50%; } 
.nav-next { float:right; text-align:right; width:50%; }
#nav-above { margin:0 0 18px; }
#nav-above { display:none; }

/***************************************************************************************/
/* 			TESTIMONIALS			*/
/***************************************************************************************/

.testimonialgray { width: 700px; background-color: #EFEFEF; border: 2px solid #CCCCCC; border-right: none; border-left: none; margin: 0 auto 25px; padding: 15px; }
.testimonialblue { width: 700px; background-color: #EEF9FF; border: 2px solid #B2D9EE; border-right: none; border-left: none; margin: 0 auto 25px; padding: 15px; }
.testimonialgreen { width: 700px; background-color:#EDFCD5; border:2px solid #D4EBAF; border-right: none; border-left: none; margin:0 auto 25px; padding:15px; }
.testimonialyellow { width: 700px; background-color:#FFF9CD; border:2px solid #EFE3AE; border-right: none; border-left: none; margin:0 auto 25px; padding:15px; }
.testimonialblue img, .testimonialgreen img,.testimonialyellow img,.testimonialgray img{ float:left; margin-right:15px; }
.testimonialblue p, .testimonialgreen p,.testimonialyellow p,.testimonialgray p{ line-height:150%; font-size:15px; margin:0 0 12px; }
.testimonialblue h2, .testimonialgreen h2,.testimonialyellow h2,.testimonialgray h2{ text-align:center; font-weight:700; font-size:22px; letter-spacing:-1pt; }

/***************************************************************************************/
/* 			GUARANTEE			*/
/***************************************************************************************/

#guaranteebox { width: 585px; background-image:url('images/certBorder.gif'); margin: 25px auto 25px auto; padding: 15px;}
#guarantee { background-color: #F1F8E9; padding: 15px 15px 10px 15px; margin: 0px auto 0px auto;}
#guaranteeboxblue { width: 585px; background-image:url('images/certBorderblue.gif'); margin: 25px auto 25px auto; padding: 15px;}
#guaranteeblue { background-color: #F1F4FA; padding: 15px 15px 10px 15px; margin: 0px auto 0px auto;}

/***************************************************************************************/
/* 			ORDER AREA			*/
/***************************************************************************************/
 
#orderarea{width:500px;border:3px;background:#ffff99;border-color:#000;border-style:dashed;margin:20px auto 30px;padding:25px 25px 15px;}
#orderarea ul { margin-left: 40px; font-size: 15px; line-height:22px;}
#orderarea p {margin-left: 20px;}
#creditcards{width:287px;margin:0 auto 15px;}

/***************************************************************************************/
/* 			RED BORDER BUTTON			*/
/***************************************************************************************/

.redborder{background-color:#950000;width:360px;cursor:pointer;margin:15px auto 15px auto;padding:4px;}
.redborder input.btn{width:360px;height:40px;font-family:Arial;font-size:19px;font-weight:700;letter-spacing:-1px;cursor:pointer;padding:6px 0; margin: 0px auto 0px auto;}
.redborder:hover{background-color:#090;}
.redborder2{background-color:#950000;width:400px;cursor:pointer;margin:15px auto 15px auto;padding:4px;}
.redborder2 input.btn{width:400px;height:40px;font-family:Arial;font-size:19px;font-weight:700;letter-spacing:-1px;cursor:pointer;padding:6px 0; margin: 0px auto 0px auto;}
.redborder2:hover{background-color:#090;}

/***************************************************************************************/
/* 			WIDGETS			*/
/***************************************************************************************/

.textwidget {font-size: 13px; margin-bottom: 25px;}
.widget_search {margin-bottom:25px;}
.widget_tag_cloud {margin-bottom: 25px;}

/***************************************************************************************/
/* 			SEARCH FORM			*/
/***************************************************************************************/

#searchform #textinput{width:170px !important;height:22px !important;}
#searchform #searchsubmit {height:31px !important; padding: 0px 10px 0px 10px !important;}

/***************************************************************************************/
/* 			VIDEO			*/
/***************************************************************************************/

#video{clear: both; margin: 0px auto 25px auto;}
#mediaspace {clear: both; margin: 0px auto 25px auto;}


/***************************************************************************************/
/* 			FACEBOOK/TWITTER BUTTONS - LAUNCH PAGE			*/
/***************************************************************************************/
 
#sharebuttons {width: 676px; margin: 0 auto 100px auto; }
 
#fb { float: left; margin-right: 20px; width: 328px; height: 52px; background: url(images/sharefacebook.png) no-repeat; }
#fbbutton {padding-left: 200px; padding-top: 16px;}
#twitbutton { padding-left: 200px; padding-top: 15px;}
#twit { float: left; width: 328px; height: 52px; background: url(images/sharetwitter.png) no-repeat; }

#footer p { margin: 25px auto 25px auto; }

/***************************************************************************************/
/* 			LAUNCH PAGE			*/
/***************************************************************************************/

#launchforms { width: 600px; border: 1px solid #41A4DE; margin: 0px auto; padding: 25px; background-color: #EDF7FC}
#launchforms p {margin: 0px 0px 20px 0px;}
#launchforms h2 {letter-spacing: -1pt;}
#launchform #textinput { width: 170px; height: 30px; margin-right: 7px;}