rendered paste body*/
body{
margin:0px;
padding:0px;
background:#333 url(img/bodybg.png) repeat-x fixed top center;
text-align:center;
font:11px Verdana,Arial,Helvetica,sans-serif;
}
#rap{
width:700px;
margin:auto;
padding-bottom:20px;
}
/* basic styles */
h1,h2,h3,h4,h5,h6{
font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;
font-weight:lighter;
margin:0;
padding:0;
color:#333;
}
h1{
font-size:28px;
}
h2{
font-size:20px;
color:#333;
margin:8px 0;
}
h2 a{
font-size:20px;
color:#333;
margin:8px 0;
}
h2 a:hover{
font-size:20px;
background:none;
color:#8B2561;
margin:8px 0;
}
h3{
font-size:20px;
color:#333;
margin:8px 0;
}
h4{
font-size:18px;
color:#911322;
}
h5{
font-size:16px;
color:#af3d0a;
}
h6{
font-size:11px;
font-weight:bold;
color:#333;
}
del{
color:#999;
}
.navigation {
background:url(img/dottedborder.gif) repeat-x top;
margin-top: 0;
padding: 5px 0 0 0;
font-size: 0.8em;
color: #777;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
acronym{
/*border-bottom:1px dotted #333;*/
border:none;
background:url(img/dottedborder_dark.gif) repeat-x bottom center;
padding-bottom:1px;
cursor:help;
}
hr{
width:100%;
border:0;
margin:5px 0px !important;
margin:2px 0px 5px 0px;
height:1px;
color:#777;
background-color:#777;
}
a{
color:#8B2561;
text-decoration:none;
}
a:hover{
color:#eee;
background:#8B2561;
}
p{
line-height:15px;
margin:5px 0px 5px 0px;
/*text-align:justify;*/
}
.noborder{
border:0;
}
#main ul{
margin:0px;
padding:0px 10px 5px 15px;
list-style-type:none;
}
#main ol{
margin:0;
padding:0 20px;
}
#main ul li{
padding-bottom:7px;
background:transparent url(img/arrow.gif) no-repeat 0px 5px;
padding-left:10px;
}
#main ol li{
padding-bottom:7px;
}
#main ul li ul{
margin:8px 0px -7px 0px;
}
/* I can't get <pre> to display inline very well so just use <span class="pre"> */
#main .pre{
font:11px "Courier New",Courier,sans-serif;
color:#af454a;
}
img{
border:none;
}
/* floats, positioning, and widths */
.floatleft{
float:left;
}
.floatright{
float:right;
}
.w50{
width:50%;
}
.floatleft p{
padding:0px 10px 0px 0px;
}
.floatright p{
padding:0px 0px 0px 10px;
}
img.floatleft{
margin:15px 15px 5px 0px;
}
img.floatright{
margin:15px 0px 5px 15px;
}
img
{
background:none;
padding:3px;
border:#ccc 1px solid;
}
a img hover
{
background:#8B2561;
padding:3px;
border:#8B2561 1px solid;
}
/* rounded corners */
.tl{background:#333 url(img/corners/tl.gif) no-repeat top left;}
.tr{background:transparent url(img/corners/tr.gif) no-repeat top right;}
.br{background:transparent url(img/corners/br.gif) no-repeat bottom right;}
.bl{background:transparent url(img/corners/bl.gif) no-repeat bottom left;}
.ltl{background:#efefef url(img/corners/l_tl.gif) no-repeat top left;}
.ltr{background:transparent url(img/corners/l_tr.gif) no-repeat top right;}
.lbr{background:transparent url(img/corners/l_br.gif) no-repeat bottom right;}
.lbl{background:transparent url(img/corners/l_bl.gif) no-repeat bottom left;}
/* blockquotes and code*/
blockquote{
min-height:35px;
width:100%;
display:block;
margin:10px auto;
background:transparent url(img/blockquote/quote.gif) no-repeat 10px 10px;
}
* html blockquote{
min-height:35px;
height:auto !important;
height:35px;
}
blockquote p{
margin:0px;
line-height:17px;
padding:10px 10px 10px 50px;
}
blockquote span{
color:#999;
font-size:9px;
padding-top:5px;
display:block;
}
blockquote span a{
color:#555;
text-decoration:none;
}
blockquote span a:hover{
text-decoration:underline;
}
blockquote.go{
background:transparent url(img/blockquote/go.gif) no-repeat 10px 50%;
}
blockquote.stop{
background:transparent url(img/blockquote/stop.gif) no-repeat 11px 50%;
}
blockquote.exclamation{
background:transparent url(img/blockquote/exclamation.gif) no-repeat 23px 50%;
}
code{
display:block;
width:92%;
margin:0px auto 15px auto;
line-height:17px;
}
code .red{
color:#af454a;
}
#video{
font-size: 1.0em;
padding: 24px 0 4px 23px;
margin-bottom:15px;
background: url(img/tvicon.gif) no-repeat top left;
border: 1px dotted #CED4CA;
}
/* forms */
fieldset
{
border:none;
}
form select,
form input,
form textarea{
font:1em Verdana,Arial,Helvetica,sans-serif;
}
form input:focus,
form textarea:focus,
form select:focus{
border:1px solid #666;
}
form select{
padding:2px;
}
form input{
padding:2px;
}
form label{
color:#666;
}
form textarea{
padding:1px;
line-height:16px;
width:90%;
height:20em;
}
form p{
margin:10px 0px;
}
/* top section */
#top{
background:url(img/contentbg.gif) repeat-y top center;
}
/* very bottom curve */
#bottom{
background:url(img/container_b.gif) no-repeat bottom center;
height:9px;
}
* html #bottom{
margin-top:-4px;
}
/* header */
#header{
font:30px Georgia,Verdana,Arial,Helvetica,sans-serif;
width:680px;
height:100px;
margin:auto;
text-align:left;
}
.header
{
background:url(img/header.jpg) no-repeat top center;
}
#title{
margin-top:70px;
margin-left:474px;
position:absolute;
color:#fff;
background-color:transparent;
cursor:default;
}
#header h1 a
{
color:#f0f0f0;
}
/* menubar */
.nav{
height:40px;
background-color:#333;
color:#fff;
width:680px;
margin:auto;
text-align:left;
font-size:11px;
cursor:default;
}
.nav2{
height:40px;
}
#slogan{
position:absolute;
margin:11px 0px 0px 15px;
font-size:1.1em;
font-style:italic;
}
#navdiv{
text-align:right;
}
#navlist
{
font-size:120%;
list-style-type:none;
margin:0px;
padding:10px 8px 2px 0px;
font-family: Trebuchet MS, Arial, Serif;
}
#navlist li{
display:inline;
}
#navlist li a{
color:#999;
font-weight:bold;
text-decoration:none;
height:40px;
padding:10px 6px;
}
#navlist li a:hover,#navlist li a:active, #navlist li.current_page_item a{
color:#fff;
}
/* content */
#main{
min-height:400px;
width:680px;
margin:auto;
color:#333;
text-align:left;
}
* html #main{
min-height:400px;
height:auto !important;
height:400px;
}
#content{
width:440px;
float:left;
padding:10px 10px 20px 10px;
}
* html #content{
padding-top:20px;
}
#content .post
{
margin:0 0 3em 0;
}
/* meta */
.tarihicon
{
background:url(img/tarih.gif) no-repeat left center;
padding-left:14px;
}
.yazaricon
{
background:url(img/yazar.gif) no-repeat left center;
padding-left:11px;
}
.katicon
{
background:url(img/kategori.gif) no-repeat left center;
padding-left:12px;
}
.yorumicon
{
background:url(img/yorum.gif) no-repeat left center;
padding-left:14px;
}
.duzenleicon
{
background:url(img/duzenle.gif) no-repeat left center;
padding-left:14px;
}
.yildizicon
{
background:url(img/yildiz.gif) no-repeat left center;
padding-left:18px;
}
.post-meta {
background:url(img/dottedborder.gif) repeat-x top;
margin-top: 0;
padding: 5px 0 0 0;
font-size: 0.8em;
color: #777;
}
.post-duzenle {
margin-top: 0;
font-size: 0.8em;
color: #777;
}
.post-meta2 {
background:url(img/dottedborder.gif) repeat-x top;
margin-top: 0;
padding: 5px 0 10px 0;
font-size: 0.8em;
color: #777;
}
/* etiket */
.etiket {
color: #777;
font-size: 90%;}
.etiket a {
background: #ececec;
color: #333;
text-decoration: none;
font-size: 90%;}
.etiket a:hover {
background: #8B2561;
color: #eee;
font-size: 90%;
}
.etiketicon
{
background:url(img/etiket.gif) no-repeat left center;
padding-left:13px;
}
/* sidebar */
#sidebar{
width:190px;
float:right;
padding:20px 10px 20px 20px;
}
* html #sidebar{
padding-top:30px;
}
#sidebar ul
{
list-style:none;
}
#sidebar .sideitem{
margin-bottom:25px;
background:none;
}
#sidebar .sideitem h2{
font:12px Georgia,Arial,Helvetica,sans-serif;
font-size:16px;
color:#333;
width:100%;
background:#fff url(img/dottedborder.gif) repeat-x bottom center;
padding-bottom:3px;
margin-bottom:13px;
}
#sidebar .sideitem b{
/*display:block;*/
}
#sidebar .sideitem p
{
margin:0;
padding:0px 5px;
}
#sidebar .sideitem ul{
margin-left:-4px;
}
/* footer */
.footer{
height:50px;
width:680px;
margin:auto;
color:#999;
text-align:left;
clear:both;
background:#000;
}
.footer div{
height:50px;
}
#copyright{
text-align:center;
color:#999;
float:center;
padding:5px;
}
.footer a:link,.footer a:visited {
color:#999;
border-bottom:1px dashed;
}
.footer a:hover,.footer a:active{
color:#eee;
text-decoration:none;
}
#comments, #respond{
margin: 2em 0 0 5px;
}
.yorumyazicon
{
background:url(img/yorumyaz.gif) no-repeat left center;
padding-left:22px;
}
.yorumbuyukicon
{
background:url(img/yorumbuyuk.gif) no-repeat left center;
padding-left:20px;
}
#commentform
{
margin:10px 0;
padding:10px;
background:#F7F7F7;
border-top:#ddd 1px solid;
border-bottom:#ddd 1px solid;
}
.commentnum
{
font-size:200%;
}
#main .commentlist {
margin: 0;
padding: 0;
border-top:#ddd 1px solid;
}
.commentlist li
{
list-style:none;
margin: 0;
padding:1em;
border-bottom:#ddd 1px solid;
}
.commentlist li.alt
{
background:#F7F7F7;
}
.commentlist li.highlighted
{
border:#bdb76b 1px solid;
}
.commentlist li .cmtinfo
{
font-size:1em;
}
.commentlist li cite
{
font-style:normal;
font-weight:bold;
}
.commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#999;
}
#comments
{
border-bottom: none;
}
.cmd-avatar
{
background: none;
border: none;
padding:0 5px 5px 0;
clear: none;
display: inline;
float: left;
}
input.textbox
{
background:#fff url(img/shadow_top.gif) repeat-x top;
border:1px solid #ccc;
margin:2px 0;
width:150px;
}
textarea{
background:#fff url(img/shadow_top.gif) repeat-x top;
border:1px solid #ccc;
}
.textbox:focus, textarea:focus
{
background:#fff url(img/shadow_top.gif) repeat-x top;
}
.nocomments
{
font-size:0.9em;
color:#999;
}
#content, #sidebar, #footer, .widget
{
overflow:hidden;
}