/*
Theme Name: MBN-TDC Tumblr
Theme URI: http://www.tedgoas.com
Description: Basic, Tumblr-inspired theme using WP hooks without plugins or widgets 
Version: 1.0
Author: Ted Goas
Author URI: http://www.tedgoas.com
Tags: tumblr, basic
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, abbr, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: inherit;font-family: inherit;vertical-align: baseline;}:focus {outline: 0;}body {line-height: 1;color: black;background: white;text-rendering: optimizeLegibility;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}img, a img { border: none; }

/* FONT-FACE */
@font-face {
	font-family: 'Chino';
	src: url('f/chinoitcpro-blackitalic-webfont.eot');
	src: local('☺'), url('f/chinoitcpro-blackitalic-webfont.woff') format('woff'), url('f/chinoitcpro-blackitalic-webfont.ttf') format('truetype'), url('f/chinoitcpro-blackitalic-webfont.svg#chinoitcpro') format('svg');
	font-weight: normal;
	font-style: normal;
	font-size-adjust: 1.0;
}
@font-face {
	font-family: 'Museo';
	src: url('f/museosans_500-webfont.eot');
	src: local('☺'), url('f/museosans_500-webfont.woff') format('woff'), url('f/museosans_500-webfont.ttf') format('truetype'), url('f/museosans_500-webfont#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	font-size-adjust: 1.0;
}

/* FONTS */
.title, .article h2 {font-family: Chino, Futura, Impact, sans-serif;}
#aside h4, .meta span, .comment-author, .hdr, #hdr, a#goas span, p#should-twitter, .article blockquote, .article em {font-family: georgia, serif;} 
body, .meta span.comment-count, textarea {font-family: Museo, verdana, arial, sans-serif;}

/* BASELINE AND GRID */
body {font-size: 100%; line-height: 1.5em;}
h1 {line-height: 1.2em;}
h1 {line-height: 1em}
h2 {font-size: 1.3em; margin: 1.2em 0 }
h3 {line-height: 1.4em; margin: 3em 0 1.5em 0}
p, ul, ol {margin-bottom: 1.5em;}
.amp {font-family: "hoefler text", Baskerville, Constantia, Palatino, "Palatino Linotype", "Book Antiqua", serif;font-style: italic;}

/* LAYOUT */
body {text-align: center; padding: 0 1em;background: #16283e url(i/bg-page.png) bottom right repeat;}
#wrapper {width: 960px; text-align: left; margin: 0 auto; background: url(i/bg-body.jpg) 160px 0 repeat-y;}
#header {display: block;float: left; width: 150px; position: fixed; padding-top: 1em}
#body {display: block; width: 520px; float: left;padding: 0 50px; margin: 0 0 0 160px;}
.article {display: block; margin: 0 0 4.5em 0;}
#feature {display: block;}
.section {display: block;}
#aside {display: block; float: right; width: 170px;}
#footer {display: block; clear: both;width: 520px; padding: 1em 50px; margin: 1.5em 0 0 160px; background: url(i/bg-body.jpg) 0 0 repeat-y;}

/* GENERAL STYLES */
body {letter-spacing: 1px; color: #666}
#body, #footer {text-shadow: 1px 1px 1px #fff;}
#header, #aside {color: #96A7C6; font-size: .8em;text-shadow: 1px 1px 1px #000;}
a, a:visited {text-decoration: none;}
#header a, #header a:visited {color: #d5b06c;}
#header a:hover, #header a:active, #header a:focus {color: #EACC93;}
#body a, #body a:visited {color: #740c0c; border-bottom: 1px solid #ccc;}
#body a:hover, #body a:active, #body a:focus {color: #740c0c; border-color: #740c0c}
.title a, .title a:visited {color: #333 !important; border: 0;}
.title a:hover, .title a:active, .title a:focus {color: #740c0c !important}
#aside a, #aside a:visited, #subnav a, #subnav a:visited {color: #d5b06c;}
#aside a:hover, #aside a:active, #aside a:focus, #subnav a:hover, #subnav a:active, #subnav a:focus {color: #EACC93;}
.title {font-size: 1.7em; color: #333;margin: 0 0 .8em 0;}
h1.title a, h2.title a {border: 0 !important;}
h3.title {font-size: 1.3em; text-align: center;}
h4 {margin: 0;}
h1#hdr, h4.hdr {text-align: center;color: #aaa; font-style: italic; font-size: 1.6em; text-transform: lowercase; font-weight: normal; text-shadow: 1px 1px 1px #fff;behavior: url(ie-css3.htc);}
h1#hdr {background: url(i/borderh.png) bottom left repeat-x; padding-bottom: 1.5em;}
.more a, .more a:visited {background: #333; color: #ccc !important; border: 0 !important; position: relative; top: 0px; padding: .7em .5em .5em .5em; text-transform: uppercase; font-size: .7em;line-height: 0 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 1px 1px 1px #222;behavior: url(ie-css3.htc);}
.more a:hover, .more a:active, .more a:focus {background: #740c0c; color: #fff !important}
#footer a, #footer a:visited {color: #aaa; border-bottom: 0}
#footer a:hover, #footer a:active, #footer a:focus {color: #999;}

.note {font-size: .8em; font-style: italic;}
.alignleft {float: left; margin-right: 1em;}
.alignright {float: right; margin-left: 1em;}
.center {display: block; text-align: center; }
.center img {background: #ccc; padding: 10px; margin: auto !important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); zoom: 1; background: rgba(0,0,0,.2);}
.flush {position: relative; left: -40px;}

/* HEADER */
body.home #logo, #logo a, #logo a:visited {display: block; text-indent: -999999px; background: url(i/sprites.png) 0 0 no-repeat; width: 160px; height: 112px}
#logo a:hover, #logo a:active, #logo a:focus {background-position: 0 -112px;}
#header p {margin: 1.5em 0;}
#header ul {text-transform: uppercase; letter-spacing: 2px;margin: 2em 0 1.8em 0}
#rss {padding-left: 23px; color: #f79333 !important; background: url(i/icons.png) 0 -300px no-repeat; letter-spacing: .1em;}
#twitter {padding-left: 23px; color: #50c1ef !important; background: url(i/icons.png) 0 -330px no-repeat;letter-spacing: .1em}

#nav {background: url(i/borderh.png) bottom left repeat-x; padding: 1em 0; zoom: 1; margin: 0 0 2.2em 0; text-align: center;}
#nav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#nav li {display: inline;}
#nav li#paranormal {margin: 0 1em;}
#nav li a, #nav li a:visited {color: #444; border: 0; text-transform: uppercase; font-size: 1.2em;padding: .4em .2em .4em 1.3em; background: url(i/icons.png) 0 0 no-repeat; letter-spacing: 0}
#nav li a:hover, #nav li a:active, #nav li a:focus {color: #000;}
#nav li#religion a, #nav li#religion a:visited {background-position: 0 0;}
#nav li#religion a:hover, #nav li#religion a:active, #nav li#religion a:focus {background-position: 0 -50px;}
#nav li#paranormal a, #nav li#paranormal a:visited {background-position: 0 -100px;}
#nav li#paranormal a:hover, #nav li#paranormal a:active, #nav li#paranormal a:focus {background-position: 0 -150px;}
#nav li#misconception a, #nav li#misconception a:visited {background-position: 0 -200px;margin-right: 0;}
#nav li#misconception a:hover, #nav li#misconception a:active, #nav li#misconception a:focus {background-position: 0 -250px;}

/* BODY */
.article h2 {color: #333;}
.article h3 {color: #333;font-weight: bold; border-bottom: 1px solid #ccc; }
.article h4 {color: #333;}
.article p {text-align: justify}
.article ul, .article ol {margin: 1.5em 0;}
.article li {margin: 1.5em 0;}
.article ul li {list-style-type: disc}
.article ol li {list-style-type: decimal}
.article blockquote {padding: 0 10px;border-left: 10px solid #ccc; border-left: 10px solid rgba(0,0,0,.2)}
.article blockquote p {font-size: 1.1em; line-height: 1.305em; font-style: italic;}
.article blockquote .cite {display: block; font-size: .8em; text-transform: uppercase; text-align: right;}
.article strong {font-weight: bold; color: #444;}
.article em {font-style: italic; font-weight: bold; color: #444;}
p.meta {margin: -1px 0 -3px 0; font-size: .7em; text-transform: uppercase; text-align: right; border-top: 1px solid #ddd !important; border-bottom: 3px solid #ddd !important;border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 3px solid rgba(0,0,0,.3);}
.meta a {border: 0 !important; color: #444 !important}
.meta span {font-style: italic; color: #999;text-transform: lowercase;}
.meta span.comment-count {float: left; font-style: normal; text-transform: uppercase}
p.wp-caption-text, span.caption {display: block; font-size: .7em; text-transform: uppercase; line-height: 1.333em; color: #999; border-bottom: 3px solid #ddd !important; border-bottom: 3px solid rgba(0,0,0,.3); margin-bottom: 3em; padding: .333em 0}

/* ASIDE */
#aside h4 {font-size: .9em; color: #fff; text-transform: uppercase; font-weight: normal;letter-spacing: 3px;margin: 4.25em 0 0 0}
#aside ul {margin: 0}
#aside li {line-height: 1.33em; margin: 0 0 1.5em 0}
#aside li span {display: block; color: #96A7C6; text-transform: uppercase; font-size: .8em}
#ad {font-size: 10px; line-height: 13px; margin: 20px 0 -20px 0; letter-spacing: 0;}
#ad a {display: block; padding: 6px; background: rgba(255,255,255,.05)}
#ad img {float: left; margin: 0 5px 12px 0;}
#ad a strong {font-weight: bold; color: #fff; display: block;font-size: 11px; margin-bottom: 3px;}

/* FOOTER */
a#goas, a#goas:hover {float: right; margin-top: 1.5em; text-transform: uppercase; font-size: .7em}
a#goas:hover, a#goas:active, a#goas:focus {}
a#goas span {font-style: italic; text-transform: lowercase;}
#footer ul {background: url(i/borderh.png) top left repeat-x;margin: 0; padding:1em 0 0 0;}
#footer li {display: inline; margin: 0 2em 0 0; text-transform: uppercase; font-size: .7em}

/* PAGE SPECIFIC */
#social {float: left; line-height: 0;position: relative; top: 2px; cursor: pointer}
.twitter-share-button {margin-right: 5px;}
p#should-twitter {margin: 3em 0;font-size: .8em; text-transform: uppercase;padding: .3em 1em; display: block; transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); zoom: 1;background: rgba(0,0,0,.05);}
p#should-twitter a {padding: .2em 23px .2em 0; font-weight: bold; color: #40baec !important; background: url(i/icons.png) right -415px no-repeat; border: 0}

/* ARCHIVE AND CATEGORY LIST SPECIFIC */
#archive-list a {border: 0 !important}
#archive-list li {padding: 1em 0; margin: 0; border-bottom: 1px dashed #aaa}

/* COMMENT SPECIFIC */
#comments-title {margin: 1.5em 0 3em 0 !important;}
#comments-list {border-bottom: 1px dashed #aaa}
#comments-list li {border-top: 1px dashed #aaa; padding: 1em 0; margin: 0; font-size: .9em}
#comments-list li.author {margin: auto -40px 0 -40px; padding: 0 40px .5em 40px; color: #333;transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); zoom: 1;background: rgba(0,0,0,.1);}
.comment-author {display: block; letter-spacing: .2em;font-size: .8em; text-transform: uppercase; color: #999; margin: 1em 0 -1em 0;}
.comment-author span {color: #333; font-weight: bold;}
.comment-author a {border: 0 !important;}
.comment-body p {margin: 1em 0;}
.comment-body strong {font-weight: bold}
.comment-body em {font-style: italic}
.comment-body blockquote {display: block; margin: 1em 0; border-left: 5px solid #aaa; padding: .2em 10px;}
.comment-body blockquote p {margin: .5em 0;font-style: italic;}
.comment-body ul, .comment-body ol {margin: 1em;}
.comment-body ul li {list-style: disc; margin: 0 1em; border: 0 !important;}
.comment-body ol li {list-style: decimal; margin: 0 1em;border: 0 !important;}
#comments-title, #reply-title {margin: 3em 0 .5em 0;}
.comment-notes {color: #999; font-size: .7em; padding: 1em;margin: 0 0 3em 0; line-height: 1.5em;background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); zoom: 1;background: rgba(0,0,0,.05);}
p.comment-form-author, p.comment-form-email, p.comment-form-url, p.comment-form-comment {font-size: .8em;}
p.comment-form-author, p.comment-form-email, p.comment-form-url {float: left; width: 160px; margin-right: 20px}
p.comment-form-url {margin-right: 0}
.required {color: #740c0c; float: left;display: inline; position: relative; top: -25px; left: 45px; margin-bottom: -30px}
.comment-notes .required {top: 0 !important; left: 0  !important; float: none}
#respond input, #respond textarea {padding: 5px; color: #666; border: 3px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;behavior: url(ie-css3.htc);}
#respond input:hover, #respond textarea:hover {border-color: #bbb;}
#respond input:focus, #respond textarea:focus {border-color: #999;}
#respond input {width: 140px;}
#respond textarea {font-size: .9em; width: 500px; height: 300px;}
label {display: block; text-transform: uppercase; color: #999; } 
p#comment-form-comment {width: 100%; clear: both;}
p.form-submit {display: block; text-align: center;}
#submit {cursor: pointer; border: 0 !important; height:35px; text-align: center; color: #fff !important; letter-spacing: 2px; text-transform: uppercase; background: #333;text-shadow: 1px 1px 1px #000;behavior: url(ie-css3.htc);}
#submit:hover {background: #740c0c}
#submit:active {position: relative; top: 2px;}

/* CONTACT US PAGE */
#contact-form {display: block; border-top: 1px dashed #aaa}
#contact-form li {list-style-type: none}
#contact-form li#contact-name {float: left; display: block; margin-right: 28px}
#contact-form li#contact-email {}
#contact-form label {}
#contact-form input, #contact-form textarea {padding: 8px 10px; color: #666; border: 3px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;behavior: url(ie-css3.htc);}
#contact-form input:hover, #contact-form textarea:hover {border-color: #bbb;}
#contact-form input:focus, #contact-form textarea:focus {border-color: #999;}
#contact-form input {width: 220px;}
#contact-form textarea {font-size: .9em; width: 500px; height: 300px; margin-top: -20px !important;}
li#contact-submit {display: block; text-align: center;}
#contact-submit input {cursor: pointer; border: 0 !important; height:35px; text-align: center; color: #fff !important; letter-spacing: 2px; text-transform: uppercase; background: #333;text-shadow: 1px 1px 1px #000;behavior: url(ie-css3.htc);}
#contact-submit input:hover {background: #740c0c}
#contact-submit input:active {position: relative; top: 2px;}

/* HOMEPAGE SPECIFIC */
body.home .more {float: left;}
body.home .meta {margin-left: 100px}
#hp-latest h4 {margin: -1.5em auto 1.5em auto; font-size: 1.28em}
#hp-fav {display: block; text-align: center; background: url(i/spacer.jpg) bottom center no-repeat; margin: -2px 0 4.5em 0; padding: 0 0 1.5em 0; font-size: .8em; font-weight: bold; text-transform: uppercase;}
#hp-fav h4 {background: url(i/spacer.jpg) top center no-repeat; padding-top: 1.5em; margin-bottom: 1.2em;}
#hp-fav li a {padding-left: 20px; background: url(i/icons.png) 0 -360px no-repeat; border: 0 !important;}
#hp-fav li a:hover {background-position: 0 -390px}
a#hp-archive, a#hp-archive:visited {display: block; padding: .5em; text-align: center; border: 0 !important; color: #666 !important;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); zoom: 1; background: rgba(0,0,0,.1);}
a#hp-archive:hover, a#hp-archive:active, a#hp-archive:focus {color: #333 !important;background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); zoom: 1;background: rgba(0,0,0,.15);}

/* IE FIXES */
#ltie6 #nav li#paranormal, #lteie7 #nav li#paranormal, #ie8 #nav li#paranormal {margin: 0 .3em}
#ltie6 #rss, #lteie7 #rss, #ie8 #rss, #ltie6 #rss, #lteie7 #twitter, #ie8 #twitter {font-size: .9em}
#ltie6 #submit, #lteie7 #submit, #ie8 #submit {width: auto}
#ltie6 #header, #lteie7 #header {position: static;}
#ltie6 #body, #lteie7 #body {margin-left: 0px;}
#ltie6 .more, #lteie7 .more {position: relative; top: 12px}

/* COLORBOX STYLES */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative;overflow:hidden}#cboxLoadedContent{overflow:auto}#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}#cboxOverlay{background:url(i/overlay.png) 0 0 repeat}#colorbox{}    #cboxTopLeft{width:21px;height:21px;background:url(i/controls.png) -100px 0 no-repeat}    #cboxTopRight{width:21px;height:21px;background:url(i/controls.png) -129px 0 no-repeat}    #cboxBottomLeft{width:21px;height:21px;background:url(i/controls.png) -100px -29px no-repeat}    #cboxBottomRight{width:21px;height:21px;background:url(i/controls.png) -129px -29px no-repeat}    #cboxMiddleLeft{width:21px;background:url(i/controls.png) left top repeat-y}    #cboxMiddleRight{width:21px;background:url(i/controls.png) right top repeat-y}    #cboxTopCenter{height:21px;background:url(i/border.png) 0 0 repeat-x}    #cboxBottomCenter{height:21px;background:url(i/border.png) 0 -29px repeat-x}    #cboxContent{background:#fff}        #cboxLoadedContent{margin-bottom:28px}        #cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494}        #cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494}        #cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef}        #cboxPrevious{position:absolute;bottom:0;left:0px;background:url(i/controls.png) -75px 0px no-repeat;width:25px;height:25px;text-indent:-9999px}        #cboxPrevious.hover{background-position:-75px -25px}        #cboxNext{position:absolute;bottom:0;left:27px;background:url(i/controls.png) -50px 0px no-repeat;width:25px;height:25px;text-indent:-9999px}        #cboxNext.hover{background-position:-50px -25px}        #cboxLoadingOverlay{}        #cboxLoadingGraphic{}        #cboxClose{position:absolute;bottom:0;right:0;background:url(images/controls.png) -25px 0px no-repeat;width:25px;height:25px;text-indent:-9999px} #cboxClose.hover{background-position:-25px -25px}