/*
Theme Name: The Week Behind
Theme URI: http://www.jellcreative.com
Author: Charles Thomason, Jell Creative
Author URI: http://www.jellcreative.com
Version: 1.5
License: This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)
*/

/* Global Defaults */
body,div,li,h1,h2,h3,h4,h5,h6,h7,form,input,p,table,tr,th,td,embed,image{ margin:0px;padding:0px; }
img, h1,h2,h3,h4,h5,h6,var{ font-style:normal;font-weight:normal; }
ul { list-style:none; }
div { text-align: left;}

/* Global Elements */
body { margin: 0px; padding: 0px; font-family: Avant Garde, Arial, Helvetica, sans-serif; font-size: 85%; background: #336699 url(images/page-bg.jpg) repeat-x; }
a { color: #333; }
a:hover { color: #555; }
a img { border: none; }
/*
 * modified by robert, 2020-11-21
p, h1, h2, h3, h4, h5, h6, h7, ul, small, blockquote { margin-top: 7px; margin-bottom: 7px; line-height:1.4em; }*/
p, h1, h2, h3, h4, h5, h6, h7, ul, small, blockquote { margin-top: 7px; margin-bottom: 7px; line-height:1.6;}

h1 { font-size: 25px; font-weight:bold; padding-bottom: 5px; border-bottom: 2px #ccc solid; }
h1 a { color: #036; text-decoration: none; }
h2 { font-size: 1.4em; color: #036; font-weight:normal; margin-bottom:0px; }
h3 { font-weight:bold; }
h1, h2, h3, h4, h5, h6, h7 {font-family:Century Gothic, Arial, Helvetica, sans-serif !important;}
small { font-size: 0.9em; }

.alignleft { float: left; }
.alignright { float: right; }

.premeta { font-size: 12px; color: #999; margin-bottom: 7px; clear:left; margin-top:0px; }
.posts p { border-bottom:2px solid #cccccc; padding-bottom:10px; }
.posts p.premeta { border-bottom:none; padding-bottom: 0px; }
p.readmore { text-align: right; font-weight:normal; margin:0px; } 
p.readmore a { color: #000; font-size: 12px; font-weight:normal; text-decoration:underline; overflow:auto; } 
p.readmore a:hover { color:#999; text-decoration:none; }
.the-content .pgee-read-more a { float:right; }

/* Header Elements */
#container { width: 960px; margin: 15px auto; }
#header { width:960px; float:left; display:inline; margin:auto; text-align:left; z-index:5000; }

#header-top { background:url(images/header-top01.gif) no-repeat; width: 960px; height:10px; float: left; overflow: hidden; margin:0; padding:0; }
#header-body { background:bottom url(images/header-bottom01.gif) no-repeat; width:960px; float:left; display:inline; margin:0; padding:0; }
#header-mid { width: 960px; float: left; margin: 0; }
#header-bottom { width: 960px; float: left; margin: 0; }

#header-left { float: left; display:inline; margin-left:25px; }
#header-right { float: right; display: inline; overflow:hidden; }

p.site-title { background:url(images/twb-logo03.gif); background-repeat:no-repeat; text-indent:-9999px; margin-top:0px; margin-bottom:0px;}
p.site-title a { display:block; width:413px; height:71px; text-indent:-9999px;}
p.description { margin-bottom: 0px; color: #ddd; }
#logo { overflow: hidden; width: 430px; float: left; }

.banner-block { float: left; display: inline; overflow: hidden; margin-right:10px; height:75px; }
.banner-block font { display:none; }
.banner-block div { padding-top:0px !important; padding-bottom:0px !important; }

#nav-left { float:left; }
#nav-right { float:right; margin-right:15px; }

#text-size { margin-left: 10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; font-weight:normal; color:#fff; }
#text-size ul { list-style:none; float:left; margin:0px; padding:0px; padding-bottom:3px; }
#text-size li { float:left; list-style:none; text-align:center; padding-right:3px; }
#text-size li a { display:block; outline:none; }

/* Header Navigation Bar */
#nav { z-index:5000; font-family:Century Gothic, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; float: left; list-style: none; z-index:5000;  }
#nav ul { margin: 0; padding: 0; list-style: none; z-index:5000; margin-left: 25px; }	
#nav a { display: block; text-decoration:none; border:none; z-index:5000; letter-spacing:0.02cm; }
#nav a:hover { display: block; text-decoration:overline; border:none; z-index:5000; }
#nav li { float: left; list-style:none; z-index:5000; margin-right: 12px; text-transform: uppercase; }
#nav a, #nav a:visited { display:block; font-weight:bold; color: #fff; z-index:5000; font-size:13px; }
#nav a:hover, #nav a:active, .current_page_item	a, #home .on { text-decoration:overline; color:#ddd; z-index:5000; }	
#nav li ul { position: absolute; left: -999em; height: auto; width: 200px; z-index:5000; margin-left:0px; line-height:135%; }
#nav li li { width: 225px; background: #336699; z-index:5000; padding-bottom:4px; }
#nav li li a, #nav li li a:visited { font-weight:normal; font-size:13px; text-transform:none; color:#FFF; z-index:5000; padding-left:7px; }
#nav li li a:hover, #nav li li a:active { background:#66ccff; text-decoration:none; z-index:5000; }	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; z-index:5000; }

/* Structural Elements */
#wrapper { float: left; display: inline; width: 960px; padding-bottom: 20px; clear:left; z-index:4000; margin-top:0px; padding-top:0px; }
#sidebar, #content { overflow: hidden; text-align:left; position:static; }
div.float-left { float: left; display: inline; overflow: hidden; }
div.float-right { float: right; display: inline; overflow: hidden; }
div.one-column { width: 360px; margin-top: 10px; clear:right; }
div.two-column { width: 600px; margin-top: 10px; clear:left; }
div.three-column { width: 940px; padding: 10px; }
div.widget { margin-bottom: 20px; }
div.footer-column { width: 280px; padding: 10px; margin-right: 20px; }

/* Index Left Column Elements */
p.the-content {font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:0.02cm; color:#000; }
#content .post { font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:15px; text-align:left; margin-bottom: 7px; background-color: #FFF; float:left; overflow:hidden; }
#content .post h1 { margin-bottom: 5px; margin-top:0px; padding-bottom:2px; }
#content .post h2 { text-transform: uppercase; font-size: 1.2em; font-weight: normal; }
#googlebox { background:#fff; width:600px; padding:10px; margin:0px; margin-top:7px; float:left; }

/* WordPress Images and Captions */
.wp-caption-text { text-align: left; font-size: 0.8em; line-height: 135%; margin: 0px; padding: 3px 0px; margin-bottom:10px; }
#content img.alignnone { margin: 0px 10px 10px 0px; }
#content .post div.alignleft, #content .post img.alignleft { float: left; margin: 0px 10px 10px 0px; }
#content .post div.aligncenter, #content .post img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; clear: both; }
#content .post div.alignright, #content .post img.alignright { float: right; margin: 0px 0px 10px 10px; }

/* Recent Articles Box Elements */
.boxTitle { font-size: 18px; font-weight:bold; color: #000; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 2px #ccc solid ; }
#recentbox { background-color:#fff; padding:10px; text-align:left; float:left; margin-top:0px; }
#recentbox h3 {margin-top:0px; margin-bottom:5px; }
#storybox-top { padding:0px; margin:0px; float:left; clear:left; width:580px; }
#storybox-bottom { padding:0px; margin:0px; float:left; clear:left; width:580px; }
#storybox-top p, #storybox-bottom p { margin:0px; }
#storytitle { margin-bottom:5px; }
#storytitle a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#000; text-decoration:none; }
#storytitle a:hover { color:#999; text-decoration:none; }
.indiv-cat h3 a { color:#003366; font-size:18px; text-decoration:none; }
.indiv-cat h3 a:hover { color:#555; text-decoration:underline; }
.indiv-cat { width:270px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; }
#art { float:left; margin:0px; padding:0px;}
#politics { float:right; margin:0px; padding:0px; }
#culture { float:left; margin:0px; padding:0px; }
#technology {float: right; margin:0px; padding:0px; }
.imgtfe { margin-right:9px; }

/* Idea Submission Box Elements */
#idea { background-color:#fff; width:600px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:0px; padding:0px; margin-top:7px; padding-bottom:10px; }
#ideabox { margin:10px;  }
#idea-left { width:250px; float:left; clear:left; }
#idea-left ul { list-style:none; padding-left:0px; margin-top:0px; }
#idea-right { float:left; clear:right; width:330px; }
#idea-right ul { list-style:none; padding-left:0px; float:left; }
#idea-right ul b { margin-right:10px; }
#ideatitle {font-family:Century Gothic, Avant Garde, Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#003366; padding-bottom:5px; margin-bottom: 10px; border-bottom: 2px #ccc solid; text-align:left; width:580px;}
.submitbutton #ideasubmit{ background:url(images/submit.gif); background-repeat:no-repeat; width:64px; height:26px; text-indent:-9999px; float:right; margin-right:0px; margin-top:10px; clear:right; }
#responsebox { background-color:#FF0000; color:#fff; font-weight:bold; padding-left:5px; padding-right:5px; }
label {padding-left: 5px; }

/* ===== Sidebar Elements ===== */

/* Quote Box Elements */
.quotebox { width:336px; float:right; margin:0px; margin-bottom:7px; padding:0px; }
.quotetitle { padding-left:10px; padding-top:5px; padding-bottom:2px; margin:0px; }
.quotetitle a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#fff; text-decoration:none; letter-spacing:0.03cm; }
.quotetitle a:hover { color:#CCCCCC; text-decoration:none; }
.quotebody { font-family:Arial, Helvetica, sans-serif; font-size:12px; ; font-weight:normal; color:#fff; padding:10px; padding-top:5px; }
.quotebody a { font-weight:normal; font-style:normal; color:#000; text-decoration:underline; }
.quotebody a:hover { color:#fff; text-decoration:none; }
.quotebody p { margin:0px; }
.quote-top { background:top url(images/marilyn-top.gif) no-repeat; width:336px; margin:0px; padding:0px; float:right; }
.quote-middle { background:bottom url(images/marilynbody.gif) no-repeat; width:336px; margin:0px; padding:0px; float:right; }

/* Sidebar Ad Elements */
.sidebar-ad { width:336px; background-color:#336699; border:0px; margin:0px; padding:0px; float:right; text-align:center; color:#333333; }
.sidebar-ad font { display:none; }
#adtext a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; text-decoration:underline; padding-top:5px; }
#adtext a:hover { text-decoration:none; color:#CCCCCC; }

/* Video Photo Embed Box */
#vp { width:336px; float:right; }
#vptop { margin:0px; padding:0px; float:left; }
#vptop ul { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; list-style:none; float:left; margin:0px; padding:0px; }
#vptop li a { color:#003366; text-decoration:none; display:block; outline:none; }
#vptop li a:visited { color:#003366; text-decoration:none; }
#vptop li a:hover { color:#003366; text-decoration:none; }
#vptop .current { background: url(images/vp-current.gif) no-repeat; width:83px; height:26px; text-align:center; float:left; }
#vptop .normal { background: url(images/vp-normal.gif) no-repeat; width:83px; height:26px; text-align:center; float:left; }
#vptop .normal:hover { background:url(images/vp-highlight.gif) no-repeat; width:83px; height:26px;}
#vpbody-top { width:336px; height:16px; background:url(images/embed-top.gif) no-repeat; float:right; margin:0; padding:0; }
#vpbody { background:bottom url(images/embed-body.gif) no-repeat; width:336px; float:right; margin-bottom:7px; }
.hidden { display:none; }
.visible { display:block; }

#videobox {float:left; margin:0px; padding:0; font-size:12px; color:#fff;}
#videobox a { color:#fff; text-decoration:underline; font-size:12px; }
#videobox a:visited { color:#fff; text-decoration:underline; }
#videobox a:hover { color:#CCCCCC; text-decoration:none; }
#videobox p { padding-left:10px; }
#photobox { padding:0 10px 0 10px; float:left; font-size:12px; color:#fff; }
#photobox a { color:#fff; text-decoration:underline;}
#photobox a:hover {color:#ccc; text-decoration:none;}
.vvqbox { display: block; max-width: 100%; visibility: visible !important; margin: 0px !important; }
.morefrom { margin:5px 10px 10px 0; padding:0px; float:right; text-align:right; clear:right; }


/* Store Box Elements */
#storeimage a { background-image:url(/wp-content/themes/new-balance-of-blue/images/storebox.jpg); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; border:0px; }
#storeimage a:hover { background-position:0 -157px; }
.storebox { 
  background-color:#fff; 
  width:333px; 
  float:right; 
  border:0px; 
  margin:7px 0; 
  padding:0 0 10px 0; 
  margin-bottom:7px; 
}
.store {margin:10px;}
.storebox p { padding:0px; margin:0px; margin-top:0px; margin-bottom:0px; }
.store-body { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#000; margin:0px; margin-top:0px; margin-bottom:5px; line-height:25px; }
.store-left a { background:url(images/storelogo01.gif); background-repeat:no-repeat; width:137px; height:137px; text-indent:-9999px; float:left; margin-right:0px; padding-right:0px; }
.store-left { float:left; }
.store-right { float:left; margin-left:10px; padding-left:0px; }
p.store-title { padding-top:0px;  border-bottom: 2px #ccc solid; padding-bottom:5px; margin-bottom:2px;  }
p.store-title a { font-family:Century Gothic, Avant Garde, Arial, Helvetica, sans-serif; font-weight:bold; font-size:25px; color:#003366; text-decoration:none; text-align:left; padding-bottom:0px; }
p.store-title a:hover { color:#336699; text-decoration:none; }
.shopnow a { background:url(images/shopnow.gif); background-repeat:no-repeat; width:94px; height:26px; text-indent:-9999px; float:left; margin-right:0px;}

/* Subscribe Box Elements */
.subscribebox { background:#fff; width:336px; padding:0px; margin:0px; float:right; }
.subscribecontent { margin:10px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#000; text-align:left; line-height:23px; }
.subscribebox h3 { clear:both; font-family:Century Gothic, Avant Garde, Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#003366; padding-bottom: 10px; margin-bottom:5px; border-bottom: 2px #ccc solid; text-decoration:none; text-align:left; line-height:10px; }
.submitbutton #submit{ background:url(images/submit.gif); background-repeat:no-repeat; width:64px; height:26px; text-indent:-9999px; float:left; margin-right:0px; margin-top:10px; }
#formsubmit { margin-top:10px; }
.social_badge {
  float: left;
  margin: 0 0 10px 0;
}
/* Other Sidebar Elements */
.countrysong {
  float:right;
  width:334px;
}
.countrysong a {
  background: transparent url(images/countrysong.gif) no-repeat scroll 0 0;
  width:334px; 
  height:100px; 
  text-indent:-9999px; 
  float:right; 
  margin-top:7px; 
  margin-right:0px; 
  z-index:5000;
}
.song_week { width:336px; float:right; }
.song_week a { background:url(/images/brooklyn-bridge-breadline.jpg); background-repeat:no-repeat; width:334px; height:100px; text-indent:-9999px; float:right; margin-top:7px; margin-right:0px; z-index:5000;}
.catchoftheday { width:336px; float:right; }
.catchoftheday a { background:url(images/catchoftheday.jpg); background-repeat:no-repeat; width:334px; height:100px; text-indent:-9999px; float:right; margin-top:7px; margin-right:0px; }
 
/* Footer Elements */
#footer-wrapper { float: left; display: inline; width: 100%; }
#footer { margin: 0px auto; width: 960px; overflow: hidden; padding: 10px 0px 30px; font-size: 10px; line-height: 14px;text-align:left; color:#fff; font-family:Arial, Helvetica, sans-serif; }
#footer a, #footer li a { color: #fff; text-decoration:underline; line-height:16px;}
#footer a:hover, #footer li a:hover { color: #999; text-decoration:none; }

/* Single Left Column Content Elements */
.entry p { margin-top:2px; margin-bottom:9px; }
.entry h4 { margin-top:8px; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold; font-size: 13px; line-height:normal; }
#single-title { float:left; width:570px; padding-bottom:5px; border-bottom: 2px #ccc solid; margin-bottom:5px; }
#single-title h1 { margin-bottom:0px; }
#single-title .single-title-left { width:375px; float:left; }
#single-title .single-title-left h1 { font-size:25px; border-bottom:none; padding:0px; padding-bottom:0px; margin:0px; margin-bottom:0px !important; }
#single-title .single-title-right { float:right; vertical-align:bottom; }
#single-title .single-title-right a { text-decoration:none; text-align:right; }
#single-title .single-title-right a:hover { text-decoration:underline; }
#single-title .single-title-right p { margin:0px; }
#content .postmeta { color: #999; font-size: 90%; border-top: 2px #ccc solid; padding: 4px 0px; margin-bottom: 20px; }

/* Comment/Trackback Elements */
#content .comments { font-size: 90%; margin: 20px 0px; }
#content .comments ul { margin: 10px 20px; padding: 0px 20px; list-style: none; border-left: 5px #ccc solid; border-right: 5px #ccc solid; }
#content .comments li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #ccc; list-style-type: none; }
#content .comments img { padding: 0px; margin: 0px 0px 10px 10px; float: right; }

/* Category Elements */
.pagebutton { display:block; background-image:url(images/navbutton.gif); width:132px; height:27px; background-repeat:no-repeat; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px; padding-top:7px; }
.navigation a { color:#fff; text-decoration:none; }
.navigation a:hover { color:#ddd; text-decoration:none; }
.navigation a:visited { color:#fff; text-decoration:none; }
.catheader { color: #6699cc; font-size:24px; font-weight: bold; text-transform:uppercase; }

#categorybox { float: left; background-color:#fff; overflow:hidden; padding-bottom:10px; text-align:left; }
#categorybox .posts h2 a { font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#003366; text-decoration: none; }
#categorybox .posts h2 a:hover { text-decoration:underline; }
#categorybox p.premeta { font-size: 12px; color: #999; margin-bottom: 10px; }
#categorybox .posts { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#000; }
.catcontent { margin:10px; }

#categorybox .posts-nb h2 a { font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#003366; text-decoration: none; }
#categorybox .posts-nb h2 a:hover { text-decoration:underline; }
#categorybox .posts-nb { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#000; clear:left; margin-bottom:10px; }
#cat12box { border-bottom:2px solid #cccccc; padding-bottom:5px; margin-bottom:5px; }
#cat12box a { text-decoration:none; }
#cat12box a:visited { text-decoration: none; }
#cat12box a:hover { text-decoration:underline; }


/* DELETE */

#cat12box p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:1.5em; }

#cat12box .premeta { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #999; margin-bottom: 7px; clear:left; margin-top:0px; }

/* DELETE */


/* Sitemap Elements */
#sitemap a { color:#000; text-decoration:none; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#sitemap a:visited { color:#000; text-decoration:none; }
#sitemap a:hover { color:#666666; text-decoration:underline; }
.sitemap-list li { list-style:url(images/bluebullett.gif); }

/* Miscellaneous Elements */
.post .imgtfe {display:none; }
#quotebox .imgtfe {display:none;}
#categorybox .imgtfe {display:none;}
.catcontent .size-thumbnail { padding:5px; }

.post{
overflow:auto;

}
#required_spoiler{
	display: none;
}