@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
border:0;
} 
html, body { font-size:12px; font-family:Verdana, sans-serif; color:#333333; }
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline;}

* html .kimdir-tag {
display: inline;
}
*+html .kimdir-tag {
display: inline;
} 

p { padding:0 20px 0 20px; }

h1{
font-size:18px;
font-weight:normal;
line-height:22px;
text-align:left;
padding:10px 15px 10px 15px;
}
h2{
color:#fff;
font-size:12px;
font-weight:normal;
text-align:center;
line-height:42px;
}
h3{
font-size:11px;
font-weight:normal;
line-height:20px;
padding-top:5px;
padding-bottom:5px;
}
h4{
font-size:11px;
font-weight:bold;
line-height:18px;
text-align:right;
position:absolute; 
right:135px;
}

#main{
margin:0 auto;
height:auto;
width:750px;
background: #fff url(img/main-bg.png) repeat-y;
padding-bottom:100px;
position:relative;
}

#header{
background-color:#fff;
position:relative;
width:750px;
height:70px;
}

#hdr-line{
position:absolute;
left:60px;
top:20px;
width:690px;
height:20px;
background-color:#333;
}
#hdr-line-right{
background-color:#333;
position:absolute; 
top:20px; 
right:0;
height:20px;
width:50%;
}

#left{
padding:10px 0 10px 0;
width:410px;
float:left;
background-color:#fff;
}

#right{
width:300px;
float:right;
border-width:80px 0 10px 0;
border-style:solid;
border-color:#FFFFFF;
background:#fff url(img/right-bg.gif);
padding-bottom:15px;
}

#footer{
width:100%;
height:10px;
background-color:#444;
}


.menu-box{
position:relative;
z-index:1;
float:right;
width:60px;
height:60px;
background-color:#333333;
margin-left:20px;
}
.menu-box img{display:none; position:absolute;}
.menu-box:hover img{display:block;}

.left-boxes {
background:url(img/left-boxes-bg.gif);
height:20px;
width:410px;
}

.right-block {
position:relative;
margin-top:20px; 
width:300px;
background-color:#ccc;
border-width:10px 0 10px 0;
border-style:solid;
border-color:#FFFFFF;
}
.right-block a:hover { text-decoration:none; color:#aaa; }

.right-block-right {
width:240px;
background-color:#eee;
padding:10px;
}

.block-title {
height:100px;
width:40px;
float:left;
}

.blog-title {
width:410px;
background-color:#999999;
}
.blog-title-left {
width:330px;
background-color:#CCCCCC;
float:left;
}
.blog-article {
line-height:16px;
padding:10px 0 10px 0; 
width:410px;
background-color:#eeeeee;
}
.blog-bottom {
width:410px;
background-color:#CCCCCC;
text-align:center;
}
.blog-bottom-left {
padding-left:10px;
padding-right:10px;
float:left;
width:270px;
background-color:#dddddd;
text-align:left;
}
.blog-bottom-button {
float:left; 
width:200px; 
height:30px; 
background-color:#ccc; 
text-align:center; 
line-height:30px; 
color:#ddd; 
font-size:16px; 
font-weight:bold;  
list-style-type: none;
display: block;
}
.blog-bottom-button a { color:#fff; text-decoration:none; display:block; }
.blog-bottom-button a:hover { text-decoration:none; background-color:#999; display: block; }

#add-comment {
position:relative;
height:220px;
width:410px;
}
.add-comment-0 {
float:left; 
background-color:#999; 
background:url(img/comment-left1.gif) left no-repeat #999;
width:200px;
height:20px;
margin-bottom:10px;
color:#fff;
text-align:center;
font-size:15px;
letter-spacing:2px;
font-weight:bold;
}
.add-comment-1 {
position:relative;
width:200px;
height:20px;
background-color:#ccc;
margin-bottom:10px;
}
#add-comment-2 { 
width:402px;
height:92px;
border-color:#ccc;
border-style:solid;
border-width:4px;
position:relative;
}
#add-comment-submit {
position:absolute; 
right:0; 
bottom:10px; 
height:20px; 
width:130px;
background:url(img/comment-left2.gif) left no-repeat #999;
padding:0 0 5px 15px;
letter-spacing:4px;
font-weight:bold;
font-size:12px;
color:#333;
}

.comment {
width:410px;
margin-top:10px;
}
.comment-info {
height:20px;
float:right;
background:url(img/comment-left1.gif) left no-repeat #999;
padding:0 10px 0 30px;
line-height:20px;
font-size:11px;
position:relative;
}
.comment-id {
position:absolute; 
top:2px; 
left:-36px; 
background:url(img/comment-id.gif); 
width:50px; 
height:16px;
text-align:center;
line-height:16px;
color:#999;
font-size:10px;
font-style:italic;
}
.coomment-article {
width:380px;
padding:10px 10px 10px 20px;
background-color:#ddd;
}

.galeri-menu-box {
width:130px;
height:20px;
background-color:#eee;
margin-right:10px;
float:left;
text-align:center;
line-height:18px;
letter-spacing:1px;
}
.galeri-menu-box:hover { text-decoration:underline; }

#galeri-top{
position:relative;
width:410px;
height:60px;
margin-top:10px;
}

.galeri-button{
height:50px; 
width:50px; 
background:#ccc;
}
.galeri-button:hover {background-color:#999;}

.galeri-thumb{
position:relative;
width:38px;
height:38px;
padding:1px;
border:5px solid #ccc;
float:left;
margin-left:10px;
}
.galeri-thumb:hover {border-color:#999;}

.galeri-big-thumb{
width:110px;
height:110px;
border:10px solid #ccc;
float:left;
margin:0 10px 10px 0;
}
.galeri-big-thumb:hover {border-color:#999;}

.kimdir-content {
width:430px;
margin-left:-10px;
}
.kimdir-tag {
height:20px; 
padding:0 10px 0 10px; 
line-height:18px; 
background:#ddd; 
margin:10px;
display:inline-block;
}

.atolye-block {
height:20px; width:240px; background-color:#ddd; line-height:19px; margin:10px 10px 0 50px;
}
.atolye-block2 {
margin-right:10px; float:left; height:20px; line-height:18px; background-color:#aaa; font-size:11px; font-weight:bold; text-align:center; color:#fff; padding:0 5px 0 5px;
}
.atolye-block2 a { text-decoration:none; color:#fff; }
.atolye-block2 a:hover { text-decoration:underline; color:#fff; }

.atolye-showbox {
width:390px;
border:10px #666 solid;
background-color:#FFF;
}
.atolye-commentbox {
margin-top:10px;
width:360px;
background-color:#ccc;
position:relative;
padding-left:50px;
min-height:40px;
line-height:20px;
padding-bottom:5px;
}
.atolye-comment-img {
height:40px;
width:40px;
position:absolute;
top:-10px;
left:10px;
background-image:url(img/atolye-comment-img.gif);
}

.delicious-post { margin-bottom: 10px; font-size:12px; border-bottom:1px solid #ccc; }
.delicious-posts a { display:block; text-decoration:none;   }
.delicious-posts a:hover { display:block; background-color:#fcfcfc; color:#666;  }