/*
Theme Name: UnderBlog
Theme URI: http://codeasily.com/wordpress-themes/underblog-premium-wordpress-theme
Description: Dark WP theme with 3 column layout, multiple widget-ready placement, easy to customize, integrated widgets: flickers, recent comments, paged comments. Created by CodEasily.com. Enjoy!
Author: Pasyuk Sergey
Author URI: http://codeasily.com/
Version: 1.1
Tags: black, red, three-columns, fixed-width, right-sidebar, threaded-comments, theme-options
.
Released under the GPL.
.
*/
* {margin:0px; padding:0px;}
body {background: #000000; text-align:center; font: 12px Tahoma; color:#f2f2f2;}
table {border-collapse:collapse; border:1px solid #7d5217; font-size:12px; color:#f2f2f2; font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;}
th {padding:2px 3px; background-color:#7D5217; color:#f2f2f2}
td {padding:2px 3px; border:1px solid #7D5217;}
tr.even td {background-color:#2F2F2F;}
blockquote {padding:10px 20px; margin:0px 20px 7px 20px; text-align:justify; font-style:italic; background:url(images/quote2.gif) right bottom no-repeat; overflow:auto;}
#comments blockquote p {padding:7px 0px !important;}
blockquote blockquote {padding:5px 10px; margin:10px 20px; text-indent:0px; text-align:justify; font-style:italic; background:none; border-left:1px dotted #ffffff;}
blockquote p:first-child:first-letter {padding:3px 0 0 20px; margin-left:-20px; background:url(images/quote1.gif) left top no-repeat;}
*:first-child+html blockquote p:first-child:first-letter {padding:7px 0 0 20px; background-position:-20px 5px;}
blockquote blockquote p:first-child {text-indent:0px;}
blockquote blockquote p:first-child:first-letter {padding-left:0; margin:0px; background:none !important;}
*:first-child+html blockquote blockquote p:first-child:first-letter {margin-left:-20px;}
* html blockquote blockquote {border-left:1px dashed #ffffff; position:relative;}
* html blockquote p.first-child:first-letter {padding:7px 0 0 20px; margin-left:-20px; background:url(images/quote1.gif) -20px 5px no-repeat;}
* html blockquote blockquote p.first-child {text-indent:0px;}
* html blockquote blockquote p.first-child:first-letter {padding-left:0; margin:0px; background:none !important;}
a {text-decoration:none; color:#d00000; border: 0px;}
a:hover {text-decoration:underline; border: 0px;}
a.u {text-decoration:underline; border: 0px;}
a.u:hover {text-decoration:none; border: 0px;}
.n a, a.n, a.n:hover {text-decoration:none; border: 0px;}
a:focus, a:active {outline: none; -moz-outline-style: none;}
p {padding:7px 0px; line-height:120%;}
h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height: 1px;}
.hr {border-top:1px solid #acb7c3; margin-top:10px; height: 10px;}
fieldset {padding:10px;}
legend {font-size:14px; font-weight:bold; padding:0 2px;}
input {font-family: Tahoma; color: #2f3031; font-size: 11px;}
textarea {font-family: Tahoma; color: #2f3031; font-size: 11px;}
select {font-family: Tahoma; color: #2f3031; font-size: 11px;}
code {color:#fbf96e;}
pre {overflow:auto; max-height:550px; padding:2px;}
* html pre {width:100%; padding:5px 0 18px; overflow-y:visible;}
#page {width:980px; margin:0 auto; text-align:right;}
#header {position:relative; width:100%; height:150px; background: url(images/header.jpg) center top no-repeat;}
#logo {position:relative; left:5px; top:23px;}
#logo h1 {font:bold 34px/100% Verdana; color:#ac7324; text-transform:uppercase; position:relative; overflow:hidden;}
#logo h1 a, #logo h1 a:hover {color:#ac7324; text-decoration:none; position:relative;}
#logo h1 a strong {display:block; position:absolute; left:0px; top:-100px;}
* html #logo h1 a strong {display:none;}
.description {font:bold 16px Tahoma; color:#f2f2f2; margin-top:5px;}
#search {position:absolute; left:12px; top:40px; font:bold 10px Tahoma; color:#818181;}
form p {padding:3px 0;}
form input {vertical-align:middle;}
#search #s {width:186px; background:#66360d url(images/textarea.gif) -100px 0 repeat-y; border:1px solid #ac7324; padding:2px 3px; color:#ffffff;}
#searchsubmit {background:none; border:none; padding:0px; font:bold 18px Tahoma; color:#690700;}
#menu {position:absolute; right:0px; top:90px; width:100%;}
#menu ul {list-style:none; padding:0 5px 0 35px;}
#menu ul li {float:right; display:inline; padding:0 10px;font:bold 14px Tahoma;}
#menu ul li a {color:#f2f2f2;}
#menu ul li a:hover {color:#ac7324; text-decoration:none;}
#menu ul li.current_page_item a, #menu ul li.current_page_item a:hover {color:#d00000;}
#menu ul li.RSS {float:left; display:inline; padding:0 10px; font:bold 18px Tahoma;}
#menu ul li.RSS a {color:#cccccc;}
#menu ul li.RSS a:hover {color:#e86a27;}
#menu ul li.RSS a span {display:block; float:left; width:21px; height:21px; margin-right:5px; background: url(images/rss-icon.gif) 0 0 no-repeat;}
#menu ul li.RSS a:hover span {background: url(images/rss-icon.gif) -25px 0 no-repeat;}
#content {position:relative; width:585px; text-align:left; float:left; z-index:100;}
#content h1 {font-size:24px; color:#b75d0e;}
#content h2 {font-size:22px; color:#b75d0e;}
#content h3 {font-size:20px; color:#b75d0e;}
#content h4 {font-size:18px; color:#b75d0e;}
#content h5 {font-size:16px; color:#b75d0e;}
#content h6 {font-size:14px; color:#b75d0e;}
.post {margin-bottom:20px;}
.title {padding:0px 0 0 0; position:relative; background: url(images/dot.gif) left bottom repeat-x; overflow:hidden;}
.title h1 {position:relative; font:bold 24px "Trebuchet MS"; color:#683932 !important; margin:0px 90px 0px 10px; padding-bottom:4px; float:right;}
* html .title {overflow:visible; height:1%;}
.title h1 span {position:absolute; left:-2px; right:2px; top:-1px; color:#b75d0e;}
.title h1 a span {color:#d00000;}
.title h1 a, .title h1 a:hover {color:#683932; text-decoration:none;}
.title h1 a:active {}
.title h1 a:hover span {color:#b75d0e; cursor:pointer;}
.title h1 a:active span {left:-1px; right:1px; top:0px;}
.title .author {display:block; position:absolute; font-size:11px; right:10px; bottom:20px; color:#cecece;}
.title .date {display:block; position:absolute; right:10px; bottom:4px; font:bold 12px Georgia; color:#b75d0e;}
#content ol {padding:5px 0 5px 34px;}
.entry {padding:2px 10px; clear:both;}
.entry .images {background-color:#2d2d2d; padding:5px; width:216px; margin:10px 1px 1px 5px; overflow:hidden;}
* html .entry .images {width:226px;}
.entry img, .image {border:9px solid #2d2d2d; margin:5px; padding:1px; background:#000000;}
.entry img.noborder {border:none; margin:5px; padding:0px; background:#000000;}
.img {border:4px solid #2d2d2d; margin:3px; padding:1px; background:#000000;}
.entry img.wp-smiley {border:none; margin:0px 2px 0px 2px; padding:0;}
.entry .images img, .entry .images a img {float:left; border:1px solid #000000; margin:5px; padding:0px;}
.entry .images a:hover img {border:1px solid #ffffff;}
.entry ul {list-style:none; padding:5px 0 5px 14px;}
.entry ul li {padding:1px 0 1px 21px; background: url(images/marker.gif) 0 2px no-repeat; position:relative;}
.entry ol {padding:5px 30px 5px 36px;}
.post-info {padding:0px 10px 0px 10px; background-color:#232323; font:11px/21px Tahoma; color:#b75d0e; text-align:right; overflow:hidden;}
* html .post-info {overflow:visible; height:1%;}
.post-info .category-i {padding-left:30px; float:left; min-height:21px; line-height:21px; background: url(images/icon-cat.gif) 0px 0px no-repeat; max-width:310px; text-align:left;}
* html .post-info .category-i {width:310px;}
.post-info .comments-i {line-height:21px; color:#b75d0e;}
.post-info .comments-i .comm-num {font:bold 13px/20px Georgia; color:#aaaaaa; background: url(images/arrow-or.gif) 100% 4px no-repeat; padding-right:15px; margin-right:7px;}
.post-info .comments-i a .comm-read {background: url(images/postmeta-sep.gif) 100% 3px no-repeat; padding-right:12px; margin-right:8px;}
.post-info a:hover {color:#b75d0e; text-decoration:none;}
.navigation {padding:0px 10px 15px; text-align:center;}
.navigation a {color:#b76425; font:bold 14px/100% "Comic Sans MS";}
.navigation .post-prev {padding:0px 20px; background: url(images/arrows-left.gif) 0px 50% no-repeat; cursor:pointer;}
.navigation .post-next {padding:0px 20px; background: url(images/arrows-right.gif) 100% 50% no-repeat; cursor:pointer;}
.navigation a:hover .post-next, .navigation a:hover .post-prev {text-decoration:underline;}
.Note {padding:5px 10px; clear:both;}
.banner-468x60 {margin:0px auto; width:468px;}
.wp-caption {display:table; margin:10px auto; border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding: 5px; color:#030303; position:relative;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
#comments {position:relative; padding:5px 10px;}
* html #comments {height:1%;}
#comments h3 {font:bold 18px "Comic Sans MS"; color:#ffffff; padding:0px 0px 5px 0px;}
#comments h3 .comm-num {font:bold 24px Georgia; color:#f2f2f2;}
#comments .comm-pages {color:#d00000; float:right; font:bold small-caps 12px Tahoma; padding-top:2px;}
#comments .comm-pages a {color:#b76425;}
#comments .comm-pages a.previous-comment-page, #comments .comm-pages a.next-comment-page, #comments .comm-pages .pages {color:#f2f2f2;}
#comments .expand-all {padding:4px 0 5px 20px; background: url(images/arrow-white.gif) 0 12px no-repeat; font:11px "Comic Sans MS"; color:#cccccc;}
#comments .expand-all a {color:#f2f2f2;}
#comments .comment {clear:both; padding-bottom:4px;}
* html #comments .comment {height:1%;}
#comments .comm-header {position:relative; color:#f2f2f2; background:#d20000 url(images/comm-tit-bg.jpg) 0 0 no-repeat; font:10px "Comic Sans MS"; height:26px; line-height:26px;}
#comments .comm-header .comm-num {display:block; float:right; color:#f2f2f2; background:#000000; font:bold 16px/26px Georgia; height:26px; padding:0 5px 0 3px; cursor:pointer;}
#comments .comm-header cite.comm-author {display:block; float:right; position:relative; color:#020202; font-weight:bold; font-size:16px; height:26px; padding:0 3px; cursor:pointer;}
#comments .comm-header cite.comm-author a {color:#020202;}
#comments .comm-header a:hover {text-decoration:none;}
#comments .comm-header cite.comm-author span.www {display:none; position:absolute; left:100%; top:0px; margin-left:20px; height:26px; font-weight:normal; font-size:11px; color:#f2f2f2; cursor:pointer; white-space:nowrap;}
#comments .comm-header cite:hover span.www {display:block;}
#comments .comm-header .comm-date {display:block; float:right; padding:0 5px;}
.comm-entry {margin-top:2px; font-size:11px; background:#683932 url(images/noise.png) 0 0; width:100%; overflow:auto;}
* html .comm-entry {background:#683932 url(images/noise.gif) 0 0; zoom:1; position:relative; overflow:hidden;}
.comm-entry.alt {background-color:#4d4d4d !important;}
.comm-entry.author {background-color:#700d0d !important;}
.comm-entry p {padding:7px 15px;}
* html .comm-entry p {padding:7px 15px;}
.comm-entry p.avatar {float:right;}
.comm-entry p.avatar img {padding:1px; background:#000000; border:4px solid #2d2d2d;}
#trackbacks {font:bold 14px Tahoma; color:#b76425; padding:0px 0px 5px 5px;}
#respond {position:relative; clear:both; color:#f2f2f2; border:2px solid #343434; background:url(images/post-comm-grad.gif) 0 100% repeat-x; z-index:100;}
* html #respond {height:1%;}
#respond h3 {font:bold 18px "Comic Sans MS"; color:#b76425; padding:10px 0px 10px 28px;}
#respond form {position:relative; font:bold 14px "Comic Sans MS"; color:#f2f2f2; padding:5px 28px 5px 28px;}
#respond form p {clear:both;}
#respond form label {position:relative; width:86px; float:left; padding-top:0px; text-indent:10px;}
#respond form p input {width:270px; border:1px solid #a84c07; padding:2px 3px; font-size:12px; background:#66360d url(images/textarea.gif) -96px 0 repeat-y; vertical-align:middle; color:#f2f2f2;}
#respond form p small {padding:0px 0 0 10px; font:10px Verdana; color:#cecece;}
#respond .message textarea {width:523px; font-size:12px; border:1px solid #a84c07; padding:0px; background:#66360d url(images/textarea.gif) 0px 0 repeat-y; color:#f2f2f2; overflow:auto;}
#respond h4 {width:187px; height:23px; font:bold 12px/22px Verdana; background:#333333 url(images/grey-gtit.gif) 0px 0 repeat-y; color:#cecece; margin-top:10px; cursor:pointer;}
#respond h4 .arrow-down {padding:0 20px 0 30px; background: url(images/arrow-down.gif) 100% 2px no-repeat;}
#respond .guidelines {padding:10px; background: url(images/guideline-border.gif) 0 0 no-repeat; display:block;}
#respond .guidelines ul {list-style:none; padding:0px; margin:0px;}
#respond .guidelines ul li {padding:3px 0 3px 10px; background: url(images/arrow-s-or.gif) 0 7px no-repeat; font:11px Verdana; color:#cecece;}
#respond .submit {text-align:right; padding:5px 0;}
#respond .submit input {border:1px solid #a84c07; padding:2px 10px; font-weight:bold; font-size:12px; background: url(images/textarea.gif) 100% 0 repeat-y; vertical-align:middle; color:#f2f2f2;}
.backtotop {padding-right:15px; padding-top:3px; background: url(images/arrow-up.gif) 100% 0 no-repeat; color:#b76425; font-size:10px;}
.backtotop:hover {color:#d00000; text-decoration:none;}
#preview-box {position:absolute; left:100%; top:-112px; margin-left:12px; width:385px; display:none; z-index:100;}
.shad-top {width:100%; height:112px; background: url(images/preview-shad-top.png) 0 0 repeat-x;}
.shad-bot {width:100%; height:49px; background: url(images/preview-shad-bot.png) 0 0 repeat-x;}
* html .shad-top, * html .shad-bot {background:none;}
.preview {position:relative; width:100%; background-color:#000000;}
.preview .comm-header {color:#020202; background:#d20000 url(images/comm-tit-bg.jpg) 100% -30px no-repeat; font:bold 16px "Comic Sans MS"; height:26px; line-height:26px; padding:0 5px;}
.preview .comm-date {color:#f2f2f2; float:right; font-size:10px;}
.preview .comm-entry-p {margin-top:2px; font-size:11px; background:#683932 url(images/noise.png) 0 0; width:100%;}
* html .preview .comm-entry-p {background:#683932 url(images/noise.gif) 0 0; height:50px;}
.preview .comm-entry-p.alt {background-color:#4d4d4d;}
#live-preview {min-height:50px; padding:5px 10px;}
.close {cursor:pointer;}
.show-preview {cursor:pointer; padding:5px 10px; font-size:10px; display:none;}
#sidebar {position:relative; width:385px; float:right; font-size:12px; z-index:50;}
.sidebar0 {position:relative; overflow:hidden; width:385px;}
#sidebar h3 {height:23px; background:#7b3900 url(images/sb-title-or.gif) 0px 0px repeat-y; font:bold 12px/22px Tahoma; color:#000000; padding:0 0 0 20px; text-transform:uppercase; margin:4px 0;}
#sidebar .widget {width:100%; overflow:hidden;}
.sidebar1 {width:187px; float:left;}
.sidebar2 {width:187px; float:right;}
#sidebar ul {padding:5px 5px 10px; list-style:none;}
* html #sidebar ul {display:inline-block;}
*:first-child+html #sidebar ul {display:inline-block;}
#sidebar ul li {background: url(images/sidebar-dot-line.gif) left bottom repeat-x; overflow:hidden;}
* html #sidebar ul li {overflow:hidden; zoom:1;}
#sidebar ul li.recentcomments {background: none;}
#sidebar ul li a {display:table; font:normal 12px/120% Tahoma; color:#f2f2f2; background: #000000 url(images/arrow-s-or.gif) 0px 7px no-repeat; padding:2px 3px 2px 7px; position:relative; z-index:100;}
#sidebar .widget_categories ul li, #sidebar .widget_archive ul li {font-size:10px; line-height:200%;}
#sidebar .widget_categories ul li a, #sidebar .widget_archive ul li a {float:left; font-size:12px; line-height:120%;}
#sidebar ul li.recentcomments a {display:inline; font:normal 12px/120% Tahoma; color:#b76425; background: none; padding:0px; position:static;}
#sidebar ul li a:hover {color:#b76425; text-decoration:none;}
#sidebar ul li.recentcomments a:hover {text-decoration:underline;}
#sidebar ul li:hover {cursor:pointer;}
#sidebar ul li:hover > a {color:#b76425; text-decoration:none; cursor:pointer;}
* html #sidebar ul li a {display:inline-block;}
*:first-child+html #sidebar ul li a {display:inline-block;}
#sidebar ul li ul {border-left:1px dotted #818181; background:#000000 url(images/sidebar-dot-line.gif) left top repeat-x; margin:0px 0 -5px 0; padding:10px 0 5px 9px; position:relative; top:-5px; clear:left;}
#sidebar .sidebar0 h3,
#sidebar .widget_categories h3
{background:#670700 url(images/sb-title-red.gif) 0px 0px repeat-y;}
#sidebar .widget_categories ul li a
{background-image: url(images/arrow-s-red.gif); color:#ffffff;}
#sidebar .widget_categories ul li a:hover
{color:#d00000 !important;}
#sidebar .widget_categories ul li:hover > a
{color:#d00000 !important;}
#sidebar .current-cat > a {font-weight:bold; color:#d00000 !important;}
* html #sidebar .current-cat a {font-weight:bold; color:#d00000 !important;}
* html #sidebar .current-cat li a {font-weight:normal !important; color:#ffffff !important;}
#calendar_wrap {text-align:center;}
#calendar_wrap #wp-calendar {margin:0 auto;}
#calendar_wrap caption {font-weight:bold; padding-bottom:5px;}
#sidebar .widget_flickrRSS ul li {font-size:11px; border:none; float:left; padding:5px 8px; background:none;}
#sidebar .widget_flickrRSS ul li a {float:left; background:none; padding:0px;}
#sidebar .widget_flickrRSS ul li a img {border:1px solid #000000;}
#sidebar .widget_flickrRSS ul li a:hover img {border:1px solid #f2f2f2;}
#foot {position:relative; width:100%; clear:both;}
#foot ul {list-style:none;}
#foot ul ul {padding:10px;}
#foot h3 {height:30px; font:18px/30px Tahoma; color:#f2f2f2; padding-left:28px; background: #3b3b3b url(images/arrow-red.gif) 11px 11px no-repeat;}
#foot h3 span {color:#e2aa07;}
.foot-content li.col1 {width:249px; float:left; background: url(images/foot-content.gif) 0 100% repeat-x; margin-right:2px;}
.foot-content li.col2 {width:334px; float:left; background: url(images/foot-content.gif) 0 100% repeat-x; margin-right:2px;}
.foot-content li.col3 {width:393px; float:left; background: url(images/foot-content.gif) 0 100% repeat-x;}
.foot-content li li {padding:3px 2px 3px 2px; color:#f2f2f2; font-size:11px; border-bottom:1px solid #4c4c4c; position:relative;}
.foot-content li.recent_posts li {padding:6px 0px 6px 24px; font-size:10px; background: url(images/star.png) 2px 50% no-repeat;}
* html .foot-content li.recent_posts li {background: url(images/star.gif) 2px 50% no-repeat;}
.foot-content li.recent_posts li a {font-size:11px;}
.foot-content li.recent_comments li {padding:0px; overflow:hidden;}
* html .foot-content li.recent_comments li {padding:0px; overflow:hidden; zoom:1;}
.foot-content li.recent_comments li a {display:block; padding:4px 0px 16px 0px; background: url(images/quote1.png) 0px 3px no-repeat; text-indent:20px; color:#990000}
* html .foot-content li.recent_comments li a {background: url(images/quote1.gif) 0px 3px no-repeat; text-indent:20px; color:#990000}
.foot-content li.recent_comments li a:hover {color:#d00000; text-decoration:none;}
.foot-content li.recent_comments li a span.comm-author {display:block; position:absolute; right:0; bottom:0; padding:1px 15px 0px 7px; background:#515151 url(images/buddy.gif) 100% 2px no-repeat; border-right:4px solid #515151; text-indent:0; color:#c6682c;}
.foot-content li.recent_comments li a:hover span.comm-author {color:#f2f2f2; text-decoration:none !important;}
.foot-content li.flickr li {font-size:11px; float:left; border:none; padding:6px;}
.foot-content li.flickr li a img {border:1px solid #000000;}
.foot-content li.flickr li a:hover img {border:1px solid #f2f2f2;}
#footer {clear:both; height:65px; width:100%; background: url(images/foot-bg.jpg) center top no-repeat; margin-top:10px;}
.copyright {padding:30px 0px 0px 10px; font-size:10px;}
.copyright a {color:#c6682c;}
.codevalid {float:right; padding:30px 10px 0 0; text-align:right; white-space:nowrap;}
.hidebit, .floatholder {overflow:hidden;}
* html .floatholder {overflow:visible; height:1%;}
.block {display:block;}
.border {border:1px solid red;}
.nobord {border:none !important;}
.m0 {margin:0 !important;}
.white {color:#f2f2f2 !important;}
.red {color:#d00000;}
.b {font-weight:bold;}
.up {text-transform:uppercase;}
.font14 {font-size:14px;}
.center {text-align:center; padding-left:0px !important; padding-right:0px !important;}
.textcenter {text-align:center;}
.c, .aligncenter {margin:0 auto;}
.blockright {margin-left: auto;}
img.alignleft {margin-right:10px;}
img.alignright {margin-left:10px;}
.l, .left, .alignleft {float:left;}
.r, .right, .alignright {float:right;}
.alignnone {float:none;}
.clear {clear:both;}
.textleft {text-align:left !important;}
.textright {text-align:right !important;}