/*
Theme Name: Colorful Magazine
Theme URI: http://www.zerq.de
Description: ZeRQ 2010 tasarimi
Author: ZeRQ & Huseyin Emanet
Author URI: http://www.zerq.de
*/

/*
 * Bu tasarim Erdem Erol tarafindan yapilmis, Huseyin Emanet tarafindan kodlanmistir.
 * copyright 2010 zerq.de
*/

body, #logo, #menu, .comments .commentlist, .comments .pinglist, .comments form, h1, h2, h3, h4, h5, h6  {padding: 0; margin: 0;}

/*
	1.) Govde (Body)
*/

body {background: #fff url(img/arkaplan.jpg) no-repeat top center; font-size: 13px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; text-align: center; line-height: 1.5em;}
a:link, a:visited {color: #6385A1; text-decoration: none; outline: none;}
a:hover, a:active {color: #333; text-decoration: none; outline: none;}
#govde {background: url(img/govde-bg.png) repeat-y top center; text-align: left; margin: auto auto; width: 950px; height: auto; padding: 60px;}
#sol-govde {float: left; width: 63%;}
#sag-govde {float: right; width: 37%;}
.clear {clear: both;}

/*
	2.) Ust Kisim (Header)
*/

#govde-ust {background: url(img/ust-bg.png) no-repeat center top; width: 1060px; height: 127px; position: relative; margin: 0 auto;}
#logo-hizala {float: left; margin-left: 39px; margin-top: 76px;}
#logo {position: relative;}
#logo a {background: url(img/zerq-logo.png) no-repeat center left; width: 307px; height: 71px; text-indent: -9999px; display: block;}
#sidee {position: relative; bottom: 15px; height: 130px;}
.side_twitter {float: right;}
.side_rss {float: left; margin-left: 22px;}
.side_rss a {background: url(img/side_rss.png) no-repeat bottom left; width: 120px; height: 130px; text-indent: -9999px;}
.side_twitter a {background: url(img/side_twitter.png) no-repeat bottom left; width: 180px; height: 130px; text-indent: -9999px;}
#arama {background: url(img/src_bg.png) no-repeat center left; width: 199px; height: 30px; float: left; margin: 93px 0 0 70px; padding: 0;}
input#s {background: none; border: 0; margin: 9px 0 0 -43px; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; voice-family: inherit; outline: none;}
input#searchsubmit {background: url(img/src-buton.png) no-repeat center; width: 55px; height: 30px; border: 0; float: right; position: absolute; margin: auto auto; padding: 0; cursor: pointer; text-indent: -9999px;}

/*
	2.1.) Menu (Navigasyon)
*/

#menu {float: right;}
#menu ul {margin: 95px 60px 0 0; padding: 0; float: right;}
#menu ul li {list-style: none; display: inline; font-family: "MyriadPro-BoldCond", Verdana, Arial, Sans-Serif; font-size: 14px; margin: 0 10px 0 0;}
#menu ul li a {background: url(img/zq-menu_hover.png) no-repeat center; color: #fff; display: inline-block; width: 64px; height: 29px; text-decoration: none; letter-spacing: 1px;}
#menu ul li a:hover, #menu ul li a:active {background: url(img/zq-menu.png) no-repeat center; color: #fff; text-decoration: none;}
#menu ul li a.secili {background: url(img/zq-menu.png) no-repeat center; width: 64px; height: 29px; text-decoration: none;}

/*
	3.) Icerik Alani (Content)
	3.1.) Sol Taraf
*/

.entry {background: transparent; font-size: 11px; margin: 0 auto; padding: 0; width: 580px; text-align: justify;}
.post-top {background: url(img/post-top.png) no-repeat center top; width: 624px; height: 95px;}
.post-top h2 {font-size: 25px; margin: 0; padding: 23px 0 0 75px; text-shadow: 1px 1px #fff; font-weight:bold;}
.post-top h2 a, .post-top h2 a:hover,.post-top h2 a:active {text-decoration: none;}
.post-top h2 a {color: #C0258F; text-decoration: none;}
.post-top h2 a:hover {color: #333; text-decoration: none;}
.post-bg {background: url(img/post-bg.png) repeat-y center top; width: 624px; height: auto;}
.post-bg p {margin: 0 auto; padding: 0; text-align: justify; font-size: 11px; width: 93%;}
.post-bg p a {color: #278D8F; text-decoration: none;}
.post-bg p a:hover, .post-bg p a:active {background: #32B3B6; color: #fff; text-decoration: none;}
.home-thumb {width: 453px; height: 84px; margin: 0 auto; padding: 5px 5px 5px 0;}
.home-thumb img:hover {width: 453px; height: 84px; background: #fff; border-color: #A6D6DC;}
.home-thumb img {width: 453px; height: 84px; border: 2px solid #d7d9d9; padding: 1px; margin-top: -12px;}
.post-bottom {background: url(img/post-bottom.png) no-repeat center; width: 624px; height: 27px;}
div.tarih {background: url(img/tarih_bg.png) no-repeat center left; color: #02455b; font-family: "MyriadPro-BoldCond"; width: 46px; height: 40px; float: left; position: relative; margin: 12px 0 0 17px; text-transform: uppercase; letter-spacing: 3px;}
div.tarih div {margin: 12px 0 0 10px; line-height: 10px;}
div.kategori {background: url(img/kategori_bg.png) no-repeat center left; color: #fff; width: 202px; height: 28px; float: left; position: relative; margin: 8px 0 0 -58px; padding: 2px 0 0 12px; text-shadow: 1px 1px 1px #666; font-size: 11px; font-style: italic;}
div.kategori a {color: #fff; text-decoration: none; font-weight: bold;}
div.kategori a:hover, div.kategori a:active {color: #fff; text-decoration: none;}
div.yorum {background: url(img/yorum_bg.png) no-repeat center left; width: 48px; height: 48px; float: right; position: relative; margin: -23px 20px 0 0; font-family: "MyriadPro-BoldCond";}
div.yorum div {margin: 10px 0 0 0; text-align: center;}
div.yorum a {color: #2b9dcd; text-decoration: none;}
div.yorum a:hover, div.yorum a:active {color: #1d6888; text-decoration: none;}
.tag {background: url(img/tag.png) no-repeat center left; padding-left: 20px;}

/*
	3.) Icerik Alani (Content)
	3.2.) Sag Menu
*/

#sidebar {margin: -27px 0 0; padding: 0;}
#sidebar ul {list-style: none;}
#sidebar ul li a {color: #9c9c9c; font-size: 11px; text-decoration: none;}
#sidebar ul li a:hover, #sidebar ul li a:active {background-color: #fff9e8; text-decoration: none;}
#sidebar ul li h2 {background: url(img/side_h.png) no-repeat center left; color: #fff; font-size: 18px; width: 309px; height: 54px; margin: 0; padding: 28px 0 0 20px; text-shadow: 1px 1px #444;}
.side-yorum ul, .side-menu ul {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: -14px 0 -8px 9px;}
.side-menu li {line-height: 2.4em; width: 96%;}
.side-menu li a {color: #9C9C9C; display: block; border-bottom: 1px dashed #c1c1c1;}
.side-menu li a:hover, .side-menu li a:hover {background-color: #fff9e8;}
.side-sonyazi ul {font: 11px Verdana, Arial, Helvetica, Sans-Serif; color: #333; padding: 0; margin: -14px 0 -8px 9px;}
.side-sonyazi li {line-height: 2.4em; width: 96%;}
.side-sonyazi li a {color: #9C9C9C; display: block; border-bottom: 1px dashed #c1c1c1;}
.side-sonyazi li a:hover, .side-sonyazi li a:hover {background-color: #fff9e8;}
.smalltext {font-size: 11px;}
.largetext {font-size: 25px; font-weight: bold;}
img {border: 0; vertical-align: text-top;}
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;}
#gosteri {margin: -63px 0 0px 11px; padding: 0;}
#slide {float: right; border: 1px solid #333; border-left: 0; width: 600px;}
#nav {background: url(img/nav-icon.png) no-repeat scroll 5px 6px #D7D5C9; float: left; width: 306px; padding: 5px 3px 0 48px; margin: 0 12px 0 0; font-size: 11px; font-style: italic; height: auto; overflow: hidden; border: 0;}
#nav-alt ul {margin: 0 1px 0 0; padding: 0; float: left;}
#nav-alt ul li {background: #e8e8e8; font-family: "MyriadPro-BoldCond", Verdana, Arial, Sans-Serif; display: block; list-style: none; border-top: 1px solid #fff; border-bottom: 1px solid #cacaca; width: 337px;}
#nav-alt ul li a {padding-left: 35px; padding-right: 12px; font-size: 21px; text-decoration: none; line-height: 33px;}
#nav-alt ul li a.rss {background: url(img/rss.png) no-repeat center left; color: orange;}
#nav-alt ul li a.twitter {background: url(img/twitter.png) no-repeat center left; color: #30acd7;}
#nav-alt ul li a.mail {background: url(img/iletisim.png) no-repeat center left; color: #e3b101;}

/*
	Yorumlar
*/

h3#comments, h3#respond,#cmtswitcher .addcomment,#cmtswitcher .addtrackback,#cmtswitcher a.tab,#cmtswitcher a.curtab {background: url(img/yorum_yap.png) no-repeat;}
h3#comments, h3#respond {background-position: 4px 11px; margin: 10px 31px; padding-left: 26px; font-size: 18px; color: #5f6a72; padding-top: 10px;}
h3#comments {background: none; margin: 20px 30px; padding: 0;}
#commentlist{margin: 0 35px 0 0; padding:0;}
#commentlist ol,#commentlist li {list-style: none;}
#cmtswitcher {margin: 10px 27px; font-size: 10px;}
#cmtswitcher a.tab,#cmtswitcher a.curtab {float: right; display: block; padding: 5px 8px; color: #0ab2e6; text-decoration: none;}
#cmtswitcher a.tab:hover,#cmtswitcher a.curtab:hover {color: #147; text-decoration: none;}
#cmtswitcher a.tab {background-position: 0 -72px;}
#cmtswitcher a.curtab {background-position: center -64px; color: #147; font-weight: 700; }
#cmtswitcher .addcomment, #cmtswitcher .addtrackback {float: left; display: block; margin: 5px; padding-left: 20px; height: 16px; line-height: 16px; font-size: 11px;}
#cmtswitcher .addcomment {background-position: 0 0;}
#cmtswitcher .addtrackback {background-position: 0 -17px;}
#thecomments, #thetrackbacks {margin: 0;}
#thetrackbacks{display: none;}
#thecomments .messagebox, #thetrackbacks .messagebox {margin: 15px; font-size: 12px; line-height: 180%;}
#commentnavi {padding: 10px 15px; font-size: 11px; text-align: center;}
p.comments {font-size: 1em; font-weight:700; margin: 10px 20px;}
p.comments a {font-weight: 400; color:#5f6a72; text-decoration: underline;}
.commentlist,.pingbacklist {margin: 0 10px;}
.commentlist li,.pingbacklist li {padding: 3px 0;}
.commentlist li .list{overflow:hidden;color:#333;font-size:12px;line-height:18px;}
.commentlist li .list a{color:#888;}
.pingbacklist li .list a{color:#1b4486;}
.commentlist .list,.pingbacklist .list{padding:0 20px;}
.commentlist li .list .gravatar,.commentlist li .list .gravatar2{background:url(img/gavatar2.png) no-repeat;height:32px;width:32px;padding:2px 3px 3px;}
.commentlist li .list .gravatar img,.commentlist li .list .gravatar2 img{-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.list .out,.list .inc {margin: 6px 0; width: 100%;}
.list .out .icon,.list .inc .icon {width: 48px; height: 48px;}
.list .icontd,.list .inc .icontd {width: 48px;}
.list .out .topleft,.list .out .topright,.list .out .bottomleft,.list .out .bottomright,.list .inc .topleft,.list .inc .topright,.list .inc .bottomleft,.list .inc .bottomright {background: url(img/bubbles.png) no-repeat;}
.list .out .top,.list .out .bottom,.list .inc .top,.list .inc .bottom {background:url(img/horizontal.png) repeat-x;}
.list .out .left,.list .out .right,.list .inc .left,.list .inc .right {background:url(img/vertical.png) repeat-y;}
.list .out .topleft {background-position: left top; height: 9px; width: 18px;}
.list .out .topright {background-position: -18px top; height: 9px; width:11px;}
.list .out .bottomleft {background-position: left -9px; width: 18px; height: 12px;}
.list .out .bottomright {background-position:right -9px; width:11px; height:12px;}
.list .out .top {background-position: top; font-size: 1px; height: 9px;}
.list .out .bottom {background-position: 0 -9px; height: 12px;}
.list .out .left {background-position: left; width: 18px;}
.list .out .right {background-position: -18px 0; width:11px;}
.list .inc .topleft {background-position: 0 -21px; height: 9px; width: 11px;}
.list .inc .topright {background-position: -11px -21px; height: 9px; width: 18px;}
.list .inc .bottomleft {background-position: 0 bottom; width: 11px; height: 12px;}
.list .inc .bottomright {background-position: right bottom; width: 18px; height: 12px;}
.list .inc .top {background-position: 0 -21px; font-size: 1px; height: 9px;}
.list .inc .bottom {background-position: bottom; height: 12px;}
.list .inc .left {background-position: -29px 0; width: 11px;}
.list .inc .right {background-position: right; width: 18px;}
.list .out .conmts {background: #dcdcdc; color:#000; text-shadow: 0 1px 0 #eee; width: 475px;}
.list .inc .conmts {background: #c0e668; color:#000; text-shadow: 0 1px 0 #dfa; width: 475px;}
.commentlist .list .commentmetadata a {color: #777;}
.commentlist .list .commentmetadata a:hover {color: #1b4486;}
.commentlist .list .comment_textr {text-align: right;}
.commentlist .list cite {color: #1b4486; font-weight: 700; font-size: 1em;}
.commentlist .list cite a {color: #1b4486;}
.pingbacklist .list small {color: #777;}
.pingbacklist .list cite {color: #1b4486; font-weight: 700;}
.pingbacklist .list cite a {color: #1b4486;}
.reply {padding-bottom: 18px; margin: 0 10px; text-align: left;}
.reply .text {border: 1px solid #889194; width: 260px; height: 13px;}
.reply .text, .reply textarea {background: #fff url(img/input_bg.png) repeat-x; margin: 3px 0; padding: 6px;}
.reply textarea {border: 1px solid #889194; width:500px;}
.reply small {position: relative; bottom: 5px; font-size: 1em;}
.reply p {font-size: 11px; color: #666;}
.reply p a {font-weight: 700; color: #000;}
.reply p label {margin-left: 5px;}
.reply .submit {margin: 5px 15px; padding: 2px 5px; color: #000; font-size: 12px; cursor: pointer; font-family: Verdana, Arial, Sans-Serif;}
.linktextarea {overflow: hidden; padding: 3px; width: 490px; font: 12px "Lucida Grande", Verdana, sans-serif;}
input[type=text], textarea {background: #fff url(images/editor.gif) repeat-x center top; font: 13px Tahoma, Arial, Helvetica, Sans-Serif; border: 1px solid #adadad; padding: 4px;}
.comments form input[type=text] {width: 45%; margin: 5px 5px 1px 0;}
.comments form textarea {height: 100px; padding: 2px; width: 99%;}
.comments form #submit {margin: 0; float: right; cursor: pointer;}
@font-face {font-family: 'MyriadPro-BoldCond'; src: url('font/BoldCond.eot'); src: local('☺'), url('font/BoldCond.woff') format('woff'), url('font/BoldCond.ttf') format('truetype'), url('font/BoldCond.svg#webfont1nxj6wrh') format('svg'), url(font/BoldCond.otf) format('opentype');}
h1, h2, h3, h4, h5, h6 {font-family: "MyriadPro-BoldCond", Verdana, Arial, Sans-Serif; font-weight: normal;}

/*
	4.) Alt Kisim (Footer)
*/

#footer {background: url(img/alt-bg.png) no-repeat center left; width: 1060px; height: 148px; margin: 0 auto;}
.footer-menu {float: right; margin-right: 43px; margin-top: 6px; text-align: left; padding: 2px;}
.footer-menu a {background: url(img/wp-logo.png) no-repeat; width: 102px; height: 91px; text-indent: -9999px;}
#telif {color: #555; font-size: 11px; text-align: center; margin: -30px auto; padding: 0; width: 1060px;}
#telif a {font-weight: lighter; text-decoration: none;}
#telif a:hover, #telif a:active {text-decoration: none;}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;}
blockquote, code {color: #444; background: #f2f2f2; border: 1px dotted #bebebe; text-align: left; padding: 2px; overflow: auto; height: auto; max-height: 200px; display: block; font-family: Monaco, Consolas, Courier, monospace; font-size: 11px; width: 92%; margin: 10px auto;}
.wp-caption {text-align: center; padding-top: 4px; border: 1px solid #d0d0d0; background: #f0f0f0; margin-bottom: 10px; margin: 0 auto;}
.wp-caption img {margin: 0; padding: 0;}
.wp-caption p.wp-caption-text {font-size: 11px; font-weight: bold; line-height: 17px; margin: 0; color: #03558A; padding: 10px 7px;}
acronym {cursor: help; border-bottom: 1px dotted silver;}
p.yorum-say {background: url(img/bg-siyah.png) no-repeat scroll left center; color: #fff; opacity: 0.5; height: 35px; font-size: 18px; font-family: "MyriadPro-BoldCond"; padding: 6px 0 0 9px;}
.sayfalama {margin: 0 0 0 11px; padding: 0;}
span.like {float: right; margin: -18px 0 0;}
#crumb{position: absolute; margin: 0 0 0 15px; line-height: 16px; border: 0; padding: 5px 0 0 31px; font-size: 10px; font-family: Verdana; background: url(img/icons.png) no-repeat 5px 5px;}
#navi_bg {background: url(img/navi-bg.png) no-repeat bottom center; height: 27px; margin: -30px 0 10px 0;}