/*  
Theme Name: Mobil Kasaba v1.0
Theme URI: http://www.eburhan.com/mobil-icerikli-siteler-icin-hazirladigim-wordpress-temasi/
Description: Bu tema <a href="http://www.templatepanic.com/article/iphone-blog-wordpress-theme">iPhone Blog</a> teması üzerinden geliştirilmiştir.
Author: Erhan BURHAN
Author URI: http://www.eburhan.com/
*/


/* -------------------- GENERAL -------------------- */
body { font: normal 11px/18px Verdana, Arial, Helvetica; background:#89898a url(i/arka_body.gif) 0 0 repeat fixed; margin: 0; padding: 0; }
#kapsayici { margin:0 auto; padding:0; width:960px; }
#ortaBolum { height:100%; overflow:hidden; background:#f7f7f7 url(i/iphone.jpg) right bottom no-repeat; width:960px; }
a, a:link { text-decoration: none; color: #0072bc; }
a:hover { text-decoration: underline; color: #c83e3e; }
a img {border:0}
hr { border: none; border-top: 1px solid #ccc; }
blockquote{border: 1px dotted #ddd;border-left: 5px solid #ddd;padding: 0 10px;background: #f3f5ff url(i/blockquote.png) 98% 95% no-repeat;font-style: italic;}
pre{border: 1px dotted #ddd; padding: 10px; background-color: #f3f5ff;}


/* -------------------- HEADER -------------------- */
#header{ background:#666; height:144px; margin:0; padding:0; overflow:hidden; background:#232323 url(i/header.jpg) 0 0 no-repeat;}
#header h1 {margin: 22px 0px 0px 25px; width: 230px;}
#header h1 a { display: block; outline: none; width: 100%; height: 100px; text-indent: -99999px;}
#slogan { display:none; }


/* -------------------- NAV -------------------- */
#navbox {background: url(i/arka_nav_2.png) 0 0 repeat; overflow: hidden; height: 30px; border-bottom:1px solid #555;}
#nav { float:left; margin-left:20px; }
ul.nav { height:25px; line-height:28px; float:left; list-style:none; font-size:12px; font-weight:bold; margin:0; padding:0; }
ul.nav li { float: left !important; list-style-type: none; margin: 0; padding: 0; }
ul.nav li ul { float: left; margin: 0; padding: 0; }
ul.nav li a, ul.nav li a:link, ul.nav li a:visited { border-left: 0; color: #eee; float: left; display: block; text-decoration: none; padding: 0 10px 5px; }
ul.nav li a:hover{ color: #fff; text-decoration: none;  background: url(i/arka_nav_1.png) 0 0 repeat}
ul.nav li.current_page_item a { text-decoration: none; color: #f2f2f2; background: url(i/arka_nav_1.png) 0 0 repeat;}


/* -------------------- SEARCH -------------------- */
#searchform {float:right;margin: 4px 80px 2px 0;width:222px;}
#searchform #s {margin:0;padding: 3px 5px;width:100%;color:#999;background: url(i/arka_nav_1.png);border:0;}
#searchform #submit {border:none; width: 25px;}


/* -------------------- POST -------------------- */
#content { width: 630px; float:left; }
.post { color:#222; margin:10px; background: url(i/post_ort.png) 0 0 repeat-y; }
.post-ust { position:relative; clear:left; padding:15px 10px 0; background: url(i/post_ust.png) 0 0 no-repeat;}
.post-alt { padding:2px 20px 8px; background: url(i/post_alt.png) bottom left no-repeat; }

.post-ust h2 { font-size: 20px; font-weight:normal; margin:0; padding-left:10px; }
.post-ust h2 a { color: #0054a6; }
.post-ust h2 a:hover { color: #c83e3e; text-decoration:none }
.postauthor { padding:0; font-size:10px; color:#666; }
.postalper {background-color:#f3f5ff; border:1px solid #fff; margin-top:30px; padding:5px; }
.post h3 { font-size:14px; }
.post img {padding:1px; border:5px solid #eee; background-color:#ddd;}
.post strong { color:#333; }
.post ul { list-style:none; margin:16px 0 20px;}
.post 0l { list-style:decimal; margin:16px 0 20px;}
.post ol li {list-style-position: inside; margin:5px 0;}
.post ul li {padding:0 0 0 12px; background: url(i/bullet.gif) 0em 0.5em no-repeat; margin:5px 0;}

.post td, .post th {border: 1px solid #e9e9e9;}
.post tfoot td {text-align: right; font-style:italic;}
.post caption {font-size: 125%; font-weight: bold;background-color:#f3f5ff; padding: 5px 0;}

.postdate { float:left; margin:0 12px 0 0; padding: 3px 10px 0px; border-right:1px solid #ddd; text-align:center;  }
.postdate small { font-size: 9px; color:#666; }
.postdate .month { display: block; text-transform: uppercase; font-size: 9px; background:#fff}
.postdate .day { display: block; font-size: 22px; letter-spacing: -1px; font-weight: normal; color:#777;}
.postdate .year { display: block;}

.notes{ padding:10px 25px 0px; }
.notes p{ background-color:#f3f5ff; border:1px solid #eee; padding:5px; }
.etiketler { padding:0; font-size:10px; color:#666; }
.relatedposts { color: #666; margin:10px 15px 0; padding: 0 5px 5px 5px; font-size:10px; border:1px solid #f5f5f5; }
img.wp-smiley { border: none; padding: 0; }


/* -------------------- Önceki-sonraki yazılar kısmı -------------------- */
.navigation { overflow:hidden; height:100%; color:#666; padding:8px 16px 16px; font-size:12px; }
.sol { float:left; } 
.sag { float:right; }


/* -------------------- ABONELİK -------------------- */
#abonelik {width:300px; float:right;  margin:14px 10px 0px 0px;padding:5px; border:1px solid #eee; background: #f3f3f3 url(i/rss.png) 96% 50% no-repeat; }
#abonelik ul { margin:0; padding:8px 16px; }
#abonelik ul li { margin:3px 0; list-style:none; font-size:12px; }


/* -------------------- SIDEBAR -------------------- */
#sidebar { width:300px; float:right; margin:10px 10px 0px 0px; padding:5px; background-color: #f3f3f3; border:1px solid #eee; }
#sidebar h2 { font-size:15px; font-weight: bold; text-align:center; margin: 0 0 10px; padding:6px 0px; color:#444; background: url(i/sidebar_h2.png) 0 0 no-repeat;}
#sidebar ul { list-style-type: none; margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; margin: 0 0 25px; padding: 0; }
#sidebar ul li ul{ list-style-type: square; margin: 0; padding: 0 5px; }
#sidebar ul li ul li{ list-style:none; margin:5px 0 5px 10px; padding:0 0 0 12px; background: url(i/bullet.gif) 0em 0.5em no-repeat; }
#sidebar p { padding: 0 5px; }
#sidebar #reklamlar{ text-align:center;}
#sidebar #reklamlar img { border: 1px solid #ddd; padding:1px; margin:0 5px;}


/*-------------------- Comment --------------------*/
.commentsbox { background-color:#fff; border:1px solid #e5e5e5; color:#333; float:left; margin:12px 15px 15px 25px; width:520px; }
.commentsbox p { margin: 0; padding: 0; }
.commentsbox img { border: 1px solid #eee; margin: 3px; }
#commentlist { list-style-position:outside; list-style-type:decimal;}
#commentlist li { padding:10px; margin-right:20px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; }
#commentlist li.alt { background-color: #f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.comment-title { margin: 0 0 0 0px; font-size: 11px; color: #666;}
.comment-title a:link { color: #0072bc; }
.comment-title a:hover { color: #666; }
.comment-title img.avatar{float: left; margin-right: 5px;}
.comment-text { margin-top:10px; }
.comment-text p { margin:10px 0; }
p.comment-link{ text-align:right; padding-right:30px;}
h2.postcomment { margin:0; padding:20px 15px 0px 15px; font-size:20px; font-weight:normal;}
.postcomment { clear: both; margin: 20px 0 0 0; padding: 0px 30px 10px; }
.postcomment input, .postcomment textarea { border: 1px solid #ccc; background: #f5f5f5; padding:2px; }
.postcomment input:hover, .postcomment textarea:hover { border: 1px solid #bbb; background: #fff; }
.postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; }
.postcomment textarea#comment { width: 100% !important; /* IE hack */ height:150px; }
.postcomment input#submit { width:auto; height:25px; margin:5px 0; padding: 2px 10px 3px 10px; background: #f5f5f5; cursor:pointer; font-weight:bold; }
.postcomment input#submit:hover { background: #fff; }


/* -------------------- FOOTER -------------------- */
#footer { background: #222 url(i/footer.png) 0 0 repeat-x; height:55px; clear:both; color:#ccc; font-size:9px; margin:0; }
#footer a, .footer a:link { text-decoration: none; color: #fff; }
#footer a:hover { text-decoration: none; color: #ccc; }
#footer p.sol {text-align: left; margin-top: 22px; margin-left: 20px;}
#footer p.sag {text-align: right; margin-right: 20px;}