/*
Theme Name: Author Marketing Experts, Inc.
Theme URI: http://www.marketingzen.com/
Author: Roel Monteros
Author URI: http://www.marketingzen.com/
Version: 3.0
Tags: blog, theme options, multiple layouts, multiple color schemes

Version History
	See history.txt
*/

body {
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica,Verdana,Sans Serif;

}
img {
    border: none;
}
p,table {
    font-size: 14px;
    color: #555555;
}
h2, h2 a {
    color: #92278f;
    font-size: 20px;
    text-decoration: none;
}
h3 {
    font-size: 18px;
}
blockquote {
    border-bottom: 1px dashed #ccc;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
}
blockquote p {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555555;
}
cite {
    font-weight: bold;
}
hr.green {
    border-top: 1px dashed #A9C56C;
    border-bottom: none;
    background: none;
} 
#wrapper {
    margin: 0 auto;
	width:980px;
}

#pop_wrapper {
    margin: 0 auto;
	padding: 12px 24px;
}

#header {

	width:949px;
	height:126px;
}
ul.purple li {
    color: #92278f;
    list-style-position: outside;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin-left: 0px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    list-style-image: url(images/purple_arrow.gif);
}
ul.purple li a {
    text-decoration: none;
    color: #92278f;
    font-style: italic;
}

/************************************** menu********************************************************/
#menu {
	width:934px;
	height:41px;
    background: url(images/menu_kj.jpg) no-repeat;
    padding-left: 15px;
}
#menu ul.menu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    height: 28px;
    text-align: center;
}
#menu ul.menu li,#menu ul.menu li+li {
    float: left;
    padding: 0px 0px 0px 3px;
    height: 28px;
    margin: 1px 0px 0px 0px;
    overflow: hidden;
}

#menu ul.menu li a {
    font-family: Arial,Helvetica,Verdana,Sans Serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    padding: 12px 10px 8px 7px;
    display: block;
}
#menu ul.menu li a:hover,#menu ul.menu li.current_page_item ul li a:hover { 
    color: #a9c56c;
}
ul.menu li ul {
    visibility: hidden;
}
#menu ul.menu li.current_page_item a,ul.menu li ul li.current_page_item a {
    color: #a9c56c;
}
#menu ul.menu li.current_page_item ul li a{
    color: #fff;
}
#menu ul.menu li ul {
	position:		absolute;
/*	top:			10.2em; */
	top: 166px;
	width:			10em; /* left offset of submenus need to match (see below) */
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#menu ul.menu li ul li {
    background: #92278F;
    width: 100%;
    height: 25px;
    margin: 0;
    border-bottom: 1px dashed #D5D3D3;
}
#menu ul.menu li ul li a {
    line-height: 13px;
    padding: 5px 0 0 0;
    color: #fff;
}
#menu ul.menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
ul.menu li:hover ul,
ul.menu li.sfHover ul {
	
	top:			4em; /* match top ul list item height */
	z-index:		99;
}

/************************************** end menu********************************************************/


#content {
    float: left;
    width: 662px;
    background: transparent;
    font-size: 14px;
    color: #555555;
}
#content .comment {
    margin: 0 30px;
}
#post-content {
    margin-left: 30px;
    margin-top: 15px;
    margin-right: 20px;
    font-size: 12px;
    clear: both;
}
#content-heading {
	width:608px;
	height:46px;
    margin: 30px 0px 30px 30px;
    background: url(images/content_heading_bg.gif) no-repeat;
}
#content-heading h2 {
    color: #fff;
    padding-top: 10px;
    margin-left: 10px;
}
#blog-heading {
    background: url(images/blog_heading_bg.jpg) no-repeat;
    height: 101px;
    width: 632px;
    margin-left: 20px;
    margin-top: 20px;
}
#blog-heading .blog_head h1 {
    font-size: 20px;
    color: #92278f;
    padding: 0;
    margin: 0;
}
#blog-heading .blog_head h3 {
    margin: 0;
    padding: 0;
    color: #555555;
}
#blog-heading .blog_head {
    width: 380px;
    height: 70px;
    position: relative;
    top: 15px;
    left: 180px;
    overflow: hidden;
}
.blog_title {
    color: #f7941d;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}
span.date {
    font-size: 10px;
}
span.author {
    float: right;
    font-size: 10px;
}
span.link a{
    color: #0000FF;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    background: url(images/comments.png) no-repeat;
    padding: 5px 0 5px 40px;
    margin-top: 10px;
}
hr.hrr {
    border-top: 1px dashed #666666;
    border-bottom: 0px;
    background: none;
    height: 2px;
    margin-bottom: 0px;
}
#social_container {
    float: right;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 10px;
}
#social_box {
    border: 1px solid #ccc;
    padding: 10px 0;  
    width: 240px;  
}
#social_box div.social_m {
    float: left;
    margin: 5px 0px 5px 5px;
    
}
.fform {
    border: 1px solid #ccc;
    background: #E6E6E6;
    padding: 5px;
    width: 230px;
    margin-top: 5px;
}
#accordion h3 a,#accordion h3 {
    color: #f7941d;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    font-size: 13px;
}
#accordion h3 {
    background: url(images/orange_arrow.gif) left no-repeat; 
    
}

