/* talkback style sheet import */ @import url('http://i.i.com.com/cnwk.1d/css/ssa/tbr/frm.css'); @import url('http://i.i.com.com/cnwk.1d/css/ssa/tbr/webware.css'); /* webware.css */ * {margin: 0; padding: 0;} html {font-size: small;} body {font-family: Arial, Helvetica, sans-serif; padding-bottom: 50px;} p {font-size: 1.0em; color: #333333; margin-bottom: 15px;} small {font-size: 0.8em;} img a {border: none;} a, a:link {color: #a83976; text-decoration: none;} a:hover {text-decoration: underline;} a:active {color: #bd42ac; text-decoration: none;} a:visited {color: #a83976;} .right {float: right;} .left {float: left;} blockquote {font-style: oblique; padding: 0 45px 0 25px; margin: 10px 0 10px 0; color: #333333;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~LAYOUT STYLES ~~~~~~~~~ */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #container {margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 990px; border-left: 2px solid #1a767a; border-right: 2px solid #1a767a; background-color: #5b8873;} body {background-color: #dce3c9;} #header {position: relative; width: 973px; height: 124px; margin: 0 auto 10px; padding: 0px; background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/webware_hed.jpg') no-repeat top left;} #about {background:#bad962 url('http://i.i.com.com/cnwk.1d/i/ww/blogs/about_bg.jpg') repeat-y top left; margin: 0 0 10px 0; width: 661px;} #about_top {background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/about_top.jpg') no-repeat top left; height: 8px;} #about_bot {background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/about_bot.jpg') no-repeat bottom left; height: 12px;} #content {margin: 0px; padding: 0px; border: 0; background-color: #5b8873;} #mainColumn {margin: 0px; padding: 0 0 0 10px; width: 670px; float: left;} #sidebar {width: 310px; margin: 0 0 0 0; padding: 0px; float: right;} .separator {clear: both; height: 0;} #footer {clear: both;} /* --------------------------------------- */ /* ----------- HEADER STYLES ------------- */ /* --------------------------------------- */ #logo {display: none;} #redball h2 {display: block; font: .9em Arial, sans-serif; font-weight: bold; color: #fff; position: relative; top: 90px; left: 50px;} #searchform {width: 230px; position: absolute; top: 90px; right: 0;} #webware {width: 200px; height: 95px; position: absolute; top: 10px; left: 58px;} #header a img {border: 0px;} #cnet {width: 35px; height: 29px; position: absolute; top: 17px; right: 17px;} /* ----------- NAVIGATION STYLES START ------------- */ #navigation {width: 380px; position: absolute; top: 86px; left: 300px;} #navigation ul {list-style-type: none; display: inline;} #navigation li {font: 1.0em Arial, sans-serif; float: left; width: 92px; height: 28px; text-align: center; line-height: 2em;} #navigation li.first {border-right: 1px solid #273d4b;} #navigation li.last {border-left: 1px solid #3e5e73;} #navigation li.middle {border-right: 1px solid #273d4b; border-left: 1px solid #3e5e73;} #navigation #navOn a {color: #d0ec84; font-weight: bold;} #navigation a {color: #ffffff; text-decoration: none;} #navigation a:hover {text-decoration: underline;} #navigation a:active {color: #d0ec84; text-decoration: underline;} /* ----------- NAVIGATION STYLES END ------------- */ /* --------------------------------------- */ /* -------- MAIN COLUMN STYLES ----------- */ /* --------------------------------------- */ #about h3 {padding: 0 10px 0 10px; font-size: 1.3em; color: #1b4a4c;} #about a {text-transform: uppercase; color: #ffffff; font-weight: bold; font-size: 1.1em; text-decoration: none; padding-left: 10px;} #about a:hover {text-decoration: underline;} /* -------- POST STYLES START --------- */ .post {width: 661px; margin-bottom: 10px;} .postHeader {background:#fff url('http://i.i.com.com/cnwk.1d/i/ww/blogs/post_top.gif') no-repeat top left; padding: 20px 0 0 10px;} .entry {background:url('http://i.i.com.com/cnwk.1d/i/ww/blogs/post_bg.gif') repeat-y top left; padding: 20px 20px 15px 10px;*padding:20px 10px 15px 10px;} .storyType {color: #2db6c0; text-transform: uppercase; font-size: 1.0em; font-weight: bold;} #mainColumn h2 {font-size: 1.5em; text-transform: none; font-weight: bold;margin:3px 0;} #mainColumn h2 a, h2 a:visited {color: #a83976; text-transform: none; text-decoration: none; font-weight: bold;} #mainColumn h2 a:hover {text-decoration: underline;} #mainColumn ul {margin: 0px 0px 10px 0px; padding: 0px; list-style: square; list-style-position: inside; color: #333333;} .byline {font-size: .9em; color: #333333;} .author {font-weight: bold;} .timeStamp {color: #999999;} #mainColumn img {border: 1px solid #75923c;} .entryImages {background-color: #e2f6b7; width: 212px; padding: 5px 0 5px 0; margin: 0px 15px 15px 0px; text-align: center;float: left;} #mainColumn .entryImages hr {border-top: 1px solid #75923c; border-bottom: 0px; border-left: 0px; border-right: 0px; background: none; width: 95%; margin-bottom: 10px;} #mainColumn .entryImages small a{color: #1b4a4c; font-size: 0.925em;} .imgBreak {width: 180px; text-align: left; margin: 7px 5px 10px 5px; background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/magnify.jpg') no-repeat top right; padding-right: 20px;} #mainColumn .post ul {margin-bottom: 10px; list-style-type: disc;} iframe.cnet-video {margin:0 20px;} .readMore {font-weight: bold; background: url('http://i.i.com.com/cnwk.1d/i/ww/arrow_readmore.gif') no-repeat top left; width:91px; height:21px; margin: 2px 0; padding: 2px 10px;clear:both;} /* ----- POSTMETADATA START ----- */ .postmetadata {font-size: 0.85em; background: #daecee url('http://i.i.com.com/cnwk.1d/i/ww/blogs/post_bot.gif') no-repeat bottom left; width: 641px; padding: 5px 10px 10px 10px;} #mainColumn .utilityLinks a { background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/arrow.gif') no-repeat center left; padding-left: 7px; line-height: 2em; margin-left: 10px; visibility: hidden; /*remove when ready for primetime*/ display: block; /*safari fix--remove when ready for primetime*/ height: 2em; } #mainColumn .postmetadata a:hover {text-decoration: underline;} #mainColumn .postmetadata a:visited {text-decoration: none;} .postmetadata ul {list-style-type: none;} .cat {text-transform: uppercase; font-size: 0.9em; color: #1b4a4c; margin-right: 5px;} .tags {text-transform: uppercase; font-size: 0.9em; color: #1b4a4c; margin: 0 5px 0 15px;} .add {text-transform: uppercase; font-size: 0.9em; color: #1b4a4c; margin: 0 5px 0 0; float: left; line-height: 2.5em;} /* .postLeft {width: 50%; float: left; padding: 0 0 0 10px;} .postRight {width: 45%; float: left;} */ .blogosphere ul {float: left;} .blogosphere li {float: left; list-style-type: none; clear: right; margin-top: 4px; padding-top: 0px; font-size: 0.9em;} #mainColumn .blogosphere li a {display: block; color: #1b4a4c; text-decoration: none; text-transform: uppercase; font-size: 0.9em; line-height: 17px;} #mainColumn .blogosphere li a:hover {text-decoration: underline;} li.diggit {width: 83px; height: 17px; background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/diggit.jpg') no-repeat top left; font-size: 0.9em; text-align: center; margin-right: 7px; line-height: 17px;} li.delicious {width: 82px; height: 17px; background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/delicious.jpg') no-repeat top left; font-size: 0.9em; text-align: center; margin-right: 7px; padding-left: 5px; line-height: 17px;} /* ----- POSTMETADATA END ----- */ /* -------- POST STYLES END --------- */ /* --------------------------------------- */ /* -------- SIDEBAR STYLES --------------- */ /* --------------------------------------- */ .mpu {width: 300px; margin-bottom: 10px;} #subscribe {width: 260px; height: 31px; background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/rss.jpg') no-repeat top left; padding-left: 40px; margin-bottom: 0px;} #subscribe a {font-weight: bold; color: #ffffff; display: block; line-height: 2.3em;} ul#feeds {width:300px;} ul#feeds li a {color: #ffffff;} ul#feeds li a:hover {color: #a83976;} #sidebar h2 {font-size: 1.0em; line-height: 2.3em; text-transform: uppercase; color: #1b4a4c; width: 285px; height: 32px; margin: 0; padding: 0 0 0 15px;} #sidebar ul {margin: 0; padding: 0; list-style-type: none;} #sidebar li {font-size: 0.85em; border-bottom: 1px solid #c0e45e; line-height: 2.1em; margin: 0; padding: 0;} #sidebar li a {color: #304450; padding-left: 15px;} #sidebar li.last {border: 0px;} #categories {background-color: #e2f6b7; border: 1px solid #75923c; width: 299px; margin: 10px 0;} #categories h2 {background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/categories.jpg') no-repeat top left;} #categories ul {border-bottom: 1px solid #c0e45e; clear:both;} #categories li {font-size: 0.85em; display:inline; float:left; line-height: 1.2em; padding:5px 0 5px 15px; border: 0 !important;} #categories li a {padding-left: 0;} #categories .catleft {width:133px;} #categories .catright {width:134px;} #categories .separator {line-height:0; font-size:0;} #betaList {clear: both; background-color: #e2f6b7; border: 1px solid #75923c; width: 299px; margin-bottom: 10px;} #betaList h2 {background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/beta.jpg') no-repeat top left;} #topPosts {background-color: #e2f6b7; border: 1px solid #75923c; width: 299px; margin-bottom: 10px;} #topPosts h2 {background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/top_posts.jpg') no-repeat top left;} /* --------------------------------------- */ /* --------- FOOTER STYLES --------------- */ /* --------------------------------------- */ #footer {margin: 25px 0 0 0; padding: 0px 10px 0 20px; color: #ffffff; background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/footer_bg.jpg') repeat-x top left; height: 40px;} #footLeft { float: left; width: 45%; margin-top: 10px; /*height: 40px; line-height: 3em;*/ } #footRight { float: right; clear: right; width: 45%; text-align: right; margin-top: 8px; /* height: 40px; line-height: 3em;*/ } #footer select {margin-top: 0px;} #footer a {color: #ffffff; text-decoration: none;} #footer a:hover {text-decoration: underline;} #footer a:active {color: #e6e6e6;} #footer a:visited {color: #ffffff; text-decoration: none;} #legal {width: 975px; margin: 0 auto; padding-left: 15px;} #legal a {color: #000000;} #legal a:hover {text-decoration: underline;} #legal a:active {color: #ffffff;} #legal a:visited {color: #000000;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~COMMENT STYLES ~~~~~~~~~~~ */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #commentBox {width: 661px; background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/post_bg.jpg') repeat-y top left; margin: 0; padding: 0;} #commentBox small {font-size: 0.85em; color: #333333;} #commentBox p {font-size: 1.0em;} .member {margin: 10px 10px 0 10px; border-bottom: 1px dotted #2db6c0; padding: 0px 35px 0px 35px; width: 570px;} .comment {margin: 10px 0 0 0;} #postComment {margin: 10px 10px 0 10px; padding: 0px 35px 10px 35px; width: 570px;} #postComment p {padding: 0; margin: 0;} #postComment button {background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/diggit.jpg') no-repeat top left; border: none; color: #1b4a4c; text-decoration: none; text-transform: uppercase; line-height: 1em; text-align: center; font: 0.75em Arial, Helvetica, sans-serif; width: 84px; height: 17px; float: left;} #notMember {margin: 10px 0 0 0; width: 50%; float: left; padding: 0px 15px 0px 0px;} #signIn {margin: 10px 0 0 0; padding: 0px 15px 0px 15px; width: 40%; float: left; border-left: 1px solid #2db6c0;} #signIn input {width: 175px; margin-bottom: 10px;} #signIn small {text-transform: uppercase; font-size: 0.8em; color: #2e7f82;} #signIn p {margin-bottom: 10px;} #commentBox .time {color: #999999;} #commentBox h3 {font-size: 1.2em; text-transform: uppercase; color: #2db6c0;} .commentTop {padding: 20px 0 0 10px; background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/post_top.jpg') no-repeat top left;} .commentBot {clear: both; height: 31px; margin-bottom: 10px; background: url('http://i.i.com.com/cnwk.1d/i/ww/blogs/com_box_bot.jpg') no-repeat bottom left;} p.pagination {margin: 20px; overflow: auto; color: #FFF;} p.pagination a {margin: 0 20px 20px 0; font-weight: bold; font-size: 1.2em; display: block; float: left; color: #e2f6b7;} .cnet-image-div {background-color: #e2f6b7; padding: 5px; margin-bottom: 15px; color: #1b4a4c; font-size: 0.925em;} .float-left {float:left; margin-right: 15px;*margin-right:8px;} .float-right {float:right; margin-left: 15px;*margin-left:8px;} .cnet-image {} .image-credit {display: block; margin:10px 0 5px; color: #1b4a4c; font-size: 0.925em;} /* clearfix */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ .tblink {padding-bottom:0; margin-bottom:0;} .bidwar {width:660px; border:1px solid #92dfe5;} /* for webware 100 winmners */ #mainColumn img.winner {border-width: 0; border-color: #FFF; border-style: solid; margin:5px;} #mainColumn img.ww100screen {border-width: 0; border-color: #FFF; border-style: solid; margin:0 0 0 20px;} /* webware blognetwork css */ .author_info {color:#2a2a2a; font:0.7em verdana; margin:2px 0 0 0;} .author_info .datestamp a, .author_info .byline a {color:#a83976;} .author_info .byline span.left {float:none; font-size:1.1em; padding:0 6px 0 0;} .author_info .byline .left a {background:none; color:#3b6285; padding:0; margin:0;} .author_info .datestamp {font-family:verdana; padding:1px 0 0 34px;} .author_info .datestamp span.left {border-right:1px solid #333; margin:0 5px 0 0; padding:0 7px 0 0;} .author_info .postCommentSm {display:inline;} .author_info .postCommentSm a {background:url(http://i.i.com.com/cnwk.1d/i/bn/icon/comm.gif) 3px 2px no-repeat; padding:0 0 4px 22px;} #mainColumn .author_info .headSm {border:0; float:left; margin:3px 8px 0 2px;} .blnw_bio {background:url(http://i.i.com.com/cnwk.1d/i/bn/obl/webw_wh_bio1.gif) no-repeat; font:0.85em verdana,sans-serif; line-height:1.3em; margin:14px 0; padding:2px 0 0 0;} .blnw_bioWrap {background:url(http://i.i.com.com/cnwk.1d/i/bn/obl/webw_wh_bio2.gif) left bottom no-repeat; padding:6px 10px 2px 10px;} .bwp_std_call {height:316px;} /* cross fade blog on facebook*/ .facebook-only {display: none;} /* top stories */ #storiesContainer{width:661px;background:url(http://i.i.com.com/cnwk.1d/i/ww/top-stories-bar.jpg) no-repeat top left;} #storiesContainer h2#storiesHed{text-transform:uppercase;font-size:13px;font-weight:bold;padding:10px 0 7px 10px;margin:0;color:#19494B;line-height:14px;} #storiesContainer #topStoriesShell{clear:both;display:block;width:657px;border-left:1px solid #a4ce50;} #storiesContainer .blog_item { float:left; list-style-type:none; color:#999; display:inline; text-align:left; width:163px; height:65px; background:#e2f6b7; border-bottom:1px solid #a4ce50; border-top:1px solid #a4ce50; border-right:1px solid #a4ce50; } #storiesContainer .last{border-right:none;} #storiesContainer .blog_item h3 a, #storiesContainer .blog_item h3 a:visited{ display:block; clear:both; padding:10px 10px 0px 10px; text-decoration:none; line-height:14px; font-size:11px; font-weight:bold; } #storiesContainer .blog_item h3 a:hover, #storiesContainer .blog_item h3 a:active{ text-decoration:underline; } /* /top stories */ /* vote ticker */ #tickerContainer{ width:655px; height:25px; background:#e2f6b7; border-left:1px solid #a4ce50; border-right:1px solid #a4ce50; border-bottom:1px solid #a4ce50; text-align:center; position:relative; display:none; } a.votenow{position:absolute;top:5px;right:150px;font-weight:bold;color:#a83976;text-decoration: underline;} a.votenow:hover, a.votenow:active, a.votenow:visited{text-decoration: underline;color:#a83976;} /* /vote ticker */ /*Post comment relocated */ p.tblink{float:right;display:inline;} p.tblink a{display:block;clear:both;padding:0 12px 0 0;margin:0 25px 0 0; background:url(http://i.i.com.com/cnwk.1d/i/ww/arrow_comment.gif) no-repeat right 5px;} .byline{float:left;display:inline;} div.entry{display:block;clear:both;} /* end of Post comment */ /* webware 100 winners styles */ .winners_list {margin:0;padding:0;} .winners_list li {padding-left: 0;margin-left: 18px;*margin-left: 0px;} #mainColumn img.winnerbadge2008 { float: left; border: 0; } #mainColumn img.winner2008 { float: left; border-color: white; border-width: 0; border-style: none; }