@charset "UTF-8";

/*
Theme Name: HTBAD (2014)
Theme URI: http://www.howtobeadad.com
Description: A custom HTML5-compatible Wordpress theme built from the ground up for the HowToBeADadThe website.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Author: Andy Herald
Author URI: http://www.howtobeadad.com
*/

* {
	margin: 0;
	outline: 0;
	padding: 0;
}


/*==========================================================
*** HTML TAG STYLES
==========================================================*/
body {
	background: #FFF4E0 url(images/shell/body-bkg.jpg) repeat;
	color: #333333;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
}

h1 {
	float: left;
	height: 177px;
	width: 270px;
}

h2 {
	color: #454545;
	font-family: "Courier New", Courier, monospace;
	font-size: 28px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 15px; }

h3 {
	color: #454545;
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	font-weight: normal;
	line-height: 22px;
	margin: 0 0 10px; }

li { padding: 0 0 0.8em; }
ol, ul { padding: 0 1.3em 0.5em; }
p { padding: 0 0 1.3em; }


/*==========================================================
*** LINK STYLES
==========================================================*/
a:link, a:visited, a:active {
	color: #D01212;
	text-decoration: none;
}
a:hover {
	color: #D01212;
	text-decoration: underline;
}

a.featured-category-left {
	display: block;
	float: left;
	margin: 0 12px 12px 0;
}

a.featured-category-right {
	display: block;
	float: left;
	margin: 0 0 12px 0;
}

a img { border: 0; }

h1 a {
	display: block;
	height: 177px;
	text-indent: -9999px;
	width: 270px;
}

.author a { text-transform: uppercase; }

a.subscribe-link {
	background: #CE1212;
	color: #FFFFFF;
	display: block;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	width: 280px;
}

a.subscribe-link:hover { text-decoration: underline; }


/*==========================================================
*** SHELL STYLES
==========================================================*/
#container {
	margin: 0 auto;
	min-height: 176px;
	padding: 0 10px 10px;
	width: 975px;
}

#content {
	float: left;
	padding: 0 24px 0 0;
	width: 643px;
}

#headerLeader {
	margin: 0 auto;
	padding: 0 0 20px;
	width: 728px;
}

#main {
	background: url(images/shell/header-new-thanksgiving.jpg) no-repeat top center;
	min-height: 647px;
	min-width: 995px;
}

#main2012 {
	background: url(images/shell/header-new-thanksgiving.jpg) no-repeat top center;
	min-height: 647px;
	min-width: 995px;
}

#nav {
	float: right;
	margin: 117px 5px 0 0;
	width: 500px;
}

#pageNav {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	padding: 0 5px 0 7px;
	text-transform: uppercase;
}

#pageNav .floatleft a, #pageNav .floatright a {
	background: #CE1212;
	color: #FFFFFF;
	display: block;
	font-family: "Courier New", Courier, monospace;
	font-size: 22px;
	font-weight: bold;
	line-height: 34px;
	padding: 0 18px;
	text-decoration: none;
}

#pageNav .floatright a { float: right; }
#pageNav .floatleft a { float: left; }

.post-body-title {
	background: url(images/post-bkg.png) repeat-y;
	padding: 0 30px 10px 35px;
}

#postsRecommended li { padding: 0; }

#postsRecommended ul {
	border-top: 1px solid #7F786A;
	list-style-type: none;
	margin-bottom: 10px;
	padding: 0;
}

#postsRecommended a:link, #postsRecommended a:visited, #postsRecommended a:active {
	background: url(images/caret.gif) no-repeat 0 15px;
	border-bottom: 1px solid #7F786A;
	color: #8A8A8A;
	display: block;
	font-size: 14px;
	line-height: 16px;
	padding: 10px 25px 10px 15px;
	text-decoration: none;
}

#postsRecommended a:hover {
	color: #8A8A8A;
	text-decoration: underline;
}

#printHeader { display: none; }
#searchform { padding: 0 0 25px; }

