/*  
Theme Name: Komentarios
Theme URI: http://saske.com.ar/
Description: Designed by FerTech
Version: 1.0
Diseņo: http://echazu.com/
*/

/*--Ultima Actualizacion del Diseņo el 1 de Octubre del 2008--*/


/*-------------General-----------*/
html, body { border:0; margin:0; padding:0;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color:#656565;}
a{color: #0083d5;text-decoration: none;}
a:hover{text-decoration: underline;}
blockquote {display:block;width:370px; max-width:370px;background:url(images/coma.gif) 0 0 no-repeat #ffffff;padding:0 0 0 50px;margin:15px 0 15px 0;font:italic 15px Georgia, "Times New Roman", Times, serif;color:#626262;float:left; min-height:99px; clear:both;}
.clear	{ clear: both; }
h2 {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-align:center;}

/* ----------header---------*/
#top-bg { background-image:url(images/bg-top.png); height:377px; background-position:top; background-repeat:repeat-x; }
#top-container {width:960px; background-image:url(images/top.png);background-repeat:no-repeat; height:377px; margin:0 auto; padding:0; }

/*--------top layout--------*/
#top {width:960px; height:120px; padding:0; margin:0;}
#topbar {width:960px; height:200px; padding:0; margin:0;}
.left-1 {float:left; width:580px;}
.left-2 {float:left; width:190px;}
.right-1 {float:right; width:380px;}
.right-2 {float:right; width:190px;}

/*-----------top------------*/
#logo {height:120px; width:571; display:block; float:left;}
#logo img {border:none;}
#pages {height:120px; width:180px; display:block; margin:0; padding:0; margin-top:10px;}
#pages li {background: url(images/bullet.gif) 0 3px no-repeat; list-style:none; padding: 1px 3px 1px 15px;margin:0; color:#FFFFFF;  font-weight:bold; line-height:130%;}
#pages li a {color:#FFFFFF;}

/*----------search form-----*/
/**/ *html .Search  { height: 74px;} /**/ 
.Search {  right: 0px; margin: 35px 0px 0px 20px; min-height: 74px; padding:0; width:150px;}
.Search form { background: url(images/searchform.png) no-repeat right; padding:0px; margin:0px; width:150px;}
.Search input { color: #330033; font-size: 13px; padding:0; width: 113px;}
.Search  input.keyword { background: none; border: none; padding: 5px 0px 5px 5px; } 
.Search  input.search { width: 27px; height: 24px; background: url(./images/SearchButton.gif) no-repeat; padding:0; margin:0; border: none; cursor: pointer;}
.left-3 {float:left; width:113px; margin:0; padding:0;}

/*-----------recent post----*/
#recent-posts { max-height:200px;  min-height: 175px; margin-top:30px; margin-left:50px; padding:0;}
#recent_post{ max-height: 200px; margin:0; padding:0;}
#recent_post ul{margin: 0; padding:0; list-style:none;}
#recent_post li{background: url(images/event_icon.gif) no-repeat; float:left;margin:0; margin-top:5px; padding:0px 15px 5px 15px; width: 215px; font-size:10px;}
#recent_post a:link, #recent_post a:visited	{color: #656565;text-decoration: none; padding:0;}
#recent_post a:hover{color: #000;text-decoration: underline; padding:0;}

/*---------about me----------*/
#about {margin:0 auto;margin-top:0px; margin-top:20px; }
.text { width:85%; margin:0 auto; color: #fff;  text-align:justify; line-height:14px; font-size:10px; margin-top: 0px;}
.text strong {color:#0198ff;}
.text a { color:#0198ff; font-weight:bold;}

/*-----------flickr----------*/
#flickr { height:50px; margin-top:45px; margin-left:15px; color:fff;}
#flickr img {border:#fff 2px solid;  margin: 2px;}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*--main layout--*/
#main-bg {width:960px; padding:0; margin:0 auto; background-image:url(images/bg-main.png); background-position:right; height:100%}
#wide {width:960px; padding:0; margin:0 auto; background-image:url(images/bg-main.png); height:100%;  }
#left {width:550px; float:left; margin-top:0px;  }
#right { width:380px; float:right; margin-top:0px;}

/*-------------Post------------*/
.isi {padding:0; margin:0;}
.cont-atas {background-image:url(images/top1.png); background-position:top; background-repeat:no-repeat; padding:0; margin:0; padding-top:30px;}
.cont-bawah {background-image:url(images/bot.png); background-position:bottom; background-repeat:no-repeat; padding:0; padding-bottom:30px;  margin-bottom:20px;}
.post {padding-left:25px; width:500px; text-align:justify;}
.post-title {width: 490px; margin:0 auto; padding:0; }
.post-title h2 {font:Georgia, "Times New Roman", Times, serif; text-align:left; font-size:20px; padding:0; border-bottom:dashed 1px #CCCCCC; padding-bottom:5px;}
.post-title h2 a {color:#000; font-family: Georgia, "Times New Roman", Times, serif; text-decoration:none; line-height:20px; padding:0;}
.post-title h2 a:hover {color:#159ff6; text-decoration:none;}
.postmetadata {  border-top:dashed 1px #CCCCCC; padding-top:5px; padding-bottom:5px; margin-bottom:15px; width: 480px; margin-left:10px; margin-top:10px;}
.article {width: 490px;  line-height:170%; text-align:justify; margin-left:7px; padding:0;}
.post-end {margin-bottom:20px;}
.post img { padding: 3px 3px 3px 3px;background:#f0f0f0;border: solid 1px #DEDEDE; margin: 0px 15px 15px 0px !important;}


/*--------------Meta Icon---------*/
.meta-cal {background:url(images/add-page-blue.gif) center left no-repeat;padding-left:20px;padding-bottom:5px;padding-top:5px;}
.meta-comm {background:url(images/user-comment-blue.gif) center left no-repeat;padding-left:20px;margin-left:15px;padding-bottom:5px;padding-top:5px;}
.meta-tag {background:url(images/folder-blue.gif) center left no-repeat;padding-left:20px;padding-bottom:5px;padding-top:5px; margin-top:8px;}

/*-------------sidebar------------*/

#kanan-1 {float:right;  width:175px; padding:0; margin:0;}
#kiri-1 {float:left; width:175px; padding:0; margin:0;}
.hidden {visibility:hidden;}
.comments {width:175px; margin-top:-10px;}
.hdr2 { background-image: url(images/categories.png); width:175px; height:43px;}
.hdr3 { background-image: url(images/rec-com.png); width:175px; height:43px;}
.hdr4 { background-image: url(images/top-com.png); width:175px; height:43px;}
.hdr5 { background-image: url(images/link.png); width:175px; height:43px;}
.hdr6 { background-image: url(images/top-come.png); width:175px; height:43px;}
.hdr7 { background-image: url(images/sponsor.png); width:175px; height:43px;}
.hdr8 { background-image: url(images/shout.png); width:175px; height:43px;}
.hdr9 { background-image: url(images/archives.png); width:175px; height:43px;}
.hdr10 { background-image: url(images/visitors.png); width:175px; height:43px;}
.hdr11 { background-image: url(images/anuncios.png); width:175px; height:38px;}
.hdr12 { background-image: url(images/suscribite.png); width:175px; height:38px;}

/********************
     Blog Sidebar
 ********************/

#sidebar {
	width: 350px;
	float: right;
	color: #000000;
	padding: 0; 
	margin: 0;}
}

#sidebar #sidebar-top {
	float: left;
	width: 350px;
}

#sidebar #sidebar-top .textwidget {
	text-align: center;
}

#sidebar h2.title {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #0168AD;
	text-align: left;
}

#sidebar ul {
	clear: both;
	margin: 0;
	padding-left: 0px;
	list-style-type: none;
}

#sidebar ul.children li {
        border-bottom: none;
}


#sidebar li a:link, #sidebar li a:visited {
        color: #0168AD;
        text-decoration: none;
}

#sidebar li a:hover, #sidebar li a:active {
	color: #0198ff;
    text-decoration: underline;
}

#sidebar #sidebar-center {
	float: left;
	width: 350px;
	margin: 0px;
}

#sidebar #sidebar-center .textwidget {
	text-align: center;
}

#sidebar-center .sidebar-left {
	float: left;
	width: 175px;
}

