/*
Theme Name: Hasan Yalcin 2012
Theme URI: http://www.hasanyalcin.com
Author: Bilal Cinarli
Author URI: http://bcinarli.com
Description: Hasan Yalçın'ın kendi blogu için hazırlamış olduğu tasarımdan oluşturulmuş wordpress teması. İki farklı renk seçeneği ve özel hazırlanmış slideshowu bulunmaktadır.
Version: 0.1
Tags: dark, light, two color, sidebar, sidebar widgets
*/

 @import url('styles/global.css');

 /*------------ Layout ------------*/
    body { font: 12px/1.3 sans-serif; direction: ltr; }

    #wrapper, #masthead, #content, #primary, #secondary, #colophon { position: relative; }
    #masthead, #content { width: 980px; margin: 0 auto; }
    
    #wrapper { top: 0; left: 0; width: 100%; min-height: 100%; margin: 0 auto -399px; background: url(images/rainbow.png) center 1500px no-repeat; }
        #masthead { height: 160px; margin-bottom: 20px; padding-top: 20px; }
            #primary { float: left; width: 660px; }
            #secondary { float: right; width: 300px; }
        #push { clear: both; height: 399px; }
    #mastfoot { height: 399px; background: url(images/footer-logo.png) bottom center no-repeat; }
        #mastfoot .content { height: 399px; background: url(images/footer.png) top repeat-x; }
            #colophon { width: 980px; margin: 0 auto; padding-top: 2px; }
 /*------------ Layout ------------*/

 /*------------ Round ------------*/
    #access,
    #menu-item-2338 a,
    input[type="text"], textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    
    .comment-count,
    .categories a { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
 /*------------ Round ------------*/
 
 /*------------ Form ------------*/
    input[type="text"], textarea { padding: 5px; background: #eee; }
 /*------------ Form ------------*/ 
 
 /*------------ Header ------------*/
    #branding { overflow: hidden; width: 367px; height: 94px; background: top left no-repeat; }
        #branding a { display: block; padding-top: 94px; }
        
    #searchform { position: absolute; top: 49px; right: 0; width: 300px; }
        #searchform label, #s { color: #838383; font: 14px/1 sans-serif; }
        #searchform label { position: absolute; z-index: 1; top: 7px; left: 7px; }
        #s { position: absolute; width: 288px; }
        #searchsubmit { position: absolute; top: 0; right: 0; width: 27px; height: 27px; border: none; background: url(images/magnify.png) center no-repeat; text-indent: -9999px; }
        
    .assistive-text { position: absolute; clip: rect(1px, 1px, 1px, 1px); }

    .color-switch { position: absolute; right: 10px; bottom: 9px; }
        .color-switch a { position: relative; display: inline-block; width: 49px; height: 17px; background: top left no-repeat; text-indent: -9999px; vertical-align: bottom; }
        .color-switch a:hover:before { content: ''; position: absolute; top: -35px; left: -100px; display: block; width: 136px; height: 29px; background-repeat: no-repeat; }
        .color-switch .preview { display: inline-block; width: 16px; height: 15px; margin: 0 0 1px 3px; vertical-align: bottom; }
 /*------------ Header ------------*/
 
 /*------------ Navigation ------------*/
    #access { position: absolute; top: 140px; width: 100%; height: 38px; border: 1px solid; }
        #menu-main-nav li { float: left; border-left: 1px solid; }
        #menu-main-nav li:first-child { border-left: none; }
            #menu-main-nav a { display: block; padding: 12px 21px; font-size: 14px; font-weight: bold; line-height: 1; }
            .menu-item a:hover { color: #f60; }
            #menu-item-2337 a { width: 17px; background: center no-repeat; text-indent: -9999px; }
            #menu-item-2338 a { margin: 6px 20px; padding: 7px 9px; background: url(images/nav-portfolio.png) center repeat-x; font-size: 12px; color: #995701; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
            #menu-item-2339 a { margin: 12px 0 11px 20px; padding: 0 0 0 20px; background: left center no-repeat; font-size: 12px; font-weight: bold; line-height: 16px; }
 /*------------ Navigation ------------*/

 /*------------ Content ------------*/
 /*------------ Headline ------------*/
    #headline { position: relative; overflow: hidden; width: 660px; height: 280px; margin-bottom: 20px; }
    .headline-element { position: absolute; overflow: hidden; top: 0; left: 0; width: 660px; height: 280px; }
        .headline-element .entry-thumbnail img { height: 280px; }
        .headline-content { position: absolute; bottom: 0; left: 0; width: 640px; padding: 10px; background: url(images/slider.png); color: #fff; }
            .headline-content h2 { margin-bottom: 5px; color: #fff; font: 22px/1 Cambria, Georgia, sans-serif; }
            .headline-content a { color: #fff; text-decoration: none; }
    #headline .prevnext { position: absolute; top: 10px; right: 10px; width: 72px; }
        #headline .prevnext a { display: inline-block; cursor: pointer; width: 34px; height: 34px; background: url(images/next-prev.png) no-repeat; text-indent: -9999px; }
        #headline .prevnext .prev { background-position: 0 0; }
        #headline .prevnext .next { background-position: top right; }
    #headline-nav { position: absolute; left: -9999px; }
 /*------------ Headline ------------*/
 
 /*------------ Loop ------------*/ 
    .page-title { margin-bottom: 15px; font: bold 32px/1 Cambria, Georgia, sans-serif; }
 
    .hentry { position: relative; margin-bottom: 20px; border: 1px solid #bdbdbd; background: #fff; }
        .hentry:after, #headline:after { content: ""; position: absolute; display: block; left: 0; bottom: -21px; width: 660px; height: 21px; background: url(images/shadow-big.png) top left no-repeat; }
        .hentry .entry-thumbnail { overflow: hidden; display: block; max-height: 240px; }
            .entry-thumbnail img { width: 660px; vertical-align: bottom; }

        .entry-title { margin: 10px 20px; color: #010101; font: 24px/1 Cambria, serif; }
            .entry-title a { color: #010101; text-decoration: none; }
            .entry-title a:hover { color: #f60; }
        
        .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 5px; color: #010101; font-family: Cambria, sans-serif; font-weight: bold; }
        .entry-content h2 { font-size: 20px; }
        .entry-content h3 { font-size: 18px; }
        .entry-content h4 { font-size: 17px; }
        .entry-content h5 { font-size: 16px; }
        .entry-content h6 { font-size: 15px; }
        
        .entry-content ol { counter-reset: item; }
            .entry-content li { position: relative; padding-left: 15px; }
                .entry-content li:before { content: ""; position: absolute; display: block; }
                .entry-content ul li:before { top: 5px; left: 2px; width: 5px; height: 5px; background: #010101; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:  5px; }
                .entry-content ol li:before { counter-increment: item; content: counter(item)"."; top: 0; left: 0; color: #010101; }

        .entry-summary, .entry-content { margin: 0 20px 5px; font-size: 14px; }
        .entry-summary a, .entry-content a { color: #ff7200; }
        
    .entry-meta { position: relative; height: 10px; padding: 14px 10px; border-top: 1px solid #bdbdbd; background: url(images/entry-footer.png) top repeat-x; font-size: 10px; line-height: 1; color: #363636; }
    .single .entry-meta { height: 30px; border: none; background: #f1f1f1; }
    
    .single .entry-date { color: #363636; }

    .comments { display: inline-block; margin-left: 10px; }
        .comments a { position: relative; color: #363636; text-decoration: none; }
        .comment-count { display: block; float: left; min-width: 20px; margin: -5px 5px 0 0; padding: 5px 0; background: #363636; color: #fff; text-align: center; }

    .categories { position: absolute; top: 50%; right: 10px; margin-top: -10px; }
        .categories a { display: inline-block; margin-left: 8px; padding: 5px 10px; background: #363636; color: #fff; text-decoration: none; vertical-align: bottom; }
        
    .tags { position: absolute; left: 10px; bottom: 14px; font-size: 12px; }
        .tags a { color: #9c9b9b; text-decoration: none; }
        
    .addthis_toolbox { width: 600px; margin-bottom: 20px; padding-left: 20px; }
        .share-title { margin-bottom: 20px; font: 24px/1 Cambria, Georgia, sans-serif; }
        
    blockquote { position: relative; padding: 10px 40px; background: #e8e8e8; font-style: italic; text-align: justify; }
        blockquote:before, blockquote:after { content: "“"; position: absolute; color: #999; font: bold 60px/1 serif; }
        blockquote:before { content: "“"; top: 0; left: 5px; }
        blockquote:after { content: "”"; right: 5px; bottom: -10px; }
        blockquote p:last-child { margin-bottom: 0; }
 /*------------ Loop ------------*/
 
/*------------ Archive ------------*/
    #from-archive { width: 680px; margin-left: -20px; }
    #from-archive .page-title { margin: 0 20px 15px; }
    .archive-entry { position: relative; float: left; width: 318px; height: 220px; margin-left: 20px; }
    .archive-entry:after { content: ""; position: absolute; bottom: -24px; left: -1px; width: 320px; height: 24px; background: url(images/shadow-archive.png) top center no-repeat; }
        .archive-entry .entry-meta { position: absolute; bottom: 0; left: 0; width: 298px; height: 10px; border-top: 1px solid #bdbdbd; background: url(images/entry-footer.png) top repeat-x; }
        .archive-entry .entry-thumbnail { width: 320px; max-height: 70px; margin: -1px -1px 0 -1px; }
        .archive-entry .entry-summary { overflow: hidden; font-size: 12px; }
            .archive-entry .entry-thumbnail img { width: 320px; }
            .archive-entry .comments { float: right; }
/*------------ Archive ------------*/

/*------------ Comments ------------*/
    .comments-title, .reply-title { margin-bottom: 15px; font: 24px/1 Cambria, Georgia, sans-serif; text-indent: 20px; }
    
    .comment { margin-bottom: 10px; padding: 20px; border: 1px solid #c1c1c1; background: #fff; }
        .comment-meta { margin-bottom: 15px; }
            .comment-author { float: left; }
                .avatar { margin-right: 15px; vertical-align: middle; }
                .comment-author .fn { color: #fd892a; font-size: 14px; font-style: normal; font-weight: bold; }
                    .comment-author a { color: #fd892a; text-decoration: none; }
                    .comment-author a:hover { text-decoration: underline; }
            .comment-date { float: right; color: #a8a8a8; font-size: 14px; line-height: 40px; }
    
    .add-comment ol { padding: 20px; border: 1px solid #c1c1c1; background: #fff; }
        .add-comment li { position: relative; margin-bottom: 10px; }
            .add-comment label { position: absolute; top: 5px; left: 5px; display: block; color: #919191; font-size: 14px; font-style: italic; }
            .add-comment input { width: 300px; }
            .add-comment textarea { width: 605px; height: 100px; }
    
    .form-submit { float: right; }
        .form-submit button { padding: 8px 10px; border: 1px solid #c1c1c1; background: url(images/button.png) top repeat-x; font: bold 12px/1 sans-serif; color: #717171; text-shadow: 0 1px #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/*------------ Comments ------------*/

/*------------ Pagination ------------*/
    .pages { width: 667px; margin-left: -5px; }
        .pages li, .pages span, .pages a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
        .pages li { float: left; height: 23px; margin-left: 5px; font: bold 12px/23px sans-serif; text-align: center; }
            .pages span, .pages a { display: block; min-width: 16px; padding: 0 4px; border: 1px solid; text-decoration: none; }
            .pages .prev, .pages .next { font-size: 16px; }
/*------------ Pagination ------------*/
 /*------------ Content ------------*/

 /*------------ Sidebar ------------*/
    .widget { margin-bottom: 40px; }
        .widget ul { margin-bottom: 0; }
        .widget-title { margin-bottom: 10px; font: 20px/1 Cambria, serif; }
        .widget li { padding: 5px; border-bottom: 1px solid; }
        .widget li:first-child { border-top: 1px solid; }
            .widget a { position: relative; padding-left: 12px; line-height: 1; text-decoration: none; }
            .widget a:hover { color: #f60; }
            .widget-area li a:before { content: ""; position: absolute; top: 50%; left: 0; display: block; float: left; width: 7px; height: 10px; margin-top: -5px; background: top left no-repeat; }

    .widget_categories, .widget_links { float: left; width: 140px; margin-right: 10px; }

    .tagcloud a { margin-right: 4px; padding: 0; }

    .simple_ads_manager_widget, .simple_ads_manager_block_widget { position: relative; margin-bottom: 40px; }
        .simple_ads_manager_widget a, .simple_ads_manager_block_widget a { padding-left: 0 } 
            .simple_ads_manager_widget img, .simple_ads_manager_block_widget img { vertical-align: bottom; }
    #secondary .simple_ads_manager_block_widget:first-child > div { overflow: hidden; height: 250px; }
    #secondary .simple_ads_manager_block_widget:first-child:after { content: ""; display: block; position: absolute; left: 0; bottom: -17px; width: 300px; height: 17px; background: url(images/shadow-small.png); }

    #other-sites { margin-bottom: 40px; border: 1px dashed; border-width: 1px 0; }
        #other-sites .portfolio { border-bottom: 1px dashed; padding: 18px 0; }
        #other-sites .gallery { padding: 11px 0; }
            #other-sites a { display: block; text-indent: -9999px; }
            #other-sites a:before { display: none; }
            #other-sites .portfolio a { height: 44px; background: url(images/portfolio.png) left center no-repeat; }
            #other-sites .gallery a { height: 58px; background: url(images/photo-gallery.png) left center no-repeat; }

    .widget .all-content { display: block; padding: 8px 5px; border-bottom: 1px solid; color: #ff7200; vertical-align: bottom; }
        .widget .all-content:after { content: '>>'; margin-left: 5px; }
    
    .networks { margin-left: -9px; }
    .networks li { float: left; margin-left: 9px; padding: 0; border: none; }
        .networks a { display: block; width: 29px; height: 30px; padding: 0; background: url(images/networks.png) no-repeat; text-indent: -9999px; }
        .networks li:first-child { border: none; }
        .networks li a:before { display: none; }
        .networks .facebook { background-position: 0 0; }
        .networks .facebook:hover { background-position: 0 -30px; }
        .networks .twitter { width: 30px; background-position: -29px 0; }
        .networks .twitter:hover { background-position: -29px -30px; }
        .networks .friendfeed { background-position: -59px 0; }
        .networks .friendfeed:hover { background-position: -59px -30px; }
        .networks .tumblr { background-position: -88px 0; }
        .networks .tumblr:hover { background-position: -88px -30px; }
        .networks .gplus { background-position: -117px 0; }
        .networks .gplus:hover { background-position: -117px -30px; }
        .networks .instagram { background-position: -146px 0; }
        .networks .instagram:hover { background-position: -146px -30px; }
        .networks .forsquare { width: 30px; background-position: -175px 0; }
        .networks .forsquare:hover { background-position: -175px -30px; }
        .networks .feed { background-position: -205px 0; }
        .networks .feed:hover { background-position: -205px -30px; }

	#haber7 { margin-bottom: 35px; }
	
 /*------------ Sidebar ------------*/

 /*------------ Footer ------------*/
    .footer-widget { position: relative; float: left; width: 300px; min-height: 312px; margin: 0; padding-top: 15px; }
    .footer-widget .widget li { border-bottom-style: dashed; }
    .footer-widget .widget li:first-child { border-top: none; }
    .footer-left { margin-right: 20px; }
    .footer-center { width: 320px; height: 312px; overflow: hidden; padding: 15px 10px 0; background: url(images/white-transparent.png); }
    .footer-right { width: 320px; background: url(images/black-transparent.png); }
    .footer-widget .widget { margin-bottom: 20px; }

    .hy_recent_comments li { padding-left: 17px; background: left 5px no-repeat; }
        .hy_recent_comments a { display: block; padding: 0; }
        
    .widget_twitter_vjck .widget-title { margin-bottom: 30px; padding-left: 40px; font: bold 24px/1 Cambria, Georgia, sans-serif; }
    .widget_twitter_vjck li { padding-left: 7px; background: left 8px no-repeat; }
        .widget_twitter_vjck a { padding: 0; }
    
    .twitter_follow { position: absolute; top: 44px; left: 50px; font: bold 14px/1 Cambria, sans-serif; }
        .twitter_follow a { text-decoration: none; }

    .cd-fb-like-widget { display: block; width: 260px; margin: 0 auto; background: url(images/white-transparent.png); }
    
    .copyright { display: block; padding: 10px 10px 8px; font: 14px/1 Cambria, Georgia, sans-serif; }
    
    .thanks { padding-top: 15px; }
        .thanks .title { float: left; margin-right: 20px; font: bold 14px/44px Cambria, Georgia, sans-serif; color: #363636; text-shadow: 0 1px #fff; }
        .thanks ul { float: left; }
            .thanks li { float: left; margin-right: 40px; }
                .thanks a { display: block; background: url(images/thanks.png) no-repeat; text-indent: -9999px; direction: ltr; }
                .vargonen a { width: 145px; height: 45px; margin-top: 0px; background-position: 0 -1px; }
                .bcinarli a { width: 115px; height: 30px; margin-top: 7px; background-position: -180px -7px; }
                .psdup a { width: 74px; height: 44px; background-position: -336px 0; }
                .fundalina a { width: 120px; height: 36px; margin-top: 4px; background-position: -450px -5px; }
 /*------------ Footer ------------*/