/* @override 
	http://www.johngerzema.com/wp-content/themes/thesis/custom/custom.css?082010-71400
	http://www.johngerzema.com/wp-content/themes/thesis/custom/custom.css?082510-221732
	http://www.johngerzema.com/wp-content/themes/thesis/custom/custom.css?082510-230435
	http://www.johngerzema.com/wp-content/themes/thesis/custom/custom.css?082510-234741
	http://www.johngerzema.com/wp-content/themes/thesis/custom/custom.css?082610-00602
*/

body.custom {
/*	background: url(images/LAYOUT-v2_0.png) no-repeat center top; */
	font-family: GothamBook, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* Code in this CSS file for http://www.johngerzema.com by Berchman @ Berchman.com */

.custom h1,
.custom h2,
.custom h3,
.custom h4,
.custom h5,
.custom h6, {
	font-family: GothamBold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.custom p {
	font: 11px/18px Georgia, "Times New Roman", Times, serif;
	color: #797979;
}

.custom a {
	color: #009eef;
}

.custom div#container {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	background-color: transparent;
}

.custom div#page {
	margin: 0;
	padding: 0;
	width: 960px;
	background-color: transparent;
}

.custom div#content.hfeed {
	float: right;
}

.custom div#content_box {
	background-image: none;
	border-B: 10px solid #CCCCCC;
}

.custom div#image_wrapper {
	width: 960px;
	height: 125px;
	list-style-type: none;
	list-style-image: none;
	display: block;
	border-bottom: 10px solid #CCCCCC;
	margin-top: 1px;
}

/* @group Header */

.custom div#header {
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(images/header_banner.png) no-repeat left top;
	border-top: 10px solid #CCCCCC;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	top: 0;
}


.custom div#header p#logo {
	margin-top: 12px;
	margin-left: 300px;
	letter-spacing: -1px;
	width: 295px;
	background: none no-repeat left top;
	height: 25px;
	float: left;
	display: inline-block;
	font: normal normal 33px GothamLight;
	margin-bottom: 5px;
}

div#email-subscribe-to-rss {
	float: left;
	display: inline-block;
	width: 250px;
	margin: 7px 0 0 75px;
	padding: 0;
}

.custom div#header p#logo a {
	background: url(images/john_gerzema_sig.png) no-repeat left top;
	width: 290px;
	display: inline-block;
	height: 25px;
	text-indent: -100000px;
}

.custom div#header h1#tagline,
.custom div#header p#tagline {
	margin-left: 300px;
	width: 335px;
	margin-top: 9px;
	font: 13px/16px GothamBook, Arial, Helvetica, Geneva, sans-serif;
	float: left;
	display: inline-block;
}


.custom div#header div#social-media-wrapper {
	float: left;
	width: 250px;
	height: 22px;
	margin-left: 73px;
	margin-top: -28px;
	line-height: 16px;
}

.custom div#header div#social-media-wrapper p {
	text-transform: uppercase;
	font: bold 12px GothamBold, Arial;
	color: silver;
	letter-spacing: 0;
	display: inline-block;
	float: left;
	margin-top: 6px;
	margin-right: 12px;
}

.custom div#header #social-media-wrapper p span {
	color: #009eef;
	float: left;
	display: inline-block;
	margin-right: 5px;
}

.custom div#header ul#social_media_icons {
	list-style-type: none;
	display: inline-block;
	margin-top: 4px;
}

.custom div#header ul#social_media_icons li {
	width: 16px;
	height: 16px;
	float: left;
	display: inline-block;
	margin-left: 4px;
	margin-top: 1px;
}

.custom div#header ul#social_media_icons li a img {
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
}

.custom div#header #email-subscribe-to-rss form input.subscribe_email_field {
	width: 153px;
	margin-left: 0;
	border: 1px solid silver;
	margin-right: 10px;
	height: 14px;
	padding: 3px;
	text-transform: capitalize;
	font: 11px/20px GothamBook, Arial, Helvetica, Geneva, sans-serif;
	color: gray;
}