#accordion a {
    
    padding-left: 20px;
}
#accordion img {
    border: none;
}
.associated-posts .associated-post h3.post-title a {
    background: url(images/orange_arrow.gif) left no-repeat; 
    text-decoration: none;
    color: #f7941d;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    font-size: 14px;
    padding-left: 20px;
}
.associated-posts .associated-post h3.post-title{
    padding: 5px 0;
    margin: 0;
}
.associated-posts .associated-post {
	/*border-top: 1px dashed #666666;*/
    margin-bottom: 5px;
}
/*---------------------------------- side bar -----------------------------------------------*/
#sidebar {
	float: right;
    margin-top: 30px;
    padding-right: 10px;
	width:277px;
    background: transparent url(images/sidebar_bg.gif) top left repeat-y;
    font-size: 14px;
    color: #555555;
}
#sidebar a {
    outline: none;
}
#sidebar p {
    margin: 10px 15px;
    font-size: 14px;
    color: #555555;
    font-family: Arial,Helvetica,Verdana,Sans Serif;
}
#sidebar input[type=text] {
    background: url(images/input_bg.gif) repeat-x;
    border: 1px solid #ccc;
    width: 194px;
    padding: 3px 2px;
}
#sidebar .subscribe_button {
    margin-right: 25px;
}
#sidebar .subscribe_rss {
    margin-right: 10px;
    border: none;
}
#sidebar img.view_cart {
    margin-right: 10px;
    border: none;
    outline: none;
}
#sidebar .follow_us {
    width: 230px;
    height: 45px;
    background: #b5cd7b;
    margin-left: 15px;
    padding-left: 10px;
}
#sidebar .follow_us img{
    margin-left: 5px;
    margin-top: 8px;
    border: none;
}
#sidebar .follow_us span {
    color: #fff;
    font-size: 14px;
    float: right;
    text-align: center;
    margin-top: 10px;
    margin-right: 5px;
}
#sidebar .twitter_feed {
    
    width: 238px;
    min-height: 252px;
    margin: 10px auto 0 auto;
    -moz-border-radius: 10px;	
    -khtml-border-radius: 10px;	
    -webkit-border-radius: 10px;	
    border-radius: 10px; 
    border: 1px solid #7A347C; 
    background: #7A347C;
}
#sidebar .sidebar_bottom {
    height: 15px;   
}
.sidebar_bottom img {
    position: relative;
    margin-top: -35px;
}
.twitter_feed ul, .twitter_feed li{
    list-style-type: none;
}
.whoweare {
    background: url(images/whoweare.gif) no-repeat;
    width: 255px;
    height: 65px;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    font-weight: bold;
}
.table_content {
    background: url("images/table.gif") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    height: 48px;
    letter-spacing: 1px;
    line-height: 45px;
    margin-left: 20px;
    text-align: center;
    width: 584px;
}
ul.wwa li a {
    color: #f7941d;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
ul.wwa {
    margin-top: 0px;
}
ul.wwa li,.wpsc_categories {
    list-style-image: url(images/orange_arrow.gif);
    margin-bottom: 5px;
}
#sidebar ul,#sidebar li {
    list-style-type: none;
}
.twitterwidget-title,.twitterwidget a {
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin-right: 30px;
    margin-top: 10px;
}
.twitter-avatar {
	float: left;
}
.twitter_feed .twitter_user {
	margin-top: 10px;
	float: right;
}
.twitter-avatar img{
    border: 1px solid #fff;
    margin-top: 5px;
    margin-left: 5px;
}
.widget_twitter {
    font-size: 12px;
    color: #fff;
}
.widget_twitter ul {
    padding-left: 0;
    margin-left: 0;
}
.widget_twitter li {
    margin: 20px 10px;
}
.widget_twitter li a {
    color: #F8EA8D;
}
/*----------------------------------end side bar -----------------------------------------------*/
/*----------------------------------home page content-----------------------------------------------------*/
#content_wrapper {
    width: 949px;
    background: #fff url(images/content_wrapper_bg.jpg) top no-repeat;
}

#left-content {
	float: left;
	width:610px;
    padding-left: 30px;
}
#left-content p {
    font-size: 14px;
    color: #555555;
}
#left-content h3 {
    color: #555555;
    font-size: 16px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#left-content h2 {
    font-size: 20px;
    padding-top: 0px;
    margin-top: 0px;
}
#left-content ul.orange_list {
    margin-left: 0px;
    padding-left: 0px;
}
#left-content ul.orange_list li {
    color: #f7941d;
    list-style-position: inside;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin-left: 0px;
    font-size: 14px;
    font-weight: bold;
    list-style-image: url(images/orange_arrow.gif);
    width: 350px;
}

#left-content ul.associated-posts {
    margin-left: 15px;
    padding-left: 0px;
}
#left-content ul.associated-posts li {
    color: #f7941d;
    list-style-position: outside;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin-left: 0px;
    font-size: 14px;
    font-weight: bold;
    list-style-image: url(images/orange_arrow.gif);
    width: 350px;
}

#left-content li a,.wpsc_categories li a {
    color: #f7941d;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#right-content {
	float: right;
	width:247px;
    text-align: right;
    font-family: Arial,Helvetica,Verdana,Sans Serif;
    font-size: 12px;
    overflow: hidden;
    margin-left: 10px;
}
#right-content img {
    margin-bottom: 15px;
}

#green_box {
    width: 242px;
    background: #D2E2A3 url(images/green_box.png) top no-repeat;
    border: 1px solid #ccc;
    margin: 10px auto;
    padding-top: 10px;
    -moz-border-radius: 10px;	
    -khtml-border-radius: 10px;	
    -webkit-border-radius: 10px;	
    border-radius: 10px; 
      

}
#green_box ul {
    margin-left: 0;
    padding: 0 0 0 20px;
}
#green_box ul li {
    list-style-type: disc;
    text-align: left;
    font-weight: bold;
    padding-left: 0px;
    margin-left: 0;
    margin-top: 5px;
}
#right-content p.call {
    background: #ccc;
    margin: 10px 0 0 0;
    padding: 5px;
    width: 234px;
    position: relative;
    left: -1px;
    bottom: -1px;
}
#books {
    text-align: center;
    height: 185px;	
	width:949px;
    overflow: hidden;
}
#bookParade {
    width: 930px;
    position: relative;
    height: 185px;
    margin: 10px auto;
    overflow: hidden;
}
#bookParade div.scrollableArea img {
    position: relative;
    float: left;
    margin-left: 10px;
    border: none;
}
/************************************************* footer *************************************************/