#sidebar-center .sidebar-right {
	float: right;
	width: 175px;
}

/*--------------- Comments ----------------*/

.commentpage {
	margin: 0 30px;
	padding: 0;
	}

#comments {
	margin: 0;
	padding: 0;
	}

.comments-num {
	background: transparent url(images/separator_green.gif) repeat-x center bottom;
	padding: 0 0 10px 0;
	}

#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#commentlist li {
	padding: 20px 25px 0 0;
	border-bottom: 1px solid #dce6ff;
	background: #edf2ff url(images/comment_bg.gif) repeat-y 0 0;
	}
	.alt {
		background-color: #fff !important;
		background-image: none !important;
		}

.comment-gravatar {
	float: left;
	width: 62px;
	height: 62px;
	background: transparent url(images/gravatar.gif) no-repeat;
	}
	img.avatar {
		margin: 7px 0 0 7px;
		border: none;
		}

.comment-title,
.comment-meta,
.comment-text {
	margin: 0 0 0 80px;
	}

.comment-title,
.comment-title a,
.comment-title a:hover{
	color: #030612;
	}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #2f63b3;
	}

h2#postcomment {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	background: transparent url(images/separator_green.gif) repeat-x center bottom;
	}

.postcomment {
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px;
	background: #dce6ff url(images/separator_blue.gif) repeat-x center top;
	}

