/*
Theme Name: Western
Theme URI: http://themetation.com
Description: A stylish WordPress Theme with most wanted functional tabbing system.
Version: 2.0
Author: kailoon
Author URI: http://kailoon.com
*/

/* CSS Link========================*/
@import 'wp.css';
* html img, * html div {
behavior: url(iepngfix.htc);
}
/* Global========================*/
* { margin: 0; padding: 0; }

body { background: url(images/bg.png) repeat top left; font: 400 12px/19px Tahoma, Arial, Helvetica, sans-serif; color: #434343; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; letter-spacing: -1px; }
img, a img { border: 0; }
p { padding: 0 0 15px 0; }
a, a:hover { text-decoration: none; outline: none; }
.clear { clear: both; }

h2 { font-size: 18px; font-weight: 400; margin-bottom: 10px; }
h2 a { color: #434343; }
h2 a:hover { color: #000; }

h3 { font-size: 14px; font-weight: 400; margin-bottom: 10px; }
h3 a { color: #434343; }
h3 a:hover { color: #000; }

input, textarea { border: 1px solid #ccc; padding: 3px; }

/* Container========================*/

#header { width: 100%; background: url(images/header-bg.png) repeat-x top left; height: 31px; }
#wrapper { width: 900px; margin: 0 auto; }
#page { width: 900px; margin-bottom: 20px; float: left; }
#page-heading {  background: url(images/content.png) no-repeat top left; width: 580px; height: 40px; }
#left-col { width: 550px; padding: 0 15px 15px; background-color: #fff; float: left; }
.post, .single { width: 550px; _width: 540px; }
#right-col { width: 300px; padding: 0 0 0 20px; float: left; margin-top: -40px; }
#footer { width: 100%; padding: 10px 0; background-color: #121210; border-top: 1px solid #4c4c44; }

/* Header========================*/
.wide { width: 900px; margin: 0 auto; clear: both; }
.wide-left { width: 600px; float: left; }
.wide-right { width: 300px; float: left; } 
#logo { background: transparent url(images/logo.png) no-repeat top left; float: left; width: 261px; height: 73px; text-indent: -9999em; position: absolute; }
.wide-left span { color: #626251; font: 400 11px Georgia, "Times New Roman", Times, serif; font-style: italic; float: left; padding: 5px 0 0 261px; }
#nav { list-style: none; text-align: right; text-transform: uppercase; font: 400 9px Georgia, "Times New Roman", Times, serif; }
#nav li { display: inline; }
#nav li a { color: #fff; padding: 0 10px; line-height: 25px; }
#nav li a:hover, #nav li.current_page_item a { color: #ffc000; }

#rss { text-align: right; line-height: 12px; padding: 10px 0; height: 25px; }
#rss a { display: inline; margin: 0 0 0 10px; float: right; margin: 5px; }
#rss a.email { background: url(images/mail.png) no-repeat top left; width: 14px; height: 12px; text-indent: -9999em;}
#rss a.feed { background: url(images/rss.png) no-repeat top left; width: 14px; height: 12px; text-indent: -9999em;}
#rss a:hover { background-position: bottom; }
#rss span { float: right; font: 400 18px Georgia, "Times New Roman", Times, serif; color: #fff; padding-right: 5px; }
#rss span em { font: 400 9px Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; color: #b1ab88; }

/* Left col========================*/

.post { margin: 0 0 20px 0; }
.post-li { margin: 0 0 10px 0; border-bottom: 1px dotted #434343; }
.post-li h2 { margin: 0; }
p a { padding-bottom: 2px; border-bottom: 1px dotted #434343; color: #434343; }
p a:hover { border-bottom: 1px solid #000; color: #000; }
.post img { background: #fff; padding: 4px; border: 1px solid #d1cab8; }
.post a:hover img { border: 1px solid #000; }
.metadata { background-color: #ede6d4; border-top: 1px solid #d1cab8; border-bottom: 1px solid #d1cab8; clear: both; width: 530px; font-size: 10px; padding: 0 10px; height: 20px; }
.metadata span { float: left; width: 280px; font-weight: 900; color: #4e4830; }
.metadata span a { color: #4e4830; }
.metadata span a:hover { color: #000; }
.metadata em { font-style: normal; float: left; width: 250px; text-align: right; }
.metadata em a { color: #4e4830; padding: 0 5px 1px 5px; margin: 0 0 0 10px; display: block; float: right; }
.metadata em a:hover { color: #000; background-color: #d1cab8; }

.post ul, .post ol { padding: 18px; list-style-position: inside; }
.post ol { list-style-type: decimal; }
.post ul li { }
.post ul li a { color: #434343; }
blockquote { padding: 15px; border: 3px solid #e0e0e0; background-color: #f7f7f7; margin-bottom: 15px; font: 400 16px Georgia, "Times New Roman", Times, serif; font-style: italic; }

/* Right col========================*/

.box { margin-bottom: 20px; float: left; width: 300px; }
#right-col #searchform { width: 300px; }
#right-col #searchform input { border: 0; float: left; padding: 0; }
#right-col #searchform #s { border: 1px solid #615a4c; background-color: #1b1a19; width: 226px; height: 16px; padding: 6px; color: #615a4c; font: 14px Tahoma, Arial, Helvetica, sans-serif; border-right: 0; }
#right-col #searchform #searchsubmit { background: url(images/search.png) no-repeat top left; width: 61px; height: 30px; }
h2.sidebar-heading { border-bottom: 1px dotted #857a6f; float: left; width: 300px; padding-bottom: 5px; color: #000; } 

#sidebar1 {}
#sidebar1 ul { list-style: none; margin-bottom: 20px; float: left; }
#sidebar1 ul li div { color: #978d71;}

/* Tabbing========================*/

#tab, #tab2 { list-style: none; border-bottom: 1px dotted #857a6f; float: left; width: 300px; padding-bottom: 5px; }
#tab li, #tab2 li { float: left; width: 118px; }
#tab li a, #tab2 li a { font: 18px Georgia, "Times New Roman", Times, serif; color: #000; padding-left: 22px; letter-spacing: -1px; }
#tab li a:hover, #tab2 li a:hover { color: #fff; }
#tab li a.selected, #tab2 li a.selected { color: #ffc000; }

a#popular-icon { background: url(images/popular.png) no-repeat top left; width: 22px; height: 22px; float: left;}
#tab li a#popular-icon.selected, a:hover#popular-icon { background: url(images/popular-active.png) no-repeat top left; }

a#comment-icon { background: url(images/comment.png) no-repeat top left; width: 22px; height: 22px; float: right;}
#tab li a#comment-icon.selected, a:hover#comment-icon { background: url(images/comment-active.png) no-repeat top left; }

.tab_content, .tab2_content { float: left; width: 300px; }
.tab_content ul, .tab2_content ul { list-style: none; }
.tab_content ul li, .tab2_content ul li { float: left; }
.tab_content ul li a, .tab2_content ul li a, #sidebar1 ul li ul li a { background: url(images/li.png) no-repeat top left; color: #978d71; padding: 4px 0 4px 20px;font: 12px/19px Tahoma, Arial, Helvetica, sans-serif; border-bottom: 1px dotted #000; float: left; width: 280px; }
.tab_content ul li a:hover, .tab2_content ul li a:hover, #sidebar1 ul li ul li a:hover { color: #fff; background: url(images/li-active.png) no-repeat top left; }

a#category-icon { background: url(images/cat.png) no-repeat top left; width: 22px; height: 22px; float: left;}
#tab2 li a#category-icon.selected, a:hover#category-icon { background: url(images/cat-active.png) no-repeat top left; }

a#tag-icon { background: url(images/tag.png) no-repeat top left; width: 22px; height: 22px; float: right;}
#tab2 li a#tag-icon.selected, a:hover#tag-icon { background: url(images/tag-active.png) no-repeat top left; }

#tag { text-align: justify; padding: 10px 0;}
#tag a { color: #978d71;}
#tag a:hover { color: #fff;}

.tab2_content ul li.cat-item a { width: 130px; float: left; border-bottom: 0; }

/* Footer========================*/

#footer { float: left;}
#footer #f-mid { margin: 0 auto; width: 900px; color: #76705e;}
#footer #f-mid .f-desc { float: left; width: 600px; }
#footer #f-mid a { text-decoration: underline; color: #76705e; }
#footer #f-mid a:hover { color: #fff; }
#footer #f-mid .themetation { float: left; width: 300px; text-align: right; }

/* Comment========================*/

h2.heading { border-top: 1px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; clear: both; width: 544px; padding: 3px; text-align: center; }
.commentlist { list-style: none; padding: 20px 0; font-size: 11px; }
.commentlist li { float: left; padding: 10px; width: 528px; margin: 0 0 10px 0; }
.commentlist li.alt { background-color: #f7f7f7; text-align: right; border: 1px solid #e0e0e0; }
img.avatar { float: left; padding: 3px; border: 1px solid #c0c0c0; background-color: #fff; margin: 0 10px 0 0; display: inline; }
.commentlist li.alt img.avatar { float: right; padding: 3px; border: 1px solid #ccc; background-color: #fff; margin: 0 0 0 10px; display: inline;}

.commentlist li a { padding-bottom: 2px; border-bottom: 1px dotted #434343; color: #434343; }
.commentlist li strong a { padding-bottom: 0; border-bottom: 0; }
.commentlist li a:hover { border-bottom: 1px solid #000; color: #000; }
.commentlist li span { font-size: 9px; }
.commentlist li p { text-align: left; }
.commentlist li div { background-color: #e0e0e0; border: 1px solid #ccc; }

#commentform { float: left; width: 550px; }

#commentform p { font: 900 12px Tahoma, Arial, Helvetica, sans-serif; padding: 0 0 10px 0; }
#commentform p input, #commentform p textarea { font: 400 12px Tahoma, Arial, Helvetica, sans-serif; margin: 5px 0 0 0; padding: 5px; color: #666; }