#sidebar {
	float: left;
	padding: 10px 0 0;
	width: 308px;
}

#sidebar .side-section { padding: 0 0 20px; }

#wrapper {
	background: url(images/shell/header-repeat.jpg) repeat-x;
	min-height: 694px;
}


/*==========================================================
*** NAV BAR STYLES
==========================================================*/
#navBar2012 {
	background: url(images/shell/nav-thanksgiving.jpg) no-repeat;
	float: right;
	margin: 117px 0 0;
	min-height: 44px;
	width: 500px;
}

#navCategories, #navNewHere, #navConnect, #navArchives {
	display: block;
	height: 44px;
	text-indent: -9999px;	
}

#navArchives { width: 112px; }
#navCategories { width: 170px; }
#navConnect { width: 98px; }
#navNewHere { width: 120px; }


/*==========================================================
*** HOME STYLES 2012
==========================================================*/
.thumbnail-missing {
	border: 1px solid #A8A8A8;
	padding: 5px 4px;
	width: 122px;
}

.thumbnail-missing a {
	background: #A8A8A8;
	display: block;
	height: 122px;
	text-decoration: none;
	width: 122px;
}

.thumbnail-missing a:hover {
	background: #8A8A8A;
	text-decoration: none;
}

.truncated-content {
	float: left;
	width: 426px;
}

.truncated-content h2 {
	font-size: 18px;
	line-height: 21px;
	margin: 0;
	padding: 0 0 5px;
}

.truncated-content .author { }
.truncated-content .social-content span { margin-left: 0; }

.truncated-content .social-content {
	margin: 0;
	padding: 15px 0 10px;
}

.truncated-entry {}

.truncated-thumbnail {
	float: left;
	padding: 0 20px 0 0;
	width: 132px;
}

.truncated-thumbnail .attachment-thumbnail, .truncated-thumbnail .wp-post-image { padding: 0; }


/*==========================================================
*** POST STYLES
==========================================================*/
.post {
	background: url(images/shell/post_bottom.png) no-repeat 2px bottom;
	margin: 0 0 20px;
	padding: 0 0 6px;
}

.post-container {
	background: url(images/shell/post_top.png) no-repeat;
	padding: 41px 0 0;
}

.post-body {
	background: url(images/post-bkg.png) repeat-y;
	padding: 0 30px 30px 35px;
}

.post-meta {
	background: url(images/shell/post_footer_bkg.jpg);
	font-size: 11px;
	line-height: 13px;
	padding: 12px 18px;
}

.post-social {
	background: url(images/post-bkg.png) repeat-y;
	min-height: 20px;
	padding: 0 5px 0 8px;
}

.post-social .social-content {
	border-top: 1px solid #C9C9C9;
	font-size: 11px;
	line-height: 13px;
	padding: 10px 18px;
}

img.wp-post-image {
	margin: 0 auto;
	padding: 0 0 20px;
	text-align: center;
}


/*==========================================================
*** 'ABOUT' PAGE STYLES
==========================================================*/
#aboutFooter {
	background: url(images/shell/about-bkg.png) repeat-y;
	padding: 0 10px 0 9px;
}

#aboutFooterContent {
	border-top: 1px solid #C9C9C9;
	padding: 10px 35px 10px 25px;
}

#aboutLeft {
	background: url(images/shell/charlie_bio_art.jpg) no-repeat -32px bottom;
	float: left;
	width: 430px;
}

#aboutLeftIntro {
	background: url(images/shell/charlie_profile.png) no-repeat -32px 0;
	min-height: 390px;
	padding: 0 0 700px 175px;
}

#aboutRight {
	background: url(images/shell/andy_bio_art.gif) no-repeat 30px bottom;
	float: left;
	padding: 0 0 640px 30px;
	width: 430px;
}

#aboutRightIntro {
	background: url(images/shell/andy_profile.gif) no-repeat;
	min-height: 264px;
	padding: 0 0 68px 162px;
}

