/* ----------------------------------------------- Blog Styles Author: OpenCreate Version: 17/07/09 ----------------------------------------------- */ /* Header ----------------------------------------------- */ #menu ul { width: 780px; float: left; } /* Blogs-Main Content ----------------------------------------------- */ .dualBox .orangeHead {padding: 0; } .dualBox .orangeHead ul {float: left; padding: 0;} .dualBox .orangeHead li { background: url(../images/item_orange.gif) no-repeat left 12px; } .dualBox .orangeHead li:hover { background-color: transparent;} .dualBox .orangeHead .left { width: 213px; text-indent: 10px; } .dualBox .orangeHead .right {width: 105px;} .dualBox .orangeHead .number { width: 36px; background: none; } .dualBox .orangeHead .right a { font-size: 10px; color: #a4a4a4; text-decoration: none; } .dualBox .orangeHead .right a:hover {color: #dadada; } .dualBox .orangeHead .number a { background: url(../images/ico_com.gif) no-repeat left 55%; padding: 12px 0 12px 18px; } .dualBox .orangeHead .tone { width: 65px; text-align: right; } .dualBox .orangeHead .tone a { background: url(../images/ico_timer.gif) no-repeat left 50%; padding: 12px 0 12px 15px; } div.dualBox div.dualRight.orangeHead, div.dualBox div.dualLeft.orangeHead { background: url(../images/orange_example.gif) no-repeat left top;} div.dualBox div.dualRight.orangeHead div.example_head, div.dualBox div.dualLeft.orangeHead div.example_head { background: #e8b044; } .blueHead .blogItem h3 {display: inline;} .blueHead .blogItem .number a {font-size: 10px; margin-left: 5px; color: #a4a4a4; text-decoration: none; background: url(../images/ico_com.gif) no-repeat left 55%; padding: 12px 0 12px 18px; } .blueHead .blogItem .number a:hover {color: #dadada; } #sidebarBlogPost div.textBox .blogTags {background:#f9f9f9; padding: 5px 2px 5px 10px;} #sidebarBlogPost div.textBox .blogTags li { display: inline; margin-right: 5px;} #sidebarBlogPost div.textBox .blogTags li a { color: #ccc; white-space: nowrap; text-decoration: none;} #sidebarBlogPost div.textBox .blogTags li a:hover {color: #999; } a.size10 {font-size: 9px;} a.size11 {font-size: 10px;} a.size12 {font-size: 11px;} a.size13 {font-size: 12px;} a.size14 {font-size: 13px;} a.size15 {font-size: 14px;} a.size16 {font-size: 15px;} a.size17 {font-size: 16px;} a.size18 {font-size: 17px;} a.size19 {font-size: 18px;} a.size20 {font-size: 19px;} a.size21 {font-size: 19px;} a.size22 {font-size: 20px;} a.size23 {font-size: 20px;} a.size24 {font-size: 21px;} a.size25 {font-size: 21px;} a.size26 {font-size: 22px;} /* Top Bloggers ----------------------------------------------- */ div.dualBox div.topBloggers { float: left; width:320px;} div.dualBox div.topBloggers.orangeHead { background: url(../images/orange_example.gif) no-repeat left top;} div.dualBox div.topBloggers.orangeHead div.example_head { background: #e8b044; } div.dualBox div.topBloggers li { line-height: 50px; border-bottom: 1px solid #f3f8fc; margin: 0; overflow: hidden; width: 64px; float: left; } /* Content ----------------------------------------------- */ .tweetButton-1{ float:right; padding:5px 0 10px 10px;} #blogBackground {background: #fff;} div.textBox.content {margin:30px 0 20px 0; background-image: none;} div.textBox.content h1, #text div.textBox.content h2, #text div.textBox.content h3 { color: #203f55; font-weight: bold; margin: 30px 0 3px 0; } div.textBox.content h1 a {color: #203f55; font-weight: bold; text-decoration: none;} div.textBox.content h1 a:hover {color: #203f55;} div.textBox.content p { clear: both; margin: 0 0 15px 0; font-size: 14px; color: #51738b;} div.textBox.content span.blogFoto { float: left; margin: 0 15px 15px 0; height: 100%; overflow: hidden; padding:2px; border:1px solid #e3e3e3;} div.textBox.content span.blogFoto img { display: block;} div.textBox.content p.published {clear:none; color: #8fbc3a; margin: 0; line-height: 10px; font-size:12px;} div.textBox.content p.category {clear:none; color: #3b83b3; margin: 10px 0 0 0; line-height: 10px; font-size:12px;} div.textBox.content p.category a{color: #3b83b3; text-decoration:none;} div.textBox.content p.category a:hover{text-decoration:underline;} div.textBox.content div.blogViews {clear:none; float:left; height:14px; margin: 6px 6px 0 0; background:url(../images/icon-stats.png) no-repeat left; padding:3px 0px 0 23px; font-size:11px; color: #96989b; } div.textBox.content div.blograte {clear:none; margin: 10px 0 0 0; float: left; color: #96989b;} div.textBox.content div.blograte span {color: #96989b; font-size: 12px; margin: 0 0 0 3px;} div.textBox.content div.blograte .number {font-size: 11px;} div.textBox.content div.blograte p {clear: none; display: inline; float: left; line-height: 15px; margin-right: 10px; margin-top: 0px; font-size:12px; color: #96989b;} div.textBox.content div.blograte .blogStars {float: left;} div.textBox.content div.editPost {clear:none; margin:0; float: left; width:250px;} .blogContent{ clear:both; margin:10px 0 0 0; font-size:105%;} .blogContent p{ line-height:24px;} div.content blockquote { background: url(../images/blog_quote_left.gif) no-repeat left top; margin: 25px 0; } div.content blockquote div { background: url(../images/blog_quote_right.gif) no-repeat right bottom; padding: 0 35px;} div.content blockquote div p { margin: 0 0 10px 0;} div.content blockquote div div { background: #f3f8fc; padding: 15px;} #content .textBox.content h1 { font-size: 20px; margin-top: 0;} .textBox.content h2 {font-size: 16px; margin: 25px 0 0 0;} .textBox.content h3 {font-size: 14px; margin: 25px 0 0 0; font-weight: bold;} .textBox.content ul {margin: 15px 0 20px 45px; font-size: 14px; color: #51738b; list-style:square;} #advertise { border: 1px solid #dae4eb; padding: 10px; background-image: none; height: 100%; margin: 20px 0 30px 0; overflow: hidden; } #advertise h3 { font-weight: bold; font-size: 14px; color: #e8b044; margin: 0;} #advertise p {margin: 0; font-size: 12px; line-height:16px;} #advertise .left { float: left; width: 175px; } #advertise a { display: block; text-decoration: none;} #advertise a:hover { text-decoration: underline;} #advertise img { float: right; width: 468px;} #writersBlock { border-top:1px dotted #91B4CE; border-bottom:1px dotted #91B4CE; padding: 0px 0 0 0; overflow: hidden; height: 100%; margin-top: 20px;} #writersBlock .leftwriter { float: left; width: 305px; margin-bottom: -1000px; padding: 0 10px 1030px 10px; background: #f3f8fc;} #writersBlock .rightwriter {float: right; width: 335px; padding-bottom: 30px; } #writersBlock h3 {color: #2c5d81; font-weight: bold; font-size: 15px; line-height: 45px;} #writersBlock .leftwriter .writersIcons { float: right; } #writersBlock .leftwriter .writersIcons li { float: left; margin-left: 7px;} #writersBlock .leftwriter .writersIcons li img { display: block;} #writersBlock .leftwriter .avek { width: 150px; float: left; } #writersBlock .leftwriter .avek .username { clear: none; padding: 0;} #writersBlock .leftwriter .avek .username a {text-decoration: none;} #writersBlock .leftwriter p {clear: both; padding: 15px 0;} #writersBlock .leftwriter a.sample { height: 20px; display: block; color: #8fbc3a; text-decoration: none; background: url(../images/globe.gif) no-repeat left top; line-height: 20px; padding-left: 28px;} #writersBlock .leftwriter a.sample:hover { color: #aed95e;} #writersBlock .rightwriter .view { text-align: right; margin: 10px 5px 0 0;} #writersBlock .rightwriter .view a { color: #8fbc3a; font-size: 12px; text-decoration: none;} #writersBlock .rightwriter .view a:hover { color: #aed95e;} #writersBlock .rightwriter h3 { margin-left: 5px;} #writersBlock .rightwriter ul { height: 100%; overflow: hidden;} #writersBlock .rightwriter li { padding-left: 5px; background: url(../images/item_orange.gif) no-repeat 5px 12px; width: 330px; border-bottom: 1px solid #f3f8fc; overflow: hidden; clear: both; float: left; line-height: 30px; height:30px;} #writersBlock .rightwriter li:hover { background-color: #f3f8fc;} #writersBlock .rightwriter .left { width: 230px; text-indent: 10px; float: left;} #writersBlock .rightwriter .right {width: 95px; float: right; overflow: hidden;} #writersBlock .rightwriter .number { width: 36px; float: right; text-align: center; overflow: hidden;} #writersBlock .rightwriter .right a { font-size: 10px; color: #a4a4a4; text-decoration: none; } #writersBlock .rightwriter .right a:hover {color: #dadada; } #writersBlock .rightwriter .number a { background: url(../images/ico_com.gif) no-repeat left 55%; padding: 12px 0 12px 18px; } #writersBlock .rightwriter .tone { width: 55px; text-align: right; display:block; float: left; overflow: hidden; } #writersBlock .rightwriter .tone a { background: url(../images/ico_timer.gif) no-repeat left 50%; padding: 12px 0 12px 15px; } .blueHeadBlog {background: url(../images/blog_comm_head.gif) no-repeat left 3px; overflow: hidden; margin: 0; } .blueHeadBlog div.example_head { background: #91b4ce; } .blueHeadBlog div.example_head h2 {float: left; display:inline; margin: 0 0 0 8px; font-size: 18px; color: #fff; font-weight: normal; line-height: 28px; width: 220px;} .blueHeadBlog div.example_head a { width: 130px;} .blueHeadBlog div.commentBlog { margin: 30px 0 20px 0; height: 100%; overflow: hidden;} .blueHeadBlog .avatar, #replyBox .avatar {float: left; width: 80px; padding: 10px 0px 0 10px; height: 100%; overflow: hidden; background: transparent; margin:0px;} .blueHeadBlog .avatar span, #replyBox .avatar span {display: block; font-size: 12px; width: 70px; color: #dae4eb; text-align: center; line-height: 24px; background: #91b4ce;} .blueHeadBlog .comText { float: right; width: 575px; background: url(../images/blog_com_bg.gif) no-repeat left 15px; } .blueHeadBlog .comText .str { margin: 0 0 0 23px; padding: 12px 15px; background: #f3f8fc; } .blueHeadBlog .headInfo { height: 100%; overflow: hidden;} .blueHeadBlog .headInfo .user { font-size: 12px; line-height: 16px; color: #91b4ce; width: 320px; float: left;} .blueHeadBlog .headInfo .user span { font-size: 14px; color: #ff9000; margin: 0 4px 0 0;} .blueHeadBlog .headInfo .user span a {font-size: 14px; color: #ff9000; text-decoration: none;} .blueHeadBlog .headInfo .liked {width: 190px; float: right; line-height: 16px; text-align: right; font-size: 12px; color: #91b4ce; } .blueHeadBlog .headInfo .liked span.first {margin: 0 15px 0 0; float: right;} .blueHeadBlog .headInfo .liked a { float: right; width: 16px; height: 16px; margin-left: 7px; display: inline; } .blueHeadBlog .headInfo .liked a span { display: none; } .blueHeadBlog .headInfo .liked a.no {background: url(../images/blog_no_icon.gif) no-repeat 0 0;} .blueHeadBlog div.commentBlog .headInfo .liked a.yes {background: url(../images/blog_yes_icon.gif) no-repeat 0 0;} .blueHeadBlog div.commentBlog p { margin: 5px 0 13px 0; font-size: 13px; } .blueHeadBlog div.commentBlog p.response { color: #62b1e5; background: url(../images/blog_res_quote.gif) no-repeat left center; padding: 0 0 0 30px;} .blueHeadBlog div.commentBlog ul { color: #8fbc3a; font-size: 12px;} .blueHeadBlog div.commentBlog ul li { display: inline;} .blueHeadBlog div.commentBlog ul li a { text-decoration: none;} .blueHeadBlog .pendingApproval .comText { float: right; width: 575px; background: url(../images/blog_com_bg_alt.png) no-repeat left 15px; } .blueHeadBlog .pendingApproval .comText .str { margin: 0 0 0 23px; padding: 12px 15px; background: #ffe0c1; } #replyBox { margin: 0; padding: 0;} #replyBox h3 { text-align: center; font-size: 15px; margin: 0 0 15px 0; font-weight: bold; color: #51738b; line-height: 55px;} #replyBox .comTextReply {background: none; } #replyBox #replyBg {width: 26px; height: 21px; background: url(../images/blog_replyBox.gif) no-repeat left top; position: absolute; top: 15px; left: -24px; } #replyBox form { border: 1px solid #91b4ce; float: right; width: 550px; padding: 10px 0; color: #91b4ce; font-size: 14px; position: relative;} #replyBox form textarea { padding: 10px; width: 520px; height: 110px; border: 0; outline: 0; color: #91b4ce;} #replyBox form input { cursor: pointer; height: 32px; border: none; outline: none; color: #fff; font-size: 15px; } #replyBox .update {margin: 10px 10px 0 0; display: inline; height: 32px; overflow: hidden; float: right; background: #dae4eb url(../images/left_button.gif) no-repeat left top; } #replyBox .update input { width: auto; overflow: visible; padding: 0 8px; color: #fff; font-size: 16px; border: none; background: none; cursor: pointer;} #replyBox .update span { display: block; background: url(../images/right_button.gif) no-repeat right top;} /* Sidebar ----------------------------------------------- */ #sidebarBlogPost {float: right; background:#fafafa; border-left:1px solid #f1f1f1; width:256px; padding:0px 0 32000px 0; margin: 0 0 -32000px 0; height: 100%; overflow: hidden; } #sidebarBlogPost div.textBox { margin: 10px 20px; background-image:none; overflow:hidden; display:block;} #sidebarBlogPost div.textBox h4 { font-size: 12px; font-weight: normal; margin: 0; border-bottom: 1px solid #91b4ce; line-height: 19px; text-transform:capitalize; } #sidebarBlogPost div.textBox p { color: #91b4ce; margin: 5px 0 10px 0;} #aboutWriter { font-size: 12px; padding: 25px 20px 30px 20px; margin:-20px 0 0 0; } #aboutWriter a { color:#777; text-decoration: none; } #aboutWriter a:hover { text-decoration: underline;} #aboutWriter h4 { font-size: 14px; font-weight: normal; margin: 10px 0 10px 0;} #aboutWriter .avek, #writersBlock .avek { height: 100%; overflow: hidden; } #aboutWriter .avek img, #writersBlock .avek img {float: left; margin: 0 10px 0 0;} #aboutWriter .reputation { clear: both; margin: 10px 0 15px 0;} #aboutWriter .username, #writersBlock .username {color: #8fbc3a; line-height: 12px;} #aboutWriter .username a, #writersBlock .username a {color: #8fbc3a; } #aboutWriter .username span, #writersBlock .username span { display: block; color: #91b4ce; line-height: 22px;} #aboutWriter ul li { margin:0 0px 0 14px; padding: 0 0 0 0px; list-style:square; color:#888;} #sidebarBlogPost div.textBox ul.blogCatMenu { display:block; margin:10px 0; color: #dae4eb; overflow:hidden;} #sidebarBlogPost div.textBox ul.blogCatMenu li { font-size:12px; text-transform:capitalize; line-height:22px; float: left; width: 206px; clear: both; overflow: hidden; height: 100%; background: url(../images/icon-tinyFolder.png) no-repeat 0px 2px; margin: 0 0 5px 0; padding: 0px 0px 0px 23px; color:#fff;} #sidebarBlogPost div.textBox ul.blogCatMenu li a{ text-decoration:none; color:#818181; } #sidebarBlogPost div.textBox ul.blogCatMenu li:hover{ text-decoration:underline; color:#555;} #sidebarBlogPost #folioSearch { margin:20px 20px 30px 20px; overflow:hidden; display:block;} #sidebarBlogPost #folioSearch label { color: #ff6600; display:block; margin-bottom:8px;} #sidebarBlogPost #folioSearch .textField{ width:160px; float:left; padding:2px 3px; margin:0 6px 0 0;} #sidebarBlogPost #folioSearch .aButton { padding:3px;} #sidebarBlogPost div.textBox ul.folio { background:#fff; display:block; overflow:hidden;} #sidebarBlogPost div.textBox ul.folio li { border-bottom:2px solid #f9f9f9; font-size:11px; line-height: 34px; float: left; width: 206px; clear: both; overflow: hidden; height: 100%; padding: 0 5px;} #sidebarBlogPost div.textBox ul.folio li:hover { background:#f9f9f9;} #sidebarBlogPost div.textBox ul.folio li span.left {float: left; width: 160px; } #sidebarBlogPost div.textBox ul.folio li span.right { font-size:10px; float: right; width: 40px; text-align: right; } #sidebarBlogPost div.textBox ul.level { color: #e8b044; font-size: 12px; } #sidebarBlogPost div.textBox ul.level li {clear: both; height: 32px; line-height: 13px; margin: 0 0 3px 0; float: left; width: 100%;} #sidebarBlogPost div.textBox ul.level img { float: left; width: 28px; height: 28px; margin: 0 7px 0 0;} #sidebarBlogPost div.textBox ul.level span { color: #ebf4fa; font-size: 10px; display: block; } #sidebarBlogPost div.textBox .ad { background: #5b809a; padding: 5px; margin: 7px 0; } #sidebarBlogPost div.textBox .ad h5 { color: #9cd8ff; font-size: 12px; font-weight: normal; margin: 0 0px 0 0; } #sidebarBlogPost div.textBox .ad p {display: inline; font-size: 11px; color: #dae4eb; } #sidebarBlogPost div.textBox .ad a { display: block; text-decoration: none;} #sidebarBlogPost div.textBox .ad a:hover { display: block; text-decoration: underline;} #sidebarBlogPost div.textBox .blogReaders{ background:#f1f1f1; padding:10px; margin:0 0 10px 0; overflow:hidden; } #sidebarBlogPost div.textBox .blogReaders li{ display:inline; margin:0 5px 5px 0; } #sidebarBlogPost div.textBox .blogReaders li img{ border:1px solid #2c5d81;}