body {margin: 0px; font-family: Arial, Verdana; font-size: 14px; color: #000; background: #000 url(/images/pageBg.jpg) repeat-x}
h1 {font-size: 20px; margin-top: 0px}
h2 {font-size: 16px}
h3 {font-size: 12px}
img {border: none}
table {border: none}
tr {vertical-align: top}
form {margin: 0px; padding: 0px}
fieldset {border: none}
a, a:visited {color: #f00; text-decoration: none}
a:hover {color: #f00; text-decoration: underline}

#container {width: 1000px; margin: 0px auto 0px auto; overflow: visible}

#masthead {position: absolute; top: 32px; left: 50%; margin-left: -500px; width: 1000px; height: 110px; background: transparent}
#masthead .logo {background: transparent url(/images/logo.png) no-repeat}
#masthead .logo img {width: 442px; height: 73px}
#masthead #navigation {margin-top: 5px; width: 1000px; height: 30px; background: transparent url(/images/nav/background.gif) repeat-x}
#masthead #navigation img {float: left; padding-right: 2px; background: transparent url(/images/nav/seperator.gif) no-repeat right}

#category #middle #info {padding: 10px 10px 0px 10px; font-size: 18px; font-weight: bold; color: #fff; background: transparent url(/images/nav/users/background.png) repeat-x}
#category #middle #left .content {clear: both; padding: 5px; background: #fff; border: solid 1px #bfbfbf; border-top: none}
#category #middle #info .name {margin-bottom: 10px}
#category #middle .nav {height: 31px}
#category #middle #left #videos {margin-top: 10px}

#middle {margin: 0px auto 10px auto; padding-top: 140px; width: 1000px; min-height: 400px; background: #fff url(/images/middleBg.jpg) repeat-x; overflow: auto}
#middle .social {margin: 10px 5px 5px 5px; float: left;}
#middle .leaderboard {margin: 5px; width: 728px; height: 90px; background: #000; float: right}

#middle #left {clear: both; margin: 0px 0px 5px 5px; width: 680px; float: left}
#generic #middle #left .content {padding: 5px 10px 10px 10px; background: #fff; border: solid 1px #bfbfbf}
#generic #middle #left .videos .content {padding: 0px; background: transparent; border: none}
#middle #left .content {padding: 0px; background: transparent; border: none}

#left .headlines {padding: 5px 10px 10px 10px; background: #fff; border: solid 1px #bfbfbf; overflow: auto}
#left .headlines .headlines {border: none}
#left .headlines .seperator {clear: both; margin: 10px}
#left .headlines img {margin: 0px 5px 5px 0px; float: left;}
#left .headlines .title {font-weight: bold; font-size: 18px}
#left .headlines .summary {font-size: 16px}
#left .headlines .author {margin-top: 5px; font-size: 12px}
.headlines .category {font-size: 14px; font-weight: normal; font-style: italic}

#left .videos {padding: 5px 10px 10px 10px; background: #fff; border: solid 1px #bfbfbf; overflow: auto}
#left .videos .videos {padding: none; border: none}
#left .videos .seperator {clear: both; margin: 10px}
#left .videos img {margin: 0px 5px 5px 0px; float: left;}
#left .videos .name {font-weight: bold; font-size: 18px}
#left .videos .description {font-size: 16px}

.heading {min-height: 30px; text-align: left; background: transparent url(/images/headings/background.gif) repeat-x}
.heading img {margin: 8px 0px 0px 8px}

.featuredItems {margin-bottom: 10px; padding: 10px; min-height: 197px; color: #000; text-align: center; font-size: 12px; background: #fff; border: solid 1px #bfbfbf; border-top: none;}
.featuredItems td {width: 33%; padding: 5px}
.featuredItems .picture {}
.featuredItems .picture img {width: 200px}
.featuredItems .title {font-weight: bold}
.featuredItems a, .featuredItems a:visited, .featuredItems a:hover {color: #f00; text-decoration: none}

.article .summary {margin-bottom: 10px; font-size: 18px}
.article .summary img {float: left; margin: 0px 5px 5px 0px}
.article .credits {margin-bottom: 10px; padding-bottom: 10px; font-size: 12px}
.article .body {clear: both; margin-bottom: 30px; padding-top: 10px; border-top: dashed 1px #808080}
.article .body img {max-width: 660px}

.recommend {margin: 0px 5px 0px 0px; height: 40px; float: left}
.recommend table {text-align: center}

.relatedStories {margin-bottom: 10px; padding: 5px 10px 10px 10px; border: solid 1px #bfbfbf; border-top: none; overflow: auto}
.relatedStories .seperator {clear: both; margin: 10px}
.relatedStories .title {font-weight: bold}

.relatedVideos {margin-bottom: 10px; padding: 5px 10px 10px 10px; background: #fff; border: solid 1px #bfbfbf; border-top: none; overflow: auto}
.relatedVideos .seperator {clear: both; margin: 10px}
.relatedVideos img {margin: 0px 5px 5px 0px; float: left;}
.relatedVideos .name {font-weight: bold; font-size: 18px}
.relatedVideos .description {font-size: 16px}

.comments {clear: both; padding: 5px 10px 10px 10px; border: solid 1px #bfbfbf; border-top: none; overflow: auto}
.comments img {max-width: 500px}
.comments .comment {margin-bottom: 15px; width: 100%}
.comments .user {padding-bottom: 5px; font-size: 10px}
.comments .avatar {width: 70px; text-align: center; white-space: nowrap}
.comments .corner {width: 20px; height: 20px; background: transparent url(/images/commentCorner.gif) no-repeat top right}
.comments .content {width: 550px; padding: 10px; background: #bfbfbf; overflow: auto}
.comments .content .manage {width: 40px; height: 20px; text-align: right; float: right; overflow: auto}

#members h1 {color: #fff}
#members #middle .content {padding: 10px}
#members .box {border: solid 1px #808080; background: #fff}

#middle #right {margin: 0px 5px 5px 0px; width: 300px; float: right}
#middle #right .square {margin-bottom: 10px; width: 300px; min-height: 250px; background: #000; overflow: hidden}
#middle #right .skyscraper {margin-top: 10px; width: 160px; height: 600px; background: #000; overflow: hidden; float: left}

#category #left .video .description {margin-top: 10px;}
#category #left .video .info {margin-top: 10px}

#footer {clear: both; width: 1000px; margin-top: 20px; font-size: 10px; color: #fff; background: #bebebe url(/images/footerBg.gif) repeat-x; overflow: auto}
#footer a, #footer a:visited {text-decoration: none; color: #fff}
#footer a:hover {text-decoration: underline; color: #fff}
#footer .copyright {width: 400px; padding: 5px; float: left}
#footer .links  {width: 400px; padding: 5px; text-align: right; float: right}

#working {display: none; margin: 115px auto 40px auto; padding: 200px 0px 200px 0px; width: 1000px; text-align: center; background: #f2f2f2 url(/images/middleBg.gif) repeat-x}

#search {position: absolute; top: 51px; left: 50%; margin-left: -40px; width: 282px; text-align: right; color: #000; font-size: 10px}
#search .box {margin: 2px; width: 282px; height: 22px; background: transparent url(/images/searchBg.gif) no-repeat}
#search .box input {width: 206px; border: 0px; height: 18px; background: transparent}

.userbar {padding-top: 21px; width: 225px; height: 50px; text-align: right; font-size: 12px; float: right}
.userbar a, .userbar a:visited, .userbar a:hover {color: #bf0000}

#masthead .loginCompact {margin-top: 21px; font-size: 10px}
.loginCompact {width: 225px; height: 50px; font-size: 12px; float: right}
.loginCompact a, .loginCompact a:visited, .loginComapct a:hover {color: #000}
.loginCompact .field {width: 74px; height: 14px; color: #808080; background: #fff; border: solid 1px #808080}

.paging {clear: both; margin: 10px 0px 0px 0px; font-size: 12px; overflow: auto}
.paging .next {float: right; padding-left: 20px}
.paging .previous {float: left}

.more {clear: both; margin-top: 10px; font-size: 12px}

.noDisplay {display: none}
.yellow, a.yellow, a:visited.yellow, a:hover.yellow {color: #ff0}
.red, a.red, a:visited.red, a:hover.red {color: #bf0000}
.small {font-size: 12px}

.headlineLinks {padding: 8px 0px 0px 8px; height: 41px; text-align: left; background: #3f3f3f url(/images/headings/background2.gif) repeat-x}
.headlineLinks img {margin-bottom: 10px}
.headlineLinks a {padding: 3px; color: #fff; font-size: 13px; font-weight: bold; cursor: pointer}
.headlineLinks .active {color:#262626; background: #fff}
.headlineLinks .inactive {color: #fff; background: none}

.bottom {margin-top: 10px}
.bottom #videos {width: 420px; float: left}
.bottom .discussion {width: 250px; float: right}

#grBar {position: absolute; top: 0px; height: 30px; width: 100%; text-align: center; background: transparent url(/images/networkBar/background.png) repeat-x}
#grBar .grBarContent {margin: 4px auto 0px auto; width: 1000px; height: 26px; font-family: Arial, Sans-Serif; font-size: 12px; text-align: left; background: transparent url(/images/networkBar/logo.gif) no-repeat}
#grBar img {width: 225px; height: 20px; float: left}
#grBar .grBarLinks a {margin-left: 5px; padding-left: 7px; background: transparent url(/images/networkBar/divider.gif) no-repeat left}
#grBar .grBarLinks a, #grBar .grBarLinks a:visited {color: #fff; text-decoration: none}