/*  
Theme Name: 
Theme URI: http: //theblogstudio.com/
Description: 
Version: 1
Author: The Blog Studio
Author URI: http: //theblogstudio.com/
*/

/* --------------------------------- =imported styles -------- */
@import url("CSS/reset.css");  /* ----- =Global Reset ----- */
@import url("CSS/general.css");  /* ----- =General CSS ----- */


/* --------------------------------- =page layout -------- */
#pagewidth {width: 866px; padding: 12px; text-align: left; margin: 5px auto 0 auto; background: #FFF; }
#header {width: 100%; }

#homepage-leftcol {width: 433px; margin: 0 0 0 0; float: left; position: relative; }
#homepage-rightcol {float: right; display: inline; position: relative; width: 417px; }
#article-leftcol {width: 260px; margin: 0 0 0 0; float: left; position: relative; }
#article-rightcol {float: right; display: inline; position: relative; width: 550px; _width: 528px; padding: 18px; background: #C5C8CF; }
.short-leftcol {margin: 12px 0 0 12px; float: left; display: block; }
.short-rightcol {float: right; display: inline; width: 560px; margin: 12px 12px 12px 0; padding: 12px 12px 0 12px; background: #FFF; display: block; }
#article-bigcol {float: right; display: inline; position: relative; width: 830px; _width: 794px; padding: 18px; background: #cdc79b; }
#footer {clear: both; }
/* *** Float containers fix: http: //www.csscreator.com/attributes/containedfloat.php *** */
.clearfix: after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block; }
/* End hide from IE-mac */


