/*
Theme Name: Banago v3
Theme URI: http://www.banago.info/
Description: This theme is developed of my Albanian blog.
Version: 1.4
Author: Baki Goxhaj
Author URI: http://www.wplancer.com/
Tags: blue, orange, fixed-width, two-columns, right-sidebar
*/


/* -------- GLOBAL --------*/
* { margin: 0; padding: 0; }
body { font: 13px Georgia, serif; background: #fff; }

a:link, a:visited { color: #0A73A3; text-decoration: none; }
a:hover { color: #0A43A3; text-decoration: none; }

blockquote { padding: 10px 15px 0 18px; margin-bottom: 20px; border: 1px dashed #ccc; background: #f3f3f3; font-style: italic; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
a img { border: none; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.hidden { display: none; }

.wp-caption { border: 1px solid #eee; text-align: center; background-color: #f8f8f8; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 15px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*---------- MENU ---------*/
#menubar { background: #333; 	border-bottom: 5px solid #BA2800; height: 38px; line-height: 38px; }
#menu { width: 950px; overflow: hidden; margin: 0 auto; text-transform: uppercase; }

h1#brand { float: left; font-size: 24px; font-weight: 600; }
h1#brand a{ background: no-repeat url('images/banago.png') center left; padding: 0 15px 0 35px; color: #fff; text-decoration: none;}
h1#brand a:hover { background: no-repeat url('images/banagoh.png') center left; }

.menu, ul.menu{ list-style: none; float: right; }
.menu li { float: left; font-weight: bold; }
.menu li a { font-size: 16px; padding: 0 10px; display: block; color: #fff; text-decoration: none; margin-right: 5px; }
.menu li.current_page_item a { background: #BA2800; }
.menu li.current_cat a { background: #BA2800; }
.menu li a:hover { background: #BA2800; }

/* -------- CONTENT --------*/
#wrap { width: 950px; margin: 0 auto; padding: 40px; 0; clear: both;}
#content { overflow: hidden; }


/* ----------- POSTS -----------*/
#posts { float: left; width: 720px; }
.post { margin-bottom: 35px; }
.post h2 { font-size: 26px; font-weight: normal; border-bottom: 3px double #ccc; display: block; padding-bottom: 5px; }
.post h2 a { color: #BA2800; text-decoration: none; }
.post h2 a:hover { color: #aa2800; text-decoration: none; }
.post .comments_number { color: #ccc; }
.post .meta { overflow: hidden; }
.post .meta h4{ font-size: 18px; font-weight: normal; padding: 0 10px 15px 10px; } 
.post .meta h5{ font-size: 10px; font-weight: normal; padding: 15px 10px 0 10px; }
.post .meta .author { width: 115px; border-right: 1px solid #ccc; }
.post .meta .date { width: 125px;  border-left: 1px solid #ccc; text-align: right; }
.post .meta .subtitle { width: 430px; overflow: hidden; }
.post .meta .subtitle p { padding: 10px 0; font-size: 18px;  font-weight: normal;}
.post P{ text-align: justify; line-height: 1.8em; margin-bottom: 20px;}
.post .entry { width: 430px; margin: 0 auto; }

.entry ul { list-style: square; }
.entry ol { list-style: decimal; }	
.entry li { line-height: 1.8em; margin-left: 20px; }


.single { margin-bottom: 35px; }
.single h2 { font-size: 26px; font-weight: normal; border-bottom: 3px double #ccc; display: block; padding-bottom: 5px; }
.single h2 a { color: #BA2800; text-decoration: none; }
.single h2 a:hover { color: #aa2800; text-decoration: none; }
.single .comments_number { color: #ccc; }
.single .meta { overflow: hidden; }
.single .meta h4{ font-size: 18px; font-weight: normal; padding: 0 10px 15px 10px; } 
.single .meta h5{ font-size: 10px; font-weight: normal; padding: 15px 10px 0 10px; }
.single .meta .author { width: 115px; border-right: 1px solid #ccc; }
.single .meta .subtitle { width: 575px; overflow: hidden; }
.single .meta .subtitle p { padding: 10px 0; font-size: 18px; font-weight: normal;}
.single P{ font-family: Georgia; text-align: justify; line-height: 1.8em; margin-bottom: 20px;}
.single .entry { padding-left: 150px; }


.single .bottom-meta { overflow: hidden; border-top: 3px double #ccc; }
.single .bottom-meta h4{ font-size: 18px; font-weight: normal; padding: 0 10px 5px 10px; } 
.single .bottom-meta h5{ font-size: 10px; font-weight: normal; padding: 15px 10px 0 10px; }
.single .bottom-meta .count { width: 115px; border-right: 1px solid #ccc; }
.single .bottom-meta .navi { width: 125px;  border-left: 1px solid #ccc; text-align: right; }
.single .bottom-meta .tags { width: 430px; overflow: hidden; }
.single .bottom-meta .tags p { padding: 10px 0; font-size: 18px; font-weight: normal;}
.single P{ text-align: justify; line-height: 1.8em; margin-bottom: 20px;}


/* -------- [COMMENTS] ---------- */
#comments { clear: both; overflow: hidden; }
#comments .commentlist { padding: 15px 0; }
#comments .commentlist li { border-top: 1px solid #eee; overflow: hidden; margin: 0;}
#comments .commentlist li ul li { margin-left: 20px; }

#comments .commentlist li .comment-author { float: left; width: 125px; }
#comments .commentlist li .comment-author h4{ font-size: 18px; font-weight: normal; padding: 0 10px 15px 0; } 
#comments .commentlist li .comment-author h5{ font-size: 10px; font-weight: normal; padding: 8px 10px 0 0; }

#comments .commentlist li .comment-avatar { padding: 5px 10px; float: right; }
#comments .commentlist li .comment-avatar .avatar { padding: 2px; border: 1px solid #eee; }

#comments .commentlist .the-comment { overflow: hidden; width: 460px; margin: 0 auto; }
#comments .commentlist .the-comment p { text-align: justify; line-height: 1.7em; margin: 10px 0; }
#comments .commentlist .the-comment .reply { margin-bottom: 10px; }

#comments .thread-alt { background-color: #f8f8f8; }
#comments .thread-even { background-color: white; }
#comments .odd { background-color: #f8f8f8; padding: 10px 0;}
#comments .even { background-color: white; padding: 10px 0;}

#comments #respond #submit{ margin: 0 0 5px auto; font-style: ; }
#comments #respond #commentform { margin: 5px 10px 0 0; }
#comments #respond #commentform input { width: 170px; padding: 2px; margin: 5px 0 4px 0; border: 1px solid #eee; font-family: Georgia; font-style: italic; }
#comments #respond #commentform textarea { width: 500px; padding: 2px; margin: 5px 0 4px 0; border: 1px solid #eee; font-family: Georgia; }

#comments #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ----------- SIDEBAR -----------*/
#sidebar { float: right; width: 195px; margin-top: 35px;}
#sidebar h3 { font: normal 18px Georgia; padding: 10px 0; }

#sidebar .custom { margin-bottom: 35px; border-top: 3px double #ccc; }
#sidebar .custom ul { list-style:  none; text-align: right; color: #ccc; font-size: 11px; }
#sidebar .custom ul li { border-bottom: 1px solid #ccc; padding: 6px 0; }
#sidebar .custom ul li a { text-align: left; float: left; font-size: 13px; display: block;}
#sidebar .custom li li { border: none; padding-left: 0; }

#sidebar .widget { margin-bottom: 35px; border-top: 3px double #ccc; }
#sidebar .widget ul { list-style:  none; }
#sidebar .widget ul li { border-bottom: 1px solid #ccc; padding: 6px 0; }
#sidebar .widget ul li a { text-align: left; font-size: 13px; }
#sidebar .widget li li { border: none; padding-left: 0; }

.search #searchsubmit { padding: 2px; background: #444; color: #fff; border: 1px solid #444; }
		
/* -------- [FOOTER] ---------- */
#footer { color: #fff; background: #333; border-top: 5px solid #BA2800; }
#footer #in { overflow: hidden; width: 950px; margin: 0 auto; }
#footer .box { width: 290px; padding: 10px 0; }
#footer a { color: #ccc; font-size: 13px; }
#footer h3 { font-weight: normal; font-size: 18px; }
#footer P{ text-align: justify; line-height: 1.8em; margin: 10px 0; font-size: 11px; border-bottom: 1px solid #ccc;}
#footer .custom ul { list-style:  none; text-align: right; font-size: 11px; margin: 10px 0; }
#footer .custom ul li { border-bottom: 1px solid #ccc; padding: 6px 0; }
#footer .custom ul li a { text-align: left; float: left; font-size: 13px; display: block;}
#footer .custom li li { border: none; padding-left: 0; }

#footer #credits { overflow: hidden; width: 950px; margin: 20px 0; }