/* Theme Name: 5 Posta Theme URI: http://5posta.org Description: 5 Posta Teması. Author: Hardcore Webstar Author URI: http://www.hardcorewebstar.com Tags: pin up, retro, 50's, cream, nice. */ /* RESET CSS v1.0 | 20080212 */ 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%; vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} div.clear {clear: both;} /* RESET CSS END */ /* 5POSTA */ body {background: url(images/bg.jpg) repeat; color: #605D4F; font: 15px/22px Georgia, "Times New Roman", Times, serif; /*font: 16px "Times New Roman", Times, serif;*/} #wrapper {margin: 0 auto 0 auto; background: url(images/bg_content.jpg) repeat-y;} /* site size */ #wrapper, #header, #footer, #footer .copyright {width: 1014px;} /* HEADINGS */ h1 {font: 36px/40px "Garamond", "Times New Roman", Times, serif; font-weight: bold;} h2 {font: 24px/18px "Garamond", "Times New Roman", Times, serif; font-weight: bold;} /* HEADER */ #header {height: 321px; background: url(images/bg_header.jpg) no-repeat; position: relative;} #header .rss {width: 35px; height: 36px; position: absolute; top: 74px; left: 49px;} #header .logo {width: 356px; height: 92px; position: absolute; top: 94px; left: 115px;} /* menu */ #header ul {height: 36px; position: absolute; bottom: 88px; left: 120px;} #header ul li {display: inline;} #header ul li a {display: block; height: 36px; width: 50px; float: left; text-indent: -9999px;} /* menu links */ #header ul li a.home {width: 60px;} #header ul li a.amac {width: 57px;} #header ul li a.sorular {width: 87px;} #header ul li a.arsiv {width: 60px;} #header ul li a.iletisim {width: 82px;} /* menu hover */ #header ul li a.home:hover {background: url(images/nav_arrow.png) no-repeat 22px 27px;} #header ul li a.amac:hover {background: url(images/nav_arrow.png) no-repeat 22px 27px;} #header ul li a.sorular:hover {background: url(images/nav_arrow.png) no-repeat 35px 27px;} #header ul li a.arsiv:hover {background: url(images/nav_arrow.png) no-repeat 20px 27px;} #header ul li a.iletisim:hover {background: url(images/nav_arrow.png) no-repeat 32px 27px;} #header .tagline {position: absolute; bottom: 66px; left: 38px; font-weight: bold; color: #908634; font-size: 11px; height: 15px; width: 705px; line-height: normal;} #header .tagline span.left {float: left;} #header .tagline span.right {float: right;} /* POST */ #blog {margin-top: -10px;} #blog .post {} #blog .post h1 {margin-bottom: 21px;} #blog .post h1 a {color: #605D4F;} #blog .post p {overflow: hidden; margin-bottom: 15px; font: 15px/22px Georgia, "Times New Roman", Times, serif; /*font: 13px/22px Arial, Helvetica, sans-serif; */ /*font: normal normal normal 94%/150% Candara, "Trebuchet MS", Trebuchet, sans-serif;*/} #blog .post p img {float: left; border: 1px solid #CFC99F; padding: 1px; margin: 0 30px 15px 0;} #blog .post p.center {text-align: center!important;} #blog .post p.center img {margin:0!important; float:none!important;} #blog .post .data {arcolor: #908d7b; padding: 11px 0 0 0; margin: 0 0 27px 0; border-top: 2px solid #CFC99F; border-bottom: 2px solid #CFC99F; height: 26px; font-size:12px; font-weight: bold; font-style:italic; line-height: normal;} #blog .post .data span.left {float: left;} #blog .post .data span.right {float: right;} #blog .post .youtube-video {margin: 10px 0 10px 0;} #blog .post blockquote {padding: 30px 30px 10px 30px; background: #f3ecd9 url(images/comments.gif) no-repeat -10px -458px; border: 2px dashed #CFC99F; margin: 20px 0 20px 0;} #blog .post blockquote p {font-style:italic!important;} /* COMMENT */ #blog .comments {border-top: 2px solid #CFC99F; padding: 20px 0 10px 0;} #blog .comments h2 {margin-bottom: 20px;} #blog .comments .comment {overflow: hidden; padding: 20px; margin-bottom: 10px; border: 1px solid #CFC99F; font-size: 14px;} #blog .comments .fenasi {background-color: #eeebdf; border: 1px solid #b6ae8f!important; } #blog .comments .comment span.image img {border: 2px solid #b6ae8f;} #blog .comments .comment .left {float: left; margin: 0 20px 0 0; padding: 8px 0 0 2px;} #blog .comments .comment .info {margin-bottom: 10px; overflow: hidden; height: 20px;} #blog .comments .comment .author {font-weight: bold;} #blog .comments .comment .info .date {margin-left: 8px; font-size: 12px;} #blog .comments .comment .info span {float: left;} #blog .comments .comment .info span.number {float: right; font-size: 20px; font-weight: bold;} #blog .comments .comment p {margin-bottom: 15px;} #blog .odd {background-color: #ece7d4!important;} #blog .divider {height: 30px; border-bottom: 2px solid #CFC99F; margin-bottom: 40px; } #blog .comment_add {margin: 30px 0 20px 0; padding: 20px 0 0 0; border-top: 2px solid #CFC99F;} #blog .comment_form {width: 670px; height: 287px; background: url(images/comments.gif) no-repeat 0px -122px; position: relative;} #blog .comment_form div {height: 36px; font: 14px "Georgia", Arial, Helvetica, sans-serif; font-weight: normal; padding-left: 9px;} #blog .comment_form label {height: 18px; padding-left: 20px; margin-top: -2px; padding-top: -2px;} #blog .comment_form #author, #blog .comment_form #email, #blog .comment_form #url, #blog textarea#comment { border: none; background: transparent; height: 18px; width: 200px; font: 14px "Georgia", Arial, Helvetica, sans-serif; font-weight: normal;} #blog .comment_form textarea#comment {height: 127px; width: 650px; padding: 0px; margin: 2px 0 0 0;} #blog .comment_form #submit {position: absolute; bottom: 0; left: 0px; border: none; background: transparent; height: 36px; width: 238px; cursor: pointer;} /* COMMENT DIVIDER */ #blog .comment_divider {height: 111px; width: 670px; background: url(images/comments.gif) no-repeat 0px 20px; margin: 20px 0 20px 0; border-top: 2px solid #CFC99F; padding-top: 20px; text-align: center; position: relative;} #blog .comment_divider div {width:650px; height: 91px; position: absolute; top: 30px; left: 10px;} /* CONTACT FORM */ #blog .contact_form {height: 253px;} #blog #cfbtn {border: none; height: 35px; width: 238px; background: url(images/comments.gif) no-repeat 0px -409px; cursor: pointer;} /* ARCHIVE LIST */ #archive_list h2 {margin: 20px 0 10px 0; padding-bottom: 10px; border-bottom: 2px solid #CFC99F; } #archive_list h2 a {color: #605D4F!important;} /* ARTICLE LINKS (Previous and Next) */ #blog .article_nav {margin-top: -30px; overflow: hidden;} #blog .article_nav .prev {float: left; font-weight: bold; text-align: left;} #blog .article_nav .next {float: right; font-weight: bold; text-align: right;} /* LINKS */ a:link, a:active, a:visited {color: #D76000; font-weight: bold; text-decoration: none;} a:hover {text-decoration: underline;} #content {overflow: hidden; padding-bottom: 20px;} #blog {float: left; width: 669px; padding: 10px 0 0 37px; border-right: 2px solid #CFC99F; padding-right: 25px;} /* SIDEBAR ------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidebar {float: right ;width: 220px; padding: 5px 37px 0 0; overflow: hidden;} #sidebar .adults_only {width: 220px; height: 101px; background: url(images/sidebar.gif) no-repeat;} /* twitter */ #sidebar .twitter {width: 220px; padding: 18px 0 14px 0; border-bottom: 2px solid #CFC99F;} #sidebar .twitter h2 a {display: block; height: 85px; width: 220px; margin-bottom: 5px; background: url(images/sidebar.gif) no-repeat 0px -119px;} #sidebar .twitter h2 a span {display: none;} #sidebar .newsletter {width: 220px; height: 112px; background: url(images/sidebar.gif) no-repeat 0px -284px; position: relative;} #sidebar .newsletter .text {border: none; position: absolute; bottom: 31px; left: 18px; height: 18px; width: 153px; background: transparent;} #sidebar .newsletter .button{border: none; position: absolute; bottom: 31px; right: 9px; height: 24px; width: 25px; background: transparent; cursor: pointer;} #sidebar .search {width: 220px; height: 81px; background: url(images/sidebar.gif) no-repeat 0px -396px; position: relative; margin-bottom: 20px;} #sidebar .search .text {border: none; position: absolute; bottom: 18px; left: 28px; height: 18px; width: 132px; background: transparent;} #sidebar .search .button {border: none; position: absolute; bottom: 17px; right: 20px; height: 24px; width: 24px; background: transparent; cursor: pointer;} #sidebar .box_lines {padding: 10px 0 10px 0; width: 220px; padding-top: 10px; border-top: 2px solid #CFC99F; border-bottom: 2px solid #CFC99F; margin-bottom: 8px;} /* latest posts */ #sidebar .latest_posts {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 2px solid #CFC99F;} #sidebar .latest_posts ol {list-style-type: decimal; padding-left: 30px;} #sidebar .latest_posts ol li a {display: block;} /* latest comments */ #sidebar .latest_comments {margin-bottom: 20px; margin-top: 5px;} #sidebar .latest_comments .box_lines {border-top: none!important;} /* gunun gacisi */ #sidebar .gunun_gacisi {background: url(images/sidebar.gif) no-repeat -1px -492px; border-bottom: 2px solid #CFC99F; text-align: center;} #sidebar .gunun_gacisi h2 {height: 25px; margin-bottom: 16px; text-indent: -9999px;} #sidebar .gunun_gacisi img {border: 3px solid #CFC99F; margin-bottom: 20px;} /* etiket bulutu */ #sidebar .tag_cloud {padding: 20px 0 0 0; text-align: left;} /* editors choice */ #sidebar .editors_choice {padding: 20px 0 0 0; overflow: hidden;} #sidebar .editors_choice .featured { padding: 10px 0 10px 0; float: left; border-bottom: 2px solid #CFC99F;} #sidebar .editors_choice h3 {font: 18px "Garamond", Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0 5px 0;} #sidebar .editors_choice p {font: 12px/22px Arial, Helvetica, sans-serif; overflow: hidden;} #sidebar .editors_choice img {border: 1px solid #CFC99F; padding: 1px; } /* blogroll */ #sidebar .blogroll {padding: 0 0 10px 0; border-bottom: 2px solid #CFC99F;} #sidebar .ad {text-align:center; margin-top: 20px;} /* FOOTER ------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer {height: 229px; background: url(images/bg_header.jpg) no-repeat 0px -321px; position: relative;} #footer a span {display: none;} #footer .hardcore {position: absolute; top: 60px; left: 120px; width: 275px; height: 33px;} #footer .keven {position: absolute; top: 62px; left: 442px; width: 152px; height: 30px;} #footer .besposta {position: absolute; top: 30px; right: 40px; width: 270px; height: 110px;} #footer .copyright {position: absolute; bottom: 40px; left: 0px; text-align: center; font: 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif;} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;} #jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #jquery-lightbox a img {border: none;} #lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #lightbox-container-image { padding: 10px; } #lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #lightbox-container-image-box > #lightbox-nav {left: 0;} #lightbox-nav a {outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block;} #lightbox-nav-btnPrev {left: 0; float: left;} #lightbox-nav-btnNext {right: 0; float: right;} #lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data {padding: 0 10px; color: #666;} #lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;} #lightbox-image-details-caption {font-weight: bold;} #lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;} #lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em;}