/*
Theme Name: Maynard Webb
Author: Brave Whale
Author URI: http://bravewhale.com
version: 1.0
Date: November 6, 2012
*/

/* Global elements
--------------------------------------------------------------------------------*/
body { background: url(images/brillant.png) #fff; font: 15px 'Open Sans', Sans-Serif; font-weight: 500; line-height: 24px; color: #333; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans Condensed", Sans-Serif; font-weight: 300; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
p { font-family: 'Open Sans', Sans-Serif; font-size: 15px; line-height: 24px; }
img,a img { display: block; }
a img:hover { border: none; }
a { color: #0E80B5; }
a:hover { color: #65BC84; text-decoration: underline; }
.button:focus { color: #fff; }
h1 a:hover,
h2 a:hover { text-decoration: none; }
.clearfix:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; }
/* avoid collapsing margins */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
    margin-top: 0;
}

/* Wordpress generated classes and tags */
.centered { display: block; margin: 0 auto; }
.alignright { float: right; padding: 4px; margin: 0 0 20px 20px; }
.alignleft { float: left; padding: 4px; margin: 0 20px 20px 0; }
.wp-caption { background: #fff; text-align: center; max-width: 500px; margin: 30px auto; padding: 9px; border: 1px solid #cfcfcf; box-shadow: 0 1px 3px rgba(0,0,0,0.12); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12); }
.wp-caption img { margin: 0; }
.wp-caption p.wp-caption-text { font: 12px Arial,sans-serif; color: #777; line-height: 18px; padding: 10px 10px 0 10px; margin: 0; }
.tagcloud { margin: 0 0 20px 0; }
blockquote { margin: 15px 0; padding: 20px 40px; border: none; }
blockquote p { line-height: 28px; }
.gallery a img { border: 1px solid #ccc !important; padding: 4px; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.12); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.12); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.12); }
.gallery dl { width: 150px !important; margin: 15px 29px; }

/* Header Elements
--------------------------------------------------------------------------------*/
.titlebar { background: #fff; padding: 15px; }
.masthead { margin-bottom: 30px; }
.masthead.no-head-mar { margin-bottom: 0; }
.masthead.not-home .nav-menu {
    border-bottom: 1px solid #dadada; 
	box-shadow: 0 3px 3px rgba(0,0,0,0.05); 
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.05); 
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}
.masthead a.logo { font-size: 36px; color: #333; font-weight: 300; }
.masthead h2 { margin: 0; }
.social-icons { float: right; width: 244px; margin: 35px auto 0 auto; font-size: 36px; }
.social-icons a { 
	display: block; 
	float: left; 
	margin-left: 30px; 
	zoom: 1;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.social-icons a:hover { 
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	text-decoration: none;
}
.social-icons a:first-child { margin-left: 0; }
.icon-linkedin-circled { color: #0073B2; }
.icon-twitter-circled { color: #40CDDA; }
.icon-facebook-circled { color: #3B5998; }
.icon-gplus-circled { color: #DF4224; }
.icon-rss { color: #F97F27; }
.icon-calendar.event { color: #0E80B5; font-size: 36px; }
.rss-link { display: block; border-bottom: 1px dotted #ccc; padding-bottom: 15px; }
.rss-link a { color: #F97F27; }
.rss-link a:hover { text-decoration: none; color: #0E80B5; }

/* Navigation - Main Menu
--------------------------------------------------------------------------------*/
.nav-menu { background: #fff; padding-bottom: 15px; }
.primary-menu { font-family: "Open Sans Condensed", Sans-Serif; font-weight: 300; padding-left: 0px; margin: 0 auto; line-height: 0; }
.primary-menu li { list-style-type: none; float: left; font-size: 22px; }
.primary-menu li:first-child { padding-left: 0px; }
.primary-menu li.dropdown:hover { background: url(images/sub-menu-arrow.png) center bottom no-repeat; }
.primary-menu li a { display: block; text-decoration: none; color: #65BC84; padding: 22px 22px 30px; }
.primary-menu li a:hover { color: #2F593D; }
.primary-menu > li:first-child > a { border: none; padding-left: 16px; }
.primary-menu li.current_page_item > a,
.primary-menu li.current_page_parent > a,
.primary-menu li.current-menu-ancestor > a { font-weight: bold; }
.primary-menu li:hover > ul { display: block; }
.primary-menu li li:hover > ul { display: block; }

/* Main sub menu (2nd level) */
.primary-menu ul { 
	display: none; 
	background: #fff; 
	border: solid 4px #65BC84; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	position: absolute; 
	z-index: 100; 
	text-align: left; 
	padding: 0; 
	margin: 0px; 
}
.primary-menu ul li { clear: both; padding-left: 0; font-size: 20px; }
.primary-menu ul li a { display: block; width: 200px; padding: 10px 20px; color: #65BC84; text-decoration: none; border-top: 1px dotted #dadada; border-left: none; }
.primary-menu ul li:first-child > a { border: none; }
.primary-menu ul li a:hover { color: #2F593D; }
.primary-menu ul li.current_menu_item a,
.primary-menu ul li.current-menu-ancestor > a { background: none; text-decoration: none; color: red; }

/* Main sub menu (3nd level) */
.primary-menu ul ul { display: none; background: #666; position: absolute; z-index: 100; margin: -44px 0 0 200px; }
.primary-menu ul ul li a { display: block; color: #fff; width: 200px; padding: 10px; border-top: 1px dotted #444; }

.primary-menu-modal.reveal-modal { padding: 0; }
.primary-menu-modal li { list-style: none; border-top: 1px dotted #ccc; padding: 6px 0; }
.primary-menu-modal li:first-child { border: none; }
.primary-menu-modal li a { color: #65BC84; display: block; }
.primary-menu-modal li ul { margin-left: 0; }

/* Home page
--------------------------------------------------------------------------------*/
.features-bg { background: #fff; }
.features-bg div.orbit-wrapper div.timer { display: none; }
.content h3,
.content h2 { font-size: 18px; }
.content h2 { color: #999; }

.rotator { background: url(images/loader.gif) no-repeat center center #fff; height: 400px; }
.rotator .rotator-slide { display: none; }
.rotator.orbit { background: none; }
.rotator.orbit .rotator-slide { display: block; }

.rotator-pitch { background: #65BC84; padding: 15px; margin-top: 30px; font-size: 18px; font-weight: 300; }
.rotator-pitch p { font-size: 18px; font-weight: 300; }
.retail-actions { 
	box-shadow: 0 0 3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);
	padding: 3px 10px 10px; 
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 60%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(60%,#f6f6f6), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 60%,#ededed 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 60%,#ededed 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 60%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 60%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.retail-bulk { float: left; margin-left: 20px;}
.retail-single { float: left; }
.retail-actions span { clear: left; display: block; color: #333; font-size: 11px; text-transform: uppercase; }
.retail-single a { float: left; margin-right: 20px; }
.rotator .timer { display: none; }
.rotator h1 { font-size: 36px; }
.rotator h2 { font-size: 30px; }
.rotator ul { margin-left: 30px; list-style: disc; margin-bottom: 20px; }
.rotator .left-arrow { background: url(images/slider-arrows.png) no-repeat; display: block; height: 77px; position: absolute; z-index: 9999; left: -160px; top: 150px; }
.rotator .right-arrow { background: url(images/slider-arrows.png) no-repeat 0 -80px; display: block; height: 77px; position: absolute; z-index: 9999; right: 0px; top: 150px; }
.col-right { float: right !important; } /* override column float to right */
.quotes-holder { 
	background: #fff; 
	border-bottom: 1px solid #dadada; 
	margin-bottom: 30px; 
	box-shadow: 0 3px 3px rgba(0,0,0,0.05); 
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.05); 
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05); 
}
.quotes { 
	background: url(images/quotes.png) no-repeat left 30px, url(images/quotes-end.png) no-repeat right bottom; 
	padding-top: 80px; 
	margin-bottom: 40px; 
}
.quotes blockquote { border: none; padding: 15px 0 0 0; margin: 0; }
.quotes blockquote p { font-size: 18px; line-height: 28px; color: #333; font-family: "Droid Serif", Serif; }
.quotes cite { font-size: 13px; color: #999; }
.home-quotes #quote_wrap { overflow: visible !important; }
.post-feed h2,
.post-feed h3 { font-size: 30px; }
.post-feed h3 { padding-bottom: 15px; }
.post-feed small { color: #65BC84; font-size: 12px; }
.twitter-widget h2 { border-bottom: 1px dotted #ccc; margin-bottom: 15px; padding-bottom: 15px; }
.twitter-widget.home-feed h3 { display: none; }
.item { border-top: 1px dotted #ccc; margin-bottom: 15px; padding-top: 15px; }
.item:first-child { border: none; padding-top: 0; }
.item h2 { font-size: 24px; margin-bottom: 5px; }
.item p { margin-bottom: 0; }
.speaking .item { margin-bottom: 31px; }
.news-item { margin-bottom: 32px; }

/* Call to action boxes
--------------------------------------------------------------------------------*/
.cta-box img { display: inline-block; }
.cta-box h3 { font-size: 24px; background: #65BC84; color: #fff; padding: 15px; }
.cta-box span { float: none; clear: left; display: block; font-size: 12px; text-transform: uppercase; margin-bottom: 5px;}
.cta-box .retailers { text-align: center; }
.cta-box .retailers a { margin-left: 17px; }
.cta-box .retailers a:first-child { margin-left: 0; }
.cta-box .retailers a:hover { text-decoration: none; }
.cta-box .panel { 
	background: #fff;
    padding: 0;
    padding-top: 20px;
	border: 1px solid #82CE9C; 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 5px rgba(101, 188, 132, 0.7); 
	-moz-box-shadow: 0 0 5px rgba(101, 188, 132, 0.7); 
	-webkit-box-shadow: 0 0 5px rgba(101, 188, 132, 0.7);
}
.cta-box .panel:hover { 
	background: #fff; 
	border: 1px solid #57B1DB; 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 5px rgba(0, 113, 166, 0.7);
	-moz-box-shadow: 0 0 4px rgba(0, 113, 166, 0.7); 
	-webkit-box-shadow: 0 0 4px rgba(0, 113, 166, 0.7); 
}
.cta-pitch { padding: 0 20px 20px 0; }
.cta-pitch .action-area { width: 255px; margin: 0 auto; }
.side-cta .action-area { padding: 0 15px 15px; color: #429B61; }
.book-downloads { padding-left: 20px;  }
.book-downloads img { margin-bottom: 10px; }
.book-downloads a.button { margin-top: 15px; }
.book-downloads a.button:first-child { margin-top: 0; }
.retail-icons a:hover { opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; }

/* Book page
--------------------------------------------------------------------------------*/
.endorsement-small { padding-top: 0; background-image: none; }
.endorsement-small a { display: inline-block; text-align: center; margin-top: 15px; }
.endorsement-small p:last-child { margin-bottom: 0; }
.endorsement-small blockquote { padding-top: 0; }
.endorsement-small blockquote p { font-size: 15px; line-height: 24px; }
.worksheet ul { margin-bottom: 30px; }
.panel-area { border-bottom: 1px dotted #ccc; padding-bottom: 30px; margin-bottom: 30px; }
.section-divide { margin-bottom: 30px; }
.small-column blockquote { margin: 0; padding: 0; line-height: 24px; font: 16px "Droid Serif", Serif; color: #333; }

/* Post Elements
--------------------------------------------------------------------------------*/
.post { border-top: 1px dotted #ccc; margin-top: 30px; padding-top: 30px; }
.post:first-child { border: none; margin: 0; padding: 0; }
.date-com { margin-bottom: 15px; color: #65BC84; }
.date-com span a { color: #65BC84; }
.event-date { color: #65BC84; font-weight: normal; margin-left: 10px; }
.event-date > span { color: #0E80B5; }
.postmetadata { padding: 5px 0; border-bottom: 1px dotted #ccc; margin: 20px 0 30px 0; }
.navigation { border-top: 1px dotted #ccc; margin-top: 30px; padding-top: 15px; }
.navigation a { display: inline-block; background: #0E80B5; color: #fff; font-size: 12px; padding: 0px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.navigation a:hover { color: #fff; background: #65BC84; text-decoration: none; }
ul.pagination { float: right; margin-top: 30px; }
.post-thumb {background: #eee; float: left; padding: 4px; border: 1px solid #ccc; margin: 0 20px 10px 0; }
.entry-long { width: auto; }
.read-more { display: inline-block; float: right; background: #0E80B5; color: #fff; font-size: 12px; padding: 0px 10px; margin-top: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.read-more:hover { color: #fff; background: #65BC84; text-decoration: none; }
.read-more.home { float: none; }
.post ul,
.page ul { margin-left: 40px; list-style: disc; }
.post ol,
.page ol { margin-left: 20px; }
.post h1,
.page h1 { font-size: 42px; }
.post h2,
.page h2 { font-size: 36px; }

.endorsements.quotes { background-image: none; padding-top: 0; }
.endorsements blockquote { border-top: 1px solid #ccc; padding: 30px 0; }
.endorsements blockquote:first-child { border-top: none; }
.endorsements blockquote p:before { content: "\""; }
.endorsements blockquote p:after { content: "\""; }

/* Sidebar Elements
--------------------------------------------------------------------------------*/
.sidebar.secondary img { margin-bottom: 30px; }
.sidebar .textwidget { margin-bottom: 30px; }
.sidebar ul { margin-bottom: 20px; }
.sidebar ul li { border-top: 1px dotted #dadada; padding: 3px 0; list-style: none; }
.sidebar ul li:first-child { border: none; }
.sidebar ul li a { display: block; color: #65BC84; }
.sidebar ul li.current_page_item a { font-weight: bold; }
.sidebar ul li.current_page_item a:after { content: " \2192"; }
.sidebar .button { margin-top: 30px; }
.sidebar .button:first-child { margin-top: 0; }
.sidebar .cat-item-8,
.sidebar .cat-item-9 { display: none; }

.subscribe2 label { display: none; }
.subscribe2 form input { margin-bottom: 0; }
.subscribe2 form input[type="submit"] { width: 110px; margin-left: 10px; background: #2ba6cb; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 1; outline: none; padding: 5px; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; background: #0E80B5; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.subscribe2 form input[type="submit"]:hover { background: #65BC84; }
.subscribe2 p + p { float: right; }
.subscribe2 p:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.s2_message { color: #65BC84; font-size: 18px; }
#s2email { width: 100%; }


/* Comments
--------------------------------------------------------------------------------*/
.com-message { min-height: 150px; }
.com-author, .com-email, .com-url, .com-message, .com-submit { font-size: 15px; margin: 5px 5px 0 0; padding: 3px 5px; border: 1px solid #ccc; }
.com-author,.com-email,.com-url { width: 50% !important; }
.com-submit { margin: 5px 5px 0 0; cursor: pointer; }
.comments { margin: 0; padding: 0 }
.commentlist { list-style-type: none; margin:0; padding:0; }
.commentlist li { margin: 30px 0; padding: 0; list-style-type: none; }
.commentlist li.alt { }
.commentlist li li { border-left: 1px solid #dadada; padding-left: 10px; }
.comment-author { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 7px; }
.comment-author h5 { display: inline; }
.avatar { float:left; margin:0 12px 0 0; }
.comment-reply-link { float: right; color: #999; }
.cancel-comment-reply a { color: red; }

/* Search Field
--------------------------------------------------------------------------------*/
.searchform {  }

/* 404 page
--------------------------------------------------------------------------------*/
.error-404 { text-align: center; }
.error-404 h1 { font-size: 272px; text-align: center; margin: 160px 0; }
.error-404 p { text-align: center; }

/* Footer
--------------------------------------------------------------------------------*/
.interests { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc; }
.interests div { text-align: center; }
.interests a { display: inline-block; }
.wff { background: url(images/interestlogos.png) no-repeat -49px -106px; width: 166px; height: 101px; }
.wff:hover { background-position: -49px 0; }
.winfun { background: url(images/interestlogos.png) no-repeat 0 -311px; width: 263px; height: 85px; margin-top: 10px; }
.winfun:hover { background-position: 0 -222px; }
.outc { background: url(images/interestlogos.png) no-repeat -40px -470px; width: 181px; height: 63px; margin-top: 15px}
.outc:hover { background-position: -40px -403px; }
.everw { background: url(images/interestlogos.png) no-repeat 0 -462px; width: 263px; height: 33px; margin-top: 35px}
.everw:hover { background-position: 0 -428px; }
.footer { margin-top: 30px; margin-bottom: 40px; color: #bababa; border-top: 1px solid #ccc; padding-top: 15px; }
.footer span { font-size: 9px; }
.footer a { color: #bababa; text-decoration: none; }
.footer a:hover { color: #5D5D5D; text-decoration: underline; }
.footer-menu li { display: block; float: left; margin-left: 20px; font-size: 13px; }
.footer-menu li:first-child { margin-left: 0; }

/* Twitter widget
--------------------------------------------------------------------------------*/
.twitter-widget { margin-bottom: 30px; }
.twitter-widget .entry-content { font-size: 12px; display: block; margin-bottom: 5px; }
.twitter-widget .entry-meta { font-size: 12px; display: block; margin-bottom: 5px; }
.twitter-widget .intent-meta { font-size: 12px; display: block; margin-bottom: 15px; border-bottom: 1px dotted #ccc; padding-bottom: 15px; }
.twitter-widget .intent-meta a { margin-right: 10px; }
.twitter-widget ul { margin-left: 0; margin-bottom: 0; }
.twitter-widget ul li { list-style: none; border-top: none; }
.twitter-widget ul li a { color: #0E80B5; display: inline; }

/* Overrides
--------------------------------------------------------------------------------*/
/* change min-width to match width for a non responsive fixed width page*/
.row { width: 984px; max-width: 100%; min-width: 768px; }
@media only screen and (max-width: 767px) {
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
}
div.orbit { margin-bottom: 0px; }
div.orbit, div.orbit-wrapper { min-height: 400px; max-height: 400px; max-width: 1600px; margin: 0 auto; }

.button { background: #0E80B5; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.button:hover { background: #65BC84; text-decoration: none; }

.addthis_toolbox { margin-bottom: 15px; }
.no-count.addthis_toolbox a { margin-right: 15px; }
.no-count.addthis_toolbox .addthis_button_compact { margin-right: 0; }
.no-count.addthis_toolbox .addthis_counter.addthis_bubble_style { width: 36px !important; }
.fb_edge_widget_with_comment { top: -3px; }

#login h1 a { 
	background-image: url(http://maynardwebb.com/wp-content/themes/maynard-webb/images/maynard-webb-logo-wp.png) !important; 
	background-size: 200px 63px;
}

/* Media Queries
--------------------------------------------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 599px) { 
	.social-icons { float: left; font-size: 27px; }
    .social-icons a { margin-left: 15px; }
	.menu-btn { float: right; margin-top: -30px; }
    .rotator-pitch { margin: 0 15px; }
    div.orbit, div.orbit-wrapper { min-height: 440px; }
    .rotator-pitch h1 { font-size: 30px; }
    .rotator-pitch p { font-size: 15px; }
    .retail-bulk { margin-left: 0; }
    .retail-actions a img { width: 30px; }
    .retail-actions span { font-size: 10px; }
    .cta-box-big .book-downloads { padding-right: 20px; }
    .cta-box-big .cta-pitch { padding-left: 20px; }
    .textwidget a.button { display: inline-block; }
    .sidebar { margin-top: 30px; }

}

@media only screen and (min-width: 600px) and (max-width: 767px) { 
    .masthead { margin-bottom: 30px; }
	.social-icons { float: left; }
	.menu-btn { float: right; margin-top: -30px; }
	.footer .copyright { text-align: center; }

}

@media only screen and (min-width: 320px) and (max-width: 460px) { 
    
	.masthead h2 { text-align: center; margin-bottom: 10px; }
	.masthead a.logo { font-size: 24px; }
	.quotes blockquote p { font-size: 15px; }
    .interests .logo { text-align: center; margin-top: 30px; }
    .interests .logo:first-child { margin-top: 0; }
    .interests img { display: inline-block; width: 150px; }
    .footer-menu { margin-bottom: 20px; }
	.footer-menu li { display: block; float: none; margin-left: 0; padding: 5px 0; }

}

@media only screen and (min-width: 768px) and (max-width: 1000px) {

	.social-icons { margin-top: 22px; }
	.rotator .five, .row .five { width: 53.667%; }
	.rotator .col-right { margin-right: 100px; }
	.footer > div.seven { width: 100%; }
	.footer-menu { margin-bottom: 20px; }
	.footer .copyright { text-align: center; width: 100%; float: none; }

}