.custom div#header #email-subscribe-to-rss form input.subscribe_btn {
	width: 75px;
	height: 22px;
	text-transform: uppercase;
	font-family: GothamMedium, Arial, Helvetica, Geneva, sans-serif;
	line-height: 20px;
	margin: 0;
	padding: 2px 4px;
	color: white;
	background-color: gray;
	border-style: none;
	letter-spacing: 1px;
	text-align: center;
}



/* @end */

/* @group Navigation */

.custom ul.menu {
	font: 10px GothamBook, Arial, Helvetica, Geneva, sans-serif;
	height: 40px;
	border-top: 1px none #DADCDD;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid gray;
	width: 960px;
}

.custom div#page ul.menu li a {
	height: 30px;
	padding: 5px 15px;
	line-height: 30px;
	background-color: white;
	color: #9B9D9D;
	display: inline-block;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
}

.custom div#page ul.menu li a:hover {
	text-decoration: none;
	background: url(images/bkgd_nav.png) repeat-x left top;
}

.custom div#page ul.menu li.current a {
	color: #5e5e5e;
}

.custom div#page ul.menu li.tab.tab-5 a {
	color: #71C64C;
	width: 90px;
}

.custom div#page ul.menu li.tab.tab-6 a {
	color: #009EEF;
	width: 108px;
}

.custom div#page ul.menu li a:hover {
	background-color: #9A9A9A;
	color: #424242;
	background: url(images/bkgd_nav.png) repeat-x left bottom;
	text-decoration: none;
}

.custom div#page ul.menu li.current a:hover {
	color: #424242;
	background-color: white;
	background-image: none;
}

.custom div#page ul.menu li.tab.tab-5 a:hover {
	color: #F9F9F9;
	background-color: #71C64C;
	display: inline-block;
	background-image: none;
}

.custom div#page ul.menu li.tab.tab-6 a:hover {
	color: #F9F9F9;
	background-color: #009EEF;
	background-image: none;
}

.custom div#page ul.menu li.tab.tab-home a {
	width: 80px;
	text-align: center;
}

.custom div#page ul.menu li.tab.tab-1 a {
	text-align: center;
	width: 80px;
}


.custom div#page ul.menu li.tab.tab-2 a {
	text-align: center;
	width: 250px;
}

.custom div#page ul.menu li.tab.tab-3 a {
	width: 75px;
	text-align: center;
}


.custom div#page ul.menu li.tab.tab-4 a {
	width: 60px;
	text-align: center;
}


/* @end */

/* @group Sidebars */

div#sidebars {
	width: 250px;
	overflow: visible;
}

.custom div#sidebars h3 {
	text-transform: uppercase;
	font: 14px GothamBold, Arial;
	letter-spacing: 0;
}

.custom div#sidebar_1 ul.sidebar_list {
	padding: 0;
	width: 250px;
	margin: -10px 0 0;
	overflow: visible;
}

div#sidebar_1.sidebar {
	width: 250px;
	padding: 0;
	overflow: visible;
}

/* Styling the search box */

.custom input#s.text_input {
	width: 244px;
	height: 25px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #919191;
	padding: 3px;
	background: url(images/bkgd_search.png) repeat-x left top;
}

#search form.search_form p {
	margin: 0;
	padding: 0;
}

#search form.search_form {
	margin: 0;
	padding: 0;
}

li#search.widget.thesis_widget_search {
	margin-bottom: 20px;
	margin-top: 0;
	padding: 0;
}

/* Styles for sidebar book links to reviews */

.custom ul.xoxo.blogroll li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.custom li#linkcat-396.widget.widget_links {
	background: transparent url(images/press_sidebar-SpendShift.jpg) no-repeat center 6px;
	padding-top: 173px;
	border-top: 8px solid #ccc;
	overflow: visible;
}

