/*
  _   _   _   _   _   _   _   _   _   _   _   _  
 / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ 
( X | H | T | M | L | K | I | T | C | H | E | N )
 \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ 
 
http://www.xhtmlkitchen.com

Client:     Fatih Turan - http://www.fatihturan.com
Author: 	Fatih Turan
Last-Edit: 	18:18 05.09.2008

*/

/*-------------------------------------------------------------------------
=LAYOUT
-------------------------------------------------------------------------*/
body { background:#f8faed url(../images/bg/main.png) repeat-x; font:13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; line-height:21px; color:#444 }

div.container { margin:0 auto; width:894px }
    div#top { position:relative; height:80px }
    div#center { margin:51px 0 32px 0; background:url(../images/bg/dashed_line.gif) repeat-y 614px 0 }
    div#center.works { background:none }
        div#content { float:left; position:relative; padding-right:25px; width:590px }
        div#content.works { float:none; margin-bottom:20px; padding:0; width:auto; min-height:0; background:none }
        div#sidebar { float:right; margin-top:3px; width:260px }
    div#bottom { clear:both; padding-top:61px; height:327px; background:#34b6aa url(../images/bg/bottom_bg.gif) repeat-x; color:#e8f0e2 }
    	div#bottom div.container { position:relative }



/*-------------------------------------------------------------------------
=GLOBAL CLASSES
-------------------------------------------------------------------------*/
.float_none { float:none }
.float_left { float:left }
.float_right { float:right }
.clear_both { clear:both }
.no_bg { background:none !important }
.no_margin { margin:0 !important }
.no_padding { padding:0 !important }
.no_border { border:0 !important }
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 }
.alignright { float: right }
.alignleft { float: left }
.list { margin-bottom:40px; list-style:none }
    .list li { margin-bottom:7px; text-indent:20px }
        .list li a { display:block; padding:5px 0 0 5px; height:26px; background-position:7px 11px; background-repeat:no-repeat; color:#444 }
        .list li a:hover { background-color:#e2debf; color:#745f33 }



/*-------------------------------------------------------------------------
=LINKS
-------------------------------------------------------------------------*/
a { color:#3f341d; text-decoration:none }
a:hover { color:#745f33 }



/*-------------------------------------------------------------------------
=HEADINGS
-------------------------------------------------------------------------*/
h1, h2, h3, h4 { font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; color:#3f341d }
h1 { font-size:21px }
h2 { font-size:18px }
h3 { font-size:14px; font-weight:bold }
h4 { font-size:13px }



/*-------------------------------------------------------------------------
=FORMS
-------------------------------------------------------------------------*/
input, textarea { padding:3px 5px; font:13px Helvetica, Arial, sans-serif; color:#3f341d; border:2px solid #3f341d }
input:focus, textarea:focus { border-color:#85795f }
button { width:105px; height:37px; background:url(../images/btn/global.gif); font:13px Helvetica, Arial, sans-serif; color:#fff; line-height:37px  }
button:hover { background-position:0 -37px }



/*-------------------------------------------------------------------------
=NAVIGATIONS
-------------------------------------------------------------------------*/
div#nav { position:absolute; right:0px; bottom:0px }
div#nav ul li { float:left; margin-left:5px }
    div#nav ul li a { display:block; height:53px; text-indent:-9999px }
    div#nav ul li a:hover, div#nav ul li a.current { background-position:0 -53px }
    a#homepage { width:81px; background:url(../images/nav/homepage.png) }
    a#whoami { width:103px; background:url(../images/nav/whoami.png) }
    a#archive { width:47px; background:url(../images/nav/archive.png) }
    a#works { width:109px; background:url(../images/nav/works.png) }
    a#contact { width:67px; background:url(../images/nav/contact.png) }
    a#rss { margin-left:-3px; width:58px; background:url(../images/nav/rss.png) }



/*-------------------------------------------------------------------------
=TOP
-------------------------------------------------------------------------*/
div#logo { float:left }
    div#logo h1 a { display:block; margin-left:-8px; width:237px; height:80px; background:url(../images/heading/logo.png); text-indent:-9999px }
    div#logo h1 a:hover { background-position:0px -80px }



/*-------------------------------------------------------------------------
=SIDEBAR
-------------------------------------------------------------------------*/
div#sidebar h2 { margin-bottom:15px; padding-bottom:2px; border-bottom:1px solid #efecd1; font-size:14px; font-weight:bold; color:#3f341d }

div#ads { margin-bottom:32px }
    div#ads div { float:left; margin:0 10px 5px 0; width:125px; height:125px; background-color:#efede0 }
    div#ads div.even { margin:0 0px 5px 0 }

div#categories ul li a { background-image:url(../images/icon/category.gif) }

div#search { margin-bottom:40px }
    div#search div { float:left }
    div#search label { display:none }
    div#search input { width:209px; height:16px }
    div#search button { margin:2px 0 0 10px; width:27px; height:24px; background:url(../images/btn/search.png) no-repeat; text-indent:-9999px } 

div#links ul li a { background-image:url(../images/icon/link.gif) }
div#links ul li a:visited { color:#a1854a }

div.friendfeed, div.widget * { font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif !important; background:none !important; border:none !important }
	div.friendfeed div.feed { padding:0 !important }
	div.friendfeed a { color:#3f341d !important}



/*-------------------------------------------------------------------------
=PAGINATION
-------------------------------------------------------------------------*/
div.wp-pagenavi { text-align:center }
    div.wp-pagenavi * { margin:0 2px; padding:3px 6px; font-size:12px; border:1px solid #EFECD1; color:#444 }
    div.wp-pagenavi span { border:0 }
    div.wp-pagenavi span.current { background:#3F341D; color:#f8faed; border:1px solid #f8faed }
    div.wp-pagenavi a:hover { background:#e2debf; color:#745f33 }



/*-------------------------------------------------------------------------
=WP SYNTAX
-------------------------------------------------------------------------*/
div.wp_syntax { overflow:auto; margin:0 0 1.5em 0; background:#f9f9f9; color:#100; border:1px solid silver }

div.wp_syntax table { border-collapse: collapse }

div.wp_syntax div, div.wp_syntax td { vertical-align:top; padding:2px 4px }

div.wp_syntax td.line_numbers { text-align:right; background:#3F341D; color:#fff; overflow:visible }

div.wp_syntax pre { float:none; clear:none; overflow:visible; margin:0; width:auto; font-size:12px; line-height:1.333; white-space:pre }



/*-------------------------------------------------------------------------
=BOTTOM
-------------------------------------------------------------------------*/
div#bottom a { color:#e8f0e2 }
div#bottom a:hover { color:#fff; text-decoration:underline }
div#bottom h3 { margin:0 0 7px -7px; text-indent:-9999px }
    div#bottom h3 a { display:block; height:28px }
    div#bottom h3 a:hover { background-position:0 -28px }

div#photos, div#bottom_middle_column, div#whoami2 { float:left }

div#photos { width:330px }
    div#photos h3 a { width:134px; background:url(../images/heading/photos.gif) no-repeat }
    div#photos div { float:left; margin:0 15px 34px 0 }
        div#photos div a { position:relative; display:block; width:91px; height:91px; background:url(../images/bg/photo.gif) }
        div#photos div a:hover { background-position:0 -91px }
            div#photos div a img { margin:7px; border:1px solid #9be1db }

div#preview { float:none !important; position:absolute; display:none; margin:0 !important; padding:7px; background:#fff url(../images/bg/loading.gif) no-repeat center center; border:2px solid #3f341d }
    div#preview img { display:block; margin:0 !important; border:0 !important }
    div#preview span { position:absolute; bottom:-16px; left:50%; display:block; width:18px; height:16px; background:url(../images/bg/preview.png) }

div#bottom_middle_column { width:260px; margin-right:32px }
    
div#lastfm { min-height:123px }
    div#lastfm ul { overflow:hidden; width:260px; height:84px }
    div#lastfm h3 a { width:200px; background:url(../images/heading/lastfm.gif) no-repeat }
    
div#twitter h3 { margin-top:10px }
    div#twitter h3 a { width:143px; background:url(../images/heading/twitter.gif) no-repeat }

div#whoami2 { width:272px }
	div#whoami2 h3 a { width:119px; background:url(../images/heading/whoami.gif) no-repeat }
    div#whoami2 p { margin:0; text-align:justify }
    	div#whoami2 p img { float:left; margin:0 5px -22px 0 }
    	div#whoami2 p a { text-decoration:underline }

div#footnote { position:absolute; bottom:-32px; left:0 }
	div#footnote p { float:left; padding-top:2px; width:785px; font-size:12px; border-top:1px solid #9adbd5 }
	    div#footnote p a { font-weight:bold }
	div#footnote ul { float:right; margin:-5px 0 0 11px; list-style:none }
	    div#footnote ul li { float:left; text-indent:-9999px }
	        div#footnote ul li a { display:block; height:36px }
	        div#footnote ul li a:hover { background-position:0 -36px }
	        a#rss2 { width:43px; background:url(../images/icon/rss.gif) }
	        a#login { margin-top:-3px; width:23px; background:url(../images/icon/login.gif) }
	        a#root { margin-top:-1px; width:32px; background:url(../images/icon/root.gif) }



/*-------------------------------------------------------------------------
=INDEX
-------------------------------------------------------------------------*/
div#content em { font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif }

div.heading { position:relative; margin:0 60px 20px 0; padding-bottom:5px; border-bottom:1px solid #efecd1 }
    div.heading h2 { position:absolute; right:-65px; top:-2px; width:55px; height:55px; background:url(../images/bg/comments.gif) no-repeat; font:bold 13px/11px Arial, sans-serif; color:#3f341d; text-align:center; letter-spacing:-1px }
        div.heading h2 a { display:block; width:40px; padding:6px 5px 5px }
            div.heading h2 a span { color:#85795f }

div.entry p, div#write_comment p { margin-bottom:20px }
    div.entry p a, div#comments p a, div#write_comment p a, div#subscribing a { font-weight:bold }
    div.entry p a span { text-decoration:underline }
    div.entry p a:hover, div#comments p a:hover, div#write_comment p a:hover, div#subscribing a:hover { background-color:#E2DEBF; color:#745F33 }
    
div.entry_info { margin:15px 0 40px 0; padding-top:5px; border-top:1px solid #efecd1 }
    div.entry_info ul { position:relative; height:40px; list-style:none!important }
	    div.entry_info ul li { position:absolute; font-size:12px; text-indent:15px }
            	div.entry_info ul li a, div.entry_info ul li span { font-weight:bold }
            div.entry_info ul li.date { top:0; left:0; background:url(../images/icon/date.gif) no-repeat 0 4px }
            div.entry_info ul li.continue { top:0; right:0; background:url(../images/icon/continue.gif) no-repeat 0 4px; font-weight:bold }
            div.entry_info ul li.category { bottom:0; left:0; background:url(../images/icon/category.gif) no-repeat 0 5px }
            	div.entry_info ul li.category a { font-weight:normal }
			div.entry_info ul li.share { bottom:0; right:21px; background:url(../images/icon/share.gif) no-repeat 0 4px; font-weight:bold }
			div.entry_info ul li.share_reposition { right:4px }
			div.entry_info ul li.trackback { top:0; right:4px; background:url(../images/icon/trackback.gif) no-repeat 0 4px; font-weight:bold }



/*-------------------------------------------------------------------------
=SINGLE
-------------------------------------------------------------------------*/
div.entry h2, div.entry h3, div.entry h4 { margin-bottom:10px }

div.entry_read ul, div.entry_read ol { margin-bottom:20px; list-style:square inside }
div.entry_read ol { list-style:decimal inside }
    div.entry_read ul li, div.entry_read ol li { margin-bottom:10px }
        div.entry_read ul li a, div.entry_read ol li a { font-weight:bold }
        div.entry_read ul li a:hover, div.entry_read ol li a:hover { background-color:#E2DEBF; color:#745F33 }
        div.entry_read ul li ul, div.entry_read ol li ol { margin:10px 0 0 30px; list-style:circle inside }
div.entry_read img { padding:1px; background:#fff; border:2px solid #3f341d }

div.code { display:block; margin:15px 0; padding:20px 10px; font:10px "Lucida Console", monospace; background:#fff url(../../images/icon/code.gif) no-repeat top right; border:2px solid #3f341d }

blockquote { margin:15px 0 15px 0; padding:20px 10px 20px 10px; font-family:Georgia, serif; font-style:italic; background:#fff url(../images/icon/quote.gif) no-repeat top right; border:2px solid #3f341d }
    blockquote p { margin-bottom:0 !important }
    blockquote p + p { margin-top:20px }

p.note { margin:15px 0 15px 0; padding:20px 10px 20px 10px; font-family:Georgia, serif; font-style:italic; background:#fff url(../images/icon/note.gif) no-repeat top right; border:2px solid #3f341d }

div#comments { margin-top:15px }
    div#comments h2, div#reactions h2, div#write_comment h2  { margin-bottom:15px; padding-bottom:7px; border-bottom:1px solid #efecd1; font-size:14px; font-weight:bold; color:#3f341d }
    div#comments ol { list-style:none }

div.comment { margin:22px 0 65px 0 }

div.comment_top { position:relative; padding:10px; background:url(../images/bg/comment.gif) }
    div.comment_top p { font-size:12px }
    div.comment_top p + p { margin-top:10px }

span.comment_bottom { position:absolute; left:0; bottom:-20px; display:block; width:590px; height:28px; background:url(../images/bg/comment.gif) left bottom }

div.comment_info { margin-top:20px }
    div.comment_info p { float:left; margin:3px 0 0 8px; font-size:11px }
    div.comment_info p.approval { float:right; margin-top:1px; font-size:10px; font-weight:bold }
        div.comment_info p > span { font-size:13px; font-weight:bold }
       		div.comment_info p span a:hover { background:none !important }
        	div.comment_info p span:hover span { display:inline }
        	div.comment_info p span span { display:none; font-size:11px; font-weight:normal }
    div.comment_info img { float:left; width:24px; height:24px; border:1px solid #3F341D }
 	div.comment_info img:hover { margin:-4px -4px 0 -4px; width:32px; height:32px }
 	div.comment_info span.comment_date { font:italic normal 11px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif }

div#reactions { margin-top:98px }
    div#reactions p { margin-bottom:20px }
    div#reactions ol li a { background-image:url(../images/icon/trackback.gif); background-position:7px 11px }

div#write_comment p { margin-bottom:20px }
div#write_comment form { position:relative; margin-top:30px }
div#write_comment div { margin-bottom:10px }
div#write_comment label { display:block; float:left; margin-right:5px; padding-right:5px; width:136px; text-align:left }
div#write_comment input { width:430px; height:16px }
div#write_comment textarea { margin-top:5px; padding:4px 5px; width:576px; height:200px }

div#subscribing { margin-top:20px }
    div#subscribing label { display:inline !important; float:none !important; margin-top:-10px; font-size:12px; vertical-align:top }
    div#subscribing input { width:auto !important; height:auto !important; border:0 !important }
    div#subscribing p { margin-right:40px }

div#submit_buttons { position:absolute; right:0px; bottom:-17px }



/*-------------------------------------------------------------------------
=PAGE
-------------------------------------------------------------------------*/
div.page div.heading { margin-right:0 !important }



/*-------------------------------------------------------------------------
=SEARCH
-------------------------------------------------------------------------*/
div#search_again { margin-bottom:35px }
    div#search_again div { float:left }
    div#search_again input { margin-right:5px; width:379px }
    div#search_again button { margin-top:-6px }
    
div.incoming { overflow:hidden; position:relative; margin:0 0 15px 0; padding:20px 10px; background:#fff; color:#444; border:2px solid #3f341d }
	div.incoming * { margin:0 !important; padding:0 !important }
	div.incoming a { color:#3F341D }
	div.incoming a:hover { color:#745F33 }
	div.incoming ul { margin:15px 0 15px 15px !important }

div.hide { position:absolute; top:21px; right:10px }
	div.hide a { padding-left:12px !important; background:url(../images/icon/hide.gif) no-repeat left 4px; font-weight:bold; }



/*-------------------------------------------------------------------------
=ARCHIVE
-------------------------------------------------------------------------*/
ul#archive_posts li a { position:relative; background-image:url(../images/icon/page.gif); font-size:12px }
    ul#archive_posts li a span { position:absolute; top:5px; right:15px }



/*-------------------------------------------------------------------------
=WORKS
-------------------------------------------------------------------------*/
div.work { float:left; margin:0 46px 26px 0 }
    div.work a img { width:260px; height:200px; border:2px solid #3f341d }
    div.work h2 { margin-top:7px; padding-top:4px; width:267px; height:23px; background:url(../images/nav/work_name.gif); font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; text-align:center }
        div.work h2 a { display:block; width:267px; height:23px; font:14px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; text-align:center }



/*-------------------------------------------------------------------------
=CONTACT
-------------------------------------------------------------------------*/
div#contact_form form { position:relative; margin-top:30px }
div#contact_form div { margin-bottom:10px }
div#contact_form p { font-size:13px; color:#f00; text-align:center }
div#contact_form label { display:block; float:left; margin-right:5px; padding-right:5px; width:136px; text-align:left }
div#contact_form input {  width:430px; height:16px }
div#contact_form textarea { margin-top:5px; padding:4px 5px; width:576px; height:200px }
div#contact_form button { float:right }

div#cf_cc { margin-top:20px }
    div#cf_cc label { display:inline !important; float:none !important; margin-top:-10px; font-size:12px; vertical-align:top }
    div#cf_cc input { width:auto !important; height:auto !important; border:0 !important }

div#cf_send { position:absolute; right:0px; bottom:-17px }