@charset "utf-8";
/* CSS Document */

body {background: url(//images.tmcnet.com/ngnmag/style-2010/ngn-bg.png) repeat-x top; margin: 0 0 0 0; padding: 0 0 0 0;}
#page {width: 1024px; margin: 0 auto; padding: 0 0 0 0;}
#header {position: relative; height: 158px; padding: 0 0 0 0; margin: 0 0 0 0;}
#header #leader {position: absolute; left: 10px; top: 10px; padding: 0 0 0 0; margin: 0 0 0 0;}
#header #logo {position: absolute; left: 10px; top: 103px; padding: 0 0 0 0; margin: 0 0 0 0;}
#header #subscribe {position: absolute; right: 10px; top: 10px; padding: 0 0 0 0; margin: 0 0 0 0;}
#nav {height: 48px; position: relative; padding: 0 0 0 0; margin: 0 0 0 0;}

ul#ngnmag-main {margin: 0; border: 0 none; padding: 0; list-style: none; height: 48px; position: absolute; left: 175px; top: 110px;}
ul#ngnmag-main li {margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; z-index: 50000;}
ul#ngnmag-main ul {margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none; display: none; position: absolute; top: 48px; left: 0;}
ul#ngnmag-main ul:after /*From IE 7 lack of compliance*/{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}
ul#ngnmag-main ul li {float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ position: relative;}
/* Root Menu */
ul#ngnmag-main a {border-right: 0; background: url(//images.tmcnet.com/tmc/cable/images/nav-div.png) no-repeat right; padding: 0 15px 0 15px; text-align: center; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; color: #CCCCCC; font: bold 13px/48px 'Molengo', arial, serif; text-transform: uppercase; text-decoration: none; height: auto !important; height: 1%; /*For IE*/}
/* Root Menu Hover Persistence */
ul#ngnmag-main a:hover, ul#ngnmag-main li:hover a, ul#ngnmag-main li.iehover a {color: #FFFFFF; background: #000000;}
/* 2nd Menu */
ul#ngnmag-main li:hover li a, ul#ngnmag-main li.iehover li a { float: none; background: #000000; color: #CCCCCC; border: 1px solid #333333; border-width: 0 1px 1px 1px; padding: 0px 8px 0px 8px; font-size: 11px; text-align: left; width: 180px; font: normal 13px/25px 'Molengo', arial, serif; text-transform: none;}
/* 2nd Menu Hover Persistence */
ul#ngnmag-main li:hover li a:hover, ul#ngnmag-main li:hover li:hover a, ul#ngnmag-main li.iehover li a:hover, ul#ngnmag-main li.iehover li.iehover a {background: #39648f; color: #FFFFFF;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#ngnmag-main li:hover ul, ul#ngnmag-main ul li:hover ul, ul#ngnmag-main ul ul li:hover ul, ul#ngnmag-main li.iehover ul, ul#ngnmag-main ul li.iehover ul, ul#ngnmag-main ul ul li.iehover ul {display: block;}
/* End of Horizental menu */
.navActive {color: #FFFFFF; background: #000000;}


#featuresI {position: relative; height: 75px; background: url(//images.tmcnet.com/ngnmag/style-2010/features.png) left bottom no-repeat; margin: -13px 0 15px 0;}
#departmentsI {position: relative; height: 75px; background: url(//images.tmcnet.com/ngnmag/style-2010/departments.png) left bottom no-repeat; margin: -13px 0 15px 0;}
#columnsI {position: relative; height: 75px; background: url(//images.tmcnet.com/ngnmag/style-2010/columns.png) left bottom no-repeat; margin: -13px 0 15px 0;}

#searchFrame {position: absolute; right: 10px; top: 110px; height: 48px; width: 250px; background: url(//images.tmcnet.com/ngnmag/style-2010/search-frame.png) top left no-repeat; padding: 0 0 0 0; margin: 0 0 0 0;}
#searchFrame #searchBox {position: absolute; left: 5px; top: 10px; width: 220px; padding: 0 0 0 0; margin: 0 0 0 0;}
#searchFrame #searchButton {position: absolute; right: 6px; top: 12px; height: 28px; width: 24px; padding: 0 0 0 0; margin: 0 0 0 0;}

#main {padding: 20px 10px 20px 10px;}

#main #left {float: left; width: 645px;}
#main #right {float: right; width: 336px;}

#adBox {text-align: center; padding: 0 0 20px 0;}

#skyscrapers { padding: 0 10px 20px 10px;}
#skyscrapers #googleAd {float: right; width: 160px; text-align: center;}
#skyscrapers #right3 {float: left; width: 125px; text-align: center;}

.magic {clear: both;}

#searchResults {padding: 10px 10px 10px 10px; border: 1px solid #CCCCCC; background: #FFFFFF;}

#feature {background: #151515; -moz-box-shadow:-2px 0px 5px #aaa; -webkit-box-shadow:-2px 0px 5px #aaa; box-shadow:-2px 0px 5px #aaa; margin: 0 0 20px 0;}
#cover {float: left; width: 250px;}
#featureCopy {float: right; width: 355px; margin: 20px 20px 0 0;}
#featureCopy h1 {font-family: 'Molengo', arial, serif; font-size: 12px; padding: 0 0 5px 0; margin: 0 0 10px 0; color: #CCCCCC; border-bottom: 1px solid #ffd503; }
#featureCopy h2 {font-family: 'Droid Serif', arial, serif; font-size: 34px; padding: 0 0 0 0; margin: 0 0 20px 0; color: #FFFFFF;}
#featureCopy h2 a {font-family: 'Droid Serif', arial, serif; color: #FFFFFF; text-decoration: none;}
#featureCopy h2 a:visited {color: #FFFFFF; text-decoration: none;}
#featureCopy h2 a:hover {color: #FFFFFF; text-decoration: underline;}
#featureCopy p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; text-align: left; padding: 0 0 0 0; margin: 0 0 0 0; line-height: 18px;}

#stories h1 {font-family: 'Molengo', arial, serif; background: url(//images.tmcnet.com/ngnmag/style-2010/h1-bg-long.png) bottom left no-repeat; font-size: 14px; line-height: 28px; padding: 18px 10px 0 10px; color: #FFFFFF; text-transform: uppercase; margin: 0 0 15px 0;}
#stories .department {font-family: 'Molengo', arial, serif; background: #333333; font-size: 14px; padding: 5px 10px 5px 10px; color: #FFFFFF; text-transform: uppercase; margin: 0 0 15px 10px;}
#stories h2 {font-family: arial, serif; font-size: 13px; padding: 0 0 0 25px; margin: 0 0 20px 0; color: #333333; background: url(//images.tmcnet.com/ngnmag/style-2010/article-arrow.png) 10px 3px no-repeat; font-weight: normal; }
#stories h2 a {font-family: 'Droid Serif', arial, serif; font-weight: bold; font-size: 16px; color: #151515; text-decoration: none;}
#stories h2 a:visited {color: #151515; text-decoration: none;}
#stories h2 a:hover {color: #39648f; text-decoration: underline;}

#redBox .column {font-family: 'Molengo', arial, serif; font-size: 12px; text-transform: uppercase; color: #666666; padding: 0 0 3px 0;}
#stories .column {font-family: 'Molengo', arial, serif; font-size: 12px; text-transform: uppercase; color: #666666; padding: 0 0 3px 10px;}
#stories h3 {font-family: 'Droid Serif', arial, serif; font-size: 12px; padding: 0 0 0 25px; margin: 0 0 15px 0; color: #333333; background: url(//images.tmcnet.com/ngnmag/style-2010/blue-box.png) 12px 3px no-repeat; font-weight: normal; }
#stories h3 a {font-weight: bold; font-size: 14px; color: #151515; text-decoration: none;}
#stories h3 a:visited {color: #151515; text-decoration: none;}
#stories h3 a:hover {color: #39648f; text-decoration: underline;}

#notes {background: url(//images.tmcnet.com/ngnmag/style-2010/paula.png) bottom right no-repeat; padding: 10px 75px 0 0; border: 1px solid #CCCCCC; margin: 0 0 15px 0;}
#outlook {background: url(//images.tmcnet.com/ngnmag/style-2010/rich.png) bottom right no-repeat; padding: 10px 75px 0 0; border: 1px solid #CCCCCC; margin: 0 0 15px 0;}

#stories #leftStory {width: 300px; float: left; padding: 0 0 10px 0;}
#stories #rightStory {width: 300px; float: right; padding: 0 0 10px 0;}

.callout {float: right; width: 250px; padding: 10px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; background: #FFFFCC; text-align: right; color: #39648f; margin: 0 0 10px 10px; border-top: 3px solid #39648f;}
.callout em {font-size: 12px;}

#redBox {padding: 10px 10px 10px 10px; border: 1px solid #39648f; background: #FFFFFF; margin: 0 0 20px 0;}
#redBox h1 {font-family: 'Molengo', arial, serif; font-size: 14px; padding: 5px 0 5px 0; color: #151515; text-transform: uppercase; margin: 0 0 15px 0; border-bottom: 1px solid #39648f;}
#redBox h2 {font-family: arial, serif; font-size: 11px; padding: 0 0 10px 18px; margin: 0 0 10px 0; color: #666666; background: url(//images.tmcnet.com/ngnmag/style-2010/blue-box.png) 5px 4px no-repeat; font-weight: normal; border-bottom: 1px dotted #CCCCCC; line-height: 17px; }
#redBox h2 a {font-family: 'Droid Serif', arial, serif; font-weight: normal; font-size: 13px; color: #151515; text-decoration: none;}
#redBox h2 a:visited {color: #151515; text-decoration: none;}
#redBox h2 a:hover {color: #39648f; text-decoration: underline;}
#redBox p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #151515; text-align: left; padding: 0 0 10px 0; margin: 0 0 0 0; line-height: 18px;}

#gBox {padding: 10px 10px 10px 10px; border: 1px solid #39648f; background: url(//images.tmcnet.com/ngnmag/style-2010/carbon.gif) top repeat-x; margin: 0 0 20px 0;}
#gBox h1 {font-family: 'Molengo', arial, serif; font-size: 14px; padding: 5px 0 5px 0; color: #fef300; text-transform: uppercase; margin: 0 0 5px 0; border-bottom: 1px solid #39648f;}
#gBox h2 {font-family: 'Droid Serif', arial, serif; font-size: 12px; padding: 0 0 10px 20px; margin: 0 0 10px 0; color: #333333; background: url(//images.tmcnet.com/ngnmag/style-2010/red-box.png) 5px 4px no-repeat; font-weight: normal; border-bottom: 1px dotted #CCCCCC; line-height: 17px; }
#gBox h2 a {font-weight: normal; font-size: 13px; color: #151515; text-decoration: none;}
#gBox h2 a:visited {color: #151515; text-decoration: none;}
#gBox h2 a:hover {color: #39648f; text-decoration: underline;}
#gBox p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-align: left; padding: 0 0 10px 0; margin: 0 0 0 0; line-height: 18px;}

.bButton {
   border-top: 1px solid #39648f;
   background: #600004;
   background: -webkit-gradient(linear, left top, left bottom, from(#7596c0), to(#274563));
   background: -moz-linear-gradient(top, #7596c0, #274563);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 18px;
   font-family: 'Droid Serif', arial, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.bButton:hover {
   border-top-color: #CCCCCC;
   background: #999999;
   color: #000000;
   }
.bButton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.rbHold {text-align: right; padding: 10px 0 5px 0;}

#bottomlead {text-align: center; padding: 20px 0 20px 0; border-top: 1px dotted #CCCCCC;}

#footer {padding: 10px 10px 10px 10px; background: #151515; margin: 0px 0px 0px 0px; border: 1px solid #333333;}
#footer #footerFloat {float: left; width: 193px;}
#footer .footerText {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-align: left; font-weight: normal; text-align: left;}
#footer .footerTitle {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #CCCCCC; font-size: 12px; margin: 0px 5px 5px 10px; border-bottom: 1px solid #666666; padding: 0px 0px 3px 0px; text-align: left;}
#footer .footButton {padding: 0px 8px 5px 0; margin: 0 0 0 15px;}
#footer .footerCopy {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-align: left; font-weight: normal; text-align: left; padding: 0px 8px 5px 0; margin: 0 0 0 15px;}

.resource {background: url(//images.tmcnet.com/tmc/satellite/images/red-arr.png) 0px 4px no-repeat; padding: 0px 8px 5px 8px; font-family: Arial, Helvetica, sans-serif; color: #1b3d49; font-weight: normal; font-size: 11px; line-height: 12px; text-align: left; margin: 0 0 0 15px;}
.resource a {color: #666666; text-decoration: none;}
.resource a:visited {color: #666666; text-decoration: none;}
.resource a:hover {color: #FFFFFF; text-decoration: underline;}

#share {float: right; width: 200px; height: 80px; background:#FFFFFF; border: 1px solid #CCCCCC; position: relative; margin: 0px 0px 10px 10px;}
#share #facebook {position: absolute; left: 10px; top: 10px;}
#share #digg {position: absolute; left: 80px; top: 10px;}
#share #tweetem {position: absolute; right: 10px; top: 10px;}

#content #author {font-family: 'Molengo', arial, serif; color: #555555; font-size: 14px; padding: 0 0 15px 0; border-bottom: 1px solid #151515; margin: 0 0 20px 0;}

#content {font-family: arial; font-size: 12px; color: #151515; text-align: left; line-height: 19px; padding: 0 0 20px 0; margin: 0 0 0 0;}
#content img {padding: 10px 10px 10px 10px;}
#content h1 {font-family: 'Droid Serif', arial, serif; font-size: 34px; padding: 0 0 0 0; margin: 0 0 0 0; color: #151515; line-height: 40px;}
#content h2 {font-family: 'Molengo', arial, serif; background: url(//images.tmcnet.com/ngnmag/style-2010/h1-bg-long.png) bottom left no-repeat; font-size: 14px; line-height: 28px; padding: 18px 10px 0 10px; color: #FFFFFF; text-transform: uppercase; margin: 0 0 15px 0; clear: both;}
#content h3 {font-family: 'Molengo', arial, serif; background: font-size: 14px; padding: 10px 0 0 0; color: #39648f; text-transform: none; margin: 0 0 0 0; font-weight: bold;}

#bodyText {}

#archive {font-family: arial; font-size: 12px; color: #151515; text-align: left; line-height: 19px; padding: 0 0 0 0; margin: 0 0 0 0;}
#archive h1 {font-family: 'Droid Serif', arial, serif; font-size: 20px; padding: 0 0 0 0; margin: 0 0 5px 0; color: #151515; line-height: 26px;}
#archive h2 {font-family: 'Molengo', arial, serif; background: url(//images.tmcnet.com/ngnmag/style-2010/h1-bg-long.png) bottom left no-repeat; font-size: 14px; line-height: 28px; padding: 18px 10px 0 10px; color: #FFFFFF; text-transform: uppercase; margin: 0 0 15px 0; clear: both;}
#archive #issue {float: left; padding: 0px 10px 20px 10px;}
#archive #issue img { -moz-box-shadow:-2px 0px 5px #aaa; -webkit-box-shadow:-2px 0px 5px #aaa; box-shadow:-2px 0px 5px #aaa; width: 83px; height: 111px;}
#archive #issue #month {text-align: center; padding: 2px 0 0 0; font-family: 'Molengo', arial, serif; font-size: 12px;}
#archive #issue #month a {text-decoration: none;}
#archive #issue #month a:visited {text-decoration: none;}
#archive #issue #month a:hover {text-decoration: underline;}

.sideBar {background: #FFFFCC; padding: 20px 20px 20px 20px; margin: 20px 0px 20px 0px;}
.sideBar h1 {font-size: 20px;}
 
.mainPg {font-family: 'Droid Serif', arial, serif; font-size: 16px; font-weight: normal; text-align: left;}
.mainPg a {color: #fef300; text-decoration: none;}
.mainPg a:visited {color: #fef300; text-decoration: none;}
.mainPg a:hover {color: #FFFFFF; text-decoration: underline;}