/*  
Theme Name: HC-Grunge
Theme URI: http://www.hakkiceylan.com/
Description: for HC
Version: 1.0
Author: HC
*/

/* HTML Elements */
* { margin:0; padding:0; outline-style:none;}
body {background: #fff url(images/background.jpg) center top; color: #34404c; padding:0; margin:0;}
body, select, input, textarea {font-family: verdana, helvetica, sans-serif; }
code { color:#444; display:block; font-family:courier new,verdana,serif; font-weight:bold; padding:5px 15px; }
p {margin: 15px 0;}
a:link, a:visited, a:hover, a:active { text-decoration:none;}
hr {display: block; height:1px; background:#ddd; border:0;}
h1, h1 a, .likeh1 {font-size: 36px; margin: 35px 0 0 0; letter-spacing:-2px; color:#5F4747; font-weight:bold; clear:both;}
h4, h3, h2, h2 a {font-size: 26px; margin: 13px 0 13px 0; letter-spacing:-1px; color:#34404c; line-height: 1.2;}
h2 img {margin:0 0 -8px 4px;}
h6 {padding-top:19px; font-size: 18px; font-weight:normal;	line-height:20px;}
em {color: #5F6F7F; }
h1 img, h1 img a {border:0;background:none; }

address {font-size: 14px; margin: 8px 0;}
.description {text-transform:uppercase;letter-spacing:3px;word-spacing:6px;font-weight: normal;color:#999;margin-top:-3px;margin-left:2px;}
.clearfloat:after {display:block; visibility:hidden; clear:both; height:0; content:".";}
.clearfloat {display:inline-block}
.clearfloat {display:block}
.noborder{border:0 !important;}
.left {float:left;}
.right {float:right;}
img.centered{text-align: center;}
img.alignright,.alignright{text-align: right; margin:0 0 0 10px;}
img.alignright{float:right;}
img.alignleft, .alignleft{text-align: left; margin:0 10px 0 0;}
img.alignleft{float:left;}

#pagehead {height:136px; width:100%; margin:0 auto; padding:0; background: url(images/bg-footer.jpg);}
    #pagehead-i {height:135px; margin:0 auto; padding:0; text-align:center; background: url(images/header.jpg) no-repeat center top;}
        #pagehead-in {height:135px; width:960px; margin:0 auto; padding:0;text-align:center;}
        #pagehead-in img, #pagehead-in img a{border:0; width:500px; height:130px;}

#pagenav {margin:0 auto; padding: 0; width:100%; background:url(images/bg-nav.png) repeat-x center bottom;}
    #pagenav-in {margin:0 auto; padding: 0; width:100%; width:960px; text-align:center;}
        #nav {font-size: 18px; text-transform: uppercase; letter-spacing: -0.4px; color:#ccc; float:left}
        #nav, #nav ul {list-style: none;}
        #nav img {border:0;margin:-4px 4px -4px 0;}
        #nav a, #nav a:hover {color:#fff;}
        #nav li {float: left; list-style:none;}
        #nav a {display:block; color:#ccc; padding:10px 36px 16px 0px;}
        #nav a:hover, #nav a:active, .current_page_item a {color:#ffeb8f;}

#page {margin:0 auto; width:100%; }
    #page-in {margin:0 auto; width:960px; padding-bottom:20px;}
        .yazilar-in-single ul, .yazilar-in-single ol {margin-left:35px;}
        .yazilar-in-single ul li, .yazilar-in-single ol li {line-height:28px;}
        #page-in blockquote {margin:5px 0; padding: 8px 20px 8px 45px; background: url(images/acikbg.png) repeat;}
        #page-in blockquote p {background: url(images/acik.png) no-repeat; margin-left:-32px; padding-left: 45px;}
        #page-in h3 {padding:10px 0 5px 0; font-family:verdana, sans-serif; color:#2B373F; font-size:24px; line-height:1.3; letter-spacing:-1px;font-weight:normal;}

    #page-in-proje1 {float:left; width:630px;}
    #page-in-proje2 {float:right; width:280px; margin-top:7px;}
    #page-in-proje1 h2, #page-in-proje2 h2 {background:url(images/starx.png) no-repeat left center; padding-left:30px;}
        #page-in-proje2 ul {list-style-type:none; padding-left:7px; margin-top:20px;}
            #page-in-proje2 ul li {list-style-type:none; background:url(images/starxa.png) no-repeat left center; padding-left:20px;padding-bottom:2px;}
            
    #page-in a {background:url(images/a_bg1.png);}
    #page-in a:hover {background:url(images/a_bg.png);}
        .yazilar {clear:both; border-bottom:2px dashed #ccc; margin:0; padding:15px 0;font-family:verdana, sans-serif; color:#41525F; font-size:18px; line-height:1.5; letter-spacing:-.5px;}
        .yazilar a {color: #34404c;}        
        .yazilar img, .yazilar img a { border:12px solid #fff; }
        .yazilar-in-img {float:left;margin-top:10px; width:366px; height:244px;clear:both;}
        .yazilar-in-img a, .yazilar-in-img a:hover {text-decoration:none; background:none;}
         
        .yazilar-in {float:left; padding-left:10px; width:584px;margin-top:5px; text-align:justify;}
        .yazilar-in-single {padding:0px; margin-top:5px;line-height:1.3; }        
        .dark {background: url(images/b_bg.png);}

#pagefooter {margin:0; padding:0; height:40px; width:100%; background:url(images/bg-footer.png) repeat-x center top;}
#pagefooterb {margin:0; padding:0; width:100%; background: url(images/bg-footer.jpg); height:550px; }
    #pagefooterb-in {margin:0 auto; width:960px; padding:0; }
    #pagefooterb-a, #pagefooterb-b, #pagefooterb-c  {width:300px; float:left; margin-top:20px; color:#ccc; font-size:16px; letter-spacing:-0.2px;}
        #pagefooterb-a, #pagefooterb-b {font-size:14px;}
        #pagefooterb-a h3, #pagefooterb-b h3, #pagefooterb-c h3  {font-size: 24px; color:#ffe692; background:url(images/star.png) no-repeat left -3px; padding-left:30px;}
        #pagefooterb-a a, #pagefooterb-b a, #pagefooterb-c a  {color:#ccc;}
        
    #pagefooterb-a {padding:0; margin:0 15px 25px 0;}
    #pagefooterb-b {padding:0; margin: 0 15px 25px 15px;}
    #pagefooterb-c {padding:0; margin:0 0 25px 15px;}
    #pagefooterb-d {width:960px; clear:both; color:#aaa; font-size:13px;text-align:center; padding:10px 0 0 0; border-top:1px dashed #666;}
    #pagefooterb-d a {color:#aaa;}
    #pagefooterb-d a:hover {background:url(images/b_bg.png);color:#eee;}

#pagefooterb-a ol, #pagefooterb-b ol, #pagefooterb-c ol { list-style-type: decimal; margin-left:16px;}
#pagefooterb-a ol li, #pagefooterb-b ol li, #pagefooterb-c  ol li  {margin:0 0 0 20px;}
#pagefooterb-a ul, #pagefooterb-b ul, #pagefooterb-c  ul { margin-top:10px; list-style-type: none; border-top:1px dashed #666;}
#pagefooterb-b ul { margin-top:25px;}
#pagefooterb-a ul li,#pagefooterb-b ul li, #pagefooterb-c  ul li {margin: 0; padding: 10px 2px; border-bottom:1px dashed #666;line-height:13px;}
#pagefooterb-b ul li {line-height:16px;}
#pagefooterb-a ul li:hover, #pagefooterb-b ul li:hover, #pagefooterb-c ul li:hover {background:url(images/b_bg.png);}
    .twitter {background:url(images/twitter_16.png) center left no-repeat; padding-left:25px;}
    .facebook {background:url(images/facebook_16.png) center left no-repeat; padding-left:25px;}
    .friendfeed {background:url(images/friendfeed_16.png) center left no-repeat; padding-left:25px;}
    .linkedin {background:url(images/linkedin_16.png) center left no-repeat; padding-left:25px;}
    .andlog {background:url(images/andlog_16.png) center left no-repeat; padding-left:25px;}
    .deviantart {background:url(images/deviantart_16.png) center left no-repeat; padding-left:25px;}
    .picasa {background:url(images/picasa_16.png) center left no-repeat; padding-left:25px;}
    .flickr {background:url(images/flickr_16.png) center left no-repeat; padding-left:25px;}
    .panoramio {background:url(images/panoramio_16.png) center left no-repeat; padding-left:25px;}
    .rssk {background:url(images/rss_16.png) center left no-repeat; padding-left:25px;}
    
/*Download Manager */
.download_manager {clear:both; background: url(images/download.png) no-repeat top left; height:60px; border:0; padding:10px 5px 0 5px; margin:0;}
.download_manager a {color:#5F4747; font-weight:bold;}
.download_manager a:hover { color:#000;}
.download_manager img {border:0; padding:0; margin:0;}

/* pagenavi */
.wp-pagenavi { font-family:georgia,times,serif; font-size:14px; font-weight:bold; height:40px; padding-top:20px; text-align:center; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {padding: 8px 12px; margin: 1px; text-decoration: none; color: #666; background-color: #e3ebfe;}
.wp-pagenavi a:hover { color: #000;}
.wp-pagenavi span.pages {padding: 4px 8px; margin: 2px; color: #fff; background-color: #fff;}
.wp-pagenavi span.current {padding: 8px 12px; margin: 2px;color: #fff; background:url(images/bg-footer.jpg) center top; }
.wp-pagenavi span.extend {padding: 4px 8px; margin: 2px; border: 0; color: #444; }

/* contactform */
.wpcf7 {font-weight:bold;color:#666;}
.wpcf7 select, .wpcf7 input, .wpcf7 textarea {width:350px;padding:3px;background:#f5f5f5; border: 2px solid #ddd;float:right;}
.wpcf7 textarea {height:140px; font-size:14px;}
.wpcf7 input, .wpcf7 textarea {margin-top:15px;}
.wpcf7-response-output{margin:30px 0 0 60px;color:#f60;}

/* comments */
#commentform-container {padding:20px 0;}
.avatar {clear:both; width:48px; height:48px; border: 6px solid #fff; float:left; margin:5px 10px 0 0; }
#information, #infotext {color:#41525f; font-size:18px; line-height:1.2; letter-spacing:-.2px;}
#information {margin-left: 10px;}
#infotext {margin-left:20px;}
#commentform {padding-bottom:20px; font-family:verdana, sans-serif; color:#41525F; font-size:18px; line-height:1.3; letter-spacing:-.2px; }
#commentform a { color:#34404c;} 
#commentform input {color:#999; background:#fff; margin-top:7px; font-size:16px; }
#commentform input:focus {border-color:#666; color:#666;background:#fff; }
#commentform textarea {width:565px; height:166px; margin-top:6px; padding:5px; border:1px dashed #aaa; color:#999; background:#fff; font-size:16px; }
#commentform textarea:focus {border-color:#666; color:#666; background:#fff; }
.commklas {padding:6px; border:1px dashed #aaa; color:#666; width:320px; font-size:14px; }
.commandbutton {cursor:pointer; padding:5px 25px; border:1px dashed #aaa; text-align:center; float:right;background:#41525F !important; color:#ccc !important;}
.comments-top{padding:10px 0 5px 0;}

ol.commentlist, .cancel-comment-reply small {list-style-type:none; padding: 0; margin-left:0 !important; font-family:verdana, sans-serif; color:#5F4747; font-size:18px; line-height:1.3; letter-spacing:-.2px; font-style:normal; }
ol.commentlist a, .cancel-comment-reply a {color:#34404c;}
ol.commentlist cite, ol.commentlist strong { font-style:normal; }
.commentlist li.clearfloat, .commentlist li {margin:10px 0;padding: 5px 0 0 0; clear:both; border-top:2px dashed #bbb; min-height:88px;}
.says {display:none;}

.vcard { font-size:24px; line-height:40px; padding-top:10px; letter-spacing:-2px;}
.commentmetadata{margin-top:0px;}
.comment-body p { clear:both; margin:5px 0;}
.comment-reply-link {float:right;}
.navigation { border-top:2px dashed #aaa; border-bottom:0; margin:30px 0; padding:8px 300px; color:#34404C;}
.navigation a { color:#000;}
li.depth-2 {margin-left:80px; list-style-type:none;}

#rpx_comment_hint {font-size:18px; color:#8F4435; padding:50px 0; border-top:1px dashed #666; letter-spacing:-1px;}
#rpx_comment_hint a {color:#8F4435; font-weight:bold; float:right;}
#rpx_comment_hint a:hover {color:#000;}
img.rpx_provider_image {border:0; float:right;}

cite img, cite img a {border:0; } 

/* Flickr */
.flickr-square img, .flickr-square img a {float:left; border:0; padding:6px; margin-left:10px; margin-top:10px; background:#f5f5f5;}
.flickr-small img, .flickr-small img a {float:left; border:0; padding:10px; margin-left:15px; margin-top:15px; background:#f5f5f5;}
.flickr-square img:hover, .flickr-small img:hover {background:#34404C;}
.flickr-squaretop img, .flickr-squaretop img a {float:left; border:0; padding:0 1px 1px 0; margin:0px; background:#eee;}
.flickr-squaretop img:hover {background:#34404C;}

/* Search */
.header-search {padding-bottom:8px; background:url("images/srcbg.png") no-repeat; height:80px;}
#searchform {margin:15px 0; padding:0; color:#999; font-size:13px;}
#s { background:#eee; border:0 none; color:#666; margin:30px 0 0 45px; padding:0; width:220px; }

#searchformbuyuk {color:#999; margin:40px 0 10px 0;}
#sbuyuk {padding:5px 10px; border:4px solid #ccc; background:#eee; font-size:24px; color:#666; width:300px;}
#sbuyuk:focus {border-color:#FFEB8F; background:#fff; color:#333;}
.searchpic {border:0;margin:-12px 0 -12px 10px; padding:0;}

/* extras */
.px13 {font-size:13px;}
#creditfooter img{display:none;}
.feedburnerFeedBlock li {border-bottom:1px dashed #CFE5FF;margin:5px 0;padding:5px 0;}
#picasa-widget{list-style-type: none;}
#hc-footer{clear:both;margin-left:5px;}
.footersq{width:100px; height:100px; float:left; margin-right:7px; border: 1px solid red;}
img.wp-smiley {border:0 !important;margin:0 !important;padding:0 !important;}
#projeler th, #projeler td {padding:10px 5px; border-top:1px dashed #666;}
#header-note {border-bottom:3px solid #e6bc67;border-top:3px solid #e6bc67; color:#c93; background:url(images/bag_64x64.png) no-repeat scroll 10px 50% #FFF3CE; padding:15px 15px 15px 80px; font-size:18px; margin-top:20px;}
#slider-f li.flickr-square img, #slider-f li.flickr-square img a{margin:0;padding: 0 1px 0 0 ;}
#hc-fotograf{margin:30px 0 0 0;}
.subscribe-to-comments{float:right; margin-right:200px; margin-top:-30px;}