#footer_wrapper {
    width: 100%;
    background: url(images/footer_bg.gif) repeat-x;
    height: 85px;

}
#footer {
    margin: 10px auto;
	width:949px;
    text-align: center;
}
#footer span {
    font-size: 10px;
    position: relative;
}
#footer ul {
    position: relative;
    top: 10px;
    margin: 0 auto;
    padding: 5px 0 0 0;
}
#footer ul li {
    display: inline;
	list-style-type: none;
	margin: 0px; 
    padding: 0px;
    height: 8px !important;
    overflow: hidden;
}
#footer ul li+li {
	display: inline;
    list-style-type: none;
	margin: 0px; 
    padding: 0;
    height: 8px !important;
    overflow: hidden;
    
}
#footer ul li+li a {
    font-family: arial;
    border-left: 1px solid #BDBDBD;
    padding: 0px 8px 0px 8px;
    margin: 0px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 10px;
    color: #555555;
	text-decoration: none;
}
#footer ul li a {
    font-family: arial;
    position: relative;
	color: #555555;
	text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 10px;
    padding-right: 8px;
}
#footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
}
.clear {
    clear: both;
}
.spacer {
    height: 20px;
    width: 100%;
}
img.alignright,dl.alignright {float:right; margin:0 0 1em 1em}
img.alignleft,dl.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.50; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.50; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 50); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

/* This is for sweepstakes page - custom divs
*/
div.SweepChallenge
{
	padding: 25px;
	padding-right: 180px;
	overflow: hidden;
	width: 100%;
	height: 142px;
	background: url(/wp-content/uploads/2011/02/sweep_challenge.jpg) top left no-repeat;
	color: #000
}
div.SweepSolution
{
	padding: 25px;
	overflow: hidden;
	width: 556px;
	height: 142px;
	background: url(/wp-content/uploads/2011/02/sweep_solution.jpg) top left no-repeat;
	color: #000;
	margin-top: 15px;
}
div.SweepProcess
{
	margin-top: 15px;
	padding: 25px;
	padding-right: 180px;
	overflow: hidden;
	width: 100%;
	height: 142px;
	background: url(images/sweep_process.jpg) top left no-repeat;
	color: #000
}
div.SweepCost
{
	margin-top: 15px;
	padding: 25px;
	padding-left: 280px;
	overflow: hidden;
	width: 301px;
	height: 142px;
	background: url(images/sweep_price.jpg) top left no-repeat;
	color: #000;
	margin-top: 15px;
}
div.SweepResults
{
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 25px;
	padding-right: 180px;
	overflow: hidden;
	width: 100%;
	height: 142px;
	background: url(images/sweep_results_v2.jpg) top left no-repeat;
	color: #000
}

div.SweepChallenge p, div.SweepSolution p, div.SweepGetstarted p, div.SweepResults p, div.SweepCost p, div.SweepProcess p {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: bold;
}
h4 {
	font-size: 15px
}
h3.sweep {
	color: #F7941D;
	margin-bottom: 12px;
	margin-top: 25px;
}
div.SweepChallenge h3, div.SweepSolution h3, div.SweepGetstarted h3, div.SweepResults h3, div.SweepCost h3, div.SweepProcess h3 {
	COLOR: #ff8b00;
	font-size: 20px;
}
div.SweepSolution p, div.SweepSolution h3 {
	margin-left: 280px
}
div.SweepSolution img {
	position: absolute;
}
ol li, ul li  {
	font-size: 14px;
	margin-bottom: 8px;
}
div.SweepGetstarted {
	padding: 25px;
	overflow: hidden;
	width: 565px;
	height: 450px;
	background: url(images/sweep_getstarted.gif) top left no-repeat;
	color: #000;
	margin-top: 25px;
	padding-top: 0;
}
input.aligncenter {display: block; margin-left: auto; margin-right: auto}
div.SweepSample
{
	margin: 15px 0 25px 0;
	overflow: hidden;
	width: 606px;
	text-align: center;
	background: url(images/sweep_livesample.jpg) top left no-repeat;
}
div.SweepSample a {
	font-size: 16px;
	text-decoration: none;
	line-height: 16px;
}
div.SweepSample img {
	vertical-align: middle;
}
div.SweepSample a.sample {
	display: block;
	width: 606px;
	height: 209px;
	margin-bottom: 10px;
}
#left-content a img.size-full {
	margin-left: 10px;
}
div.new_approach_image {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
div.new_approach_image a {
	display: block;
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px;
}
div.new_approach {
	margin-left: 265px;
	font-size: 14px;
}
div.new_approach ul  {
	margin-left: -20px;
}
#sidebar .sweep_side_banner {
    margin-left: 15px;
    margin-bottom: 30px;
}
#sidebar .sweep_side_banner img{
    border: none;
}