/* CSS FOR BLOGENGINE*/

* html #content {
	position:static;
}

/*
	background:url(img/bg_block.jpg) no-repeat;
	background:#002f6f url(img/transport.jpg) no-repeat;
	background:url(img/bg_video.jpg) no-repeat;
	background:url(img/bg_calendar.jpg) no-repeat;
	background:url(img/bg_blog.jpg) no-repeat;
*/
.widget { padding:20px 35px 18px 0; background:url(img/bg_blog.jpg) no-repeat; position:relative; margin: 10px 0 0; }
* html .widget { width: 227px; height: 50px; }
#calendar, .monthlist, .mois, .archives { background:url(img/bg_calendar.jpg) no-repeat; }
.pagelist, .administration, .recentposts { background:url(img/bg_blog.jpg) no-repeat; }

.blog-content h1 { color:#393F41; font-family:"Trebuchet MS",verdana,Arial,sans-serif; font-weight:normal; line-height:1em; margin-bottom:1em; }

#content ul {
	list-style: none;
	padding: 0 0 12px 12px;
}

#content ul li {
	display:block;
	padding-left: 12px;
	margin-bottom:8px;
	background-position: 0 2px;
	display:block;
}

div.blog-content h1, div.blog-content h1 a {color:#005699;}

#right h2 { background: none; width: auto; }
#right h2 span { 
	color:#fff;
	background-color:#4d5a5e;
	display: inline-block;
	height: 1em;
}

/*----------------------------
					Star rater
----------------------------*/

div.rating {
	position: relative; top:0; left:0;
	height: 1.3em; line-height: 1.3em;
}

.rating p {
	display: inline;
	position: absolute; top: 0; left: 55px;
}

.star-rating {
	list-style: none;
	margin: 0; padding: 0;
	background-position: left top;
	position: relative; top: 3px;
	width: 125px; height: 25px;
	overflow: hidden;
}



.star-rating a, .star-rating .current-rating {
	position: absolute; top: 0; left: 0;
	height: 25px; line-height: 25px;
	outline: none; overflow: hidden; border: none; text-indent: -1000em;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
}

.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5; }
.star-rating a.three-stars { width: 60%; z-index: 4; }
.star-rating a.four-stars { width: 80%; z-index: 3; }
.star-rating a.five-stars { width: 100%; z-index: 2; }
.star-rating .current-rating { z-index: 1; background-position: left center; margin: 0px; }
*:first-child+html .star-rating .current-rating { background-position: left 20px; }
* html .star-rating .current-rating { background-position: left 20px; }

/* smaller star */
.small-star {
	width: 50px;
	height: 10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	background-image: url(../../pics/star_small.gif);
	line-height: 10px;
	height: 10px;
}

.blog-content {
	/*margin: 0 30px 0 70px;*/
	margin: 0 0 0 -2em;
	padding: 0 30px 0 100px;
	width: 38em;
	max-width: 570px; 
}
* html .blog-content { width: 510px; }

.postfooter a img { margin: 0 3px 0 0; }


.monthlist img,
.archives img,
.pagelist img,
.administration img { float:left; margin: 3px 8px 20px 0; }

#content div li { margin: 1px 0; }
#content ul li { background-image: url(img/arrow_blue.gif);background-repeat:no-repeat; }
#content ol { padding: 0; margin: 0 0 1em 2em; }
#content ol li { margin: 1px 0 1px -2px; }

#content .blog-content table { margin: 0 0 18px; border-collapse: collapse; width: 100%; }
#content .blog-content table td,
#content .blog-content table th,
#content .blog-content table caption { padding: 3px 6px; border: 1px solid #fff; }
#content .blog-content table caption { color: #fff ;background-color: #005699; font-weight: bold; }
#content .blog-content table td,
#content .blog-content table th { vertical-align:middle; }
#content .blog-content table td { background-color: #e7e9ea; }
#content .blog-content table th { background-color: #4d5a5e; color: #fff; }
#content .blog-content table tr:nth-child(even) td { background-color: #f3f3f3; }


.archives #monthList ul { display: none; }

.archives #monthList ul.open { display: block; }

#pagelist,
#administration { background-image:none; }

.forLogin { font-size:13px; font-weight:bold; }

#page h1 { color:#005699; margin-bottom:15px; }




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

#comments { margin: 30px 0 0; }

#comment { color:#005699; }

#content #commentlist { padding: 0 0 0 20px; }
#commentlist li 
{
	padding: 10px 0 0;
	margin: 0 0 0 15px;
}

li .comment {
	padding: 0 10px 10px 30px;
	margin: 0 0 0 -35px;
	border: 0 solid silver; border-width: 0 0 1px;
}

