/*
Theme Name: propra
Theme URI: http://www.ikso.net
Description: Farita propra etoso
Version: 1.0
Author: E@I
Author URI: http://ikso.net
*/

/* NULIGO */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

/* TIPARO */

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea{
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #000;
}
a{color:#26354a;text-decoration:underline;outline:none;}
a:hover{color:#ff6600;text-decoration:none;}
a.internal_tag{text-decoration:none;border-bottom:1px dotted #000;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}

h1{font-size:18px;line-height:18px;padding-top:9px;padding-bottom:9px;color:#26354a;}
h2{font-size:18px;line-height:18px;padding:10px 0;color:#244963;}
h3{font-size:14px;line-height:18px;color:#ff6600;}

p{padding:0 0 18px 0; line-height: 1.5;}

ul,ol{margin-bottom:18px;padding-left:16px;margin-left:16px;list-style-type:square;}

strong{font-weight:bold;}
em{font-style:italic;}

.eta{}
.granda{font-size:14px;line-height:18px;}
.ega{font-size:16px;line-height:18px;}

/* STRUKTURO */

html,body{height:100%;}
body{background-color:#64748b;}

#wrapper {background-color:#fff; width:100%; margin:0 auto;min-width:900px;max-width:1300px;}
* html #wrapper{width:expression((documentElement.clientWidth||document.body.clientWidth)<900?'900px':(documentElement.clientWidth||document.body.clientWidth)>1300?'1300px':'auto');}

#ujo {clear:both; width:95%; margin: 0 auto;}
#header { width:95%; height:100px; margin: 0 auto; clear:both;}
#nav { width:95%; background: url(images/navbkg.png) repeat-x; height:40px; margin: 0 auto; clear:both; }

#main { width:100%; margin:auto; padding:0;float:left; width:62%; }
#content { margin-top:15px;}
#sidebar { float:right; width:35%; position: relative; }
/*
#main { width:100%; margin:auto; padding:0;float:left;margin-right:-420px; }
#content { margin-right:420px; }
#sidebar { float:right; width:400px; position: relative; }
*/
#footer { width:95%; margin: 0 auto; padding:0 0 20px 0; background:url(images/fooline.png) repeat-x; text-align:center; clear:both;}

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
a img { border: none; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
.clear { clear:both; }
.space { clear:both; height:5px; width:100%;}
img { border:none; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }


/*+++++++ HEADER +++++++*/

#logo { width:104px; float:left; height:80px; margin:0; padding:0; margin-top:10px;}
#logo h1 { text-indent:-9999px; padding:0; margin:0; }
#logo h1 a { display:block; background:url(images/logo.png) no-repeat; height:80px;margin:0; padding:0;}
#serchilo { float:right; width: 254px; height: 70px; background: url(images/sbox.png) no-repeat; margin:10px 5px 0 0; }
#serchilo #s { float: left; margin: 6px 0 0 6px; border: 0; width: 210px; background: none; color:#333; }
#serchilo #go { float: right; width:28px; height:30px;  }

/*+++++++ NAV +++++++*/
#nav ul { font-size:18px; margin:0; padding:0; }
#nav ul li {display:inline; height:40px; line-height:40px; float:left; }
#nav ul li.current_page_item a { font-weight:bold; }
#nav ul li.current_page_item a:hover{ color:#26354a; }
#nav ul li a { padding:0 20px 0 0; text-decoration:none;}
#nav ul li a:hover{ color:#FF6901; }
#nav ul li.date { float:right; }

/*+++++++ CONTENT +++++++*/

#content img {margin:0 10px 5px 0;}
#content img.aligncenter, dl.aligncenter {display:block;margin-left:auto;margin-right:auto;}
#content .bookmarkz img {margin:2px;}
.boxes {background:url(images/line.png) bottom repeat-x; padding-bottom:10px; padding-top:10px;}
.fotujo { padding-bottom:10px; padding-top:10px;}

/*#content h2 { font-size:24px; line-height: 24px; margin:20px 10px 0 0;padding:0; }*/
#content h2 a {text-decoration:none;}
#content .post {margin:0;margin-bottom:20px;padding:0 10px; border: 1px solid #C9CED4; background: #FAFCFD url('images/griza.png') repeat-x top;}
#content p.info { font-size:10px; text-transform:uppercase; color:#FF6901; margin:0; padding:0; margin-bottom: 10px;}
#content p.postmetadata { line-height: 26px; text-transform:uppercase; font-size:10px; color:#000; padding:2px; background-color:#D3DCE6; margin-bottom: 0; margin: 0 -3px; }
#content p.postmetadata a { font-weight:normal;}
#content .post .space { height: 0; }
#content .post p { text-align: justify; }
#content .wp-caption.alignright { margin-left: 7px; }
#content p.wp-caption-text { text-align: center; }

/*+++++++ NEXT PREVIOUS +++++++*/
.navigation { width:100%; height:20px; margin-bottom:20px; }

/*+++++++ SIDEBAR +++++++*/

#sidebar{}
#sidebar h2 { padding-bottom:10px; padding-left:0; }

#lsidebar {  }
#rsidebar {  }
.kol{float:left;margin:10px 0;margin-right:5%;}
.kol h2{margin-top:0;padding-top:0;}
.kol ul{margin-bottom:0;}

/*+++++++ COMMENT +++++++*/

ol.commentlist {margin:20px 0 40px 0;}
ol.commentlist li {list-style:decimal; margin:30px 0;}
ol.commentlist li img { float:left; margin:0 1em 0.5em 0; }
p.commentmetadata a {color:#ff6600;}

/*
div.comments h3{color:#4d5663;margin:4em 0 0.3em;}
div.comments h3.comment-header span.comment-count{color:#7a818a;padding-left:0.2em;}
div.comments ol
div.comments ol#comments{margin:0 0 0 2em;padding:0;}
div.comments ol#comments li{margin:1em 0 5em;padding:0;}
div.comments ol#comments li img.photo { float:left; margin:0 1em 0.5em 0; }
div.comments ol#pingbacks{list-style:none;margin:1em 0 0 1.5em;padding:0;}
div.comments ol#pingbacks li{border:1px solid #ccd0d6;color:#777;font-size:0.9em;list-style:none;margin:0 0 1.5em;padding:1em;}
div.comments ol#pingbacks p{margin-bottom:0;}
div.comments ol.commentlist li .fn,div.sidebar ul li#blogtxt-recent-comments .fn{font-weight:700;}
div.comments ol.commentlist p{margin:0.5em 0;}
div.comments ol.commentlist span.comment-meta,div.comments p#loggedin{font-style:italic;}
div.comments span.req-field{color:#c00;}
*/
/*
.comen { width:100%; margin-bottom:10px;}
.cleft { float:left; width:60px; border:3px double #dadada; }
.cright { float:right; width:500px; }
.comen .cright .ucomen{ font:11px Georgia, Times, serif; text-transform:uppercase; color:#72b6cf;}
.comen .cright .ucomen a { color:#72b6cf;}
#commentform textarea { width: 390px; padding: 2px; }
#commentform label { display:block; float:left; width:100px; color:#9fc253; font:bold 15px Georgia, Times, serif; text-align:right; padding-right:10px;}
#commentform #author { background:url(images/author.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #email { background:url(images/email.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #url { background:url(images/url.gif) no-repeat; width:370px; height:27px; border:none; padding:3px 0 0 30px;}
#commentform #comment { background:#eeeeee; border:3px solid #878d59;}
#commentform #submit { width:106px; height:34px; padding:10px 0 20px 110px; }
*/

/*+++++++ FOOTER +++++++*/

#footer p { font-size:12px; padding:5px;  }

/*+++++++ GALLERY +++++++*/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/*Aldonitaĵoj ĉar la stilfolio estas malnova*/
#content .wp-caption.aligncenter {
	margin: auto;
}
#content .wp-caption {
	border: 1px solid #c9ced4;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 0;
}

#content .wp-caption .wp-caption-text {
	padding: 0;
}

.fotujo figure {
	display: inline-block;
	text-align: center;
	padding: 3px;
	border: 1px solid #c9ced4;
	margin: 4px;
	font-size: 0.8em;
	width: 100px;
}