body {height: 100%}

#container {margin-left: auto; margin-right: auto; width: 660px; font-family: sans-serif}

#header {background: url('../img/header.png'); width: 660px; height: 63px}

#title a {text-decoration: none; color: white; font-family: sans-serif; top: 12px; left: 25px; font-size: 180%; 
	position: relative}
	
.error {font-size: 80%; color: red}	
	
/* post list */

#post-list, #post-cnt {float: left; width: 466px}

.post-header {background: url('../img/post-header.png'); width: 466px; height: 23px; margin-top: 20px; position: relative}

.post-header a, .post-header a:visited {text-decoration: none; color: black; font-weight: bold; position: relative; 
	top: 2px; left: 10px}
	
.post-details {position: relative; width: 466px; height: 29px}

.create-data {background: url('../img/create-data-bg.png'); height: 25px; float: left; width: 349px; margin-top: 4px}

.create-data img {margin-top: 2px}

.comment-count {background: url('../img/comment-count.png'); width: 116px; height: 24px; margin-right: 1px; float: right}

.comment-count a {text-decoration: none; color: white; font-size: 90%; top: 4px; left: 10px; position: relative}

.comment-count a:hover {color: #ffd300}

.post-text {position: relative;background: url('../img/post-bg.png'); background-repeat: no-repeat; width: 466px;
	color: #444; padding-bottom: 20px}
	
.post-text div {padding: 10px 0px 10px 0px; text-align: justify; font-size: 80%; top: 20px; position: relative}

#pager a {color: blue; font-size: 80%; text-decoration: none}

/* post */

#comment-list {font-size: 90%}

#comments-title {font-size: 150%; color: #bbb; margin-bottom: 30px; margin-top: 20px }

#comments-title span {font-size: 180%; color: #ccc}

.comment-cnt { border-style: solid; border-color: #bcd6ff; border-width: 1px; background-color: #e4eeff; margin-bottom: 30px }

.comment-author a, .comment-author a:visited {text-decoration: none; color: blue}


#newcomment-cnt {margin-left: auto; margin-right: auto; width: 400px; position: relative; display: table}

#newcomment-form {text-align: left; margin-top: 50px}

#newcomment-form .labels { width: 119px; float: left}

#newcomment-form .inputs { width: 200px; position: relative;  float: left; display: block;}

#newcomment-form .labels .label, #newcomment .inputs input { margin-bottom: 7px}

#newcomment-form input, #newcomment textarea { border: 1px solid #bcd0ff; background-color: #def}


/* sidebar */

#sidebar {float: left; width: 177px; top: -10px; position: relative; left: 16px; height: 100% !important}

.sidebar-box {margin-top: 30px; ; background: url('../img/sidebar-bg.png')}

.sidebar-header {width: 177px; height: 25px; background: url('../img/sidebar-header.png'); color: white}

.sidebar-header span {position: relative; top: 3px; left: 10px; font-weight: bold; font-size: 90%}

.sidebar-plaintext {font-size: 80%; margin: 10px 10px 5px 10px; color: #00c; line-height: 18px}

.sidebar-item {width: 157px !important; padding-top: 6px; }

.sidebar-item a {text-decoration: none; font-size: 80%; margin: 5px 5px 5px 5px; left: 20px; position: relative; color: #00c}

.sidebar-item a:hover {color: #ff6400}

.sidebar-item img {left: 20px; position: relative}

.sidebar-box .separator {border-bottom: 1px; border-color: #55f; border-bottom-style: dotted; width: 130px; 
	margin-left: auto; margin-right: auto; margin-top: 3px}

.sidebar-footer {width: 177px; height: 13px; background: url('../img/sidebar-footer.png');}

#valid {margin-left: auto; margin-right: auto; width: 90px; margin-top: 10px}

#valid div {margin-bottom: 5px;}

.login {margin-left: 10px}

.login .label, .login .label {font-size: 80%}

.login input, .bookmark input {background-color: #e1eaff; border-style: solid; border-color: #aaf; border-width: 1px}

#tagcloud {padding: 3px 6px 0px 6px}

#tagcloud a {text-decoration: none}

#tagcloud a:hover {border-bottom: 1px dashed blue}

#tagcloud a:visited {color: blue}

.sidebar-banner {margin-left: auto; margin-right: auto; text-align: center}

.tagcloud-count {font-size: 80%}

/* footer */

#footer-cnt  { position: relative; bottom: 0px; height: 30px; width: 660px; background-color: blue; 
	vertical-align: bottom; float: left; margin-left: 0px; margin-left: auto; margin-right: auto;
	background-image: url('../img/footer.png')}
	
#footer-cnt div {color: white; font-size: 85%; margin-left: auto; margin-right: auto; text-align: center; width: 60%; 
	position: relative; top: 5px}
	
#footer-cnt a {text-decoration: none; font-weight: bold; color: white}

#push {clear: both; width: 100%; height: 10px; position: relative; bottom: 20px}

#bottom-space {height: 50px}