/*
Theme Name: THAT Music Theme
Theme URI: http://www.thatagency.com/THATthemes/index.php?wptheme=THAT+Music+Theme
Description: Thatagency.com Music Blog Theme
Version: 1.2
Author: THAT Agency
Author URI: http://www.thatagency.com/
Tags: red, dark, three-columns, fixed-width, right-sidebar
*/


/* Reset CSS */
@import url("reset.css");
/*----------------------------------------------
        Generic
------------------------------------------------*/

body { background:url(img/tlo.jpg) top center no-repeat fixed #2f1e13; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#2f1e13; }
.clear { clear:both; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 7px; display: inline; }
img.alignleft { margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
img { border:none; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
h2 { color:#3cb500; font-size:11px; margin-top:0px; }
h3 { color:#DE5A16; font-size:18px; margin-top:10px; margin-bottom:15px; }
/*----------------------------------------------
        Structure
------------------------------------------------*/

#main { width:993px; margin-left:auto; margin-right: auto; margin-top:35px; background:url(img/tlo_gora.gif) repeat-x top #e8e8e8; border:2px #663015 solid; padding:14px; position:relative; z-index:0; }
#header { width:993px; height:396px; background-color:#2d1d12; position:relative; z-index:0; }
#header_left { float:left; position:relative; z-index:1; }
/* NS, OP*/
html>body #header_left { width:500px; height:396px; }
#header_right { width:400px; float:right; margin-right:15px; text-align:center; position:relative; top:36px; z-index:1; }
/* NS, OP*/
html>body #header_right { width:470px; height:330px; }
#twitter { background:url(img/tlo_twitter.gif) top center no-repeat; width:428px; height:161px; margin:0 auto; position:relative; z-index:0; text-align:left; padding:15px 25px; }
#menu { width:605px; position:relative; top:-396px; z-index:3; }
/* NS, OP*/
html>body #menu { width:485px; }
#lang { width:180px; height:23px; position:relative; top:-346px; left:-503px; z-index:2; }
/* NS, OP*/
html>body #lang { top:-396px; left:0px; }
#silver_belt { width:933px; height:21px; background:url(img/tlo_paska.gif) repeat-x top; color:#3cb500; font-size:17px; padding:10px 30px 5px 30px; position:relative; z-index:0; }
#black_belt { width:993px; height:30px; background:url(img/tlo_menu_dol.gif) repeat-x top; color:#FFF; font-size:12px; position:relative; z-index:0; text-align:center; }
#main_content { width:993px; min-height:350px; background:url(img/tlo_tresc.gif) no-repeat top center; position:relative; z-index:0; }
#main_left { width:638px; float:left; border-right:1px solid #574235; padding:15px 30px 10px 30px; margin-top:10px; margin-bottom:10px; min-height:475px; position:relative; z-index:0; }
/* NS, OP*/
html>body #main_left { width:648px; }
#main_sidebar { width:241px; float:right; padding:15px 15px 10px 25px; margin-top:10px; margin-bottom:10px; text-align:right; position:relative; z-index:0; }
#footer { width:993px; height:62px; background:url(img/tlo_stopka.gif) repeat-x top; color:#FFF; position:relative; z-index:0; }
#footer_left { width:698px; height:52px; float:left; border-right:1px solid #9c9c9c; margin-top:5px; position:relative; z-index:0; }
/* NS, OP*/
html>body #footer_left { width:708px; }
#footer_right { width:244px; float:right; margin:5px 15px 5px 0px; font-size:11px; line-height:110%; position:relative; z-index:0; }
/*----------------------------------------------
        Lang
------------------------------------------------*/
        
.language_item { display:block; }
.current_language_item { display:none; }
/*----------------------------------------------
        Nav
------------------------------------------------*/
#menu { font-size:11px; text-align:center; }
#menu ul { list-style:none; }
#menu ul li { float:left; background:url(img/tlo_menu.gif) repeat-x top left; position:relative; left:-79px; width:20%; }
/* NS, OP*/
html>body #menu ul li { width:auto; height:45px; display:block; left:0px; }
.tarka { display:block; position:relative; top:5px; z-index:5; text-align:center; height:127px; }
.tarka img { margin:0 auto; }
#menu ul li a { color:#574235; display:block; font-weight:bold; padding:2px 8px; vertical-align:middle; text-decoration:none; margin:0; width:auto; line-height:130%; }
#menu ul li a:hover { color:#3cb500; }
#menu .current_page_item { color:#3cb500; }
#black_belt { font-size:11px; text-align:center; position:relative; }
#black_belt ul { width:100%; list-style:none; padding:0; margin:0 0 0 20px; position:absolute; }
#black_belt ul li { display:inline; padding:9px 8px; float:left;}
#black_belt ul li a { color:#FFF; font-weight:bold; text-decoration:none; width:auto; }
#black_belt ul li a:hover { color:#3cb500; }
#black_belt .current_page_item { color:#3cb500; }
/*----------------------------------------------
        Twitter
------------------------------------------------*/

#twitter h2 { color:#EF480E; font-size:13px; text-transform:capitalize; margin-bottom:10px; }
#twitter ul { list-style:none; }
#twitter li { list-style:none; }
#twitter h3 { color:#2F1E13; font-size:13px; text-transform:capitalize; margin-bottom:5px; }
#twitter p { color:#FFF; font-size:12px; margin-bottom:5px; }
/*----------------------------------------------
        Entry
------------------------------------------------*/
#fb { width:50px; height:16px; float:right; margin-top:0px; }
#fb a { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); opacity:0.65 }
#fb a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1 }
.entry { line-height:140%; margin:15px 5px 30px 0px; }
.entry p { padding-bottom:10px; font-size:12px; color:#2f1e13; }
.entry a { color:#A80108; }
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; }
html>body .entry li { margin: 7px 0 8px 10px; color:#2f1e13; }
.entry ul li:before { content: "\00BB \0020"; }
.entry p.postinfo { font-size:10px; padding-bottom:10px; margin-bottom:15px; color:#2A2B2E; }
.entry p.postinfo a { color:#2A2B2E; }
.entry p.postinfo span.upper { }
.entry p.postinfo span.category { padding-left:20px; color:#2A2B2E; }
.entry p.postinfo span.comment { padding-left:16px; }
.post { margin-bottom:25px; }
blockquote { background:#A9A088; border-bottom:2px solid #908873; border-top:2px solid #908873; color:#FFF; font-size:90%; font-style:italic; margin:23px 30px; padding:4px 4px 4px 10px; }
/*----------------------------------------------
        Sidebar
------------------------------------------------*/

#main_sidebar h2 { text-align:left; }
#main_sidebar h3 { background-color:#E16912; color:#FFF; width:100%; text-align:left; font-size:13px; height:17px; padding:3px 0px 0px 3px; margin-top:7px; }
/*----------------------------------------------
        Comments
------------------------------------------------*/

/* FORM */
#shader { position:absolute; top:0; left:0; z-index:15; display:none; filter: alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; background-color:#000000; margin:0 auto; width:100%; height:100%; }
#comment_form { position:relative; top:130px; z-index:15; margin: 0 auto; padding:10px; display:none; background-color:#e8e8e8; border:3px solid #E16912; width:500px; text-align:left; font-size:10px }
#c { float:left; width:150px; font-size:9px; margin-top:20px; }
#cc { float:right; width:300px; font-size:9px; margin-right:22px; margin-top:20px; }
#commentform p { padding-bottom:10px; }
#commentform #author, #commentform #email, #commentform #url { border:1px solid #BBB; height:16px; background:#f5f5f5; padding-left:5px; }
#commentform #comment { border:1px solid #BBB; padding:10px; width:300px; }
/* LIST */
.commentlist { font-size:11px; clear:both; }
.commentlist cite { padding:5px 5px 5px 10px; }
.commentlist cite a { color:#FFF; }
.commentlist .ctext { border-bottom:1px solid #908873; font-size:11px; }
.commentmetadata { font-size:9px; }
.ccomment { line-height:140%; margin:0; padding:20px 5px 20px 20px; color:#000; }
.ccomment a { color:#FFF; }
.ccomment h3 { font-size:12px; }
.ccomment ol { border-top:1px solid #908873; padding-top:15px; }
.ccomment ol li { padding:15px; background:#6C6351; margin-bottom:5px; }
.ccomment ol li.alt { background:#A9A088; padding:15px; }
/*----------------------------------------------
        Posts
------------------------------------------------*/

.postmetadata { border: 1px solid #908873; padding:10px; color:#000; font-size:10px; }
.postmetadata a { color:#FFF; }
/*********************************************************************
        Captions
*********************************************************************/
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -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-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }