h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}


ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url(images/ul-01.gif) 0 50% no-repeat; font-size:85%;}


#main {width:960px; margin:0 auto; overflow:hidden; margin-top:-40px;}

#header {position:relative; }

#logo {}
    
#nav {position:absolute; top:60px; right:20px; margin:0;}
#nav span {margin:0 8px;}
#nav #nav-active {font-weight:bold; text-decoration:none;}
    
#tray {position:relative; width:960px; height:45px; background:url("images/tray.gif") 0 0 no-repeat; font:bold 90%/1 "tahoma",sans-serif;}
 

        #search {position:absolute; top:8px; right:20px;}
        #search div {position:relative; width:185px;}
        
        #search #search-input {position:absolute; top:0; left:0; width:150px; height:30px; background:url(images/search-input.png) 0 0 no-repeat; overflow:hidden;}
        #search #search-input input {width:136px; margin:8px; border:0; font:100%/1 "arial",sans-serif;}
        #search #search-submit {position:absolute; top:0; right:0; width:30px;}

    #footer {clear:both; padding:5px 5px 40px 5px; font-size:85%; width: 900px; float: left }
    #footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top {width:960px; height:5px; margin-top:15px; background:url("images/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("images/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col {position:relative; padding:15px 30px 15px 20px; background:url("images/col.gif") 0 0 repeat-y;}

#ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("images/ribbon.png") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}
#col-browser {position:relative; float:left; width:280px; height:215px; }
#col-browser img {position:absolute; top:0px; left:0px; border:1px #CCC solid; width:240px; height:240px;}
#col-browser img:hover{position:absolute; top:0px; left:0px; border:1px #DDD solid;}
#col-text {float:right; width:385px; padding-top:2px; line-height:1.7; margin-left:-10px;}
#col-text p{margin-top:-2px;}
#col-text p a{margin-top:-2px;text-decoration: none;}
#slogan {position:relative; width:289px; height:35px; overflow:hidden; margin:0; padding:0; font-size:170%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #0066cc; margin-top:-10px;}
#slogan a{text-decoration: none; color: #0066cc;}
#btns {margin-top:25px; margin-bottom:0;}

#cols2-top {width:960px; height:5px; margin-top:15px; background:url("images/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:960px; height:5px; margin-bottom:15px; background:url("images/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("images/cols2.gif") 0 0 repeat-y;}
#cols2 #col-left {float:left; width:595px; padding:5px; padding-left:10px;}
#cols2 #col-right {float:right; width:320px; margin-right:1px; padding:5px;}
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols2 #col-left .title {background:url("images/dot.gif") 0 50% repeat-x;}
        #cols2 #col-left .title h4 {display:inline; padding-right:10px;}
        #cols2 #col-left .title span {padding-left:10px;}

        #cols2 .box {margin-top:15px;}
        #cols2 #col-right h4 {background:url("images/dot-02.gif") 0 50% repeat-x;}
        #cols2 #col-right h4 span {padding-right:10px;}
        #cols2 .col-right-img {float:left; width:65px;}
        #cols2 .col-right-text {float:right; width:320px; margin-top:10px;}
        #cols2 .col-right-text p {margin:0;}
		