/* --------------------------------- =layout -------- */
body{background: #e5e5e5; margin: 0 0 40px 0; }
#logolink {margin: 10px; }
#footer1 {padding: 10px; background: #C5C8CF; }
#footer1 .col1 {float: left; width: 390px; background:  #fff; padding: 10px;}
#footer1 .col2 {float: right; width: 390px; background:  #fff; padding: 10px;}
#footer2 {text-align: center; background: #404040; padding: 20px 0; }
#leftFooter {float: left; width: 100%; }
#rightFooter {float: right; width: 410px; }
.bottomSpacing {margin-bottom: 12px; }
#masthead {background: url('images/20-02/headerImage-new.jpg') no-repeat; display: block; width: 100%; height: 126px; margin: 0 0 12px 0; }
.boxWrapper1 {background: #000; padding: 0 0 10px 0; }
.boxWrapper2 {background: #C5C8CF; padding: 0 0 10px 0; }
.boxWrapper2 .entry {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #CCC; }
.boxWrapper3 {background: #697792; padding: 0 0 10px 0; }
.boxWrapper4 {background: #fff; padding: 10px; }
.boxWrapper4Home {background:#697792; padding: 10px;}
#article-rightcol .boxWrapper4, #article-bigcol .boxWrapper4 {padding-bottom: 50px; *width: 522px; _width: 100%; }
.boxWrapper5 {background: #697792; padding: 0 0 10px 0; margin: 0 0 15px 0; color: #FFF; }
.boxWrapper5 .entry .left {float: left; width: 45%; }
.boxWrapper5 .entry .right {float: right; width: 45%; }
.insidePadding {padding: 10px; }
.indent {padding: 0 10px; }
.imageHolder {padding: 17px 0 17px 14px; background: #697792; margin-bottom: 10px; }
.quoteHolder {margin: 200px 0 200px 0; border-top: 2px solid #1B59B2; padding: 10px 0 0 0; }
.shortHolder {background: #E5E3CC; }
.shortHolderAlt {background: #D5D2AE; }
#leftColNav {margin: 0 0 12px 0; padding: 12px; background: #fff; border:  18px solid #697792; }
#searchBox {float: right; width: 235px; padding: 47px 17px 0 0; }

/* --------------------------------- =typography -------- */
p {margin-bottom: .7em; line-height: 1.5em; }
h1, h2 {display: none; }
h3 {display: block; padding: 6px 7px 3px 7px; margin: 0 0 5px 0; font:  normal small-caps bold .9em/1.5em '"helvetica neue", helvetica, arial', sans-serif; text-transform: uppercase; }
#article-rightcol h3, #article-bigcol h3 {font:  normal normal normal 2.3em '"helvetica neue", helvetica, arial', sans-serif; text-transform: none; margin: 0; padding: 0; }
#article-rightcol h4, #article-bigcol h4 {font:  normal normal normal 1.3em '"helvetica neue", helvetica, arial', sans-serif; text-transform: none; margin: 0 0 20px 0; padding: 0; }
.short-leftcol h3 {width: 245px; font:  normal normal normal 1.5em '"helvetica neue", helvetica, arial', sans-serif; text-transform: none; margin: 0; padding: 0; }
.short-leftcol h4 {width: 245px; font:  normal oblique normal 1.2em '"helvetica neue", helvetica, arial', sans-serif; text-transform: none; margin: 10px 0 20px 0; padding: 0; }
h4 {display: block; padding: 7px 0; margin: 0 0 5px 0; font:  normal small-caps bold 1.1em '"helvetica neue", helvetica, arial', sans-serif; text-transform: uppercase; }
h4.blue {color: #1B59B2; border-top: 2px solid #1B59B2; }
h4.red {color: #CA4E2C; border-top: 2px solid #CA4E2C; }
h4.white {color: #FFF; border-top: 2px solid #FFF; font:  normal normal normal 1.5em '"helvetica neue", helvetica, arial', sans-serif; text-transform: none; }
h5 {_height: 17px; color: #FFF; background: #000; padding: 11px 10px 7px 10px; margin: 0 0 15px 0; font:  normal small-caps bold 1em '"helvetica neue", helvetica, arial', sans-serif; text-transform: uppercase; }
.beigeBackground {color: #FFF; background: #000; }
#volumeInfo {font: normal small-caps bold .9em '"helvetica neue", helvetica, arial', sans-serif; color: #FFF; position: relative; top: 20px; text-align: right; margin: 0 17px 0 0; }
.whiteTitle {font:  normal small-caps bold 1.1em/1.3em '"helvetica neue", helvetica, arial', sans-serif; text-transform: uppercase; color: #FFF; }
.blackSubtitle {font:  normal normal bold 1em/1.3em '"helvetica neue", helvetica, arial', sans-serif; color: #000; }
.boxWrapper1 p {margin: 0 10px .7em 10px; }
.boxWrapper1 p, .boxWrapper2 p, .boxWrapper3 p, .boxWrapper4 p, #footer1 p {color: #5e5e5e; font:  normal normal normal .95em/1.25em '"helvetica neue", helvetica, arial', sans-serif; }
.entry p strong {font-weight: bold; color: #474747; font:  normal normal bold 1em/1.1em '"helvetica neue", helvetica, arial', sans-serif; }
.left p strong, .right p strong {font-weight: bold; color: #FFFFFF; font:  normal normal bold 1.1em/1.2em '"helvetica neue", helvetica, arial', sans-serif; }
#footer2 p a, #footer2 p  {color: #FFF; font:  normal normal normal .9em/.9em '"helvetica neue", helvetica, arial', sans-serif; }
.quoteHolder p {color: #1B59B2; font:  normal normal normal 1.5em '"helvetica neue", helvetica, arial', sans-serif; padding: 0 15px; }
#article-rightcol .boxWrapper4 {padding: 15px; }
#article-bigcol .boxWrapper4 {padding: 15px; width: 794px; }
.author {font:  italic normal normal 1.2em '"helvetica neue", helvetica, arial', sans-serif; margin: 0 0 10px 0; }
#article-rightcol .boxWrapper4 p, .short-rightcol .boxWrapper4 p, #article-bigcol .boxWrapper4 p, #article-rightcol ul {font:  normal normal normal 1.1em/1.5em 'Georgia', serif; margin: 5px 0 15px 0; }
blockquote {font:  normal normal bold 1em/1.5em 'Georgia', serif; margin: 0 0 10px 0; }
.articleFeatures, .articleFooter {float: right; color: #1B59B2; margin: 10px 0 10px 0; }
#leftColNavHeader {font:  normal normal bold 1.1em/1em '"helvetica neue", helvetica, arial', sans-serif; }
strong, bold {font-weight: bold; }
em {font-style: italic; }
/* --------------------------------- =links -------- */
#mastheadHomeLink {width: 600px; float: left; height: 126px; display: block; text-indent: -9999px; }
a:link, a:visited {color: #1B59B2; text-decoration: none; font-weight: bold; }
a:hover {color: #1B59B2; text-decoration: underline; font-weight: bold; }
.boxWrapper5 a {color: #FFF; font:  normal normal normal 1em '"helvetica neue", helvetica, arial', sans-serif; }
#ouncePrevention a:link, #ouncePrevention a:visited {background: url('images/20-02/ounceHome.jpg') no-repeat; display: block; width: 417px; height: 175px; text-indent: -9999px; }
#footer2 a:link, #footer2 a: visited {color: #FFF; font-weight:  normal; }
#footer2 a:hover {color: #FFF; font-weight:  normal; }
.boxWrapper4 .entry p strong a: link, .boxWrapper4 .entry p strong a: visited {color: #1B59B2; font-weight: bold; text-decoration: none; }
.boxWrapper4 .entry p strong a: hover {color: #1B59B2; font-weight: bold; text-decoration: underline; }
/* --------------------------------- =lists -------- */
#leftColNav ul {margin: 12px 0 24px 0; padding: 0 0 0 12px; }
#leftColNav li {margin: 0 0 10px 0; }
#leftColNav li.active {font-weight: bold; }
#leftColNav li a:link, #leftColNav li a:visited {color: #000; font:  normal normal lighter 1em/1.1em '"helvetica neue", helvetica, arial', sans-serif; text-decoration: none; }
#leftColNav li.active a:link, #leftColNav li.active a: visited {font-weight: bold; }
#leftColNav li a: hover {color: #000; font:  normal normal lighter 1em/1.1em '"helvetica neue", helvetica, arial', sans-serif; text-decoration: underline; }
#article-rightcol ul {margin: 10px 20px; }
#article-rightcol li {list-style-type: disc; }
/* --------------------------------- =navigation -------- */
#navcontainer {width: 866px; background: #000; display: block; margin: 0 0 12px 0; }
ul.navlist {margin: 0 auto; }
#navcontainer ul {padding: 0; margin: 0 0 0 4px; background: #cde286; color: #15371c; float: left; font:  normal normal normal 9pt/.9em '"helvetica neue", helvetica, arial', sans-serif; }
#navcontainer ul li {display: inline; }
#navcontainer ul li a {font-weight: bold; padding: 10px 9px; background: #000; color: #fff; text-decoration: none; float: left; border-right: 1px solid #999; letter-spacing: -.5px; }
#navcontainer ul li a {*padding: 10px 7px}
#navcontainer ul li a: hover {background: #546056; color: #fff; }
#subnavcontainer {width: 866px; background: #9f855b; display: block; margin: 0 0 12px 0; }
#subnavcontainer ul {padding: 0; margin: 0; background: #9f855b; color: #000; float: left; font:  normal normal normal .9em/1.5em '"helvetica neue", helvetica, arial', sans-serif; }
#subnavcontainer ul li {display: inline; }
#subnavcontainer ul li a {font-weight: normal; padding: 0.5em .5em; *padding: 0.5em .5em; background: #9f855b; color: #000; text-decoration: none; float: left; border-top: 4px solid #9f855b; border-bottom: 4px solid #9f855b; }
#subnavcontainer ul li a: hover {background: #9f855b; color: #fff; border-top: 4px solid #966532; border-bottom: 4px solid #966532; }
/* --------------------------------- =forms -------- */
/* --------------------------------- =tables -------- */
/* --------------------------------- =comments -------- */
/* --------------------------------- =search-bar -------- */
/* --------------------------------- =IE HACKS -------- */


/* --------------------------------- =Issue 20-02 -------- */
#featureIntro{font-size: 110%; font-family: georgia, "times new roman", serif;  line-height:  1.7em; font-weight: bold; color: #363636; }
#printerTitle {display: none; }

.photoCredit {float: left; margin: 0 10px 10px 0; font-size: 90%; border: 3px solid #bbb; width: 250px; }
#article-rightcol .photoCredit p, .photoCredit span {padding-left: 5px; padding-right: 5px; margin: 0; }
.photoCredit span {background: #bbb; }
.photoCreditRight {float: right; margin: 0 0 0 10px; font-size: 80%; width: 200px; }
.border{height: 3px; width: 100%; border-bottom: 1px solid #999; }
.credit {font-size: .8em; text-align: center; width: 100%; display: block; margin:  10px 0 0 0; }
.creditLeft {font-size: 85%; text-align: right; display: block; color: #333; padding: 2px; }
#articleNav {width: 100%; text-align: center; background: #bbb; margin: 0 0 12px 0; padding: 3px 0; }
#articleNavWrapper {width: 890px; margin: 0 auto; text-align: right; }
#cardAd {background: url('images/18-03/adback.gif')no-repeat; width: 230px; height: 700px; cursor: pointer; _height: 1%; }
.slide {float: left; position: absolute; }
#slidecontainer { height: 163px; float: left; position: relative; }
.unit {width: 520px; clear: both; border-bottom: 3px solid #817864; padding-bottom: 52px; }
.unit img {float: left; margin: 0 20px 40px 0; }
.unit strong {font-size: 120%; }
.unit .boldUpper {font-size: 90%; font-weight: bold; }
#article-rightcol .unit p {margin: 0; }
.boxWrapper3 .entry {padding: 10px 0px 5px 100px; margin-bottom:  10px; background:  #fff;}
.boxWrapper2 .entry, .boxWrapper4Home .entry {background:  #fff; padding:  10px 5px; margin-bottom: 10px;}

/* --------------------------------- =Added Jan 30 2009 - so that the header could have seperate links - Mike C -------- */
#masthead {position: relative; }
#mastheadHomeLink {position: absolute; top: 40px; height: 86px; }
#cohLogo {position: absolute; top: 0; left: 0; height: 40px; width: 392px; display: block; text-indent: -9999px; }