/* Stylesheet written by COMAND Solutions - 01.13.08 - greg.croniser@comandsolutions.com */

/* Globals */
body {behavior:url(http://www.thegeekweekly.com/js/csshover.htc);}
#SON * {border: none; color: #000; clear: none; float: none; font-family: arial, verdana, sans; font-size: 12px; letter-spacing: normal; line-height: normal; margin: 0; padding: 0; overflow: visible; text-indent: 0; text-transform: none;  white-space: normal; word-spacing: normal;}
#SON {width: 100%; text-align: center;}
#SON p, #SON li {margin-bottom: 15px;}
#SON ul, #SON ol {padding-left: 25px;}
#SON h1, #SON h1 * {font-size: 14px; margin-bottom: 10px;}
#SON h2, #SON h2 * {font-size: 12px; color: #fff; padding: 2px 10px;}
#SON h3, #SON h3 * {font-size: 18px; font-family: tahoma, arial, verdana, sans; color: #fff; padding: 5px 10px 4px 10px;}
#SON h4, #SON h4 * {}
#SON h5, #SON h5 * {}
#SON h6, #SON h6 * {}
#SON a {text-decoration: none;}
#SON a:hover {}
#SON a img {border: none;}
#SON a.MoreLink {float: right; font-weight: bold; color: #5f5f64; padding-right: 12px; background: url(../images/bg_btn_more.gif) right no-repeat;}
#SON i, #SON em {font-style: italic;}
#SON b, #SON strong {font-weight: bold;}

#SON #PageWrapper {width: 600px; margin: 0 auto; text-align: left; position: relative; background: url(../images/bg_container.jpg) repeat-y; }
#SON #LeftColumn {width: 387px; float: left; padding: 0 0 10px 23px;}
#SON #RightColumn {width: 160px; padding-right: 23px; float: right;}

#SON #Header {width: 565px; padding: 15px 30px 22px 15px; background: url(../images/bg_header.jpg) no-repeat;}
#SON #Header #ProgramLogo {float: left; width: 389px;}
#SON #Header #ProgramUnit {float: right; width: 160px;}

#SON #Navigation {float: left; width: 100%; padding: 0 0 10px; border-bottom: 1px dashed #000;}
#SON #Navigation ul {padding: 0; height: 25px; position: relative;}
#SON #Navigation li {margin: 0; height: 34px; list-style: none; position: absolute; text-indent: -9999; top: 0;}
#SON #Navigation li a {position:absolute; display: block; height: 34px; background: url(../images/navigation.gif) no-repeat; text-indent: -9999px;}
#SON #Navigation #Nav1 a{left: 0; width: 89px; background-position: 0 0;}
#SON #Navigation #Nav2 a{left: 92px; width: 90px; background-position: -92px 0;}
#SON #Navigation #Nav3 a{left: 185px; width: 109px; background-position: -185px 0;}
#SON #Navigation #Nav4 a{left: 298px; width: 88px; background-position: -298px 0;}
#SON #Navigation #Nav1 a:hover, #SON #Navigation #Nav1 a.current {left: 0; width: 89px; background-position: 0 -34px;}
#SON #Navigation #Nav2 a:hover, #SON #Navigation #Nav2 a.current {left: 92px; width: 90px; background-position: -92px -34px;}
#SON #Navigation #Nav3 a:hover, #SON #Navigation #Nav3 a.current {left: 185px; width: 109px; background-position: -185px -34px;}
#SON #Navigation #Nav4 a:hover, #SON #Navigation #Nav4 a.current {left: 298px; width: 88px; background-position: -298px -34px;}

/* Home Page Left Column */
#SON #NewestFeature {clear: both; padding: 0 0 10px 0; margin-bottom: 10px;}
#SON #NewestFeature .LeftImage { float: left; padding: 10px 10px 10px 0;}
#SON #NewestFeature .Wrapper {width: 176px; padding-right: 20px; float: left;}
#SON #NewestFeature .RSSFeed {float: right; margin: 1px 0 10px 0;}
#SON #NewestFeature h1, #SON #NewestFeature h1 a {clear: right; margin: 0 0 10px 0;}

#SON .Promo {margin-bottom: 10px;}
#SON .Promo .LeftImage {float: left; padding: 15px 10px;}
#SON .Promo .Wrapper {float: left; padding: 30px 25px 20px 0; width: 218px;}
#SON .Promo .Wrapper.Last {padding-bottom: 0;}

#SON #PromoGeekPro {background: url(../images/bg_promo_shadow.jpg) left bottom no-repeat;}
#SON #PromoGeekPro .GeekProWrapper {float: left; padding: 10px 25px 20px 0; width: 218px;}
#SON #PromoGeekPro h2 {margin: 10px 0; padding: 0;}
#SON #PromoGeekPro h2 a {color: #000; font-size: 14px; margin: 10px 0; padding: 0;}
#SON #PromoGeekPro h3 {background: url(../images/hdr_promo_brown.jpg) no-repeat;}

#SON #PromoRecentFeatures {width: 387px; padding-bottom: 15px; background: url(../images/bc_promo_wrapper.gif) left bottom no-repeat;}
#SON #PromoRecentFeatures .Container {position: relative; background: url(../images/bg_promo_wrapper.gif)  no-repeat;}
#SON #PromoRecentFeatures h3 {background: url(../images/hdr_promo_black.gif) no-repeat;}
#SON #PromoRecentFeatures .RSSFeed {position: absolute; top: 4px; left: 352px;}

#SON #PromoThreeWays {background: url(../images/bg_promo_blue.jpg) left bottom no-repeat;}
#SON #PromoThreeWays h1 a {color: #000;}
#SON #PromoThreeWays h3 {background: url(../images/hdr_promo_green.jpg) no-repeat;}
#SON #PromoThreeWays .Wrapper {width: 260px;}
#SON #PromoThreeWays a {color: #fff;}

#SON #PromoCantLiveWithoutMy {background: url(../images/bg_promo_shadow.jpg) left bottom no-repeat;}
#SON #PromoCantLiveWithoutMy .CantLiveWithoutMyWrapper {float: left; padding: 10px 25px 20px 0; width: 218px;}
#SON #PromoCantLiveWithoutMy h2 {margin: 10px 0; padding: 0;}
#SON #PromoCantLiveWithoutMy h2 a {color: #000; font-size: 14px; margin: 10px 0; padding: 0;}
#SON #PromoCantLiveWithoutMy h3 {background: url(../images/hdr_promo_blue.jpg) no-repeat;}

/* Secondary Page Left Columns */
#SON #ChannelPage {clear: both; padding-top: 10px;}
#SON #ChannelPage .Container {border-bottom: 1px dotted #000; padding-bottom: 10px; margin-bottom: 15px;}
#SON #ChannelPage .Wrapper {padding: 0;}
#SON #ChannelPage .LeftImage {padding: 0 10px 10px 10px;}
#SON #ChannelPage .ChannelHed {margin: 0 0 10px 0; padding: 0;}
#SON #ChannelPage .ChannelHed a {color: #fff; float: right; padding: 2px 10px; text-transform: uppercase;}
#SON #ChannelPage h2 {float: left;}
#SON #ChannelPage h2 span {text-transform: uppercase; color: #fff; padding: 0;}
#SON #ChannelPage .work {background: #739ea7;}
#SON #ChannelPage .live {background: #687aca;}
#SON #ChannelPage .innovate {background: #80a6c3;}
#SON #ChannelPage .ArchiveLink {float: right; font-weight: bold; color: #000; padding-right: 12px; margin-right: 25px; background: url(../images/bg_btn_more.gif) right no-repeat;}

#SON #FeaturePage {clear: both; padding-top: 10px;}
#SON #FeaturePage h1 {background: #a3b3be; color: #fff; font-size: 12px; padding: 2px 10px;}
#SON #FeaturePage h1 a {color: #fff; font-size: 12px; text-decoration: underline; margin: 0 2px;}
#SON #FeaturePage h1 span {color: #fff; font-size: 12px; text-transform: uppercase;}
#SON #FeaturePage h2 {color: #000; font-size: 14px; margin: 10px;}
#SON #FeaturePage li {margin: 20px;}
#SON #FeaturePage .LeftImage {float: left; padding: 0 10px 10px 0;}
#SON #FeaturePage .SONBio {border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 20px 0 20px; margin-bottom: 10px;}
#SON #FeaturePage .SONBio * { color: #777;}
#SON #FeaturePage .work {background: #739ea7;}
#SON #FeaturePage .live {background: #687aca;}
#SON #FeaturePage .innovate {background: #80a6c3;}
#SON #FeaturePage .MoreLink {clear: both; color: #000; margin-bottom: 10px;}

#SON #GeekProPage {clear: both; padding-top: 10px;}
#SON #GeekProPage h2 {background: #a94b18; padding: 2px 10px;margin: 0 0 10px; text-transform: uppercase;}
#SON #GeekProPage img {float: left; padding: 0 10px 10px 0;}
#SON #GeekProPage .MoreLink {clear: both; color: #000; margin-bottom: 10px;}

#SON #GeekProArchivePage {clear: both; padding-top: 10px;}
#SON #GeekProArchivePage h1 {margin: 0; padding: 10px 10px 0 0;}
#SON #GeekProArchivePage h2 {background: #a94b18; text-transform: uppercase;}
#SON #GeekProArchivePage h2 span {text-transform: lowercase; padding: 0;}
#SON #GeekProArchivePage h3 {font-size: 14px; color: #000; margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif;}
#SON #GeekProArchivePage p {display: inline;}
#SON #GeekProArchivePage a {font-weight: bold; display: inline; text-decoration: underline; float: right;}
#SON #GeekProArchivePage .Wrapper {padding: 10px;}
#SON #GeekProArchivePage .gray {background: #d9d9d9;}

#SON #CantLiveWithoutMyPage {clear: both; padding-top: 10px;}
#SON #CantLiveWithoutMyPage h2 {background: #1764A8; padding: 2px 10px;margin: 0 0 10px;}
#SON #CantLiveWithoutMyPage h3 {width: 220px; margin-left: 134px; color: #666; font-size: 12px; font-family: Arial,Helvetica,sans-serif;}
#SON #CantLiveWithoutMyPage h3 em {color: #333; font-size: 12px; font-family: Arial,Helvetica,sans-serif;}
#SON #CantLiveWithoutMyPage img {float: left; padding: 0 10px 10px 0;}
#SON #CantLiveWithoutMyPage .MoreLink {clear: both; color: #000; margin-bottom: 10px;}

#SON #CantLiveWithoutMyArchivePage {clear: both; padding-top: 10px;}
#SON #CantLiveWithoutMyArchivePage h1 {margin: 0; padding: 10px 10px 0 0;}
#SON #CantLiveWithoutMyArchivePage h2 {background: #1764A8; text-transform: uppercase;}
#SON #CantLiveWithoutMyArchivePage h2 span {text-transform: lowercase; padding: 0;}
#SON #CantLiveWithoutMyArchivePage h3 {font-size: 14px; color: #000; margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif;}
#SON #CantLiveWithoutMyArchivePage p {display: inline;}
#SON #CantLiveWithoutMyArchivePage a {font-weight: bold; display: inline; text-decoration: underline; float: right;}
#SON #CantLiveWithoutMyArchivePage .Wrapper {padding: 10px;}
#SON #CantLiveWithoutMyArchivePage .gray {background: #d9d9d9;}

#SON #BlogPage {clear: both; padding-top: 10px; background: url(../images/hdr_blog.jpg) 0 38px no-repeat;}
#SON #BlogPage p {color: #4c4c4c;}
#SON #BlogPage h2 {background: #a3b3be; padding: 2px 10px; margin: 0 0 130px; text-transform: uppercase;}
#SON #BlogPage h2 span {text-transform: lowercase; padding: 0;}
#SON #BlogPage h3 {font-size: 14px; color: #0d1435; font-family: Arial,Helvetica,sans-serif; margin: 0; padding: 0;}
#SON #BlogPage h4 {font-weight: normal; margin: 10px 0; color: #4c4c4c;}
#SON #BlogPage a:hover {text-decoration: underline;}
#SON #BlogPage span {font-weight: bold;}
#SON #BlogPage .BlogWrapper {display: block; padding: 10px; margin: 20px 0; background: #C9D2D9 url(../images/bg_blogsegment.jpg) repeat-x;}
#SON #BlogPage .BlogImage img {float: right; border: 1px solid #667d8d; margin: 0 0 0 10px;}
#SON #BlogPage .BlogTop {margin: 30px 0;}

#SON #ThreeWaysPage {clear: both; padding-top: 10px;}
#SON #ThreeWaysPage img {float: left; padding-right: 20px;}
#SON #ThreeWaysPage .Wrapper {margin-bottom: 10px;}
#SON #ThreeWaysPage .Wrapper p {font-weight: bold;}
#SON #ThreeWaysPage .Container {margin-bottom: 15px; background: #a3b3be; padding: 15px 25px 40px;}
#SON #ThreeWaysPage h2 {background: #a5cc1e; text-transform: uppercase;}
#SON #ThreeWaysPage .AuthorBio {border-top: 1px solid #8d8d93; border-bottom: 1px solid #8d8d93; padding: 20px 15px 10px;}
#SON #ThreeWaysPage .AuthorBio * {color: #77777a;}
#SON #ThreeWaysPage .MoreLink {clear: both; color: #000;}

#SON #ThreeWaysArchivePage {clear: both; padding-top: 10px;}
#SON #ThreeWaysArchivePage h1 {margin: 0; padding: 10px 10px 0 0;}
#SON #ThreeWaysArchivePage h2 {background: #a5cc1e; text-transform: uppercase;}
#SON #ThreeWaysArchivePage h2 span {text-transform: lowercase; padding: 0;}
#SON #ThreeWaysArchivePage h3 {padding: 0;}
#SON #ThreeWaysArchivePage h3 a {float: none; font-size: 14px; color: #000; margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; text-decoration: none;}
#SON #ThreeWaysArchivePage p {display: inline;}
#SON #ThreeWaysArchivePage a {font-weight: bold; display: inline; text-decoration: underline; float: right;}
#SON #ThreeWaysArchivePage .Wrapper {padding: 10px;}
#SON #ThreeWaysArchivePage .gray {background: #d9d9d9;}

#SON #SoundByteArchivePage {clear: both; padding-top: 10px;}
#SON #SoundByteArchivePage h2 {background: #386e89; text-transform: uppercase;}
#SON #SoundByteArchivePage p {margin: 0; display: inline;}
#SON #SoundByteArchivePage .first p {margin: 0 2px;}
#SON #SoundByteArchivePage .Byline {display: block; text-align: right; margin: 10px 0; font-weight: bold;}
#SON #SoundByteArchivePage .quote {font-size: 60px;}
#SON #SoundByteArchivePage em {font-style: normal;}
#SON #SoundByteArchivePage .Wrapper {padding: 20px 10px;}
#SON #SoundByteArchivePage .first {background: #a3b3be; padding: 30px 10px;}
#SON #SoundByteArchivePage .blue {background: #d7e3ea;}

#SON #PollPage {clear: both; padding-top: 10px;}
#SON #PollPage h1 {background: #C6BB43; font-size: 12px; color: #fff; margin: 0; padding: 2px 10px;}
#SON #PollPage h2 {color: #000; margin: 10px 0; padding: 0;} 
#SON #PollPage .SONPollResultsTextCell {padding: 0 5px 0 0; margin: 0; text-align: right; color: #000; font-weight: bold;}
#SON #PollPage .SONPollResultsBar {background: #0677c0; height: 16px;}
#SON #PollPage .SONPollResultsTable .SONPollResultsBarCell .SONPollResultsTable {width: auto; background: none;}
#SON #PollPage .SONPollResultsTable .SONPollResultsBarCell .SONPollResultsTable td {padding-bottom: 5px;}
#SON #PollPage .SONPollResultsValueCell { font-size: 12px; font-weight: bold; color: #000; padding-left: 5px;}
#SON #PollPage h4.Poll {font-size: 14px; text-transform: uppercase; color: #fff; position: relative; line-height: 175%; margin: 10px 0;}
#SON #PollPage h4.Poll span {font-size: 14px; text-transform: uppercase; color: #fff; position: relative; line-height: 175%; background:#5FBD07; padding:4px;}

/* Right Column & Side Boxes */
#SON #RightColumn .SideBox {width: 160px; margin-bottom: 10px;}
#SON #RightColumn .MoreLink {float: none; color: #000;}
#SON #RightColumn li {list-style: none;}
#SON #RightColumn ul {padding: 0;}

#SON #SearchBox * {vertical-align: top;}
#SON #SearchField {height: 19px; width: 118px; padding: 5px 5px 0 10px; background: url(../images/bg_searchfield.gif) no-repeat;}
#SON #SearchSubmit {text-indent: -9999px; width: 23px; height: 24px; position: relative; right: 3px; background: url(../images/btn_search.gif) no-repeat;}

#SON #SBBlog {position: relative; background: #707076 url(../images/hdr_sb_blog.jpg) no-repeat; padding: 130px 0 10px;}
#SON #SBBlog h2 a {color: #c8dfef; font-size: 14px; padding: 0 10px 10px 0;}
#SON #SBBlog .RSSFeed {position: absolute; top: 2px; left: 140px;}
#SON #SBBlog p {color: #fff; padding: 0 10px;}
#SON #SBBlog .MoreLink {color: #c8dfef; margin-left: 50px;}

#SON #SBAboutBlog {background: #c8dfef;}
#SON #SBAboutBlog h4 {text-align: center; background: #667d8d; padding: 5px; color: #fff;}
#SON #SBAboutBlog p {padding: 10px; margin: 0; color: #4c4c4c;}

#SON #SBBlogNav {background: url(../images/blognav_head.gif) no-repeat; padding: 20px 0 0 0;}
#SON #SBBlogNav li {background: #a3b3be url(../images/blognav_arrow.gif) no-repeat 4px 50%; border-top: 5px solid #fff; margin: 0; padding: 0; display: block;}
* html #SON #SBBlogNav a {margin: 0; padding: 5px 15px; display: inline-block;}
#SON #SBBlogNav a {color: #171f3e; font-family: Tahoma; font-weight: bold; text-transform: uppercase; display: block; padding: 5px 15px; margin: 0;}
#SON #SBBlogNav a.Active {color: #a3b3be; background: #171f3e url(../images/blognav_arrow.gif) no-repeat 4px 50%;}
#SON #SBBlogNav a:hover {color: #fff;}

#SON #SBSponsorBox h3 {text-align: center; background: #4a5050; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding: 2px;}
#SON #SBSponsorBox .SponsorWrap {border: 1px solid #ffd52d; text-align: center;}
#SON #SBSponsorBox .SponsorWrap h2 {background: #ffd52d; margin-bottom: 10px; text-align: left;}
#SON #SBSponsorBox .SponsorWrap h2 a {color: #c41200; padding: 0;}
#SON #SBSponsorBox .SponsorWrap p {text-align: left; padding: 0 10px; margin: 10px 0;}

#SON #SBAudio {background: #a3b3be url(../images/hdr_sb_audiocast.gif) no-repeat; padding: 30px 0 10px 0;}
#SON #SBAudio p {color: #000; padding: 0 10px;}
#SON #SBAudio .MoreLink {margin-left: 28px;}

#SON #SBPoll {background: #a3b3be url(../images/hdr_sb_poll.gif) no-repeat; padding: 30px 0 10px 0;}
#SON #SBPoll h3 {font-size: 12px; padding: 0 10px; font-family: Arial,Helvetica,sans-serif; color: #000;}
#SON #SBPoll p {color: #000; padding: 0 10px;}
#SON #SBPoll li {padding: 0 10px;}
#SON #SBPoll input {margin-right: 4px;}
#SON #SBPoll .Button {float: right; margin-right: 10px; border: 1px solid #666;}

#SON #RightColumn iframe {overflow-x: hidden; overflow-y: hidden; height: 500px; position: relative; z-index: 1000; background: transparent;}
#SON #RightColumn #ThreatMeterWrap {height: 350px; margin-bottom: 10px;}
* html #SON #RightColumn #ThreatMeterWrap {overflow: hidden; height: 350px; width: 166px;}

#SON #SBSoundByte {background: #a3b3be url(../images/hdr_sb_sound.gif) no-repeat; padding: 30px 0 10px 0;}
#SON #SBSoundByte p {color: #000; padding: 0 10px;}
#SON #SBSoundByte .Wrapper {text-align: right;}
#SON #SBSoundByte .Wrapper * {margin: 0 0 5px; color: #000;}
#SON #SBSoundByte .MoreLink {margin-left: 28px; margin: 0 10px 0 0;}

#SON #SBAllSponsorTools .Wrapper {border: solid 1px #999;}
#SON #SBAllSponsorTools h2 {background: #4a5050; margin-bottom: 5px;}
#SON #SBAllSponsorTools a {display: block; padding: 5px; font-weight: bold; color: #c41200;}
#SON #SBAllSponsorTools p {padding: 5px;}
#SON #SBAllSponsorTools .gray {background: #ffd52d;}
#SON #SBAllSponsorTools .yellow {background: #ffd52d;}

#SON #SBRecentFeatures h2 {background: #a94b18;}
#SON #SBRecentFeatures h4 {background: #404040; color: #fff; padding: 4px; text-align: center;}
#SON #SBRecentFeatures .Wrapper {padding: 20px 10px; background: #80a6c3;}
#SON #SBRecentFeatures li a {color: #fff; text-decoration: underline; font-weight: bold;}
#SON #SBRecentFeatures .MoreLink {padding-left: 30px;}

#SON #Footer {clear: both; width: 600px; height: 36px; padding-top: 10px; background: url(../images/bg_footer.jpg) bottom left no-repeat;}
#SON #Footer ul { padding-left: 160px;}
#SON #Footer li {list-style: none; float: left; padding: 5px 10px 0; color: #fff;}
#SON #Footer a {text-transform: uppercase; text-decoration: none; font-weight: bold; color: #fff;}
#SON #Footer a:hover, #SON #Footer a.Current {color: #000;}

/* Search Results */
#SON .SearchResults ul {list-style: none;}
#SON .SearchResults h4 {margin-bottom: 0;}
#SON .SearchResults h4 a {font-size: 12px; color: #F27F1A;}
#SON .SearchResults .HorizList {margin-bottom: 15px; width: 100%;}
#SON .SearchResults .HorizList li {float: left; padding: 0 3px; border-right: 1px solid #ccc;}
#SON .SearchResults .HorizList .Next {border: none;}
#SON .SearchResults .HorizList li.Current, #SON .SONSearch .SONSearchLink {font-weight: bold;}
#SON .SearchResults .HorizList li.Current {font-weight: bold;}
* HTML #SON .NoBullet * {margin-left: 0;}

#SON .GoogleAds { padding-left: 23px; }
#SON .GoogleAds * { overflow: hidden; }

#SON #GoogleAdsRight { height: 600px; }
#SON #GoogleAdsRight iframe { height: 600px; }

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}