/*
Theme Name: EveryJoe TE Black Theme
Theme URI: http://alloydigital.com/
Author: The Escapist
Author URI: http://www.escapistmagazine.com/
Description: This is the all new 2014 theme
Version: 2.0
*/

/* Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
.clearfix:after { content: "."; clear: both; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* Template
----------------------------------------------- */
#wrapper { background: #fff; margin: 0 auto; width: 980px; padding: 0 10px; }
#main { margin: 15px 0; width: 980px; }
/*#primary { width: 100%; }*/
#content { border-right: 1px #DDDCDA solid; float: left; padding: 0 20px 0 0; width: 640px; }
#secondary { float: right; width: 300px; }

#main .last-item { border: none; margin: 0; padding: 0; }

/* Singular */
.singular #primary {}
.singular #content { }
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {}



/* Alignment */
.alignleft { display: inline; float: left; margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left: 1.625em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }


/* Global
----------------------------------------------- */
body { background: #FFF; }

/* Headings */
h1,h2,h3,h4,h5,h6 { clear: both; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; }

/* Text elements */
p { font-size: 12px; line-height: 18px; margin-bottom: 10px; }
ul, ol { margin: 0 0 1.625em 2.5em; }
ul { list-style: square; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl { margin: 0 1.625em; }
dt { font-weight: bold; }
dd { margin-bottom: 1.625em; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
blockquote { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite { font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; }
pre { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; }
code, kbd, samp, var { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym, dfn { border-bottom: 1px dotted #DDDCDA; cursor: help; }
address { display: block; margin: 0 0 1.625em; }
ins { background: #fff9c0; text-decoration: none; }
sup,
sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }

/* Forms */
input[type=text],
input[type=password],
textarea { background: #fafafa; border: 1px solid #ddd; color: #888;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
input[type=text]:focus,
textarea:focus { color: #373737; }
textarea { padding-left: 3px; width: 98%; }
input[type=text] { padding: 3px; }
input[type="button"], input[type="submit"] { border: none; color: #FFF; cursor: pointer; font-family: Georgia, serif; font-size: 12px; font-weight: bold; padding: 7px; margin: 15px 0; }
input#searchsubmit { display: none; }

a { text-decoration: none; }
a:focus, a:active, a:hover { text-decoration: underline; }

/*embed, iframe, object { max-width: 100%; }*/

/* Search Assistive text */
.assistive-text { position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; }


/* Header
----------------------------------------------- */
hgroup { margin: 10px 0 2px; width: 980px; }
#logo { border: 1px solid #C7C3C0; border-bottom: none; float: left; text-indent: -9999px; padding: 10px 25px 5px; border-radius: 7px 7px 0 0; }
#logo a { display: block; }
.b5logos { border-bottom: 1px solid #C7C3C0;  float: right; margin: 0; padding: 10px 0 2px 25px; width: 742px; }
.b5logos li { float: left; list-style-type: none; text-indent: -9999px; }
.b5logos li a { background: transparent url('/wp-content/themes/b5/images/sprite-b5-logos.gif') no-repeat; display: block; height: 36px; margin-right: 45px; }

.b5logos li.link-blisstree a { background-position: 0 0; width: 111px; }
.b5logos li.link-crushable a { background-position: -113px 0; width: 114px; }
.b5logos li.link-gurl a { background-position: -229px 0; width: 54px; }
.b5logos li.link-mommyish a { background-position: -285px 0; width: 98px; }
.b5logos li.link-thegloss a { background-position: -385px 0; width: 54px; }
.b5logos li.link-thegrindstone a { background-position: -441px 0; width: 110px; }


/* Menu
-------------------------------------------------------------- */
#navigation { height: 50px; margin-bottom: 15px; position: relative; padding: 0 10px 0; width: 960px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#navigation .menu-main-container { float: left; }
#navigation ul { margin: 0; }
#navigation ul li { float: left; list-style-type: none; height: 14px; line-height: 14px; padding: 6px 10px 5px;  }
#navigation ul li a { font-size: 14px; }
#navigation ul li.current-menu-item, #navigation ul li.current-menu-parent  {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
#navigation ul li.current-menu-item a, #navigation ul li.current-menu-parent a { display: block; height: 25px; }

/* Search Form */
#navigation #cse-search-box { float: right; margin: 10px 0 0; text-align: right; }
#navigation #searchform div { margin: 0; }
#navigation #search-input { background: #FFF url('/wp-content/themes/b5/images/search.png') no-repeat 5px 4px; font-size: 12px; height: 18px; line-height: 1.2em; padding: 4px 0 4px 28px; position: absolute; right: 10px; width: 135px; border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: 400ms;
    -moz-transition-property: width, background;
    -moz-transition-timing-function: ease;
    -o-transition-duration: 400ms;
    -o-transition-property: width, background;
    -o-transition-timing-function: ease;
}

#navigation #search-input:focus { background-color: #FFF; }
#navigation #searchsubmit { display: none; }
#navigation .only-search #searchform { top: 5px; z-index: 1; }
#navigation .only-search #s { background-color: #666; border-color: #000; color: #222; }
#navigation .only-search #s,
#navigation .only-search #s:focus { width: 85%; }
#navigation .only-search #s:focus { background-color: #bbb; }
#navigation .with-image #searchform { bottom: -27px; max-width: 195px; top: auto; }
#navigation .only-search { padding-right: 205px; }

/* Content
----------------------------------------------- */
.page-title { line-height: 26px; padding: 0 0 15px; }

.post-thumb { float: left; width: 146px; }
.post-pan .post-thumb { float: none; width: 640px; }
.post-thumb img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.post-gallery .post-thumbnail,
.post-pan .post-thumbnail { margin: 0 0 15px; width: 640px; }
.post-gallery .post-thumb-wrap { text-align: center; width: 640px; }

.entry-excerpt { float: right; margin-left: 20px; width: 474px; }
.post-gallery .entry-excerpt,
.post-pan .entry-excerpt { margin-left: 0; width: auto; }

.post-header { margin-bottom: 20px; }

.entry-title { font-size: 26px; line-height: 30px; }
.entry-title,
.entry-title a { color: #5B5148; text-decoration: none; }
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active { color: #5B5148; text-decoration: underline; }

.post-details { font-size: 12px; margin: 3px 0 0; }
.post-details li { border-right: 1px solid #DDDCDA; list-style-type: none; float: left; margin-right: 5px; padding-right: 5px; }

.xpost-image { position: absolute; right: -2px; top: 3px; z-index: 0; }
.xpost-image img { height: 145px; width: 145px; }
.post-xpost { position: relative; width: 640px; }
.post-xpost .post-thumbnail { float: left; height: 104px; width: 146px; }
.post-xpost h2.entry-title { width: 500px; }
.post-xpost .post-details { width: 500px; }
.post-xpost .post-details li { line-height: 22px; }
.post-xpost .entry-excerpt { float: right; width: 474px; }


.hentry,
.no-results { border-bottom: 1px solid #DDDCDA; padding: 20px 0 10px; }
.hentry:last-child,
.no-results { border-bottom: none; }

/* Loop More Post Button */
.more_posts { padding-top: 15px; }
.more_posts a { color: #fff; display: block; font-size: 26px; font-style: italic; position: relative; line-height: 45px; text-align: center; text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(89, 89, 89, .45);
    -moz-box-shadow: 0 1px 3px rgba(89, 89, 89, .45);
    box-shadow: 0 1px 3px rgba(89, 89, 89, .45);
    transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
}
.more_posts a:hover { background: #266691; text-decoration: none;
    transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

/* Single Posts and Pages */
.page h1.entry-title { line-height: 26px; margin-bottom: 20px; padding: 0 0 15px; }
.single-post .entry-title { font-size: 30px; line-height: 34px; }
.entry-content { margin-bottom: 25px; }
.entry-content, .singular .entry-content p { font-size: 15px; line-height: 25px; }

#singular-details { border-bottom: 1px #DDDCDA solid; font-size: 12px; list-style-type: none; margin: 0; padding-bottom: 10px; position: relative; width: 640px; }
#singular-details li { border-right: 1px #DDDCDA solid; float: left; padding: 7px; vertical-align: middle;  }
#singular-details li.item-1 { height: 26px; padding-left: 0; }
#singular-details li.item-2 { }
#singular-details li.item-3 { border: none; }
#singular-details li .social-details { list-style-type: none; margin: 0; }
#singular-details li .social-details li { border: none; float: left; padding: 0; }
#singular-details .singular-nav { float: right; list-style-type: none; margin: 0; position: absolute; right: 0; }
#singular-details .singular-nav li { padding: 0 7px; }
#singular-details .singular-nav li.nav-next {  border: none; padding-right: 0; }

.singular .post-details { margin: 7px 0 5px; }
.singular .related-topics { background-color: #eeedeb; margin-bottom: 15px; padding: 20px; }
.singular .related-topics span { color: #5B5148; font-size: 16px; line-height: 28px; }

/* Share a Tip Modal Box */
.modal-cover { background: #000; bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 10001;
    filter:alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity:0.7;
}
.share-tip-window { display: none; left: 50%; position: absolute; top: 200px; z-index: 10005; }
.share-tip-dialog { background: #fff; float: left; margin: -150px 0 0 -150px; width: 280px; z-index: 10002;
    padding: 10px; width: 280px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.share-tip-form { background: #eee; color: #444; float: left; font-size: 13px; padding: 15px 20px 10px; width: 240px; }
.share-tip-text { height: 60px; margin: 1px 1px 10px; width: 230px; }
.share-tip-input { height: 15px; width: 230px; }
.share-tip-form label { display: block; clear: both; font-weight: bold; margin: 5px 0 5px; }

/* Page links */
.page-numbers { border: 1px #EEEDEB; border-style: solid none; clear: both; line-height: 20px;  margin: 0 0 12px; padding: 8px 0; text-align: center;width: 640px; }
.page-number-nav { border: 1px #eeedeb; }
.page-number-nav.prev-link { border-style: none solid none none; padding: 0 10px 0 0; }
.page-number-nav.next-link { border-style: none; padding: 0 0 0 10px; }
.page-number-group { border-right: 1px #eeedeb; padding: 0 7px; }
.page-number { background: #fff; height: 15px; padding: 3px 3px; }
.current-page-number { font-weight: bold; }
.page-group { border-right: 1px #eeedeb; padding: 0 10px; }


/* Ad Styles
----------------------------------------------- */
.b5ad_bigbox { height: auto !important; height: 250px; margin: 0 0 30px; min-height: 250px; position: relative; width: 300px; clear: both; }
.b5-ad-pushdown { float: none; margin: 0 auto; padding: 0; width: 1000px; }
#b5_ad_pushdown { float: none; margin: 0; width: auto; }

.top-ads, .bottom-ads { background: #F5F1EE; margin: 0 auto; padding: 5px; position: static; width: 990px; text-align: center; }
.b5ad-top-leaderboard { background: #ccc; float: left; height: 90px; position: relative; width: 728px; }
.b5ad-top-social { height: 96px; float: left; margin-left: 8px; position: relative; }

#Skyscraper_160x600_Sidebar_Pos1 { margin: 0 auto 30px; text-align: center; }

/*.bottom-ads { background: #F3F2F0; float: left; height: 90px; margin: 0 0 15px; padding: 10px 0; position: relative; text-align: center; width: 100%; }*/
.b5ad-bottom-leaderboard { height: 90px; margin: 0 125px; position: relative; width: 728px; }
.ie #Leaderboard_728x90_Top_Pos1 div,
.ie #BigBox_300x250_Sidebar_Pos1 div,
.ie #Skyscraper_160x600_Sidebar_Pos1 div,
.ie #Leaderboard_728x90_Bottom_Pos1 div { float: left; }

#alloy-728x90-tile1, #alloy-728x90-tile4 { clear: both; width: 990px; min-height: 90px; height: auto !important; height: 90px; margin: 0 auto; padding: 10px 0; text-align: center; }
#alloy-300x250-tile2, #alloy-300x250-tile2-mobile { clear: both; width: 300px; min-height: 250px; height: auto !important; height: 250px; margin: 0 auto 3.34%; padding: 0; text-align: center; }
#alloy-160x600-tile3 { margin: 0 auto; padding: 0; clear: both; min-height: 600px; text-align: center; width: 300px; }
#alloy-320x50-tile1 { clear: both; width: 320px; min-height: 50px; height: auto !important; height: 50px; margin: 10px auto; padding: 0; text-align: center; }
#alloy-728x90-tile1 img[width="1"],
#alloy-300x250-tile2 img[width="1"],
#lr_comp_default_300x250 img[width="1"],
#alloy-300x250-tile2-mobile img[width="1"],
#alloy-160x600-tile3 img[width="1"],
#alloy-320x50-tile1 img[width="1"] { width: 0px; height: 0px; overflow: hidden; font-size: 0px; position: absolute; }


/* Misc Styles
----------------------------------------------- */
/* Images */
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }
img.size-full, img.size-large { height: auto; max-width: 97.5%; width: auto; }
.entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
p img, .wp-caption { margin-top: 0.4em; }

.wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; }
.wp-caption img { display: block; margin: 0 auto; max-width: 98%; }
.wp-caption .wp-caption-text,
.gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; }
.wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; }
.wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; left: 10px; margin-right: 5px; position: absolute; top: 7px; }
.margined-list { list-style-type: circle; margin-left: 0; }
.margined-list li { margin: 0 0 0 30px; }

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img { border: 1px solid #ddd; padding: 6px; }
.wp-caption img { border-color: #eee; }
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"] { background: #eee; border-color: #DDDCDA; }
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img { background: #fff; border-color: #DDDCDA; }


/* 404
----------------------------------------------- */
.error .page-title { margin-bottom: 20px; }
.error p { font-size: 16px; line-height: 22px; }


/* Widgets
----------------------------------------------- */
.widget-area { font-size: 12px; }
#secondary .widget { margin-bottom: 15px; width: 298px;
    box-shadow: 0 1px 3px rgba(89, 89, 89, .45);
    -webkit-box-shadow: 0 1px 3px rgba(89, 89, 89, .45);
    -moz-box-shadow: 0 1px 3px rgba(89, 89, 89, .45);
}
.widget-title { font-size: 19px; line-height: 22px; padding: 10px 0 10px 10px; width: 280px; }
.widget ul { font-size: 15px; margin: 0; }
.widget ul ul { margin-left: 1.5em; }
.widget ul li { font-size: 13px; }
.widget a { text-decoration: none; }
.widget a:hover,
.widget a:focus,
.widget a:active { text-decoration: underline; }

/* Search Widget */
.widget_search form { margin: 0 0 1.625em; }
.widget_search #s { width: 77%; }
.widget_search #searchsubmit { background: #ddd; border: 1px solid #ccc; color: #888; font-size: 13px; line-height: 25px; position: relative; top: -2px;
    box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
}
.widget_search #searchsubmit:active { background: #1982d1; border-color: #0861a5; color: #bfddf3;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
}


/* Footer
----------------------------------------------- */
#menu-footer { border-top: 1px solid #DDDCDA; border-bottom: 1px solid #DDDCDA; list-style-type: none; margin-bottom: 15px; padding: 15px 0; }
#menu-footer li { display: inline; }
#menu-footer li a { margin-right: 20px; }

#footer { margin: 15px 0; }
#footer #footer-logo { border: 1px solid #C7C3C0; border-top: none; float: left; text-indent: -9999px; padding: 5px 25px 10px;
    border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
}
#footer .b5logos { border-bottom: none; border-top: 1px solid #C7C3C0; padding: 10px 0 2px 25px; }