.postcomment input,
.postcomment textarea {
	border: 1px solid #b0c5ff;
	}
.postcomment input:hover,
.postcomment textarea:hover {
	border: 1px solid #fec02a;
	}
.postcomment input#author,
.postcomment input#email,
.postcomment input#url {
	width: 100% !important;
	width: 456px; /* Fuck IE */
	height: 18px;
	}
.postcomment textarea#comment {
	width: 100% !important;
	width: 456px; /* Fuck IE */
	height: 200px;
	}

.postcomment input#submit {
	width: auto;
	height: 25px;
	padding: 2px 10px 3px 10px;
	background: #e5edff url(images/submit.gif) repeat 0 0;
	}
.postcomment input#submit:hover {
	background: #e5edff url(images/submit_hover.gif) repeat 0 0;
	}

/* ----------Navegacion---------*/

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #0083D2;
	text-decoration: none; 
	color: #fff;
	background: #0083D2 url(images/image1.gif);
}

div.pagination a:hover, div.pagination a:active {
	border:1px solid #0083D2;
	color: #FFF;
	background: #AAD83E url(images/image2.gif);
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #0083D2;
  font-weight: bold;
	background: #AAD83E url(images/image2.gif);
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #0083D2;
	color: #0083D1;
}


/*-----------------Footer---------------------*/
#foot-wrap {width:100%; float:right; height:144px; background-image:url(images/footer.png); background-position:bottom center; background-repeat:repeat-x; bottom:0;}
#foot-bg {width:960px; margin:0 auto; padding:0;  background-image:url(images/footer.png); background:repeat-x; background-position:center; height:144px; bottom:0;}
#credits {color:#fff; width:530px; float:left; color:#FFFFFF; text-align:right; font-weight:bold; padding:0; margin:0; margin-top:60px;}
#credits a {color:#0083d5;}
#credits a:hover {color:#0083d5; text-decoration: underline;}
.clear	{ clear: both; }