/*  
Theme Name:HC BO
Theme URI:http://www.hakkiceylan.com/
Description:Bloglama
Version:1.0
Author:Hakkı Ceylan
*/

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none;}
:focus, a:focus, a:active {outline: 0;}
table{border-collapse: collapse; border-spacing: 0;}
.clearfloat:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfloat {display: inline-block;}
* html .clearfloat {height: 1%;}
.clearfloat {display: block;}
.left {float:left;}
.right {float:right;}
img.centered{text-align: center;}
img.alignright,.alignright{text-align: right; margin:0 0 10px 0;}
img.alignright{float:right; margin-left:10px;}
img.alignleft, .alignleft{text-align: left; margin:0 10px 0 0;}
img.alignleft{float:left; margin-right:10px;}
.alignright{float:right; margin-left:10px;}
.alignleft{float:left; margin-right:10px;}
.wp-caption { background-color:#fff; border:1px solid #ccc; margin:10px; padding-top:5px; text-align:center; font-size:12px;}
blockquote {color: #aaa;  font-style: italic; margin: 20px 10px; background: url(images/blockquote.gif) no-repeat; text-indent: 30px;}
body { font-family: arial, helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-color: #7A7A7A; width: 100%; min-width:930px;}
a {color:#3394d1; text-decoration: none; }
a:hover {color:#333;}

#body-top{width:100%; height:50px; background:#3d3d3d url(images/bo_top.jpg) repeat-x center top;}
    #top_menus {float:left; padding: 4px 0 0 200px; height: 44px; z-index: 1; color:#fff; font-weight: bold; line-height: 44px; }
    #top_menus a { color: inherit; text-decoration: none;}
    #top_menus ul {display: inline;}
    #top_menus li {list-style: none; display:inline; margin:0 4px 0 0; font-size: 14px; color:#fff;-moz-border-radius:7px; padding:5px; }    
    #top_menus li a {padding:5px 10px; -moz-border-radius:5px; }    
    #top_menus li a:hover {background-color:#222;}    
    #top_menus li.selected {background-color:#222;}

    #right_menus {float:right; padding: 0px; height: 44px;  z-index: 1; color:#fff;  line-height: 44px; }
    #right_menus a { color: inherit; text-decoration: none;}
    #right_menus ul {display: inline;}
    #right_menus li {list-style: none; display:inline; margin:0; font-size: 13px; color:#fff;-moz-border-radius:7px; }
    #right_menus li a {padding:5px; -moz-border-radius:5px; }    
    #right_menus li a:hover {background-color:#222;}    
    #right_menus li.selected {background-color:#222;}

div#column2{margin: 0; padding: 0; background-image: url(images/whiteR.jpg); background-position: right; background-repeat: repeat-y; width: 100%; background-color: #7a7a7a}
div#column1 { margin: 0px; padding: 0px; background-image: url(images/whiteL.jpg); background-repeat: repeat-y; width: 100%;min-width:930px;}
div#navcol { padding: 0px; width: 182px; float: left; }
div#main { padding: 0px; margin-left: 182px; margin-right: 226px; }
div#sidecol { padding: 0px; width: 226px; float: right; }
div#foot { border-top: solid #000 1px; background-color: #CCC; padding: 10px;text-align: center; clear: both;}
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0;  padding: 0;}
#main-in {margin:0; padding:0; width:100%; background: #7a7a7a url(images/grey.jpg) repeat-x center top; }

#main-footer {color:#bbb; font-size:11px; }
#main-footer a {color:#ccc;}
#main-footer a:hover {color:#fff;}
    #main-footer-top {text-align:left; margin:20px 25px 10px 25px; background:url(images/bbbbbb.gif) repeat center left;}
    #main-footer-top span {background:#7a7a7a;}
    #main-footer-left {float:left;padding-bottom:20px; padding-left:25px;}
    #main-footer-right {float:right;padding-bottom:20px; padding-right:25px;}

#navcol-in{background: url(images/left-bg.jpg) no-repeat top left; width:181px;padding-right:1px;}
#sidecol-in{background: url(images/right-bg.jpg) no-repeat top left; width:225px; padding-top:30px;padding-left:1px;}



#left_content { text-align: center; }
#left_content p { color: #666; font-weight: bold; font-size: 15px; padding:10px 12px;line-height:24px;}
#left_content img { margin-top:8px; }

#searchbar {color: white; font-weight: bold; position: relative; top: 0px; z-index: 10; width:95%;}

td.searchbar_middle { background-image: url("images/searchbar_mid.png"); background-repeat: repeat-x; height: 78px; width: 100%; }
td.searchbar_middle input {background:none;border:none; font-size:20px; width:98%; padding-left:10px; color: #BBB; }
td.main-top-middle { background-image: url(images/main-top-middle.png); background-repeat: repeat-x; height: 20px; width: 100%; }
td.main-mid-left { background-image: url(images/main-mid-left.png); background-repeat: repeat-y; width: 20px; }
td.main-mid-middle { background: #ededed; width: 100%;padding-bottom:20px; text-align:left;}
td.main-mid-right { background-image: url(images/main-mid-right.png); background-repeat: repeat-y; width: 20px; }
td.main-mid-left0 { background-image: url(images/main-mid-left0.png); background-repeat: repeat-y; width: 20px; }
td.main-mid-middle0 { background: #2e2e2e; width: 100%;padding-top:10px;text-align:left;}
td.main-mid-right0 { background-image: url(images/main-mid-right0.png); background-repeat: repeat-y; width: 20px; }
td.main-bottom-middle { background-image: url("images/main-bottom-middle.png"); background-repeat: repeat-x; height: 20px; width: 100%; }

.post {margin: 10px 5px 15px 5px; clear:both;}
    .post h2 {font-size:20px; color:#3394d1;}        
            .post h2 a:hover {color:#333;}
    .tags {margin-top:2px; font-size:12px; color:#999;}
.entry {margin-top:10px; font-size:14px; color:#666; line-height:18px;}
    .entry p{margin: 10px 0;}
h2.pagetitle {font-size:20px; color:#444; padding-bottom:15px;}

.entry ol, .entry ul {padding-left:30px;}

#der1 {width:33%; float:left; margin:0; padding:0;}
    #der1-in {margin:0 10px 0 0;}
#der2 {width:34%; float:left; margin:0; padding:0;}
    #der2-in {margin:0 10px 0 10px;}
#der3 {width:33%; float:left; margin:0; padding:0;}
    #der3-in {margin:0 0 0 10px;}    

.AltSol, .AltOrta, .AltSag {color:#ccc;}
.AltSol ul, .AltOrta ul, .AltSag ul {padding-left:15px;}
.AltSol ul li, .AltOrta ul li, .AltSag ul li {padding:5px 0;}
.AltSol a, .AltOrta a, .AltSag a {color:#ccc;}
    .AltSol a:hover, .AltOrta a:hover, .AltSag a:hover {color:#fff;}
.AltSol h2, .AltOrta h2, .AltSag h2  {font-size:18px; line-height:28px;}
.AltSol h2 {color:#c36;}
.AltOrta h2, .AltSag h2 {color:#3394d1;}








/*pagenavi-hc*/
.wp-pagenavi{text-align:center; font-size:12px; margin-top:20px; padding-bottom:10px;}
.wp-pagenavi span.pages, .wp-pagenavi span.extend {background-color:#EEE;border:1px solid #CCC;color:#666;margin:2px;padding:4px 9px;}
.wp-pagenavi span.current {background-color:#ddd;border:1px solid #CCC;color:#333;margin:2px;padding:4px 9px;}
.wp-pagenavi a:visited {background-color:#EEE;border:1px solid #CCC;color:#666;margin:2px;padding:4px 9px;text-decoration:none;}
.wp-pagenavi a, .wp-pagenavi a:link {background-color:#EEE;border:1px solid #CCC;color:#666;margin:2px;padding:4px 9px;text-decoration:none;}
.wp-pagenavi a:hover {background-color:#ddd;border:1px solid #ccc;color:#333;}

/*comments*/
.commentlist {margin-left:30px; margin-top:10px; list-style-type:none; color:#666;}
.children {margin-left:0px; margin-top:0; list-style-type:none;}
li.depth-2 .comment-body {margin-top:5px !important; padding-top:10px; padding-left:30px;}
li.depth-3 .comment-body {margin-top:5px !important; padding-top:10px; padding-left:50px;}
li.depth-4 .comment-body {margin-top:5px !important; padding-top:10px; padding-left:70px;}
.depth-1, .depth-2, .depth-3, .depth-4 {background:#fff;-moz-border-radius:4px; margin-right:15px;}
.comment-body {margin-top:25px;overflow:hidden;}
.comment-body p {clear:both; font-size:13px; margin-bottom:14px; padding:8px 20px;}
.comment-body em {display:inline; font-size:14px; color:#D81E05;margin-right:30px;float:right;}
.vcard { padding:17px 0 0 10px; font-size:14px;}
.vcard a, .fn, .says, .navigation a, .reply a {color:#2C93EF; font-style: normal; font-weight: bold;}
.reply a:hover {color:#fff;}
.avatar {margin:0 0 0 10px; padding-right:10px; float:left;}
h3#comments, #respond h3 { margin-left:30px; padding:0 0 15px 0; font-size:18px; color:#666;}
#commentform {font-size:12px; margin-left:25px; }
#commentform p {padding:5px;}
#commentform input {padding:5px; border:1px solid #ccc;}
#commentform textarea {width:90%; height:145px; color:#999; border:1px solid #ccc;  background:#fff; font-family:arial, sans-serif; padding:5px;}

#bo-blog{margin:0;padding:0 0 8px 8px;-moz-border-radius:0 0 4px 4px;color:#eee; background:#b63132;font-size:20px;margin-top:-10px; text-align:center;}