/*
Theme Name: Classical
Theme URI: http://www.wplacer.com/
Description: Classical - meaning: of recognized authority or excellence. Classical developed by <a href="http://www.wplancer.com" title="WPlancer">Baki Goxhaj</a> at WPlancer.com. This theme is a rework of the classic WordPerss theme and is aimed at web designers and developers to built on it. 
Version: 0.1
Author: Baki Goxhaj
Tags: Green, Light, two-columns, right-sidebar, fixed-width, threaded-comments

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

For any other request contact me at info@wplancer.com
*/


/* ------------- [ RESET ] ------------ */
* { margin: 0; padding: 0; }


/* ------------- [ UNIVERSAL ] ------------ */
body { background: #fff; font-family: 'Times New Roman', Times, serif; font-size: 12px; letter-spacing: 0.1em; }

a { color: #675; text-decoration: none; }
a:visited { color: #342; }
a:hover { color: #9a8; }
a img { border: 0 none; }

acronym, abbr { border-bottom: 1px dashed #333; cursor: help; }
blockquote { border-left: 5px solid #ccc; margin-left: 1.5em; padding-left: 5px; }
cite { font-size: 90%; font-style: normal; }
p { margin: 15px 0; font-size: 13px; line-height: 20px; text-align: justify; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: 'Times New Roman', Times, serif }


/* ------------- [ ALIGMENT ] ------------ */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
img.alignleft { float: left; margin: 5px 10px 0 0; }
img.alignright { float: right; margin: 5px 0 0 10px; }
.clear { clear: both; }


/* ------------- [ CAPTIONS ] ------------ */
.wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; padding: 4px 0;}
.wp-caption.alignleft { margin: 20px 10px 0 0; } 
.wp-caption.alignright { margin: 20px 0 0 10px; }
.wp-caption.aligncenter { margin-top: 15px; }
.wp-caption.alignnone { margin-top: 15px; }
.wp-caption img { border: 0 none; display: block; margin: 0  auto; }
.wp-caption p.wp-caption-text { font-size: 11px; text-transform: uppercase; letter-spacing: 0; line-height: 17px; text-align: center; margin: 4px 0 0 0; }


/* ------------- [ HEADER ] ------------ */
#header { background: #90a090; color: #fff; }
#header a { color: #fff; text-decoration: none; }
#header a:hover { text-decoration: none; border-bottom: 1px solid #fff; }
#header #top { width: 980px; margin: 0 auto; }
#header h1 { font: italic normal 40px 'Times New Roman', Times, serif; letter-spacing: 0.2em; padding-top: 25px; }
#header h2 { font: italic normal 14px 'Times New Roman', Times, serif; letter-spacing: 0.1em; padding-bottom: 25px; }

#menu {  border-bottom: 1px dotted #ccc; overflow: hidden; }
#menu a { font: italic normal 14px 'Times New Roman', Times, serif; letter-spacing: 0.1em; text-decoration: none; }
 
/* ------------- [ SUCKERFISH 3-LEVLE DROPDOWN MENU ] ------------ */
#nav, #nav ul { list-style: none; width: 980px; margin: 0 auto; }
#nav li { float: left; }
#nav li a { display: block; padding: 5px 15px;  }
#nav li:hover{ /* IE7 Fix */ position: static; }
#nav li ul { position: absolute; width: 140px; background: #90a090; left: -999em; }
#nav li ul li { width: 140px; } 
#nav li ul li a { color: #fff; } 
#nav li ul ul { /* third-and-above-level lists */ margin: -25px 0 0 135px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; }


/* ------------- [ WRAPPER ] ------------ */
#content { width: 980px; margin: 0 auto; padding: 25px 0; overflow: hidden; }


/* ------------- [ POSTS ] ------------ */
#posts { width: 700px; float: left; }

#posts .post { border-top: 3px solid #e0e6e0; margin-bottom: 35px; overflow: hidden; }
#posts .post h2 { border-bottom: 1px dotted #ccc; font-size: 16px; letter-spacing: 3px; padding: 6px 0; }
#posts .post h3 { border-bottom: 1px dotted #eee; font-size: 14px; letter-spacing: 2px; padding: 4px 0; }
#posts .post h4 { border-bottom: 1px dotted #eee; font-size: 13px; letter-spacing: 2px; padding: 4px 0; }

#posts .meta { font-size: 11px; text-transform: uppercase; letter-spacing: 0; }
#posts .meta li, ul.post-meta li { display: inline; }
#posts  .meta ul { display: inline; list-style: none; }
#posts .meta a { color: #808080; }
#posts .meta a:hover { color: #675; }

#posts ul,#posts ol{margin:15px 30px;font-size:12px;}
#posts ul li{list-style:circle;margin-bottom:4px;}

#posts .navigation { padding: 5px 0; overflow: hidden; }


/* ------------- [ POSTS TABLES ] ------------ */
#posts table { margin-bottom: 1.4em; width:100%; border: 1px solid #e0e6e0; }
#posts th { font-weight: bold; }
#posts th,td,caption { padding: 4px 10px 4px 5px; }
#posts th,td,caption { padding: 4px 0; text-align: center; border: 1px solid #e0e6e0; }
#posts td:hover { background: #e5ecf9; color: #bbb; }
#posts th { font-style: normal; text-transform: capitalize; padding: 3px 0; border: 1px solid #e0e6e0; }
#posts tr.even td { background: #e5ecf9; }
#posts tfoot { font-style: italic; }


/* ------------- [ SIDEBAR ] ------------ */
#sidebar { float: right; width: 250px; }
#sidebar .widget { margin-bottom: 25px; }
#sidebar .widget h5 { border-bottom: 1px dotted #ccc; border-top: 3px solid #e0e6e0; font-size: 16px; letter-spacing: 3px; padding: 6px 0; }

#sidebar .widget_tag_cloud div { text-align: center; margin-top: 10px; }

#sidebar ul { list-style: none; }
#sidebar ul li { margin-top: 10px; }
#sidebar ul ul li { padding-left: 12px; }

#sidebar form { margin-top: 3px; }
#sidebar form input#s { width: 72%; background: #eee; border: 1px solid #999; color: #000; }
#sidebar form input#searchsubmit { width: 25%; background: #eee; border: 1px solid #999; color: #000; font-size: 12px; }

#wp-calendar { border: 1px solid #e0e6e0; empty-cells: show; width: 100%; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; text-decoration: none; }
#wp-calendar a:hover { color: #333; }
#wp-calendar caption { color: #999; font-size: 16px; text-align: center; text-transform: uppercase; padding: 3px 0; }
#wp-calendar td { padding: 4px 0; text-align: center; border: 1px solid #e0e6e0; }
#wp-calendar td.pad:hover { background: #fff; }
#wp-calendar td:hover, #wp-calendar #today { background: #eee; color: #bbb; }
#wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 0; border: 1px solid #e0e6e0; }


/* ------------- [ COMMENTS ] ------------ */ 
.commentlist { list-style: none; }
.commentlist li { padding: 15px 0; border-bottom: 1px dotted #ccc; }
.commentlist li .comment-author { font-size: 16px; }
.commentlist li .commentmetadata, .commentlist li .reply { font-size: 11px; text-transform: uppercase; }
.commentlist li ul li { margin-left: 10px; margin-right: -5px; }
.commentlist p { margin: 10px 55px 10px 0; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.children { padding: 0; }
.alt { margin: 0; padding: 10px; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* ------------- [ FOOTER ] ------------ */
#footer { clear: both; background: #90a090; color: #fff; }
#footer a:link, #footer a:hover { color: #fff; }

#footer_widgets { width: 980px; margin: 0 auto; padding-top: 25px; overflow: hidden;  }
#footer_widgets .footer_widget { width: 300px; margin-bottom: 25px; }
#footer_widgets .footer_widget h5 { border-bottom: 1px dotted #ccc; border-top: 3px solid #e0e6e0; font-size: 16px; letter-spacing: 3px; padding: 6px 0; }
#footer_widgets .footer_widget ul { list-style: none; margin-top: 15px; }
#footer_widgets ul li { margin-top: 8px; }
#footer_widgets ul ul li { padding-left: 12px; }

#copyright { border-top: 1px dotted #ccc; }
#copyright .info { width: 980px; margin: 0 auto; line-height: 30px; overflow: hidden; }