#contentAbout { padding: 0; }

#postAbout {
	background: url(images/shell/about-post-bottom.png) no-repeat 2px bottom;
	margin: 0;
	padding: 0 0 6px;
}

.post-container-about {
	background: url(images/shell/about-post-top.png) no-repeat;
	padding: 41px 0 0;
}

.post-body-about {
	background: url(images/shell/about-bkg.png) repeat-y;
	padding: 0 35px 20px;
}


/*==========================================================
*** 'CONNECT' PAGE STYLES
==========================================================*/
#connectLeft {
	float: left;
	padding-right: 30px;
	width: 320px;
}

#connectLeft .mc_var_label { display: none; }

#connectLeft .mc_input {
	border: 1px solid #AAAAAA !important;
	display: block !important;
	float: left !important;
	padding: 4px 4px 3px !important;
}

#connectLeft .mc_signup_submit {
	float: left !important;
	margin-left: 10px;
}

#connectLeft .mc_signup_submit:focus, #connectLeft .mc_signup_submit:hover {
	background: #000000;
	cursor: pointer;
}

#connectRight {
	float: left;
	/*padding: 60px 0 0;*/
	width: 526px;
}

.connecto-block .mc_signup_submit {
	float: left !important;
	margin-left: 15px !important;
	width: 28px !important;
}

#mc4wp_email { width: 180px !important; }

#mc_signup_submit { margin-top: 0 !important; }

#mc_message span { margin: 0 0 10px; }
#mc_message br { display: none; }



/*==========================================================
*** 'CONTACT' PAGE STYLES
==========================================================*/
.contactform_error {
	border: 1px dotted #C10005;
	color: #A80000;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 20px;
	padding: 4px 6px;
}

.contactform_respons {
	border: 1px dotted #004A00;
	color: #00A800;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 20px;
	padding: 4px;
}

#tcf_msg {
	border: 1px solid #666666;
	padding: 4px;
	width: 281px;
}

#tinyform input[type=text] {
	border: 1px solid #666666;
	padding: 2px;
	width: 255px;
}


/*==========================================================
*** COMMENT STYLES
==========================================================*/
.avatar {
	display: block;
	float: left;
	padding: 0 10px 0 0;
}

.comment-author, .comment-meta {
	font-size: 11px;
	line-height: 13px;
}

a.comment-btn, a.comment-btn:hover {
	background: #CE1212;
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	padding: 0 8px;
	text-decoration: none;
}

.comments-social { float: right; }
.comments-social-single { padding: 0 0 10px; }

.comments-tally {
	color: #8A8A8A;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	padding: 0 10px;
}

.comments-tally strong {
	color: #333333;
	font-weight: normal;
}

.commentlist {
	border-top: 1px solid #C9C9C9;
	list-style-type: none;
}

ol.commentlist, ul.children {
	border: 1px solid #A8A8A8;
	border-top: 0;
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0;
}

.commentlist li {
	border-top: 1px solid #C9C9C9;
	font-size: 12px;
	line-height: 15px;
	padding: 10px;
}

.even { background: #FFFFFF; }
.odd, .thread-even { background: #F2F5FC; }

.post-comments {
	border-top: 1px solid #C9C9C9;
	padding: 10px 25px;
}

.post-facebook-comments {
	padding: 0 5px 0 7px;
}

.post-facebook-comments>div {
	border-top: 1px solid #C9C9C9;
	padding: 25px;
}

#respond { padding: 20px 0 0; }


/*==========================================================
*** FOOTER STYLES
==========================================================*/
.copyright {
	color: #F8D3B9;
	font-size: 11px;
	line-height: 13px;
}

#footer {
	background: url(images/shell/footer_graphic.jpg) center bottom no-repeat;
	min-width: 965px;	
}

#footerBlah {
	float: left;
	padding: 0;
	width: 200px;
}

#footerContent {
	margin: 0 auto;
	min-height: 220px;
	width: 962px;
}

#footerNav { padding: 25px 32px; }

