/* = Reset
----------------------------------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td{margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;}

/* = HTML5 Elements
----------------------------------------------------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}

/* = Font Face
----------------------------------------------------------------------------------------------------------------- */
/*
@font-face{font-family: 'lane-narrowregular'; src: url('/skin/default/type/lane/LANENAR-webfont.eot'); src: url('/skin/default/type/lane/LANENAR-webfont.eot?#iefix') format('embedded-opentype'), url('/skin/default/type/lane/LANENAR-webfont.woff') format('woff'), url('/skin/default/type/lane/LANENAR-webfont.ttf') format('truetype'), url('/skin/default/type/lane/LANENAR-webfont.svg#lane_-_narrowregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'harabararegular'; src: url('/skin/default/type/harabara/harabara-webfont.eot'); src: url('/skin/default/type/harabara/harabara-webfont.eot?#iefix') format('embedded-opentype'), url('/skin/default/type/harabara/harabara-webfont.woff') format('woff'), url('/skin/default/type/harabara/harabara-webfont.ttf') format('truetype'), url('/skin/default/type/harabara/harabara-webfont.svg#harabararegular') format('svg'); font-weight: normal; font-style: normal;}
*/

/* = Body
----------------------------------------------------------------------------------------------------------------- */
body{text-align: center; background: #222; color: #343434; font-size: 0.85em; font-family: 'Lora', Georgia, Times, "Times New Roman", serif;}

/* = Text-Level
----------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{margin: 0 0 18px 0; font-weight: normal; font-family: 'Crimson Text', Tahoma, Verdana, Segoe, sans-serif; color: #222;;line-height: 1.2em;}
h1, h2{font-size: 2.05em}
h3{font-size: 1.8em;}
h4, h5, h6{font-size: 1.5em;}

p{margin: 0 0 25px 0; line-height: 1.5em;}

img{vertical-align: bottom;}
label{float: left; font-weight: bold; width: 125px;}

hr{border: 0; border-top: solid 1px #ddd; height: 1px; line-height: 1px; margin: 25px 0;}

/* = Links
----------------------------------------------------------------------------------------------------------------- */
a:link{color: #79acc8; text-decoration: none;}
a:visited{color: #93bce0;}
a:hover{text-decoration: underline;}
a:active{color: #79acc8;}

a.altLink:link{color: #222; text-decoration: none;}
a.altLink:visited{color: #222;}
a.altLink:hover{color: #79acc8;}
a.altLink:active{color: #79acc8;}

h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited{color: #222;}
h1 a:hover, h2 a:hover, h3 a:hover{color: #79acc8; text-decoration: none;}

.meta:link, .meta:visited, .meta:hover, .meta:active{color: #777;}

/* = Lists
----------------------------------------------------------------------------------------------------------------- */
ul{margin: 0 0 25px 15px; list-style-type: square;}
ul li{margin: 6px 0;}
ul ul{list-style-type: circle; margin-left: 30px;}

ol{margin: 0 0 25px 19px; list-style-type: decimal;}
ol li{margin: 6px 0;}
ol ol{list-style-type: lower-latin; margin-left: 34px;}

dl{margin: 0 0 25px 0;}
dt{font-weight: bold; margin: 10px 0; color: #111;}
dd{text-indent: 15px;}

.unstyled{list-style: none; margin: 0 0 40px;}
.unstyled li{margin: 0;}

.inline li{display: inline;}

.withDivides li{overflow:hidden; margin: 0 0 13px 0; padding: 0 0 13px 0; border-bottom: dotted 1px #b3b3b3;}
.withDivides li:last-child{margin-bottom: 0; padding-bottom: 0; border: 0;}

.commentList{margin-top: 13px; padding-top: 13px; border-top: dotted 1px #b3b3b3;}
.commentList p{margin: 0 0 10px 0;}
.commentList p:last-child{margin-bottom: 0;}

/* = Quotes / Figures
----------------------------------------------------------------------------------------------------------------- */
blockquote{margin: 0 0 25px 0; background: #eee; padding: 1em; font-size: 1.6em; font-family: 'Lora', Tahoma, Verdana, Segoe, sans-serif;}

figure{margin: 0 0 25px 0; max-width: 100%;}
figcaption,
.caption{padding-top: 7px; color: #222; font-size: 0.9em; font-family: 'Lora', Tahoma, Verdana, Segoe, sans-serif;}
figure blockquote{margin: 0;}

/* Pullquotes */
.pull{float: right; width: 180px; margin-left: 20px;}
.pull blockquote{background: none; padding: 0;}

/* Stats */
.rating{float: right; width: 180px; font-size: 1.6em; font-family: 'Lora', Tahoma, Verdana, Segoe, sans-serif; margin-left: 20px;}
.rating p{margin: 0 0 10px 0;}
.rating .score{font-size: 2em;}

/* = Tables
----------------------------------------------------------------------------------------------------------------- */
table{border-collapse: collapse;margin: 0 0 20px 0; width: 100%}
th{background: #F5F5F5; border: 1px solid #E5E5E5; padding: 15px 10px;}
td {background: #fff;border: 1px solid #E5E5E5;padding: 10px;}
tfoot td{background: #F5F5F5;}
caption{text-align: left; caption-side:bottom; padding-top: 10px; text-transform: uppercase; color: #777; font-size: 0.8em;}

/* = Forms
----------------------------------------------------------------------------------------------------------------- */
.webForm div{clear: left; margin: 0 0 20px 0;}
.webForm div em{display: block; margin-left: 25%; margin-top: 10px;}
label{float: left; width: 25%; padding: 10px 0;}
input.text, textarea, select{border: 1px solid #ccc; width: 100%; padding: 10px; -webkit-box-shadow: 0 0 6px #eee; -moz-box-shadow: 0 0 6px #eee; box-shadow: 0 0 6px #eee; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type="checkbox"]{margin-top: 10px;}
.popout input.text{color:grey}
.regForm .btnSubmit, .loginForm .btnSubmit{margin-left: 25%;}
#txtOccupation{color:grey}
.inpBlack{color:black}


.commentField label{padding-top: 0;}

/* = Content Modules
----------------------------------------------------------------------------------------------------------------- */
.mod{border: solid 1px #e8ebf2; background: #e8ebf2; margin: 0 0 25px 0;}
.mod .modTitle{margin: 0 0 10px 0; padding: 10px; background: #79acc8; color: #fff; font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1em; font-weight: normal;}
.modInner{padding: 0 10px;}
.modStandout .modTitle{background-color: #222;}

/* = Screen Messages
----------------------------------------------------------------------------------------------------------------- */
.msg{border: solid 1px #E5E5E5; background: #F5F5F5; padding: 25px 25px 0 25px; margin: 0 0 25px 0;}
.msgImp{background-color: #C2E1EE; border: 1px solid #8EC3D9; color: #475D66;}
.msgError{background-color: #FFDCDD; border: 1px solid #E9B9BB; color: #8D4345;}
.msgSuccess{background-color: #E1FFD9; border: 1px solid #BADEB1; color: #526D4B;}
.msgAssist{background-color: #FFF0BC; border: 1px solid #D3BC6F; color: #9E660D;}

.msgImp a{color: #475D66; text-decoration: underline; font-weight: bold;}
.msgError a{color: #111; text-decoration: underline; font-weight: bold;}
.msg li{margin: 0 0 5px 0;}

.errors{color: #fe0000;}

/* = Buttons
----------------------------------------------------------------------------------------------------------------- */
.btn, .btn:link, .btn:visited{display: inline-block; font-weight: bold; border: 0; background: #79acc8; color: #fff; padding: 11px 16px; font-size: 1em; letter-spacing: 0; margin: 0; line-height: 1.5em; cursor: pointer;}
 
.btnNews, .btnNews:link, .btnNews:visited{background: #79acc8;}
.btnComment, .btnComment:link, .btnComment:visited{background: #f0b56f;}
.btnTheatre, .btnTheatre:link, .btnTheatre:visited{background: #b18c83;}
.btnFilm, .btnFilm:link, .btnFilm:visited{background: #c08ca7;}
.btnMusic, .btnMusic:link, .btnMusic:visited{background: #6db5ac;}
.btnSport, .btnSport:link, .btnSport:visited{background: #5586a3;}
.btnInterviews, .btnInterviews:link, .btnInterviews:visited{background: #0a8dd1;}
.btnInternational, .btnInternational:link, .btnInternational:visited{background: #7fa3c7;}
.btnFeatures, .btnFeatures:link, .btnFeatures:visited{background: #e3625e;}

.btn:hover, .btn:active{background: #222; text-decoration: none;}
h3 .btn, h3 .btn:link, h3 .btn:visited{line-height: 1em; font-size: 0.9em;}

/* = Tabs
----------------------------------------------------------------------------------------------------------------- */
.uiTabsWrap{border: solid 1px #eaedef; background: #eaedef; margin-bottom: 40px;}
.uiTabsWrapTwo{border: solid 1px #eaedef; background: #eaedef; margin-bottom: 40px;}
.uiPanel{padding: 10px;}
.uiTabs{margin: 0; list-style: none;}
.uiTabs li{float: left; margin: 0;}
.uiTabs a{float: left; padding: 10px; background: #222; color: #fff; font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1.2em;}
.uiTabs a:hover{background: #444; text-decoration: none;}
.uiTabs .on a{background: #79acc8;}

.uiTabsTwo{margin: 0; list-style: none;overflow: hidden}
.uiTabsTwo li{float: left; margin: 0;}
.uiTabsTwo a{float: left; padding: 10px; background: #222; color: #fff; font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1.2em;}
.uiTabsTwo a:hover{background: #444; text-decoration: none;}
.uiTabsTwo .on a{background: #79acc8;}

.uiTabsSplit li{width: 50%;}
.uiTabsSplit a{width: 100%; padding: 10px 0; text-align: center;}

/* = Breadcrumb
----------------------------------------------------------------------------------------------------------------- */
.breadcrumb ul{margin: 0; list-style: none;}
.breadcrumb li{display: inline; margin: 0 7px 0 0;}

/* = Pagination
----------------------------------------------------------------------------------------------------------------- */
.pagination{margin: 0 0 20px 0; list-style: none;}
.pagination li{display: inline;}
.pagination .det{padding-right: 10px;}
.pagination a{display: inline-block; font-weight: bold; background: #eee; padding: 7px 14px; color: #333;}
.pagination a:hover{background: #aaa; text-decoration: none;}
.pagination a.on{background: #79acc8; color: #fff;}

/* = Media Object (Extend freely but change with caution)
----------------------------------------------------------------------------------------------------------------- */
.medObj{margin: 0 0 40px 0;}
.mediaTabs{margin: 0 0 0 0;}
.medObj, .medObj .cont{overflow:visible; _overflow:visible; _zoom:1;}
.medObj .media{float:left; margin:0 10px 0 0; max-width: 50%;}
.medObj .media img{display:block; max-width: 100%;}
.medObj h3, .medObj h4{margin: 0 0 5px 0;}
.medObj p{margin: 0;}
.medObj p.date{margin: 5px 0;}

/* = Categorisation
----------------------------------------------------------------------------------------------------------------- */
.pgWrapper .catTitle, .catLabel{font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;}
.pgWrapper .catTitle{margin-bottom: 10px; font-size: 1.4em; padding-top: 8px; border-top: solid 1px #222;}

.catLabel{font-size: 1.2em;}

.pgWrapper .catnews, .catnews a:link, .catnews a:visited{color: #79acc8; border-color: #79acc8;}
.pgWrapper .catcomment, .catcomment a:link, .catcomment a:visited{color: #f0b56f; border-color: #f0b56f;}
.pgWrapper .cattheatre, .cattheatre a:link, .cattheatre a:visited{color: #b18c83; border-color: #b18c83;}
.pgWrapper .catfilm, .catfilm a:link, .catfilm a:visited{color: #c08ca7; border-color: #c08ca7;}
.pgWrapper .cattv, .cattv a:link, .cattv a:visited{color: #c08ca7; border-color: #c08ca7;}
.pgWrapper .catmusic, .catmusic a:link, .catmusic a:visited{color: #6db5ac; border-color: #6db5ac;}
.pgWrapper .catsport, .catsport a:link, .catsport a:visited{color: #5586a3; border-color: #5586a3;}
.pgWrapper .catinterviews, .catinterviews a:link, .catinterviews a:visited{color: #79acc8; border-color: #79acc8;}
.pgWrapper .catinternational, .catinternational a:link, .catinternational a:visited{color: #7fa3c7; border-color: #7fa3c7;}
.pgWrapper .catfeatures, .catfeatures a:link, .catfeatures a:visited{color: #e3625e; border-color: #e3625e;}
.pgWrapper .catfooddrink, .catfooddrink a:link, .catfooddrink a:visited{color: #889f7e; border-color: #889f7e;}
.pgWrapper .catbooks, .catbooks a:link, .catbooks a:visited{color: #8e7e89; border-color: #8e7e89;}
.pgWrapper .catfashionbeauty, .catfashionbeauty a:link, .catfashionbeauty a:visited{color: #ed6ba0; border-color: #ed6ba0;}

/* = Ads
----------------------------------------------------------------------------------------------------------------- */
.adSlot{text-align: center; margin-bottom: 15px;}
.adSlot img{max-width: 100%;}
.adLeader{min-height: 40px;}
.adBaseLeader{margin: 35px 0;}
.adPeripheral, .adDownload, .lineage, .featureLead{display: none;}

/* = Core Structure
----------------------------------------------------------------------------------------------------------------- */
.pgOuter, .pgWrapper{position: relative;}
.pgOuter{overflow: hidden; width: 100%;}
.pgWrapper{padding: 10px 3% 0; text-align: left; background: #fff;}

/* = Header
----------------------------------------------------------------------------------------------------------------- */
.headPieces{position: relative;}

/* = Main Navigation
----------------------------------------------------------------------------------------------------------------- */
.navHold{clear: both; background: #222;}
.navTrigger{position: absolute; top: 15px; left: 0; height: 40px; width: 40px; background: url(/skin/default/img/sprite.png?v2) no-repeat left top; text-indent: 100%; white-space: nowrap; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.navOnShow{background-position: -40px 0;}
.headNav{position: absolute; background: #222; width: 75%; top: 0; left: -75%; z-index: 10;}
.shifted{left: 75%;}

.headNav ul{margin: 25px 0 0 0; list-style: none; padding: 0 10px}
.headNav ul ul{display: none;}
.headNav li{margin: 0;}
.headNav a{font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; display: block; padding: 0 12px; height: 38px; line-height: 38px; border-top: solid 1px #333; border-bottom: solid 1px #000; color: #fff; font-weight: normal; font-size: 1.3em;}
.headNav a:hover{background: #2b2b2b; text-decoration: none;}
.headNav .active a{background: #79acc8;}
.headNav li:first-child a{border-top: 0;}
.headNav li:last-child a{border-bottom: 0;}

.headNav li li a{font-weight: normal;}

.has3D .pgWrapper{-webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.has3D .headNav{left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
.has3D .shifted{left: 0; -webkit-transform: translate3d(75%, 0, 0); -moz-transform: translate3d(75%, 0, 0); -ms-transform: translate3d(75%, 0, 0); -o-transform: translate3d(75%, 0, 0); transform: translate3d(75%, 0, 0);}

/* = Base Navigation
----------------------------------------------------------------------------------------------------------------- */
.footNav ul{margin: 0; list-style: none;}
.footNav li{margin: 0; border-top: solid 1px #222; border-bottom: solid 1px #000;}
.footNav a{font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; display: block; padding: 20px 16px; color: #fff; font-weight: normal; font-size: 1.2em;}
.footNav a:hover{background: #2b2b2b; text-decoration: none;}
.footNav a.on{background: #79acc8;}
.footNav li ul{margin-bottom: 16px;}
.footNav li ul a{font-weight: normal; padding: 8px 16px 8px 36px;}
.footNav li li{border: 0;}

.footNavSub{padding: 30px 16px 10px 16px; margin:0; border-top: solid 4px #79acc8;}
.footNavSub li{margin: 0 20px 20px 0; border: 0; padding: 0; display: inline-block;}
.footNavSub a{font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; border: 0; padding: 0; display: inline; font-size: 1em;}
.footNavSub a:hover, .footNavSub a.on{background: none; color: #79acc8;}

.footSmlPrnt{display: block; padding: 0 0 30px 16px; color: #b3b3b3; font-family: 'Lora', Tahoma, Verdana, Segoe, sans-serif;}
.footSmlPrnt a{color: #b3b3b3;}
.footSmlPrnt span{padding: 0 8px;}

/* = Search / Social / Ticker
----------------------------------------------------------------------------------------------------------------- */
.headTools{clear: left; background: #eee; padding: 10px; margin-bottom: 14px;}

a:link.topReg{color: #000; float:right; clear:both; margin-top: 20px;}
a:visited.topReg { color: #000;}

.soclLnks{float: left; margin-bottom: 10px;}
.soclLnk{float: left; height: 27px; width: 27px; background: url(/skin/default/img/sprite.png) no-repeat -82px 0; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-right: 5px;}
.soclTw{background-position: -114px 0;}
.soclRss{background-position: -146px 0;}


/* = Search Bar
----------------------------------------------------------------------------------------------------------------- */
.siteSearch{float: left; width:200px; height:27px; overflow:hidden; clear: left;}
.siteSearch table{margin-bottom:0;}
.siteSearch td{padding:0; background:transparent; border-width:0;}
.siteSearch input{margin:0;}
.siteSearch .gsc-input-box{-webkit-box-shadow: 0 0 6px #eee; -moz-box-shadow: 0 0 6px #eee; box-shadow: 0 0 6px #eee;}
.siteSearch .gsc-control-cse{background:transparent; padding:0; border-width:0;}
.siteSearch table.gsc-search-box td{vertical-align: top;}
.siteSearch .cse .gsc-search-button input.gsc-search-button-v2, 
.siteSearch input.gsc-search-button-v2{margin:0; padding:6px 10px; background:#79acc8; border-color:#79acc8;}
.siteSearch .cse .gsc-search-button input.gsc-search-button-v2:hover, 
.siteSearch input.gsc-search-button-v2:hover{background:#165946;}
.siteSearch .gsc-search-box-tools .gsc-search-box .gsc-input{padding-right:0;}
.siteSearch input.gsc-input{position:relative; top:5px; left:3px; font-size:12px;}

/* = Google Search Results
----------------------------------------------------------------------------------------------------------------- */
.gsc-above-wrapper-area-container{margin: 0 0 10px 0;}
.gsc-above-wrapper-area-container td{padding: 0; border: 0;}
.gsc-result-info{margin: 0 !important; padding: 0 !important;}
.gsc-control-cse{padding: 0 !important;}
.gsc-table-result{margin: 0 0 10px 0;}
.gsc-table-result td{border: 0; padding: 0;}
.gsc-resultsHeader{display: none;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top{padding-left: 0 !important;}
.gsc-cursor-box{margin-left: 0 !important;}
.gsc-cursor-page{font-weight: bold; background: #eee !important; padding: 4px 11px; color: #333 !important; margin-right: 4px !important;}
.gsc-cursor-current-page{background: #79acc8 !important; color: #fff !important;}

/* = Footer
----------------------------------------------------------------------------------------------------------------- */
.pgFoot{clear: both; background: #181818; color: #fff; border-top: solid 4px #79acc8; margin: 0 -3.2%;}

/* = Standalone
----------------------------------------------------------------------------------------------------------------- */
.phHead { position: relative;}
.heroTime{float: right; position: absolute; top: 15px; right: 0; height: 40px; line-height: 40px; color: #222; font-family: 'Crimson Text', Tahoma, Verdana, Segoe, sans-serif; font-size: 1em;}
.heroLogo {text-align: center; }
.heroLogo img{ width: 120px; height: auto; margin: 20px 0;}
.byline{padding: 10px 0; border: solid 1px #ddd; border-width: 1px 0; margin: 18px 0; color: #222; font-size: 0.9em;}
.relatedTitle{margin-bottom: 10px;}

/* = Article Tools
----------------------------------------------------------------------------------------------------------------- */
.articleTools ul{border-top: solid 3px #eee; padding-top: 10px; margin-bottom: 30px;}
.articleShare li{margin-bottom: 8px;}
.articleShare a{padding: 2px 0 2px 27px; color: #111; font-size: 0.9em;}
.articleShare .icoComments{background: url(/skin/default/img/tools.gif) no-repeat left top;}
.articleShare .icoRss{background: url(/skin/default/img/tools.gif) no-repeat left -24px;}
.articleShare .icoFacebook{background: url(/skin/default/img/tools.gif) no-repeat left -48px;}
.articleShare .icoTwitter{background: url(/skin/default/img/tools.gif) no-repeat left -72px;}
.articleShare .icoPrint{background: url(/skin/default/img/tools.gif) no-repeat left -96px;}

/* = Comments
----------------------------------------------------------------------------------------------------------------- */
#comments #tabComOnePanel textarea{width: 100%; height: 230px; margin-bottom: 10px;}
.fb-comments{min-height: 100px; background: url('/skin/default/img/loading.gif') center 20px no-repeat;}
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe{width: 100% !important;}

/* = Fluid images list
----------------------------------------------------------------------------------------------------------------- */
.fluidImagesWrap{width:100%; overflow:hidden; margin:0 0 25px;}
.fluidImages{float:left; width:105%;}
.fluidImages li{float:left; width:45%; margin:0 5% 2.5% 0;}
.fluidImages .wrapper{padding-top:140%; height:0; position:relative; border:solid 1px #ddd;}
.fluidImages .wrapper .img{position:absolute; left:0; top:0; right:0; bottom:0;}
.fluidImages .wrapper .img img{width:100%; height:100%;}
.fluidImages .wrapper .lnk{display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:#eee;}
.fluidImages .wrapper:hover .lnk{display:block; opacity:0.95;}
.fluidImages .wrapper.noImg .lnk{display:block;}
.fluidImages .wrapper .lnk h4{display:inline-block; margin-top:45%; color:#79acc8;}
.fluidImages .wrapper .lnk h4 span{font-size:0.75em;}
.fluidImages .wrapper .lnk:hover h4{color:#007030;}
.downloadImages .wrapper { margin-bottom: 10px; }
.issuWrapper { display: none; }

/* = In Pictures
----------------------------------------------------------------------------------------------------------------- */
.inPics{margin-bottom: 40px;}
.inPics img{width: 100%; height: auto;}

.inPicsThumbs{width: 100%; overflow: hidden;}
.inPicsThumbs ul{width:103%; margin: 0; list-style: none;}
.inPicsThumbs li{margin: 0 2% 2% 0; float: left; width: 23%;}

.inPicsMain{}
.inPicsMain figure{position: relative; margin: 0; background: #333;}
.inPicsMain figcaption{width: 90%; padding: 5%; background: #111; color: #fff; text-transform: none; font-size: 1em;}

/* = Article Photos
----------------------------------------------------------------------------------------------------------------- */
.js .figures{width:100%; overflow:hidden; margin-bottom: 20px; }
.js .figures .mainImg{margin:0 0 15px; max-width: 100%; height: auto;}
.js .figures .caption{display:block; padding-top:0; margin-bottom:10px;}
.js .figuresInner{width:105%;}
.js .figures figure{float:left; width:17%; margin:0 2.5% 2.5% 0;}
.js .figures figure img{width:100%; height:auto; cursor:pointer;}
.js .figures figure figcaption{display:none;}
figure img { max-width: 100%; height: auto; }
article img { max-width: 100% !important; }

@media screen and (min-width: 750px) {
    .js .figures figure{width:14.5%; margin:0 1.5% 1.5% 0;}
}
@media screen and (min-width: 1040px) {
    .js .figures figure{width:12.25%;}
}

.nojs .figures figure{display:none;}
.nojs .figures figure:first-child{display:block;}


/* = Registration
----------------------------------------------------------------------------------------------------------------- */

#closeReg{float:right; clear:both; text-decoration: none;}


/* = Helper Classes
----------------------------------------------------------------------------------------------------------------- */
.floatLeft{float: left;}
.floatRight{float: right;}
.hide{display: none;}
.clr{clear: both;}
.upper{text-transform: uppercase;}
.meta{text-transform: uppercase; color: #777; font-size: 0.9em;}
.snug{margin: 0;}
.leader{font-size: 1.3em; line-height: 1.4em;}
.fixed{position: fixed;}
.altTitle{ font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;}


/* = Clearing
----------------------------------------------------------------------------------------------------------------- */
.cols, .uiTabs, .navHold, .headTools, .headNav ul, .inPics, .inPicsThumbs ul{zoom: 1;}
.cols:after, .uiTabs:after, .navHold:after, .headTools:after, .headNav ul:after, .inPics:after, .inPicsThumbs ul:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}


/* = Popup
----------------------------------------------------------------------------------------------------------------- */
#fadeWrap { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 1; }
#fade { width: 100%; height: 100%; position: fixed; left: 0; opacity: 0.8; background: #000; z-index: 2; }
.black { opacity: 0.8; background: #000; }

.popout { position: fixed; top: 50%; left: 50%; margin: -100px 0 0 -190px; display: none; z-index: 9999; }
.popout .popoutMain { width: 400px; z-index: 9999; }
.popout .popoutMain .popoutInner { margin: 15px; padding: 15px; background: #fff; }
.popout .popoutMain .popoutInner h2 { font-size: 1.6em; margin-bottom: 10px; }
.popout .popoutMain .popoutInner h4 { line-height: 1.2em; }
.popout .popoutMain .popoutInner label { width: auto; padding-bottom: 5px; }
.popout .popoutMain .popoutInner input { margin-bottom: 10px; }
.popout .popoutMain .popoutInner input.text { width: 100%; }

/* = Media Queries
----------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 375px) {
	.soclLnks{float: left; margin-bottom: 0;}
	.siteSearch{float: right; clear: right;}
}

@media screen and (min-width: 575px) {
	.inPicsThumbs{float: right; width: 15%; margin-left: 10px;}
	.inPicsThumbs li{width: 100%; overflow: hidden; margin-bottom: 10px;}
	.inPicsThumbs img{}
	.inPicsMain figure{height: auto; overflow: hidden;}
	.inPicsMain figcaption{position: absolute; bottom: 0; left: 0; font-size: 1.3em; padding: 2%; width: 96%;}
	.inPicsMain img{width: 100%;}
	
	.fluidImages{width:102.5%;}
	.fluidImages li{width:22.5%; margin:0 2.5% 2.5% 0;}
	
	.colsStoryTabs .col{float: left; width: 55%; margin-right: 2%;}
	.colsStoryTabs .endCol{width: 43%;}
	.colsStoryTabs .endCol{margin-right: 0;}
	
	h1{font-size: 3em;}
    .heroLogo img { width: 200px; margin: 10px 0 20px;}
}

@media screen and (min-width: 752px) {	
	.adLeader{min-height: 90px;}
    .issuWrapper { display: block; border: 1px solid #ccc; float: left; margin-bottom: 40px; }
}

@media screen and (min-width: 865px) {	
    .inPicsThumbs{width: 12%;}
}

@media screen and (min-width: 960px) {	
	body{background: #eee;}
	.pgWrapper{padding: 10px 2% 0; margin: 0 2%;}
	.pgFoot{margin: 0 -2.5%; padding: 15px 2% 30px 2%; text-align: center;}
	
	/* = Content Splits
	----------------------------------------------------------------------------------------------------------------- */
	.col{float: left;}
	.colsHalf .col{width: 49%; margin-right: 2%;}
	.colsThird .col{width: 32%; margin-right: 2%;}
	.colsFourth .col{width: 22%; margin-right: 4%;}
	.colsFifth .col{width: 16.8%; margin-right: 4%;}
	.colsThreeOne .col{width: 54%; margin-right: 4%;}
	.colsThreeOne .endCol{width: 42%;}
	.cols .endCol{margin-right: 0;}
    .colsStoryTabs .col{float: left; width: 60%; margin-right: 4%;}
	.colsStoryTabs .endCol{width: 36%;}
	.colsStoryTabs .endCol{margin-right: 0;}
	
	.colsThird .startCol{clear: left;}
	
	.locked{width: 130px;}
	.skyRight{float: right; padding-left: 13px;}
	.skyLeft{float: left; padding-right: 13px;}
	.flex{overflow:hidden; _overflow:visible; _zoom:1;}
	.hasBorderRight{background: url(/skin/default/img/pixel.gif) repeat-y right top; padding-right: 13px;}
	.hasBorderLeft{background: url(/skin/default/img/pixel.gif) repeat-y left top; padding-left: 13px;}
	.hasBorderBoth{background: url(/skin/default/img/pixel.gif) repeat-y right top, url(/skin/default/img/pixel.gif) repeat-y left top; padding-left: 13px; padding-right: 13px;}
	.plain{max-width: 750px;}
    a:link.topReg{ margin-top: 0;}
	
	/* = Navigation
	---------------------------------------------------------------------------------------------------------------- */
	.trigger{display: none;}
	
	.heroTime{top: 50px; right: auto; left: 0; font-size: 1.8em;}
	.headTools{position: absolute; top: 40px; right: 0; padding: 0; background: none;}
	.soclLnks{float: right; margin-bottom: 20px;}
	.soclLnk{margin: 0 5px 0 0;}
	.heroLogo img {width: 300px; margin-bottom: 20px; }
	
	.shifted, .has3D .shifted{left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
	.headNav, .has3D .headNav{position: relative; left: auto; width: auto; text-align: center; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
	
	.navHold{margin-bottom: 18px;}
	.headNav ul{margin-top: 0; padding: 0;}
	.headNav li{float: left;}
	.headNav a{float: left;border: 0;}
    .headNav ul.navigation > li > a:hover{background: #444;}
	
	.headNav .active ul{display: block; position: absolute; top: 38px; left: 0; width: 100%; background: #79acc8;}
	.headNav .active li a{background: url(/skin/default/img/nav-bar.gif) no-repeat right center;}
	.headNav .active li:last-child a{background-image: none;}
	.headNav .active li a:hover, 
	.headNav .active .active a{text-decoration: underline;}
    .headNav ul.navigation > li.active > a:hover{background: #79acc8; text-decoration: underline;}
	.headNav .active .subnav{margin-bottom: 38px;}
    
    /* Drop down nav - css not selector and hover class for ie8 */
    .headNav ul.navigation > li.hover,
    .headNav ul.navigation > li:not(.active){position: relative; z-index: 3;}
    .headNav ul.navigation > li.hover ul,
    .headNav ul.navigation > li:not(.active) ul{position: absolute; top: 100%; left: 0; width: 190px; z-index: 2; margin: 0; padding: 5px 0 10px; background: #333; color: #fff; text-align: left; -moz-box-shadow: 0 0 10px -5px #444; -webkit-box-shadow: 0 0 10px -5px #444; box-shadow: 0 0 10px -5px #444;}
    .headNav ul.navigation > li.hover ul li,
    .headNav ul.navigation > li:not(.active) ul li{float: none; margin: 0;}
    .headNav ul.navigation > li.hover ul li a,
    .headNav ul.navigation > li:not(.active) ul li a{float: none; display: block; background: transparent; margin: 0; padding: 8px 15px; height: auto; line-height: normal; text-decoration: none; text-transform: none; font-weight: normal; color: #fff;}
    .headNav ul.navigation > li.hover:hover > ul,
    .headNav ul.navigation > li:not(.active):hover > a{background: #444; text-decoration: none;}
    .headNav ul.navigation > li.hover:hover > ul,
    .headNav ul.navigation > li:not(.active):hover > ul{display: block;}
    .headNav ul.navigation > li > ul > li > a:hover{text-decoration: underline;}
	
	/* = Footer Navigation
	----------------------------------------------------------------------------------------------------------------- */
	.footNav li{display: inline; border: 0;}
	.footNav a{display: inline; height: auto; line-height: normal;}
	.footNav a.on{background: none; color: #79acc8;}
	.footNav a:hover{background: none; color: #b3b3b3;}
	.footNav li ul{display: none;}
	.footNavSub{margin: 12px 0 30px 0; padding: 12px 0 0 0; border: 0;}
	.footNavSub li{margin: 0 10px 20px 10px;}
	.footSmlPrnt{padding-left: 0;}
	
	/* Revise these styles */
	.adPeripheral, .adDownload, .lineage, .featureLead{display: block;}
	.featureLead{background: #901c81; color: #fff; margin-bottom: 18px;}
	.featureLead h3{margin: 0; padding: 10px;}
	.featureLead h3 a{color: #fff;}
	.featureLead img{width: 100%; height: auto;}
	.adDownload h4{padding-top: 5px;}
	
	.fluidImages li{width:17.5%; margin:0 2.5% 2.5% 0;}
}

/* = Email Layout
----------------------------------------------------------------------------------------------------------------- */
#digestEmailHtml td, #digestEmailHtml table { border: none; padding: 0; margin: 0; }
#digestEmailHtml .adBaseLeader { margin: 0; }
#digestEmailHtml .medObj { margin: 0; }
#digestEmailHtml .adSlot {text-align: left;}
#digestEmailHtml .adSlot img {max-width: auto;}

/* = Responsive Youtube Embed 
----------------------------------------------------------------------------------------------------------------- */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



@media screen and (min-width: 1000px) {
    .headNav a{padding: 0 12px;}
}

@media screen and (min-width: 1125px) {
    .headNav a{padding: 0 15px;}
    .inPicsThumbs{width: 130px;}
    .inPicsThumbs li{margin: 0 0 10px 0;}
    .inPicsMain figure{height: 565px;}
    .heroLogo img {width: 440px; margin-bottom: 20px; }
}

@media screen and (min-width: 1260px) {
	.pgWrapper{width: 1200px; padding: 10px 30px 0; margin: 0 auto;}
	.headNav a{padding: 0 20px;}
	
	.inPicsMain figcaption{background: url(/skin/default/img/lens.png); 
}
}