li .notApproved { background-color: #e7e9ea; }

html>/**/body .comment { overflow: hidden; }
* html .comment {  margin: 0; padding: 5px 10px 10px; }
*:first-child+html .comment { margin: 0; padding: 5px 10px 10px; }
html:first-child > body #content .comment { margin: 0 0 0 -5px; padding: 5px 10px 10px; overflow: visible; }

.comment cite { font-style: normal; }

.comment .gravatar {
	float: right;
	margin: 5px 10px 5px 0;
}

.comment blockquote.content {
	padding: 5px 0 0;
	border: 0;
	margin: 0;
	font-style: normal;
}
.comment blockquote.content p {
	margin: 0 0 1em;
}

blockquote {
	font-style: italic;
	display: block;
	margin: 0 0 1em 0.8em;
	padding: 1em 0 0.2em 1em;
	border-left: 2px solid #005699;
}
.comment q { font-style: italic; }
:root { quotes: '' ''; }
q:after, q:before, blockquote:before, blockquote:after { content: ''; }

.comment img.flag {
	position: relative;
	top: 2px;
}

.commentForm {  margin: 30px 0 0; }

fieldset textarea { border:1px solid silver; }

.commentForm textarea {
	width: 100%;
	height: 150px;
}

.commentForm #commentPreview { clear:both; border:1px solid silver; width: 100%; margin: 2em 0 2px; }

#commentMenu {
	padding: 0;
	margin:0;
	float: left;
}

#newComment 
{
	position: relative;
	top: 0;
	left: 0;
	height: 180px;
}



#commentMenu h3 {
	float:left;
	background:#d8d8d8;
	border:1px solid silver;
	border-bottom: 0;
	color:#000;
	font-weight: normal;
	margin: 0 5px 0 0;
	cursor:pointer;
	font-size: 1em;
}
#commentMenu h3 a 
{
	padding: 3px 6px;
	display: block;
	color: #000;
	text-decoration: none;
}

#commentCompose { padding: 2em 0 0; }
/* * html #newComment h3 { position: relative; top: 2px; }
*+html #newComment h3 { position: relative; top: 2px; } */
/* #newComment button { position: absolute; top: 0; left: 25px; margin: 0 0 0 6em; }
#newComment button h3 { padding:0 0 1px; border:0; } */
#commentMenu { position: absolute; top: 1.5em; left: 0; }


#commentMenu li.selected{
	background:white;
	border-bottom:1px solid white;
}

#commentPreview {
	display:none;
	clear:both;
	height: 150px;
	overflow: auto;
}
* html #commentPreview { height: 150px; overflow: auto; }

.success {
	color: #3a6a18;
}

/*admin style*/
.delete, .delete:hover, .delete:focus, .edit, .edit:hover, .edit:focus
{
	float:right;
	margin: -20px -20px 0 0;
	color:#900;
	font-weight:bold;
}
.edit, .edit:hover, .edit:focus { left: 0; right: auto; margin-right: 43px; }

#postnavigation
{
	margin-bottom:20px;	
}

#relatedPosts 
{
	margin: 30px 0 0;
}

#relatedPosts h1
{
	color:#005699;
}







h1.title, h2.title { display:none; }


hr { display: none; }

/* *** blog post *** */
.posts .post { margin: 0 0 30px; }
.post h1 { margin: 0; }
 .blog-content h2 { margin: 0 0 9px; line-height:1.1em;} 
.post .descr { color: #4d5a5e; font-size: .9167em; }
.postcontent { margin: 20px 0 10px; }
.postcontent p, .pagecontent p, .error404 p { margin: 0 0 1em; }

 .error404 h1 { margin: 0 0 1em; }

/* *** post list *** */
.posts h2 { margin:0; }
.arrowlink span, .hidden { display: block; height:0; width: 0; overflow: hidden; position: absolute; top:0; left:0; }


/* forms */
input.txt { border: 1px solid silver; padding: 2px; font-size: 1em; }
input.btn { background-color: #005190; border: 0; font-weight: bold; color: #fff; padding: 1px 2px; }
input.rad {  }
.chk input, input.chk {  }

html>/**/body input.btn { padding: 2px 4px; } /* ie 8 */
html>body:last-child input.btn { padding: 1px 2px; } /* modern browsers */


fieldset { border: none; }
fieldset legend { display: none; }
fieldset legend.show { display: block; color: #005190; padding: 0 0 0.3em; font-style: italic; }
#content fieldset ul { list-style: none; padding: 0 0 12px; }
#content fieldset ul li { clear: both; padding: 1px; background: none; text-align: left; }
fieldset ul li label { display: block; float: left; }
fieldset ul li label span, label abbr, .req { color: #900;/*#ae014f;*/ }
label abbr { border: 0; }
fieldset ul li .chk { padding: 0 3px 0 0; }
fieldset ul li.nolabel label { display: inline; float: none; }
h3 label { cursor: pointer; }

#content .blog-content fieldset label { width: 160px; }
#content .blog-content fieldset .nolabel { padding-left: 160px; }

/* login form */
.loginbox fieldset ul li label span { margin: 0 0 0 2px; }
.loginbox input.txt { width: 11em; }

/* add comment form */
#content .commentForm fieldset label { width: 210px; }
#content .commentForm fieldset .nolabel { padding-left: 210px; }

#content .authorAndDate strong span { text-transform: none; }
#content .authorAndDate span { text-transform: capitalize; }

/* *** bbcode *** */
.commentForm .bbcode {
    font-size: 1em;
    float:right;
    margin: 0 -2px 0 0;
    position: absolute;
    top:1.5em;
    right:0;
}

.bbcode input.btn { font-weight: normal; margin: 1px; font-size: 1em; }

/* misc */
.adr { display: none; }
/* a . */
h2 .feed { margin: 0 5px 0 0; }