#footerCategories {
	float: left;
	padding: 0 30px 0 0;
	width: 330px;
}

#footerCategoriesLeft {
	float: left;
	padding: 0 20px 0 0;
	width: 152px;
}

#footerCategoriesRight {
	float: left;
	width: 152px;
}

#footerHeader a {
	display: block;
	float: right;
	height: 48px;
	margin: 0 12px;
	width: 70px;
}

#footerShare {
	float: left;
	padding: 0 30px 0 0;
	width: 305px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer h2 {
	color: #000000;
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 5px;
	text-transform: uppercase;
}


/*==========================================================
*** SIDEBAR FORM STYLES
==========================================================*/
input[type=submit] {
	background: #CE1212;
	border: 0;
	color: #FFFFFF;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 2px 8px;
	text-transform: uppercase;
}

.mc_custom_border_hdr {
	background: #FFFFFF;
	color: #4A4A4A;
	font-weight: bold;
}

#mc_signup {
	border: 0;
	padding: 0;
}

#mc_signup_form {
	font-size: 12px;
	line-height: 12px;
}

.mc_error_msg {
	background: #FFE5E5;
	border: 1px solid #A80000;
	display: block;
	margin: 0 0 10px;
	padding: 5px;
}

.mc_success_msg {
	background: #FFFFFF;
	border: 1px solid #00A800;
	display: block;
	margin: 10px 0;
	padding: 5px;
}

.mc_msg_msg {
	background: #E5FFE5;
	border: 1px solid #00A800;
	display: block;
	margin: 0 0 10px;
	padding: 5px;
}


/*==========================================================
*** CONNECT-O-MATIC STYLES
==========================================================*/
#connectoBox {
	background: url(images/connecto/connect-o-matic-repeatbkg.png) repeat-y;
	width: 300px;
}

#connectoContainer {
	background: url(images/connecto/connect-o-matic-topbkg.jpg) no-repeat;
	padding: 55px 5px 0;
}

#connectoContainer2012 {
	background: url(images/connecto/connect-o-matic-topbkg2012.jpg) no-repeat;
	padding: 35px 5px 0;
}

#connectoWrapper {
	background: url(images/connecto/connect-o-matic-bottom.jpg) no-repeat bottom left;
	padding: 0 0 34px;
}

.connecto-block {
	background: url(images/connecto/connect-o-matic-separate.png) no-repeat -5px bottom;
	color: #FFFFFF;
	font-size: 11px;
	padding: 12px 20px;
}

.connecto-block a, .connecto-block a:hover { color: #FFFFFF; }

.connecto-block input[type=text], .connecto-block input[type=email] {
	background: #6F7470;
	border: 0;
	color: #B5B5B5;
	float: left;
	padding: 8px;
	width: 210px;
}

.connecto-block label { display: none; }

.connecto-block .mc_signup_submit {
	float: right;
	margin: 0;
	padding: 0;
	width: 28px;
}

.connecto-block #mc_signup_submit {
	background: url(images/connecto/connect-o-matic-optinbutton.png) no-repeat;
	height: 28px;
	text-indent: -9999px;
	width: 28px;
}

.connecto-block #mc_signup_submit:hover { cursor: pointer; }

.connecto-block #mc_signup_form {
	background: transparent !important;
	border: 0;
	padding: 0;
}

.connecto-header2012 {
	font-size: 9px;
	line-height: 11px;
	padding: 0 0 10px;
}

.mc4wp-alert {
	background: #FFFFFF;
	color: #000000 !important;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 1em;
	padding: .5em;
}

.mc4wp-error { border: 1px solid #c10005; }
.mc4wp-success { border: 1px solid #05c100; }


/*==========================================================
*** NEXT-GEN GALLERY STYLES
==========================================================*/
.ngg-imagebrowser h3 {
	margin: 0;
	padding: 0;
}

.ngg-imagebrowser .pic { padding: 0 0 1.3em; }

.ngg-imagebrowser-nav {}

.ngg-imagebrowser-nav a.ngg-browser-next, .ngg-imagebrowser-nav a.ngg-browser-prev {
	background: #CE1212;
	color: #FFFFFF;
	display: block;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 12px;
	text-decoration: none;
}

.ngg-imagebrowser-nav a.ngg-browser-next { float: right; }

.ngg-imagebrowser-nav a.ngg-browser-prev { float: left; }

.ngg-imagebrowser-nav .back {
	float: left;
	width: 130px;
}

.ngg-imagebrowser-nav .next {
	float: left;
	width: 130px;
}

.ngg-imagebrowser-nav .counter {
	float: left;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	width: 317px;
}


/*==========================================================
*** REQUIRED WORDPRESS STYLES
==========================================================*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	display: block;
	float: left;
	padding: 0 20px 20px 0;
}

.alignright {
	display: block;
	float: right;
	padding: 0 0 20px 20px;
}

.bypostauthor {}
.gallery-caption {}
.sticky {}

.wp-caption-text {
	font-size: 13px;
	line-height: 14px;
	padding: 5px 0 0;
}


/*==========================================================
*** MISC STYLES
==========================================================*/
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.author {
	color: #8A8A8A;
	font-family: Georgia, Times, serif;
	font-size: 11px;
	line-height: 13px;
}

#BAP-holder { display: none !important; }

.center { text-align: center; }

.clearfloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.courier {
	font-family: "Courier New", Courier, monospace;
}

.feature-centered {
	margin: 0 auto;
	padding: 0;
}

.feature-left {
	float: left;
	padding: 0 20px 20px 0;
}

.feature-left em {
	display: block;
	padding: 5px 0 0;
	font-style: normal;
}

.feature-right {
	float: right;
	padding: 0 0 20px 20px;
}

.floatleft { float: left; }
.floatright { float: right; }
.georgia { font-family: Georgia, Times, serif; }
.grey { color: #A8A8A8; }

.mwjs {
	color: #333333;
	font-family: "Courier New", Courier, monospace;
	font-size: 40px;
	line-height: 44px;
}

#relatedPosts {
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	padding-top: 20px;
}

#relatedPosts img.wp-post-image { padding: 0; }
#relatedPosts p { margin-bottom: 5px; }

.shd1 {
	color: #333333;
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}

.text10 {
	font-size: 10px;
	line-height: 12px;
}

.text11 {
	font-size: 11px;
	line-height: 13px;
}

.text12 {
	font-size: 12px;
	line-height: 14px;
}

.text13 {
	font-size: 13px;
	line-height: 15px;
}

.text14 {
	font-size: 14px;
	line-height: 16px;
}

.text15 {
	font-size: 15px;
	line-height: 18px;
}

.text16 {
	font-size: 16px;
	line-height: 20px;
}

.text18 {
	font-size: 18px;
	line-height: 24px;
}

.text20 {
	font-size: 20px;
	line-height: 24px;
}

.text22 {
	font-size: 22px;
	line-height: 26px;
}

.text24 {
	font-size: 24px;
	line-height: 28px;
}

.text26 {
	font-size: 26px;
	line-height: 30px;
}

/*==========================================================
*** IGG WRAPPER
==========================================================*/

.igg-wrapper {
	height: 9em;
	margin: 0 auto 3em;
	width: 100%;
}

.igg-boxes {
	background: #2E2E1F;
	border-radius: 30px;
	height: 100%;
	float: left;
	margin-left: 3%;
	opacity: 0.8;
	padding: 3% 2%;
	width: 27%;
}

.igg-boxes:first-child { margin-left: 0; }

.igg-boxes h2 {
	color: #FFFFFF;
	font-size: 1.6em;
	line-height: 1.1em;
	opacity: 1.0;
	text-align: center;
}

.igg-boxes h3 {
	color: #FFFFFF;
	font-size: 1.3em;
	opacity: 1.0;
	text-align: center;
}