.custom #linkcat-396 h3,
.custom #linkcat-397 h3 {
	display: none;
}

.custom #linkcat-396 ul.xoxo.blogroll li {
	margin-bottom: 10px;
}

.custom li#linkcat-397.widget.widget_links {
	background: transparent url(images/press_sidebar-BrandBubble.jpg) no-repeat center 6px;
	padding-top: 173px;
	border-top: 8px solid #ccc;
	overflow: visible;	
}



/* @end */

/* @group Footer */

.custom div#footer {
	border-top: 10px solid #CCCCCC;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
	font-size: 12px;
}



/* @end */

/* @group Twitter Feed */

/* HIDE THE BANNER, WE DONT NEED IT */

#twtr-widget-1 div.twtr-doc div.twtr-hd {
	display: none;
}

div#twitter-widget-wrapper {
	margin-left: -10px;
	margin-top: 15px;
	width: 310px;
	margin-right: 20px;
	padding: 0;
}



/* @end */

/* @group Home Page */

div#left_2_columns {
	width: 705px;
}

div#tweets {
	width: 310px;
	display: inline-block;
	float: left;
	margin-right: 20px;
}

div#best_of_blog {
	display: inline-block;
	width: 375px;
	margin: 0;
	padding: 0;
}

div#home_blog_entries {
	display: inline-block;
	width: 340px;
}

div.post.type-post.hentry.category-best-of-blog.teaser {
	width: 340px;
	margin-bottom: 15px;
}

a.teaser_link {
	display: block;
	color: #009eef;
}

div.post_box {
	padding: 0;
	margin: 25px 10px 15px 0;
	border-style: none;
	width: 650px;
}

div#content {
	width: 710px;
}

div.teasers_wrapper {
	display: inline-block;
	font-family: GothamBook, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 7px;
}

#tweets h2 span.blue {
	color: #009eef;
}

#tweets h2 span.orange {
	color: #fa8200;
}

div#left_2_columns h2 {
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	margin-bottom: 8px;
	line-height: 20px;
}

#best_of_blog h2 span.dark-blue {
	color: #003480;
}

div#left_2_columns h2.entry-title a {
	font-size: 18px;
	text-transform: capitalize;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0;
	color: #009eef;
}

#best_of_blog h2 span.green {
	color: #71c64c;
}

div.format_teaser.entry-content {
	margin-bottom: 5px;
	margin-top: 5px;
}



/* @end */

/* @group About */

span.vvqbox.vvqvimeo {
	margin: 10px 3px 15px 0;
	padding: 0;
	display: inline-block;
}

/* All specific styling for the About page. */

.custom.about div.headline_area h1 {
	background: url(images/title_aboutjohn.png) no-repeat left top;
	text-indent: -10000px;
	height: 20px;
}

.custom.about img#aboutjohn_image {
	width: 230px;
	float: left;
}

.custom.about img#about-twitter,
.custom.about img#about-email,
.custom.about img#about-speak
 {
	float: left;
	display: inline-block;
}

.custom.about #post-5 div.format_text p {
	display: inline;
	float: left;
}

.custom div#aboutjohn_copy p {
	float: right;
	width: 425px;
	margin-left: 25px;
}

.custom.about div#aboutjohn_copy {
	color: #797979;
	display: inline-block;
	width: 400px;
}

.custom.about div.format_text h2#title_video {
	height: 23px;
	background: url(images/title_VID-speech-tv.png) no-repeat left top;
	text-indent: -10000px;
	clear: both;
	margin-top: 25px;
}

.custom.about div.format_text h2#title_speeches {
	height: 23px;
	background: url(images/title-SPEECH.png) no-repeat left top;
	text-indent: -10000px;
}

.custom.about div.format_text h2#title_tv {
	height: 23px;
	background: url(images/title_tv.png) no-repeat left top;
	text-indent: -10000px;
}



/* @end */
 