.ul-list {margin:5px 0; margin-left:-15px; list-style:none; font-size: 13px;}
.ul-list a{font-size: 13px; text-decoration:underline; font-weight: normal;}
.ul-list li { width:595px; }
.ul-list span.date a{padding-right:10px; float:left; color:#333;} 
.altyasla { float:right; color:#FC3;} 
.altyasla a{color: #F90; font-size: 12px; font-weight: normal; text-decoration:underline;}

#cols3-top {width:620px; height:5px; margin-top:15px; background:url("images/cols3-top.gif") 0 0 no-repeat; line-height:0; overflow:hidden;}
#cols3-bottom {width:620px; height:5px; margin-bottom:15px; background:url("images/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3 {width:630px; background:url("images/cols3.gif") 0 0 repeat-y;}
.col {float:left; width:154px; height:190px;margin-top:-3px; margin-left:-2px;margin-right:4px;}
.col-text {padding:5px; font-size:11px; line-height:normal; color:#666;}
.col-text img{margin-top:5px;}
.col-text p {margin:0;}
.col p img{border:1px solid #6CC; margin-top:5px;margin-right:5px;margin-left:6px; width:135px; height:90px;}
.col p img:hover{border:1px solid #FFF; margin-top:5px;margin-right:5px;margin-left:6px; width:135px; height:90px;}
.col-text ul {margin-bottom:0;}
.col-more {padding:10px 10px 1px 0; text-align:right;}
		
	
#cols4-top {width:210px; height:5px; background:url("images/cols4-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; margin-top:15px;}
#cols4-bottom {width:210px; height:5px; margin-bottom:15px; background:url("images/cols4-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols4 {width:210px; background:url("images/cols4.gif") 0 0 repeat-y; }
#cols4-text {padding-left:10px;}
#cols4 .box {}

#cols4 li{ background-image:url(images/saok.gif); margin-left:5px; list-style-type: none;  background-position:1px 4px ; background-repeat:no-repeat;padding-right:62px;  }
#cols4 li a{ margin-left:14px; color:#069;}
#cols4 #col-right {width:268px; margin-right:1px; padding-left:7px;}
#cols4 #col-right img{margin-left:-3px;}
#cols4 #col-right h4 {background:url("images/dot-02.gif") 0 50% repeat-x; color: #666; margin-top:-10px;}
#cols4 #col-right h4 span {padding-right:10px;}
#cols4 .col-right-img {float:left; width:65px;}
#cols4 .col-right-text {float:right; width:190px;}
#cols4 .col-right-text p {margin:0;}

#col5 {position:relative; padding:15px 30px 15px 0px; background:url("images/col.gif") 0 0 repeat-y;}
#col5-browser {position:relative; float:left; width:200px; height:150px; }
#col5-browser img {position:absolute; top:0px; left:0px; border:1px #CCC solid; width:200px; height:120px;}
#col5-browser img:hover{position:absolute; top:0px; left:0px; border:1px #DDD solid;}

#colssingle-top {width:620px; height:5px; margin-top:15px; background:url("images/colssingle-top.gif") 0 0 no-repeat; }
#colssingle-bottom {width:620px; height:5px; margin-bottom:15px; background:url("images/colssingle-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#colssingle {width:630px; background:url("images/colssingle.gif") 0 0 repeat-y; padding:10px;}
#colssingle .cizgi {background:url("images/dot-02.gif") 0 50% repeat-x; color: #666; width:596px;}
#colssingle .baslik {font-size:160%; font-family:Arial, Helvetica, sans-serif; color: #666; margin-top:-10px; margin-bottom:-10px;}
#colssingle .singleyazi {width:596px; margin-top:-10px;}
#colssingle .singleyazi img{padding: 2px; border: 1px solid #0CC;}
#colssingle .singleyazi a{ color:#06C;}
#colssingle .singleinfo {width:596px; margin-top:-5px; font-family:Arial, Helvetica, sans-serif; color: #999; font-size:60%;}
#colssingle .singleinfo a{color: #09C; }


#colsbenzer-top {width:620px; height:5px; margin-top:15px; background:url("images/colsbenzer-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#colsbenzer-bottom {width:620px; height:5px; margin-bottom:15px; background:url("images/colsbenzer-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#colsbenzer {width:620px; background:url("images/colsbenzer.gif") 0 0 repeat-y;}
#colsbenzer #col-left {float:left; width:595px; padding:5px; padding-left:10px;}
#colsbenzer #col-right {float:right; width:320px; margin-right:1px; padding:5px;}
    
        #colsbenzer #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #colsbenzer #col-left .title {background:url("images/dot.gif") 0 50% repeat-x;}
        #colsbenzer #col-left .title h4 {display:inline; padding-right:10px;}
        #colsbenzer #col-left .title span {padding-left:10px;}

        #colsbenzer .box {margin-top:15px;}
        #colsbenzer #col-right h4 {background:url("images/dot-02.gif") 0 50% repeat-x;}
        #colsbenzer #col-right h4 span {padding-right:10px;}
        #colsbenzer .col-right-img {float:left; width:65px;}
        #colsbenzer .col-right-text {float:right; width:320px; margin-top:10px;}
        #colsbenzer .col-right-text p {margin:0;}
		
.ul-list {margin:5px 0; margin-left:-15px; list-style:none; font-size: 13px;}
.ul-list a{font-size: 13px; text-decoration:underline; font-weight: normal;}
.ul-list li { width:595px; }
.ul-list span.date a{padding-right:10px; float:left; color:#333;} 
.altyasla { float:right; color:#FC3;} 
.altyasla a{color: #F90; font-size: 12px; font-weight: normal; text-decoration:underline;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.ico-comment {padding-left:18px; background:url("images/ico-comment.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("images/ico-rss.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}

.slideshow { height: 255px; width: 660px; margin: auto; float:left; }
.slideshow img { padding: 5px; border: 1px solid #ccc;  }

.slideshow2 { height: 155px; width: 220px; margin: auto; float:left; }
.slideshow2 img { width:150px; height:150px; padding: 5px; border: 1px solid #ccc;  }

.sagustreklam{ width:100px; height:600px; float:left; vertical-align:top; background-color: transparent; margin-left:-20px; margin-top:16px;}

.sbaslik{ background:url("images/sbaslik.gif") no-repeat; width:197px; height:24px; padding-top:1px; padding-left: 4px; font-size:15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color: #06C; margin-bottom:4px;}

.hrr {clear:both; width:855px; height:20px; background:url("images/content5.gif") 0 50% no-repeat; font-size:0; margin-left: 100px;padding-top:20px;}

ol.commentlist {  
    margin:0;  
    padding:0;  

    }  
  
.commentlist li {  
    list-style:none;  
    margin-bottom:14px; 
	border: 1px solid #2aabd5; 
    }  
  
.commentlist cite {  
    padding: 7px;  
    display:block;  
    font-style:normal;  
    background:url(images/bg_comments2_cite.gif);  
    border-top:1px solid #d6e4c1;  
    border-bottom:1px solid #2aabd5;  
    color:#2aabd5;  
    }     
  
.commentlist a:link, .commentlist a:visited {  
    color:#2aabd5;  
    }  
  
.commentlist a:hover, .commentlist a:active {  
    color:#8ec343;  
    }  
  
.commentlist cite img {  
    padding:1px;  
    border:1px solid #2aabd5;  
    float:left;  
    margin-right:9px;  
    }  
  
.commentlist .author {  
    font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;  
    text-decoration:underline;  
    }  
  
.commentlist .time {  
    background: url(images/bg_clock.gif) no-repeat 1px;  
    padding-left:13px;  
    }  
  
.commenttext {  
    background: #2aabd5 url(images/bg_comments2_text.jpg) repeat-x top;  
    border-top:1px solid #fff;  
    padding: 0 20px 10px 20px;

    color:#fafcf6;  
    } 


.alignleft {float: left; margin:0px 3px 3px 0px;}
.alignright { float: right; margin:0px 3px 3px 0px;}
.arresim{width:570px; margin-top:20px; float: left;}
.arresim img{width:130px; height:130px; margin:1px; border:1px solid gray; padding 1px; float: left;}