/** * @author Bilal Cinarli * @copyright 2010 */ /** * @author Bilal Cinarli * @copyright 2009 - ICON Perception Managemet Co. * @company ICON Perception Managemet Co. * @email contact@icon-pm.com * @web http://www.icon-pm.com * @project Mesa Hastanesi * @file * @version * @created 2009.12.24 14:42 * @modified 2009.12.24 * @modifier Bilal Cinarli **/ /* ------------------- Global Settings & Reset ------------------- */ .group-end:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } * html .group-end { height: 1px; } /* IE6 */ *:first-child+html .group-end { min-height: 0; } /* IE7 */ html, body { border:0; height: 100%; margin:0; padding:0; } body { background: #e6e6e6 url(../images/blog_bg.png) top center repeat-x; color: #494949; font:12px Arial, Helvetica, sans-serif; text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } h1, h2, h3, h4, h5, h6, p, ul, ol, form, fieldset, img { margin:0; padding:0; } ul, ol { list-style:none; margin: 0px; padding:0px; } blockquote { margin:22px 40px; padding:0; } img, fieldset { border:0; } img { vertical-align: bottom; } p { margin-bottom:10px; } .post p { margin-bottom:10px; } sup { bottom:0.3em; position:relative; vertical-align:baseline; } sub { bottom:-0.2em; position:relative; vertical-align:baseline; } acronym, abbr { border-bottom:1px dashed; cursor:help; letter-spacing:1px; } a, a:visited, a:active { color:#3589ad; text-decoration: none; } a:hover { text-decoration: underline; } /* ------------------- Global Settings & Reset ------------------- */ /* ------------------- Layout ------------------- */ #wrapper { height: auto !important; height: 100%; margin: 0 auto -80px; min-height: 100%; position: relative; width: 100%; } #header { height:90px; margin:0 auto; position: relative; width: 960px; } #slider { } #content { margin: 0 auto; position: relative; width: 968px; } p.post-info { margin: 0px; } #page #left { float:left; margin-right:10px; width: 205px; } #page #right { width: 725px; float:left; } #aside { width: 205px; } #push { clear: both; height: 80px; } #footer { background: url(../images/blog_footer_bg.png) center center repeat-x ; color:#474747; height: 80px; width: 100%; position: relative; z-index:999; } #footer-top { background: url(../images/footer-top.png) center center no-repeat ; color:#474747; height: 19px; width: 100%; position: absolute; top:0px; left:0px; z-index:999; } #slider { background: url(../images/slider.png) center center no-repeat; height: 332px; margin: 0 auto; position: relative; width: 960px; } #logo { position: relative; top:19px; z-index:99999; outline: none; } /* ------------------- Layout ------------------- */ /* ------------------- Layout Parts ------------------- */ #blog-left { float:left; width: 656px; } #blog-left .post { background: url(../images/blog_post_center_bg.png) center repeat-y; display: block; float:none; margin-bottom: 6px; } #blog-left .post div.top { background: url(../images/blog_post_top_bg.png) center no-repeat; height: 10px; width: 656px; } #blog-left .post div.center { background: url(../images/blog_post_center_bg.png) center repeat-y; padding:13px 13px 5px 13px; width: 630px; } #blog-left .post div.bottom { background: url(../images/blog_post_bottom_bg.png) center no-repeat; height: 35px; width: 656px; } #blog-left .post div.bottom a { color:#3589ad; font-size: 12px;} #blog-left .post div.bottom p { color:#3589ad; font-size: 12px; float:left; margin:6px 0px 0px 13px; } #blog-left .post div.bottom ul { position: relative; top:6px; left:10px; } #blog-left .post div.bottom ul ul { position: relative; top:0px; left:0px; } #blog-left .post div.bottom li { color:#f56b10; float:left; margin:2px 2px; } #blog-left .post div.bottom li a { float:left; } #blog-left .post div.bottom a span.arrow{ color:#f56b10;} #blog-left .post p.post-info { color:#3589ad; font-size: 11px; margin:4px 13px -4px 13px; } li.back_to_blog { position: absolute; right:65px; } #blog-right { background: url(../images/blog_right_bg.png) center repeat-y; float:left; width: 304px; margin-left:8px} #blog-right { background: url(../images/blog_right_bg.png) center repeat-y; float:left; width: 304px; margin-left:8px} #blog-right div.top{ background: url(../images/blog_right_top_bg.png) center right no-repeat; display: block; float:left; height: 41px; width: 305px; } #blog-right div.top a { display: block; float:left; width: 300px; height: 30px; position:relative; top:5px; } #blog-right div.center{ background: url(../images/blog_right_bg.png) center repeat-y; float:left; padding: 10px; width: 284px; } #blog-right div.bottom{ background: url(../images/blog_right_bottom_bg.png) center no-repeat; float:left; height: 78px; width: 304px; } /* ---- Titles ---- */ #blog-right h1.title { background: url(../images/blog_right_paperclip.png) left center no-repeat; color:#8b8b8b; font-size:18px; font-weight: bold; height: 26px; margin:-10px 0px 5px -18px; padding:7px 0px; text-indent: 40px;} #blog-right h1.title span { background: url(../images/blog_right_paperclip_right.png) right center no-repeat; color:#8b8b8b; font-size:18px; font-weight: bold; height: 26px; margin:-10px 0px 5px 0px; padding:7px 10px 10px 0px; text-indent: 40px; position: relative; top:2px; } #blog-right li { background: url(../images/blog_right_bullet.png) left center no-repeat; padding-left:8px; margin:2px 0px; } #blog-right #categories li a { color:#3589ad;font-size: 14px; } #blog-right li a { color:#3589ad;font-size: 12px; } a.linktof { background: url(../images/twitter_big.png) left center no-repeat; color:#7f7f7f; padding:10px 0px 0px 45px; margin-left:10px; height:53px; float:left; display: block; position: relative; top:0px; line-height: 53px; } h1.title { color:#3589ad; font-size:18px; margin-left:13px; } h1.title a{ color:#3589ad; font-size:18px; } h1.title a:hover { text-decoration: underline; } /* ---- Titles ---- */ .blogpagination { } .blogpagination li { float:left; margin:0px 3px; } .blogpagination li a, .blogpagination li span { background: url(../images/pagination.png) center no-repeat; display: block; float:left; height: 18px; padding:3px 6px; width: 8px; } #search { background: url(../images/blog_search.png) center no-repeat; width: 166px; position: absolute; right:0px; top:37px; padding:7px 5px; } #search input#q { border: none; background: none; font-size: 11px; color: #5e5e5e; position: relative; top:-2px; width: 138px; } #search button#submit { position: absolute; top:0px; right:5px; width: 24px; height: 24px; background: none; border: none; cursor: pointer; } #search label { position: absolute; top:6px; left:5px; font-size: 11px; color: #5e5e5e; } a.blogrss { position: absolute; right:175px; top:38px; } /* ---- Search Results ---- */ #search-info, .search-result { margin: 10px; } .search-result a { font-size: 14px; } .search-result .summary { margin: 0; } .search-result .link { color: green; } .search-pagination { text-align: right; } .search-pagination li { display: inline; background: none; } /* ---- Search Results ---- */ /* ---- Footer template ---- */ #footer-content { color:#919499; font-size: 11px; height:80px; width: 940px; margin:0 auto; position: relative;} #footer-address { float:left; padding:6px 8px 0px 0px; width: 373px; } #icon { position: absolute; right: 0px; top:30px; } #footer-banner { float:left; position: relative; top:7px; width: 270px; } #footer-banner li { float:left; display: inline; }