.mag-date {background: url(../images/magazine/bsf/mag-date.png); width: 75px; height: 84px; position: absolute; left: -14px; top: 1px; color: #fff; text-align: center; padding-top: 5px; float:left;}
.mag-date span {display: block; clear:both; font-weight: 100;}
.mag-month {font-size: 12px; letter-spacing: .25em;}
.mag-day {font-size: 33px; line-height: 30px;}
.mag-year {font-size: 14px;}

.top-cat-ind {background: #393b3c; width: 740px; height: 40px; float: left; padding: 4px 0 0 10px;}
.top-cat-ind ul {font-size: 12px; list-style: none; display:block; clear: both; }
.top-cat-ind ul li {float:left; margin-right: 5px; color: #b5b8b9; line-height: 20px;}
.top-cat-ind ul li a:hover {color:#44beee;}
.home-mag-search {background: #000000; width: 240px; height: 44px; float: left; line-height: 44px; padding-left: 10px;}
.home-mag-search input {width: 220px; font-family: 'Georgia', serif; font-size: 14px; font-style: italic;}

/* GLOBAL ELEMENTS */
.storyblock {padding: 20px 20px 0 20px; border-bottom: solid 1px #b2b1b1; overflow: hidden; position: relative;}
.storyblock:last-child {border-bottom: none;}
.storyblock img, .storyblock iframe {margin-bottom: 20px;}
.storyblock.duo {background: url(../images/magazine/rule-bkg.gif) center 0 repeat-y;}
.mag-rule {display:block; border-bottom:solid 1px #b2b1b1; margin:18px 0 18px 0; height:1px;}
.storyblock .editors-choice, .mag-tag {display: inline; padding: 3px 6px; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; font-style: italic; color: #fff; font-size: .6em; background: #a0ba60; position: relative; top: -15px; left: -20px;}
.mag-tag {background: #39a0c8;}
.pop-top .mag-tag {left: 0; top: 0;}
/* .storyblock img ~ p.mag-leadin {margin-top: 20px;} */
.mag-leadin {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 20px 0; line-height: 1.3em;}

/* TYPOGRAPHY */
.headline {font-family: 'Droid Serif', Times, serif; font-weight: 100; letter-spacing: -.05em; font-size: 1em; color: #272a2b; line-height: 1.2em; margin-bottom: 15px}
.headline a {color:#282B29;}
.headline a:hover {color:#1A92C1;}
.storyblock .headline {margin-top: -5px;}
/*
.mag_byline {display: block; margin: 0 0 3px 0; }
.mag_byline p {font-size: .6875em; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0;}
*/
.mag_byline {display: inline-block; padding: 3px 6px 2px 6px; position: relative; top: -15px; left: -20px; background: #39a0c8; letter-spacing: .1em;}
.mag_byline p {color:#fff; margin: 0; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; font-style: italic; margin: 0; font-size: .6em;}
.mag_byline p a {font-family: 'Fjalla One', sans-serif; text-transform: uppercase; font-style: italic; color: #fff; font-size: 1em;}
.mag_byline:hover {background: #034057;}
.orange {color: #4081bc;}

/*------------------------------------------------------------------
[MODULES]
-------------------------------------------------------------------*/
.replacement {height: 1030px; border-bottom: solid 1px red;}

.ab-module {margin-top: 20px;}

/* Alternate Headline */
.alt-headline {display:block;margin: 20px 0; clear: both;}
.alt-headline a {font-family: 'Fjalla One', sans-serif; text-transform: uppercase; font-style: italic; color: #4382ba; font-size: 1.3em; background: url(../images/magazine/bsf/alt-headline-arrow.png) 0 4px no-repeat; padding-left: 15px; }
.alt-headline a:hover {color:#1A92C1;}

/* Related Blockquote */
.rel-blockquote {min-height: 43px; font-family: 'Raleway', sans-serif; font-weight: 300; color: #4382ba; background: url(../images/magazine/blockquote.png) 0 0 no-repeat; font-size: 1.8em; text-indent: 54px; line-height: 1.3em; text-align: right; display:block !important; clear:both; margin: 20px 0;}

/* Arbitrary Blockquote */
.ab-blockquote {font-family: 'Crete Round', serif; color: #5c5f60; background: #f0f0f0 url(../images/magazine/blockquote.png) 10px 10px no-repeat; font-size: 1.8em; text-indent: 54px; line-height: 1.3em; text-align: right; padding: 10px; font-style: italic;}
.ab-blockquote .author {display:block; font-size: 12px; color: #686b6c; line-height: normal; margin-top: 10px;}

/* Related Article Attribute */
ul.rel-art-att {list-style: none; background: #c7c7c7; height: 32px; position: relative; }
ul.rel-art-att li {float:left;}
ul.rel-art-att li.icon {display: inline-block; width: 40px; height: 40px; position: absolute; left: 5px; top: -5px; z-index: 500;}
ul.rel-art-att li.icon.thumb {background: url(../images/magazine/bsf/icon-thumb.png) no-repeat;}
ul.rel-art-att li.label {background: #272a2b; line-height: 32px; color: #fff; padding: 0 10px 0 50px; position: relative; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; font-size: 1.2em;}
ul.rel-art-att li.topic {line-height: 32px; padding: 0 10px; position: relative; font-family: 'Droid Serif', Times, serif; font-size: .8em;}
ul.rel-art-att li.topic a {color: #272a2b; font-style: italic;}
ul.rel-art-att li.topic a:hover {color: #1A92C1;}

/* Arbitrary Article (MUST READ) */
ul.arb-art {list-style: none; background: #c7c7c7; position: relative; }
ul.arb-art li.icon {display: inline-block; width: 40px; height: 40px; position: absolute; left: 5px; top: -5px; z-index: 500;}
ul.arb-art li.icon.thumb {background: url(../images/magazine/bsf/icon-thumb.png) no-repeat;}
ul.arb-art li.label {display:block; background: #272a2b; color: #fff; width: auto; padding:2px 4px 0 50px; position: relative; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; font-size: 1.2em;}
ul.arb-art li.topic { display:block; padding: 10px; position: relative; font-family: 'Crete Round', serif; color: #5c5f60; font-size: 1em;}
ul.arb-art li.topic a {color: #272a2b; font-style: italic;}
ul.arb-art li.topic a:hover {color: #1A92C1;}

.storyblock.tr {padding-top: 40px;}
.storyblock.tl img {float:right; margin: 0 0 20px 20px;}
.storyblock.tr img {float:left; margin: 0 20px 20px 0;}
.storyblock.tr .headline {float:left; width: 226px; margin-top: -28px;}
.storyblock.tr .mag_byline {left: -251px; top: -35px;}
/* .storyblock.tl .mag_byline {left: -20px; top: -15px;} */
.artone, .arttwo {width: 210px; float: left;}
.artone {padding-right: 20px;}
.arttwo {padding-left: 20px;}

/* MASTHEAD */
.home-mag-masthead {width: 1000px; height:75px; background: url(../images/magazine/bsf/mag-masthead.gif) 2px 0 no-repeat; position: relative; left: 0px; border-bottom: 1px solid #b2b1b1;}
/* .home-mag-masthead p {line-height: 75px; margin:0; position: absolute; right: 240px; font-size:1em;} */
.home-feature {margin-bottom: 20px; border-bottom: dotted 1px black;}
.home-feature h1 a {color:#282B29;}
.home-feature h1 a:hover {color:#1A92C1;}
.home-feature .article_information {display:block; margin-left: 0px; width: 700px; float:left;}
.home-feature .article_information.no-thumb {display:block; margin-left: 0px; width: 700px;}
.home-feature .article_dateline {margin:10px 0;}
.home-feature .article_author_info {float:left; margin: 0 0 20px 0;}
.home-feature .article_author_info p, .article_agency_name p {margin:0;}
.home-feature .article_agency_name {cursor: pointer; margin: 0px 0 20px 0; float: left;}
.home-feature p.leadin {font-size: 1em;}
.home-feature img {margin-bottom: 5px;}

ul#mast {overflow: hidden; list-style: none; position: relative; left: 448px; width: 552px;}
ul#mast li {float:left; min-height: 66px; border-right: solid 1px #7f7f7f; padding: 0 10px;}
/* #magazine_masthead ul#mast li.mag-feature1, #magazine_masthead ul#mast li.mag-feature2, #magazine_masthead ul#mast li.mag-feature3 {width: 155px;} */
ul#mast li.mag-feature1 {background: url(../images/magazine/bsf/mag-feature1-bkg.gif) 0 0 no-repeat; padding: 9px 10px 0 100px; width: 75px;} /* PORTFOLIO */
ul#mast li.mag-feature2 {background: url(../images/maf/mag-feature2-bkg.gif) 0 0 no-repeat; padding: 9px 10px 0 100px; width: 75px;}/* IMAGE */
ul#mast li.mag-feature3 {background: url(../images/maf/mag-feature3-bkg.gif) 0 0 no-repeat; padding: 9px 10px 0 100px; width: 75px;}/* VIDEO */
ul#mast li.mag-feature4 {background: url(../images/maf/mag-feature4-bkg.gif) 0 0 no-repeat; padding: 9px 10px 0 100px; width: 75px;}/* AUDIO */
ul#mast li.mag-feature5 {background: url(../images/magazine/bsf/mag-feature5-bkg.gif) 0 -3px no-repeat;margin-right:0; border-right: none; padding: 22px 0 0 10px; width: 170px; min-height: 45px;}/* SERVICE */
ul#mast li.mag-feature6 {background: url(../images/magazine/bsf/mag-feature6-bkg.gif) 0 0 no-repeat;margin-right:0; border-right: none; padding: 35px 0 0 10px; width: 170px; min-height: 45px;}/* INDUSTRY */
ul#mast li.mag-feature7 {background: url(../images/magazine/bsf/mag-feature7-bkg.gif) 0 0 no-repeat; padding: 9px 10px 0 100px; width: 75px;} /* AGENCY */
ul#mast li h4 {text-align: left; font-size: .865em; margin: 0;}
ul#mast li.mag-feature3 p, ul#mast li.mag-feature5 p {font-size: .75em;}

/* MISCELLANEOUS */
.mag-btn-green {display:inline-block; background: #77b535; font-family: 'Droid Serif', Times, serif; font-weight: 100; letter-spacing: -.05em; font-size: .865em; color: #ffffff; font-style: italic; text-align: center; width: 210px; margin-left: 20px; padding: 5px 0; margin-top: 17px;}
.mag-btn-green:hover {background: #5b961c; color: #ffffff;}


/* DIVIDERS */
.divider-one {position: relative; left: 0; width: 1000px; height: 45px; background: #d2c8b7; line-height: 45px;}
.divider-one.right {text-align: right;}
.divider-two {position: relative; left: 0; top: -23px; width: 1000px; background: transparent; margin-bottom: -46px;}
.divider-three {position: relative; left: 0; width: 1000px; height: 223px; background: transparent;}
.divider-three.write {background: url(../images/magazine/bsf/write.jpg) no-repeat; position: relative;}
.divider-four {position: relative; left: 0; width: 1000px; height: 35px; background: #d2c8b7; line-height: 35px;}
.divider-tag {display:block; width: 52px; height: 59px; position: absolute; left: -14px; float: left; z-index: 500;}
.divider-one.right .divider-tag {display:block; width: 52px; height: 59px; position: absolute; left: auto; right: -14px; float: right; z-index: 500;}
.divider-tag.gem { background: url(../images/magazine/bsf/div-tag-gem.png); height: 59px;}
.divider-tag.dog { background: url(../images/magazine/bsf/div-tag-dog.png); height: 59px;}
.divider-tag.newsstand-icon { background: url(../images/magazine/bsf/div-tag-newsstand.png); height: 59px;}
.divider-label {float:left; background: #272a2b; line-height: 45px; color: #fff; padding: 0 10px; position: relative; left: 38px; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; font-size: 1.2em; z-index: 500;}
.divider-one.right .divider-label {float:right; background: #272a2b; line-height: 45px; color: #fff; padding: 0 10px; position: relative; left: auto; right: 38px; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; font-size: 1.2em; z-index: 500;}
.divider-arrow {height: 45px;width: 13px; display: block; float:left; position: relative; left: 38px; margin-right: 20px; background: url(../images/magazine/divider-one-arrow.png) no-repeat; z-index: 500;}
.divider-one.right .divider-arrow {height: 45px;width: 13px; display: block; float:right; position: relative; left: auto; right: 18px; margin-left: 20px; background: url(../images/magazine/divider-one-r-arrow.png) no-repeat; z-index: 500;}
.divider-headline a {color: #272a2b; font-family: 'Droid Serif', Times, serif; font-weight: 100; letter-spacing: -.05em; font-size: 1.4em; padding-left: 30px;}
.divider-one.right .divider-headline a {padding: 0 30px 0 0;}
.divider-headline a:hover {color: #1A92C1;}
.thisthat {position: absolute; display:block; width: 199px; height: 45px; z-index: 1000; background: url(../images/magazine/this-that.png); top: -5px; left: 395px;}
.hl-one, .hl-two {display:block; overflow: hidden; height: 35px; width: 352px; padding: 0 20px; float: left; text-align: center;}
.hl-one a, .hl-two a {color: #272a2b; font-family: 'Droid Serif', Times, serif; font-weight: 100; letter-spacing: -.05em; font-size: 1em;}
.hl-one a:hover, .hl-two a:hover {color: #1A92C1;}
.hl-one {margin-right: 215px;}
.newsstand {width: 940px; min-height: 263px; background: #d2c8b6 url(../images/magazine/newsstand-bkg.gif) no-repeat; position: relative; top: -23px; z-index: 0; padding: 0 30px 10px 30px; overflow: hidden;}
.newsstand ul {list-style: none; float:left; position: relative; top: 22px; width: 211px; margin-right: 32px;}
.newsstand ul:last-child {margin-right: 0;}
.newsstand ul .mag-tag {margin: 0; top: 0; left: 0;}
.newsstand ul img {border: solid 1px #9f978a;}
.newsstand ul li p.headline {margin-top: 25px;}

a.write-now, a.main-find {display: inline-block; text-align: center; border: solid 1px #ffffff; width: 210px; height: 50px; line-height: 50px; font-family: "Georgia", serif; font-style: italic; color: #ffffff; font-size: 1.5em; position: absolute; right: 156px; top: 150px;
background-color: #76af3c;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(132, 195, 68)), to(rgb(105, 156, 53)));
background-image: -webkit-linear-gradient(top, rgb(132, 195, 68), rgb(105, 156, 53));
background-image: -moz-linear-gradient(top, rgb(132, 195, 68), rgb(105, 156, 53));
background-image: -o-linear-gradient(top, rgb(132, 195, 68), rgb(105, 156, 53));
background-image: -ms-linear-gradient(top, rgb(132, 195, 68), rgb(105, 156, 53));
background-image: linear-gradient(top, rgb(132, 195, 68), rgb(105, 156, 53));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#84c344', EndColorStr='#699c35');
-webkit-border-radius: 5px;
border-radius: 5px;
}

a.write-now:hover, a.main-find:hover {background-color: #548d19;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(97, 160, 33)), to(rgb(71, 122, 18)));
background-image: -webkit-linear-gradient(top, rgb(97, 160, 33), rgb(71, 122, 18));
background-image: -moz-linear-gradient(top, rgb(97, 160, 33), rgb(71, 122, 18));
background-image: -o-linear-gradient(top, rgb(97, 160, 33), rgb(71, 122, 18));
background-image: -ms-linear-gradient(top, rgb(97, 160, 33), rgb(71, 122, 18));
background-image: linear-gradient(top, rgb(97, 160, 33), rgb(71, 122, 18));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#61a021', EndColorStr='#477a12');
}
a.main-find {left: 124px; top: 180px;}

.mag-subscribe-button {text-align: center; border: none; width: 105px !important; line-height: 24px; font-family: "Georgia", serif; color: #ffffff; font-size: 1em;
background-color: #76af3c;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(132, 195, 68)), to(rgb(105, 156, 53)));
background-image: -webkit-linear-gradient(top, rgb(132, 195, 68), rgb(105, 156, 53));
background-image: -moz-linear-gradient(top, rgb(132, 195, 68), rgb(105, 156, 53));
background-image: -o-linear-gradient(top, rgb(132, 195, 68), rgb(105, 156, 53));
background-image: -ms-linear-gradient(top, rgb(132, 195, 68), rgb(105, 156, 53));
background-image: linear-gradient(top, rgb(132, 195, 68), rgb(105, 156, 53));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#84c344', EndColorStr='#699c35');
-webkit-border-radius: 5px;
border-radius: 5px;
}

.mag-subscribe-button:hover {background-color: #548d19;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(97, 160, 33)), to(rgb(71, 122, 18)));
background-image: -webkit-linear-gradient(top, rgb(97, 160, 33), rgb(71, 122, 18));
background-image: -moz-linear-gradient(top, rgb(97, 160, 33), rgb(71, 122, 18));
background-image: -o-linear-gradient(top, rgb(97, 160, 33), rgb(71, 122, 18));
background-image: -ms-linear-gradient(top, rgb(97, 160, 33), rgb(71, 122, 18));
background-image: linear-gradient(top, rgb(97, 160, 33), rgb(71, 122, 18));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#61a021', EndColorStr='#477a12');
cursor: pointer;
}

/* TEMPLATES */
#mag-template {width: 1000px; position: relative; margin: 0;}
.one-w, .two-w, .three-w {float:left; padding: 0px; position: relative;}

/* .gutter {width: 30px; display: block; float:left; height: 30px;} */
.one-w {width: 249px;}
.one-w.left {border-right: solid 1px #b2b1b1;}
.middle {border-right: solid 1px #b2b1b1; border-left: solid 1px #b2b1b1;}
.two-w {width: 500px;}
.two-w.middle {width: 498px;}
.three-w {width: 750px; float:left;}
.border-right {border-right: solid 1px #b2b1b1;}
.border-left {border-left: solid 1px #b2b1b1;}
.border-top {border-top: solid 1px #b2b1b1;}
.border-bottom {border-bottom: solid 1px #b2b1b1;}
.two-w.pthree {position: relative; right: 251px; border-top: solid 1px #b2b1b1;}
/* PAGE 1 */
.one-w.fixed {background: url(../images/magazine/feature-1-bkg.jpg); position: relative; padding-top: 110px; top: -53px; margin-bottom: -53px;}
.one-w.fixed p.head {text-align: center; text-transform: uppercase; font-weight: 200; color: #282B29;}
.features-banner {width: 263px; height: 68px; background: url(../images/magazine/bsf/features-banner.png) no-repeat; position: absolute; right: -14px; display: block; top: 0;}
.mag-subscribe {background: url(../images/magazine/mag-subscribe.gif) no-repeat; width: 248px; height: 37px; position: absolute; top: 54px; left: 1px;}
.mag-subscribe ul {list-style: none; margin-left: 150px;}
.mag-subscribe ul li a {float: left; display:block; width: 49px; height: 37px;}
.mag-subscribe ul li a.mag-rss {background: url(../images/magazine/mag-subscribe-sprite.gif) 0 0 no-repeat;}
.mag-subscribe ul li a.mag-rss:hover {background-position: 0 -37px;}
.mag-subscribe ul li a.mag-newsletter {background: url(../images/magazine/mag-subscribe-sprite.gif) -49px 0 no-repeat;}
.newsletter-signup {background: #fee6b8; padding: 20px; margin-top: 37px; overflow:hidden; z-index: 500; position: relative;}
.newsletter-signup p {color: #272a2b; font-family: 'Droid Serif', Times, serif; font-weight: 100; letter-spacing: -.05em; font-size: 1em;}
.newsletter-signup input {width: 196px;}
.mag-subscribe ul li a.mag-newsletter:hover {background-position: -49px -37px;}

.hot-headline {border-bottom: solid 1px #95906a; padding: 0px 20px; height: 90px; position: relative;}
.hot-headline:last-child {border-bottom: none;}
.hot-headline .headline {display: table-cell; vertical-align: middle; height: 85px;}
.hot-headline .headline a {color:#272a2b; font-style: italic; font-weight: 400;}
.hot-headline .headline a:hover {color:#f76601}
.hot-headline .mag_byline {top: 7px; left: 0px; position: absolute;}

.feature-grid {margin-left: 20px;}
.feature-grid li {float: left; display: block; width: 66px; height: 66px; margin: 0 3px 3px 0; border: solid 1px #ccc;}
.feature-grid li a {display: block; width: 66px; height: 66px;}
.feature-grid li:hover {-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .5); box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .5); border: solid 1px #44beee;}

/* PAGE 2 */
.pop-top {background: #272a2b url(../images/magazine/bsf/pop-top-bkg.gif); position: relative;}
.pop-top .storyblock {padding: 10px; border: none; height: 60px;}
.pop-top .mag-tag {display: inline-block; margin-bottom: 5px;}
.pop-top .storyblock img {float:left; margin: 0 10px 0 0;}
.pop-top .storyblock p {display: table-cell; height: 60px; vertical-align: middle;}
.pop-top .storyblock .headline a {color: #ffffff;}
.pop-top .storyblock .headline a:hover {color: #1A92C1;}
.pop-top .mag-rule {margin-top: 8px;}
.pop-top-bottom {text-align: center; padding: 0 0 20px 0;}
.pop-top-bottom p {color: #fff; font-family: 'Droid Serif', Times, serif; font-weight: 100; letter-spacing: -.05em; font-size: 1.2em; margin: 0; font-style: italic;}
.pop-top-bottom a {color: #1A92C1; font-family: 'Fjalla One', sans-serif; font-size: 2em;}
.pop-top-bottom a:hover {color: #44beee;}