body{color:#000; margin:0; font:67%/1.5em Verdana,Arial,sans-serif}
#frame{margin:0 auto; padding:0}
.inner{width:970px; margin:0 auto; text-align:left; overflow:hidden; background-color:#fff; }
#header, #footer{margin:0; background-color:#dde}
#header{border-bottom:1px solid #eee; height:85px}
#header .inner{background:no-repeat left url('http://www.realityblurred.com/realitytv/images/header_bg.png')}
#middle{clear:both; padding:0; margin-top:0}
#content{float:left; width:580px; margin:15px 15px 15px;}
#sidebar{float:right; width:340px; padding-top:10px}
 
.story{font:130%/140% Georgia,'Times New Roman',serif}
.archive{font:1em/1.5em Verdana,sans-serif; margin-top:1em}
#footer{clear:both; margin-top:20px; padding-bottom:20px; border-top:1px solid #669;}
#footer .inner {background-color:#dde}

a:link{text-decoration:none; color:#006}
a:visited{color:#666; text-decoration:none}
a:hover{color:#c93; text-decoration:underline}
.story a{border-bottom:1px dotted #006; color:#006}
.story a:visited{border-bottom:1px dotted #666; color:#666}
.story a:hover{text-decoration:none; border-bottom:1px solid #c93; color:#c93}
.share a:link, .share a:hover, .share a:visited{border:0; outline:none; text-decoration:none}

h1, h2{margin:0}
h1{font:bold 2.2em 'Arial Narrow',Arial,Helvetica,sans-serif; margin-bottom:.25em; font-stretch: condensed}
h1.smaller{font-size:1.7em}
#content h1 a:link, #content h1 a:visited, #content h1 a:hover{border:0; text-decoration:none; color:#000}
#content h1 a:hover{color:#c93}
h2, h3{font:bold 2.2em Arial,Helvetica,sans-serif; margin-top:.25em; color:#a43}
h3{margin:1.5em 0 .5em; font-size:1.25em; color:#000}
.archive h3, #footer h3{font-size:1.5em}
#sidebar h4{display:inline; font-size:1em; color:#8b8bb0; margin-bottom:0px; border-bottom:4px solid #bdbdcf; padding-bottom:3px}
h6{display:inline; font-weight:normal; font-size:.9em}
h6, .byline, .linkto, .ad{color:#999}

#logo{float:left; width:580px; margin:5px 0 5px 5px}

#logo img{float:left; width:350px; height:75px; margin-left:25px; border:0}
.tagline{float:right; width:165px; margin:12px 10px 0 5px; padding:0 0 0 10px; border-left:1px solid #fff; color:#333}
#skybox{float:right; margin-right:10px; width:360px; height:85px}
#teaser{height:45px; text-align:right; font-weight:bold; margin-top:5px}
.tag{background-color:#999; color:#fff; padding:0 5px 1px 5px}
.now{background-color:#c66}
a.tag{font:11px verdana,sans-serif; color:#fff; border:0}
#follow{float:right; background-color:#eee; width:350px; height:35px; text-align:right; padding-right:10px; background:transparent url('http://www.realityblurred.com/realitytv/images/header_follow.png') no-repeat bottom right}
#follow a{border:0; text-decoration:none}
#follow a:hover{background-color:#669; color:#fff}
#follow img{height:32px; width:32px; border:0; margin-bottom:-5px}

#tabs{padding:0; margin:0; height:30px; font-weight:bold; background-color:#669; text-align:right}
#tabs .inner { background-color: #669; height: 25px;}

#nav, #nav ul{padding:0; margin:0; list-style:none; text-align:center;}
#nav a{display:block; width:auto; text-decoration:none; color:#fff; padding:3px 3px 6px 3px;}
#nav li{float:left; width:7em; margin:5px 5px}
#nav li.wider{width:13em}
#nav li.widest{width:16em}
#nav li.smallest{width:6em}
#nav li ul{position:absolute; width:23em; left:-999em; border:1px solid #ccc; background-color:#eee}
#nav li.sfhover ul{left:auto}

html>/**/body #nav li:hover ul{left:auto}
#nav li.sfhover ul{position:relative}

#nav li a:hover{background-color:#fff; color:#ccc; }
#nav li#current{background-color:#fff;}
#nav li#current a{color:#000;}
#nav li ul li{text-align:left; font-weight:normal; margin:0; padding:0 0 0 5px; width:22em}
#nav li ul li a{font-weight:normal; color:#000; margin:0; padding:0}
#nav li ul li a:hover{background-color:#eee; text-decoration:underline; color:#000}
#tabs li img{border:0; width:14px; height:10px; vertical-align:middle}
#nav li.featured a{font-weight:bold}

#search{float:right; width:240px; height:30px; text-align:right; margin:5px 10px 0; #margin-top:3px}

.search_button, .search_field{font:11px verdana; background-color:#b0b0c7; border:1px solid #ccd; padding:2px; vertical-align:middle}
.search_button{width:98px; height:20px}
.search_field{width:120px; height:14px}

.byline{font:.7em Verdana; border-bottom:1px dotted #999; height:15px; line-height:165%; margin: 0 0 30px; padding: 0 0 1px;}
.archive .byline{float:left; height:auto; width:125px; padding:10px; margin:0 10px 10px 0; font-size:1em; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eec}
.byline a:link, .byline a:visited{font-weight:bold; text-decoration:none; border:0}
.archive .byline a:link{font-weight:none}
.archive .byline b{color:#000; font-weight:normal}
.byline a:hover{text-decoration:underline}
.right, .byline_share {float:right}
.left, .showtitle{float:left}
.showtitle{line-height: 18px; }
.byline_share{margin:0 -12px 0 10px}

.share img, .byline img{border:0; vertical-align:middle; height:20px; width:20px}
.byline img {margin: 2px 5px 0 0; height:20px; width:20px;}
.byline a, .byline a:hover {border:0; outline:none; text-decoration:none}

.links{margin:0 0 10px 20px}
.share, .facebook{width:100%; margin:0 0 40px; background-color:#eee; border-top:1px solid #ccc; border-bottom:1px solid #666; padding:5px 10px 5px; text-align: center}
.facebook{background-color:#fff; margin:10px 0 10px; padding: 10px 10px 0; border:0; border-top:1px dotted #ccc; text-align: left}
.share img{margin:0 5px 0 9px}
p.sharing{text-align:center; padding:0 0 10px 0; margin:0}
p.linkto{padding:0; margin:0}
.linkto input{height:12px; width:460px; border:1px solid #ccc; font:1em verdana,sans-serif; color:#666}
.linkto a{color:#666}
.linkto a:hover{text-decoration:underline}

#afterstory{clear:both; margin:25px 0 50px; height:310px}
#afterstory .ad{float:left; width:336px}
.recent{float:right; width:230px; margin:0}
.recent img{height:48px width:48px; vertical-align:middle; margin-right:10px}

div.tabContent ul, .recent ul{list-style-type:none; margin:0; padding:7px}
div.tabContent li, .recent li{margin:0 0 1em 5px}
div.tabContent a:link, #editorTabs a:visited{border:0}
.archive ul{list-style-type:none; margin:0; padding:0}
.archive li{margin:0 0 1em}

.tabbox{position:relative; overflow:visible; clear:both}
.tabbox .tabPanel h5{float:left; margin:0; font-size:1em}
.tabbox .tabPanel h5 a{text-decoration:none; border:0; display:block; height:20px; margin:0 15px 0 0; color:#ccc; outline:none}
.tabbox .tabPanel h5 a:hover, .tabPanel.selected h5 a{border-bottom:4px solid #bdbdcf; color:#8B8BB0}
.tabbox .tabContent{position:absolute; top:-9999px; left:-9999px; border:1px solid #bdbdcf; padding:0px; width:326px; background:#eee; margin:0}
.tabbox .selected .tabContent{top:24px; left:0}
a:link.tabcontent, a:visited.tabcontent{border-bottom:0}

.box{border-top:1px solid #bdbdcf; border-left:1px solid #bdbdcf; margin:5px 0 35px; padding:5px}

.box p{margin:0}
.box ul, .column ul, .feed_ad ul{margin:0; padding:5px 0 0}

.box li, .column li{margin-left:20px; padding:0 0 10px 0}
.feed_ad li{margin-left:0; padding-left:30px; list-style:none}
li.msnbc{background:url('http://www.andydehnart.com/images/icons/msnbc.png') 5px 0px no-repeat}
li.realscreen{background:url('http://www.andydehnart.com/images/icons/realscreen.png') 5px 0px no-repeat}
li.metro{background:url('http://www.andydehnart.com/images/icons/metro.png') 5px 0px no-repeat}
li.wired{background:url('http://www.andydehnart.com/images/icons/wired.png') 5px 0px no-repeat}
li.npr{background:url('http://www.andydehnart.com/images/icons/npr.png') 5px 0px no-repeat}
li.dailybeast{background:url('http://www.andydehnart.com/images/icons/dailybeast.png') 5px 0px no-repeat}
li.playboy{background:url('http://www.andydehnart.com/images/icons/playboy.png') 5px 0px no-repeat}
div.rec{height:500px}
div.rec div{float:left; padding:3px; margin:0}
div.rec img{border:0}

#footer img{border:0; vertical-align:bottom}
.column{float:left; width:300px; margin-left:20px}
div.col{width:275px; float:left}

div.col ul{margin-top:1em; margin-bottom:3em}

div.col ul ul{padding-left:25px; margin-top:5px}
div.col ul ul li{list-style:circle; margin-bottom:5px}

.ad{clear:both; text-align:center; margin:5px 0 20px 0; width:336px}
.leaderboard{display:block; margin:10px 0 10px; width:100%}
.ad p{margin:0}

div.story li{margin-bottom:1em}
