/* Theme Name: Noctis Theme URI: http://noctis.casualon.com Description: Noctis is a wordpress theme for wordpress 2.8+ Version: 1.0 Author: Casual On Author URI: http://noctis.casualon.com Tags: fixed width, two columns, dark, magazine, widgets */ /*CSS Reset*/ html, body {margin:0;padding:0;} strike, strong, sub, sup, tt, var, b, u, i, center, br, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, img, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;outline:0;background:transparent;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} br.clear-both, div.clear-both, br.clear-left, div.clear-left { font: 1px/1px monospace;display: block; } /* Overall setup */ body { background:#000 url(images/main_background.jpg) no-repeat center top;font:11px Arial, Tahoma,Sans-serif; } a { color:#aaa;text-decoration:none;outline:0; } a:hover { color:#eee; } a img { border: none; } ul, li { list-style: none;margin:0;padding:0; } code { font: 11px "Courier New", Arial, sans-serif; background:transparent; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; } blockquote { color:#333; padding:5px 5px 5px 20px;font:14px Arial,Sans-serif;line-height:1.4em; border-left:5px solid #f90;background:#f5f5f5;} .left { float:left;margin-top:3px;margin-right:8px; } .right { float:right;margin-left:8px; } .clear { clear: both; } .pagenavi { margin: 15px 0; clear: both; } .hide {display:none;} /* header */ #header {width:960px; margin:0 auto; overflow:hidden;} #site-logo {padding:0 0 25px; width:241px;height:108px; margin:0 auto;} #site-logo h1 {background:transparent url(images/logo.png) no-repeat left top; height:108px;} #site-logo a {text-indent:-9999px; display:block; width:241px; height:108px; outline:none; border:none;} #main-nav {font:11px Arial, Helvetica, sans-serif; height:50px;} #main-nav ul {list-style:none;text-align:left; padding-left:5px;} #main-nav li {display:inline; float:left;margin-right:35px;} #main-nav li a {text-decoration:none;display:block;color:#ffda7f;} #main-nav li.current-cat a, #main-nav li a:hover {color:#ffc; border-bottom:2px solid #eee;} #main-nav li span.nav-title {display:block; padding:8px 0 3px; font-weight:bold; text-transform:uppercase;} #main-nav li span.nav-des {color:#ccc;} #main-nav li.current-cat a span.nav-des, #main-nav li a:hover span.nav-des {color:#eee;} div.searchbox {display:inline; float:right; padding-top:14px;} strong.search-excerpt {background:#ff0; color:#111;} /*search page - search tab */ .search-txt {border:1px solid #333;background:#222;color:#eee;padding:3px 5px;} .input-search {background:#fff url(images/icon-search.gif) no-repeat 10px 12px; border:solid 1px #cf9; width:475px; height:25px; color:#111; font:20px Tahoma, Arial, Helvetica, sans-serif;padding:5px 5px 5px 30px;float:left;} .btn-search-submit {background:#f90 url(images/btn-search-bg.png) repeat-x; height:37px; width:80px;border:1px solid #f90;float:left;text-transform:uppercase;font:bold 13px Arial, Helvetica, sans-serif; cursor:pointer;} .searchpage-container {width:940px;height:150px;background:#141414 url(images/body-background.jpg);text-align:center;margin:0 auto;padding:10px;} .searchpage-form {margin:20px auto;width:630px;} input.btn-search {background:transparent url(images/btn-search.gif) no-repeat center center;width:61px;height:24px; color:#fff; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; border:none;cursor:pointer;} input.btn-comment {background:transparent url(images/btn-search.gif) no-repeat center center;width:61px;height:24px; color:#fff; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; border:none; margin-left:1px;cursor:pointer;} ul.tabs {margin:0 auto;padding:0;float:left;list-style: none;width:630px;display:block;width:630px;height:32px;} ul.tabs li {float:left;margin:0;padding:0;overflow:hidden;position: relative;background: #90b557;border-left: none;border-top: 1px solid #360;border-right: 1px solid #360;border-bottom: 1px solid #360;height: 31px;line-height:31px;margin-bottom:-1px;} ul.tabs li a {text-decoration:none;color:#000;display:block;font:bold 13px Arial, Helvetica, sans-serif;text-transform:uppercase;padding:10px 20px;outline: none;} ul.tabs li a:hover {background:#9c6;} html ul.tabs li.active, html ul.tabs li.active a:hover {background:#9c6;border-bottom:1px solid #9c6;} .tab_container {border-top:1px solid #360;overflow:hidden;clear:both;float:left;width:615px;background:#9c6;} .tab_content {padding:10px;font-size:1.2em;} /* features */ #main-feature {width:940px; height:230px; margin:0 auto; padding:10px; display:block;background:#141414;position:relative;} #slider {width:934px; height:218px; border:solid 3px #333; background:transparent url(images/main_features_bg.jpg) no-repeat center;overflow:hidden; display:block;} #adstext {margin-top:10px; display:inline;} li.feature-article {display:inline; float:left; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ff9; margin-top:10px; margin-right:30px; padding-left:2px;} li.ads468x15 {float:left;width:468px; height:15px;margin-top:10px;display:inline;} #ads300x250 {width:300px;height:250px;} /* main content */ #main-wrapper {width:960px; margin:0 auto;display:block;text-align:left;overflow:hidden;background:#141414 url(images/darkshadow.jpg) repeat-x left bottom;} .main-container {background:#141414 url(images/darkshadow.jpg) repeat-x left bottom;} .main {width:530px;float:left;display:inline;} /* main features */ #slider ul {width:934px;height:218px;overflow:hidden;display:block;} /* cover thumbnails customization */ .thumb { font:11px Tahoma,Arial,sans-serif; color:#999; background:#222 url(http://www.aboutrobthomas.com/wp-content/themes/aboutrobthomas/images/thumb.png); display:inline-block; width:250px; height:170px; margin:10px 0 0 10px; position:relative; overflow:hidden;} * html .thumb {display:inline;} .thumb p { margin:2px 0; } .thumb-title { background:#141414; bottom:0; right:0; width:240px; display:block; position:absolute;padding:5px;} * html .thumb-title {bottom:-1px; padding: 6px;} .thumb-title h2, .thumb-title h2 a { font:bold 12px/14px Tahoma,Arial, sans-serif; display:block; text-decoration: none; height:30px;} .thumb-comment { position: absolute; top:-2px; right:0; background:#0e0e0e; border-left:1px solid #333;border-bottom:1px solid #333;} .thumb-comment a { font:bold 10px Arial,sans-serif; display: block; line-height: 1.8em; width: 2.6em; text-decoration: none; text-align: center;} .thumb-title span a {border-bottom:1px dotted #666;} .thumb-title span a:hover {border-bottom:1px dotted #999;} .thumb-title {opacity:0.8;}/*Firefox 3.5 transparent css3 valid*/ .thumb-title:hover, .thumb-comment {opacity:0.7;}/*Firefox 3.5 transparent css3 valid*/ .bar-section {background:transparent url(images/bg-line.gif) repeat-x left top; width:510px; height:20px; margin-top:10px; margin-left:10px; display:block;} * html .bar-section {margin-top:8px;} /* more post list */ #more-left {font:11px Tahoma,Arial,sans-serif;float:left; width:250px; display:inline; margin-left:10px;} #more-left h4 a {font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase;color:#ffda7f;} #more-left h4 a:hover {color:#ffc;} #more-left li {padding:10px 0; display:block; background:transparent url(images/bg-line.gif) repeat-x left bottom;} *:first-child+html #more-left li {padding:9px 0 10px; display:block; background:transparent url(images/bg-line.gif) repeat-x left bottom;} #more-left .comment-count {padding-left:15px; background:transparent url(images/icon-sprite.gif) no-repeat 0 -88px;} #more-left span {color:#999;} #more-left .title a { color: #9d6427; text-decoration: none; font-weight:bold; } #more-left .title a:hover { color: #f96;} #more-left .date { color:#69523d; } #more-left .tagged a {color: #999; text-decoration: none; border-bottom: 1px dotted #666; } #more-left .tagged a:hover {color:#eee; border-bottom: 1px dotted #eee; } /* recent comments */ #more-right {float:left; width:250px; display:inline;margin-left:10px;} #recent-comments h4 {font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ffda7f;margin-bottom:10px;} #recent-comments li {margin:0 0 8px;color:#666;} * html #recent-comments li {margin:0 0 9px;} *:first-child+html #recent-comments li {margin:0 0 9px;} #recent-comments li img.avatar24x24 {width:24px; height:24px;} #recent-comments a.comment-avartar {width:24px; height:24px;display:block; margin-right:8px;border:1px solid #666; float:left;} * html #recent-comments a.comment-avartar {margin-right:5px;} #recent-comments a:hover.comment-avartar {border:1px solid #eee;} #recent-comments div.comment-content {width:215px;display:inline; overflow:hidden;} #recent-comments a.comment-user {font: bold 11px Tahoma,Arial, Helvetica, sans-serif; color:#369;} #recent-comments a:hover.comment-user{color:#6cf;} #recent-comments span {color:#999;overflow:hidden; font:normal 11px Tahoma,Arial, Helvetica, sans-serif;} /* top commentators */ #top-comments-author {width:250px;margin-top:10px;} #top-comments-author h4 {font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ffda7f;margin-bottom:10px;} #top-comments-author li {float:left;margin:0 6px 6px 0; color:#666;} #top-comments-author img.comment-avatar {width:32px;height:32px;} #top-comments-author a {width:32px;height:32px;display:block;border:1px solid #666;} #top-comments-author a:hover {border:1px solid #eee;} /* most popular */ .sidebarwrapper {width:430px; float:right; overflow:hidden;} #left-sidebar {float:left;width:200px; overflow:hidden; margin-top:10px; margin-left:10px; display:inline; } #most-popular h4 {font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ffda7f; margin-bottom:10px;} #most-popular li {padding-top:5px;padding-bottom:5px; display:inline-block;background:transparent url(images/bg-line.gif) repeat-x left bottom;color:#666;} #most-popular a {display:block;} #most-popular a img {border:solid 1px #999; width:198px; height:68px; margin-bottom:5px;} *:first-child+html #most-popular a img {margin-bottom:8px;} * html #most-popular a img {margin-bottom:8px;} #most-popular h2 {padding:2px;width:198px; font:bold 11px Tahoma,Arial, Helvetica, sans-serif; color:#bbb;} *:first-child+html #most-popular h2 {margin-top:-3px;} * html #most-popular h2 {margin-top:-3px;} #most-popular p a {padding:2px;padding-bottom:5px; color:#666; font:11px Tahoma,Arial, Helvetica, sans-serif;} #most-popular li:hover img {border:solid 1px #eee;} #most-popular li:hover h2 a {color:#eee;} #most-popular li:hover p a {color:#999;} * html #most-popular a:hover img {border:solid 1px #eee;} * html #most-popular h2 a:hover {color:#eee;} * html #most-popular p a:hover {color:#999;} /* random posts */ #random-post {margin:15px 0;} #random-post h4 {font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ffda7f;} #random-post li {padding-top:5px;padding-bottom:5px; display:inline-block;background:transparent url(images/bg-line.gif) repeat-x left bottom;color:#666;} #random-post a {display:block;} #random-post a img {border:solid 1px #999; width:198px; height:68px; margin-bottom:5px;} *:first-child+html #random-post a img {margin-bottom:8px;} * html #random-post a img {margin-bottom:8px;} #random-post h2 {padding:2px;width:198px; font:bold 11px Tahoma,Arial, Helvetica, sans-serif; color:#bbb;} *:first-child+html #random-post h2 {margin-top:-3px;} * html #random-post h2 {margin-top:-3px;} #random-post p a {padding:2px;padding-bottom:5px; color:#666; font:11px Tahoma,Arial, Helvetica, sans-serif;} #random-post li:hover img {border:solid 1px #eee;} #random-post li:hover h2 a {color:#eee;} #random-post li:hover p a {color:#999;} * html #random-post a:hover img {border:solid 1px #eee;} * html #random-post h2 a:hover {color:#eee;} * html #random-post p a:hover {color:#999;} /* right sidebar */ #right-sidebar {float:right;margin-top:10px; margin-right:10px; display:inline;} #most-comment {width:200px;color:#bbb; font:11px Tahoma,Arial, Helvetica, sans-serif;} #most-comment h4 {font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ffda7f;} #random-post .ads180x150, #most-comment .ads180x150 {text-align:center; width:200px; height:150px; background:#141414;} #tab-posts li, #tab-famous li, #tab-random li, #most-comment li {padding:5px 0;} #tab-posts li a, #tab-famous li a, #tab-random li a, #most-comment li a {padding:0 0 0 10px;background:transparent url(images/icon-sprite.gif) no-repeat 0 4px;display:inline-block;} #tab-posts li a:hover, #tab-famous li a:hover, #tab-random li a:hover, #most-comment li a:hover {background:transparent url(images/icon-sprite.gif) no-repeat 0 -48px;display:inline-block;} /* gallery */ #gallery {clear:both;width:200px;margin-top:15px;display:block;overflow:hidden} #gallery h4 {font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ffda7f; margin-bottom:10px;} #gallery h4 a {color:#69c;} #gallery h4 a:hover {color:#0cf;} #gallery li {float:left;margin:0 4px 4px 0;} #gallery li.nextline {float:left;margin:0 0 4px;} #gallery li img {width:62px; height:45px;} #gallery li a {width:62px; height:45px;display:block;border:1px solid #666;} #gallery li a:hover {border:1px solid #eee;} /* tags cloud */ div.st-tag-cloud { width:520px; font-family:Tahoma,Arial,sans-serif; margin:15px 0; line-height:20px; margin-left:10px; } *:first-child+html div.st-tag-cloud { line-height:21px; } /*IE7 fixed*/ div.st-tag-cloud h3 { margin:.4em 0; font-size:20px; font-family: Verdana,Arial;color:#ddd; } div.st-tag-cloud a { text-decoration:none; color:#333; font-weight:normal; padding: 2px 1px; } div:hover.st-tag-cloud a { color: #666; text-decoration: none; } div:hover.st-tag-cloud a:hover, div.st-tag-cloud a:hover { color: #eee; text-decoration: none; } /* footer */ .site-credit {color:#444;} .w3c {clear:right;float:right; margin-top:8px;} #footer-content {margin:20px auto 0; width:960px; height:100px; background:transparent url(images/bg-line.gif) repeat-x left top; display:none;} #footer {margin:15px auto 0; width:960px; height:70px; font:11px Arial, Helvetica, sans-serif;color:#666; padding:10px 0;border-top:solid 1px #151515;} #footer .footer-content {float:left; display:block;} #footer ul {text-transform:uppercase;} #footer ul li {float:left; display:inline; padding-right:10px; border-right:1px solid #666; margin:0 10px 15px 0;color:#666;} #footer li a:hover {color:#eee;} cite {font-style:normal;} .backtop {width:25px; height:25px} /* rss button */ a.rss-subscribe {width:60px; height:21px; font:10px Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase;display:block; background:transparent url(images/icon-sprite.gif) no-repeat 0 -151px; padding:13px 45px 0 0; line-height:10px;float:right;} a.twitter-subscribe {width:65px; height:21px; font:10px Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase;display:block; background:transparent url(images/icon-sprite.gif) no-repeat 0 -382px; padding:13px 45px 0 0; line-height:10px;float:right;} a.twitter-subscribe span, a.rss-subscribe span {color:#ccc;} a:hover.rss-subscribe {background:transparent url(images/icon-sprite.gif) no-repeat 0 -186px; color:#ccc;} a:hover.twitter-subscribe {background:transparent url(images/icon-sprite.gif) no-repeat 0 -418px; color:#ccc;} a:hover.rss-subscribe span {background:transparent;color:#9c0;} a:hover.twitter-subscribe span {background:transparent;color:#39f;} /* breadcrumbs */ #nav-breadcrumbs {width:960px; margin:0 auto; background:#141414;height:35px; color:#ccc; display:block; overflow:hidden;font:normal 11px Tahoma,Arial, Helvetica, sans-serif;} #nav-breadcrumbs p {padding:10px 0 10px 10px; display:block; height:15px;} #nav-breadcrumbs p a {padding:0 20px 0 10px;background:transparent url(images/icon-sprite.gif) no-repeat right -224px;} #nav-breadcrumbs p strong {padding:0 15px 0 10px; color:#ffdf72;font-weight:normal;} /* 404, search page */ .contact-container, .error-404, .search-result {background:#ebebeb url(images/grayshadow.jpg) repeat-x left bottom; font:13px Tahoma,Arial, Helvetica, sans-serif;height:800px; padding:15px;} html>body .search-result {height:auto;min-height:800px;} .error-404 p, .search-result h1 a {font:bold 14px Tahoma, Arial, Helvetica, sans-serif;color:#111;} .search-result h1 a:hover {color:#c60;} /* tags page */ .tag_cloud a {font-family:Tahoma,Arial, Helvetica, sans-serif; color:#666;} .tag_cloud a:hover {color: #f63;} h2.tags-title {margin:0 0 5px;padding-top:10px;font:bold 12px Tahoma,Arial, Helvetica, sans-serif; color:#069; text-transform:uppercase;} h4.tags-subtitle {margin:0 0 10px;border-bottom:solid 1px #999;padding-bottom:5px; font:bold 11px Arial, Helvetica, sans-serif;color:#999;text-transform:uppercase;} .ads728x90 {margin:10px auto; text-align:center;} /* links page */ .links-title {margin:0 15px;padding-top:10px;font:bold 12px Tahoma,Arial, Helvetica, sans-serif; color:#069; text-transform:uppercase;} .links-subtitle {margin:0 15px 10px;border-bottom:solid 1px #999;padding-bottom:5px; font:bold 11px Arial, Helvetica, sans-serif;color:#999;} .links-content {font:11px Tahoma,Arial, Helvetica, sans-serif; color:#333;padding:5px 15px 10px;} .links-content li {height:20px; display:block;} .links-content li a {font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase;color:#333;} .links-content li a:hover {color:#960;} /* content page */ .archives-title {margin:0 15px;padding-top:10px;font:bold 12px Tahoma,Arial, Helvetica, sans-serif; color:#069; text-transform:uppercase;} .archives-subtitle {margin:0 15px 0px;border-bottom:solid 1px #999;padding-bottom:5px; font:bold 11px Arial, Helvetica, sans-serif;color:#999;} .archives-list {font:11px Tahoma,Arial, Helvetica, sans-serif; color:#666;padding:5px 15px 10px;} .archives-list li {height:20px; display:block;} .archives-list li a {font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase;} .archives-list li span.emptymonth {font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase;color:#666;} .car-container a, .archives-list a {color: #111;} .car-container a:hover, .archives-list a:hover {color:#960;} .car-container {font:11px Tahoma,Arial, Helvetica, sans-serif; color:#111;padding:5px 15px;} .car-container li {padding:5px 0 5px;} .car-container .car-yearmonth {display:block; font:bold 11px Tahoma,Arial, Helvetica, sans-serif; color:#111;} a.car-toggler {display:block; height:15px; margin-bottom:5px;} .main-content {width:640px;float:left;display:inline;} .sidebarwrapper-content {width:300px;float:right; overflow:hidden;display:inline;margin-right:10px;} .page-archive {background:#ebebeb url(images/grayshadow.jpg) repeat-x left bottom; height:850px;} html>body .page-archive{height:auto;min-height:850px;} .page-archive p {margin:15px;} .post-content {background:#ebebeb url(images/grayshadow.jpg) repeat-x left bottom; padding:10px 0;} html>body .post-content{height:auto;min-height:850px;} * html .post-content{height:850px;} .post-content h2.headtitle {margin:0 15px 5px;padding-top:10px;font:bold 12px Tahoma,Arial, Helvetica, sans-serif; color:#069; text-transform:uppercase;} .post-content h2.pagetitle {margin:0 15px 5px;padding-top:10px;font:bold 12px Tahoma,Arial, Helvetica, sans-serif; color:#111; text-transform:uppercase;} .post-content .datepost {margin:0 15px 10px;border-bottom:solid 1px #999;padding-bottom:5px; font:bold 11px Arial, Helvetica, sans-serif;color:#999;} .post-content .datepost a:hover{color:#960;} .post-content .datepost span {float:right;} .post-content h1.content-title a {margin:10px 15px 5px; padding-top:10px;font:bold 16px/18px Tahoma,Arial, Helvetica, sans-serif; color:#069;display:block;} .post-content h1.content-title a:hover {color:#960;} .ads468x15, .ads468x60 {padding:5px 15px; text-align:center;} .readmore { display:block;text-align:right; font:bold 12px Arial, Helvetica, sans-serif; color:#666; padding:10px 0; border-top:1px dashed #999; margin:15px 0 0;clear:both;} .post-entry {margin:0 15px 10px;font:13px Tahoma,Arial, Helvetica, sans-serif;overflow:hidden;} .post-entry a {color:#36f;} .post-entry a:hover {color:#960;} .post-entry a.st_tag {font-weight:bold; border-bottom:1px dotted #333;color:#333;} .post-entry a:hover.st_tag {border-bottom:1px dotted #111;color:#111;} .post-content .post-tags {border:solid 1px #ddd; margin:15px; padding:10px; background:#fafafa; color:#666;} .post-tags span {font:11px Tahoma,Arial, Helvetica, sans-serif;} .post-tags a {color:#666; font-weight:normal; border-bottom:dotted 1px #ccc;} .post-tags a:hover {color:#111; border-bottom:dotted 1px #aaa;} .post-entry h1 {color:#111;font:bold 16px Tahoma,Arial, Helvetica, sans-serif;padding:10px 0;} .post-entry h2 {color:#111;font:bold 15px Tahoma,Arial, Helvetica, sans-serif;padding:10px 0;} .post-entry h3 {color:#111;font:bold 14px Tahoma,Arial, Helvetica, sans-serif;padding:10px 0;} .post-entry h4 {color:#111;font:bold 13px Tahoma,Arial, Helvetica, sans-serif;padding:10px 0;} .post-entry h5 {color:#111;font:bold 12px Tahoma,Arial, Helvetica, sans-serif;padding:10px 0;} .post-entry h6 {color:#111;font:bold 11px Tahoma,Arial, Helvetica, sans-serif;padding:10px 0;} .post-entry p {padding:10px 0; text-align:justify;} .post-entry img {border:5px solid #aaa;margin:10px;} .post-entry img:hover {border:5px solid #ccc;} .post-entry .alignright {float:right;} .post-entry .alignleft {float:left;} .post-entry .alignnone {float:none;} .post-entry ul, .post-entry ol {margin-left:10px;} .post-entry ul li , .post-entry ol li {padding:0 0 0 10px;background:transparent url(images/icon-sprite.gif) no-repeat 0 4px;display:block;} * html .post-entry ul li {padding:0 0 0 15px;} * html .post-entry ol li {padding:0 0 0 15px;} #nearest-post {margin:5px;font:bold 11px Arial, Helvetica, sans-serif;height:23px;} #nearest-post .prv-post {width:300px;float:left;display:inline;text-align:left;} #nearest-post .nxt-post {width:300px;float:right;display:inline;text-align:right;} #nearest-post a {color:#666; padding:5px 10px; height:14px; display:block;} #nearest-post a:hover {color:#222;} #relate-post, #social-bookmark {padding:15px;font:11px Tahoma,Arial, Helvetica, sans-serif;} #social-bookmark {clear:left;} #relate-post h4, #social-bookmark h4 {margin-bottom:10px;padding-bottom:5px;font:bold 12px Tahoma,Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase;border-bottom:solid 1px #999;} #relate-post li a {display:block; height:15px;font-size:11px; color: #666;padding:3px 0 3px 15px;border-bottom: 1px solid #ccc; background:transparent url(images/icon-sprite.gif) no-repeat 0 -238px;} #relate-post li a:hover {color: #111;} /* category list */ .main-category-content {width:650px;float:left;display:inline;} #category-content {margin:10px 0 10px 10px;font:11px Arial, Helvetica, sans-serif; color:#666; } h2.category-features-title {font:bold 12px Arial, Helvetica, sans-serif; color:#ffdf72; padding-bottom:5px; border-bottom:1px solid #333; margin:0 10px 10px 0; display:block;text-transform:uppercase;} .category-features {width:203px;float:left;display:inline-block;} div.mr10 {margin:0 10px 10px 0;} div.mr0 {margin:0 0 10px;} .category-features img {width:203px;height:138px;} .category-features h2 {font:bold 11px Tahoma,Arial, Helvetica, sans-serif; color:#999;padding:5px 0; height:30px;} .category-features h2 a {color:#09f;} .category-features h2 a:hover {color:#eee;} .category-features .category-features-date {padding-top:5px;border-top:1px solid #333;} .category-features .category-features-tag {padding-bottom:5px;border-bottom:1px solid #333;} .category-features .category-features-tag a {font:11px Tahoma,Arial, Helvetica, sans-serif;} h2.category-list-title {font:bold 12px Arial, Helvetica, sans-serif; color: #ffdf72; padding-bottom:5px; border-bottom:1px solid #333; margin:15px 10px 10px 0; display:block;text-transform:uppercase;} .category-list {border-bottom:1px solid #333; height:120px; margin:0 10px 10px 0;} .category-list .category-list-pic {display:block;margin:0 10px 10px 0;float:left;} .category-list .category-list-pic a {display:block;border:5px solid #333;width:150px;height:102px;} .category-list .category-list-pic a:hover {border:5px solid #666;} .category-list .category-list-pic img {width:150px;height:102px;} .category-list h2 {font:bold 11px Tahoma,Arial, Helvetica, sans-serif;padding:5px 0;margin:0 10px;} .category-list h2 a {color:#c90;} .category-list h2 a:hover {color:#eee;} .category-list .category-list-date {padding-top:5px;display:block; margin:0 10px;background:transparent url(images/icon-sprite.gif) no-repeat 160px -267px; padding-left:178px;} * html .category-list .category-list-date {padding-left:174px;} .category-list .category-list-tag {padding-bottom:5px;background:transparent url(images/icon-sprite.gif) no-repeat 170px -326px; padding-left:188px;} * html .category-list .category-list-tag {padding-left:184px;} .category-list .category-list-tag a {font:11px Tahoma,Arial, Helvetica, sans-serif;} .category-list p {font:11px Tahoma,Arial, Helvetica, sans-serif; color:#666; height:35px;} div.continue-reading {text-align:right;} /*sidebar ads */ .sidebar-ads300x250 {width:300px;height:250px; margin-bottom:15px;} /*comment template */ #post-comment {background:#222 url(http://www.aboutrobthomas.com/wp-content/themes/aboutrobthomas/images/darkshadow2.jpg) repeat-x left bottom;font:11px Tahoma,Arial, Helvetica, sans-serif;padding:0 0 20px; height:500px;} html>body #post-comment {height:auto;min-height:500px;} #post-comment h4 {color:#cc6; padding:10px 15px 0; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase;} .comment-header {margin:0px 15px;border-bottom:solid 1px #333;padding-bottom:5px; font:bold 11px Arial, Helvetica, sans-serif;color:#999;} .comment-header span {float:right; font:bold 10px Arial, Helvetica, sans-serif; color:#ccc;} #comment-message {margin:15px;color:#999;} .commentwrap {margin-bottom:15px;} .comment-avatar {width:60px; float:left;} .comment-avatar li a.comment-avatar-pic {padding:1px; border:1px solid #aaa; display:block; width:48px;height:48px;} .comment-avatar li a:hover.comment-avatar-pic {border:1px solid #eee;} .comment-avatar img {width:48px;height:48px;} .comment-content-user {float:right;background:#333;width:520px; padding:10px;border:1px solid #3a3a3a; height:30px;} html>body .comment-content-user {height:auto;min-height:30px;} .comment-content-user span {border-bottom:1px dotted #999;color:#f90;} .comment-author-name {color:#cf9;} .comment-author-name a {color:#cf9;} .comment-author-name a:hover {color:#ffc;} .comment-meta {float:right;background:#111;width:520px; padding:5px 10px;border:1px solid #3a3a3a;} .comment-meta span {float:right;} .comment-meta-author {float:right;background:#fafafa;width:520px; padding:5px 10px;border:1px solid #ddd;color:#111;} .comment-meta-author span {float:right;} .comment-content-author a, .comment-meta-author a {color:#333;} .comment-content-author a:hover, .comment-meta-author a:hover {color:#930;} .comment-content-author {float:right;background:#ebebeb;width:520px; padding:10px;border:1px solid #ddd; height:30px;color:#111;} html>body .comment-content-author {height:auto;min-height:30px;} .comment-content-author span {border-bottom:1px dotted #999;color:#930;} .nocomments {margin:15px;color:#999;} .comment-form {background:#292929;margin:10px 15px 10px; padding:10px; color:#bbb; border:solid 1px #3a3a3a;} .comment-form-login {margin:10px;color:#999;} .comment-form-member {padding:4px;} .comment-form-name {font:bold 12px Tahoma,Arial, Helvetica, sans-serif;} #commentform label {padding:4px; display:block;} #commentform #author, #commentform #email, #commentform #url {background:#141414; border:solid 1px #3a3a3a; height:20px; color:#ccc; padding:5px;} #commentform #comment {background:#141414; border:solid 1px #3a3a3a; width:450px; height:100px; color:#ccc; padding:5px; margin-bottom:10px;} .comment-agree {margin:0 0 10px;color:#666;} .comment-submit {margin-bottom:5px;} .comment-doaction {margin-top:5px;} .subscribe-to-comments, .subscribe-to-comments label, .subscribe-to-comments input {float:left;} /*trackback */ .trackback-list {margin:10px 15px;font:11px Tahoma,Arial, Helvetica, sans-serif;color:#999;} .trackback-list li {border-bottom:1px dashed #666; padding:5px 0;} /* sidebar slide sub categories */ #main-navigation-block, #navigation-block {margin:15px 0;} #main-navigation-block h2, #navigation-block h2 {font:bold 12px Arial, Helvetica, sans-serif;color:#ffdf72;text-transform:uppercase;margin-bottom:5px;padding-bottom:10px;border-bottom:1px dotted #333;} #main-sliding-navigation li a, #sliding-navigation li a {padding:5px 5px 5px 18px;color:#999;text-decoration:none;background:transparent url(images/icon-sprite.gif) no-repeat 0 -354px;} #main-sliding-navigation li a:hover, #sliding-navigation li a:hover {color: #eee;background:transparent url(images/icon-sprite.gif) no-repeat 0 -354px;} #main-navigation-block ul {list-style-type: none;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;} #main-navigation-block li {list-style-type: none;margin: 0px 0px 5px 0px;padding: 2px 0px 2px 0px;color:#999;border-bottom:1px dotted #333;} #main-navigation-block ul li{padding-bottom:5px;border-bottom:1px dotted #333;} #main-navigation-block ul ul li{line-height: 1.7em;list-style-type: none;border:0px red solid; margin: 0px 0px 0px 0px;padding:2px 2px 0 20px;} #main-navigation-block ul ul ul li {line-height: 1.7em;list-style-type: none;border:0px;margin: 0px 0px 0px -5px; padding: 0px 0px 0px 20px;} /* sidebar tab */ #tabMenu {margin:0;padding:0 0 0 15px;list-style:none;} #tabMenu li {float:left;height:32px;width:39px;cursor:pointer;cursor:pointer;} li.comments {background:url(images/tabComment.gif) no-repeat 0 -32px;} li.posts {background:url(images/tabClock.gif) no-repeat 0 -32px;} li.famous {background:url(images/tabHeart.gif) no-repeat 0 -32px;} li.random {background:url(images/tabRandom.gif) no-repeat 0 -32px;} li.widget {background:url(images/tabStar.gif) no-repeat 0 -32px;} li.mouseover {background-position:0 0;} li.mouseout {background-position:0 -32px;} li.selected {background-position:0 0;} #tab-comments li {display:block;height:35px;} a.tab-comment-author {font: bold 11px Tahoma,Arial, Helvetica, sans-serif; color:#369;display:block;} a:hover.tab-comment-author {color:#6cf;} a.tab-comment-avatar {width:32px; height:32px;display:block; margin-right:8px;border:1px solid #666;float:left;} * html a.tab-comment-avatar{margin-right:5px;} a:hover.tab-comment-avatar {border:1px solid #eee;} .tab-comment-excerpt{color:#999;font:normal 11px Tahoma,Arial, Helvetica, sans-serif;} .box {width:300px} .boxTop {background:#222;height:15px;clear:both;} .boxBody {background:#222;} .boxBottom {background:#222;height:15px;} .boxBody div#tab-famous, .boxBody div#tab-comments, .boxBody div#tab-random, .boxBody div#tab-posts{display:none;font:11px Tahoma,Arial,Sans-serif;} .boxBody div.show {display:block;} .boxBody #category a {display:block;} .boxBody div h2 {font:bold 12px Arial, Helvetica, sans-serif;color:#ffdf72;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid #333; margin:0 20px 5px;} .boxBody div ul {margin:0 20px;padding:0;} * html .boxBody div ul {margin-left:10px;padding-left:15px;} .boxBody div li {border-bottom:1px dashed #8e8e8e; padding:4px 0;cursor:pointer;} .boxBody div ul li.last {border-bottom:none} .boxBody div li span {font-size:8px;font-style:italic; color:#888;} #tab-widget {margin:0 20px; color:#888;} #tab-widget h2 {margin:0;padding:0 0 5px;} #tab-widget ul{margin:0;padding:0 0 15px;} #tab-widget select {margin:0 0 15px;width:258px;} #tab-widget ul li a {padding:0 0 0 10px;background:transparent url(images/icon-sprite.gif) no-repeat 0 4px;display:inline-block;} #tab-widget ul li a:hover {background:transparent url(images/icon-sprite.gif) no-repeat 0 -48px;display:inline-block;} #tab-widget ul ul {margin:0;padding:5px 0 0;} #tab-widget ul ul li {margin:0;padding:0 0 5px 10px;border:none;} #tab-widget div {margin:0;padding:0 0 15px;} /* Slideshow */ #slider ul, #slider li{margin:0;padding:0;list-style:none;} #slider li{width:934px;height:218px;overflow:hidden;} #prevBtn, #nextBtn, #slider1next, #slider1prev{display:block;width:42px;height:73px;position:absolute;z-index:1000;} #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-9999px;} #prevBtn, #slider1prev{margin:-155px 0 0 -42px;} #nextBtn, #slider1next{margin:-155px 0px 0 940px;} #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{display:block;position:relative;width:42px;height:73px;background:url(images/slide-arrow-left.png) no-repeat 0 0;} #nextBtn a, #slider1next a{background:url(images/slide-arrow-right.png) no-repeat 0 0;} .nav-previous {float:left;width:150px;text-align:left;} .nav-next {float:right;width:150px;text-align:right;margin:0 10px 0 0;} /* Widget */ div.widget {font:11px Tahoma,Arial,Sans-serif;} div.widget h2 {font:bold 12px Arial,Tahoma,Sans-serif;color:#cf6;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid #333; margin:0 20px 5px;}