/*-------------------------------------------------
CSS CODE: CV Online Blog
AUTHOR: BLOGTER - BLOGTER.COM
COMPANY: BLOGTER
SITE: CV Online Blog
-------------------------------------------------*/

/*-------------------------------------------------
CSS RESET
-------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background:transparent; margin:0; padding:0; }
:focus { outline:0; }
body { line-height:1; color:#000; font:0.9em/1em arial, helvetica, sans-serif; }
ol,ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
caption,th,td { text-align:left; font-weight:400; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
strong { font-weight:700; }
div {display: block; position: relative;}

/*-------------------------------------------------
GENERAL
-------------------------------------------------*/
body {background: url('http://kepeim.net/blogkep/100.jpg') ; background-attachment:fixed; font: 13px verdana, helvetica, sans-serif; line-height: 20px; color: #000000; text-align: center;}
a {color: #483D8B; text-decoration: none; cursor: pointer !important;}
a:hover {text-decoration: underline; color: red;}
.clear {display: block; position: relative; clear: both; height: 0px; font-size: 1px; overflow: hidden;}

/*-------------------------------------------------
LAYOUT
-------------------------------------------------*/
.blogter-bar {background: url('../images/blogter_bar.png') center no-repeat; height: 45px;}
#wrap {/*background: #fff url('../images/head_bg.png') repeat-x;*/ }
#site {width: 1124px; margin: 0 auto 50px auto; text-align: left; }
#header {}
#left {width: 800px; float: left; margin: 0 0 0 10px; _margin-left: 5px; border: 1px solid #483D8B; }
#right {float: right; width: 303px;}
#footer {clear: both; height: 23px; margin-bottom: 10px; padding-bottom: 10px;}

/*-------------------------------------------------
BOXES
-------------------------------------------------*/
#header {}
	.blog-title {/*text-transform: uppercase;*/ display: block; width: 400px; font: 36px arial, helvetica, sans-serif; font-weight: bold; margin: 0 0 5px 0; padding: 15px 10px 10px 10px; color: #000; }
	.blog-title a {color: #000;}
	.blog-title a:hover {text-decoration: none; color: #483D8B; }
	.blog-desc { display: block; position: absolute; top: 20px; text-align: left; right: 10px; padding: 5px 0 5px 0; font: 14px arial, helvetica, sans-serif; margin: 0 0 0 0; background: #483D8B; color: #000; line-height: 25px; width: 1000px; }
	.top-nav {background: #F5F5DC url('../images/top_nav_bg.png') repeat; padding: 12px 20px 0 20px; margin: 0 10px 15px 10px; -moz-border-radius: 3px; color: #000; display: block; position: relative; height: 37px; width: 1062px;}
		.top-subscription {display: block;  text-align: right; width: 200px; display: block; float: right;}
		.top-subscription li {display: block; float: right; padding-left: 10px;}
		.top-rss { padding-left: 30px !important; display: block;}
		.top-rss a {font-weight: bold; color: #330000;}
		.top-menu {display: block;  float: left; text-align: left; width: 800px;}
		.top-menu li {display: block; float: left; padding: 2px 6px;}
		.top-menu a {font-weight: bold; color: #330000; }
		.top-menu .active {padding: 2px 8px 2px 8px; -moz-border-radius: 3px;}
			.top-menu .active a {color: #330000;}
#nav-menu {height: 55px;}

.tag-title {padding: 5px 15px; border-bottom: 1px solid #483D8B;}
	.tag-title span {font-size: 16px !important;}
	.tag-title span h1 {display: inline;}
	.tag-title p {display: block; float: right; font-weight: normal; padding-top: 6px;}
	.tag-title h1 {font-size: 16px !important; font-weight: bold}

.year-picker {padding: 10px; }
	.year-picker-bottom {padding: 10px; margin-top: 10px;}
	.year-picker p, .year-picker-bottom p {display: block; padding-right: 10px}

.month {margin: 20px 30px 0 30px}
	.month-cont {margin: 10px 0 0 0}
	.month-cont div {font-weight: bold; font-size: 16px; margin: 0 0 5px 0}
	.month-cont div h2 {display: inline}

.tags {margin: 20px 30px;}
	.tags-title {font-weight: bold; font-size: 16px; margin: 10px 0 5px 0}
	.tags-title span {display: block; float: right; font-size: 12px; font-weight: normal}

.posts {padding: 20px 0 0 0; -moz-border-radius:5px;}
.post {margin: 0 30px 5px 30px; padding-bottom: 5px;}
	.post h1 {font: 25px arial, helvetica, sans-serif; line-height: 28px; font-weight: bold; }
	.post h1 a {color: #000000;}
	.post h1 a:hover {text-decoration: none; border-bottom: 1px dashed #ddd;}

	.post h2 {font: 25px arial, helvetica, sans-serif; line-height: 28px; font-weight: bold; }
	.post h2 a {color: #000000;}
	.post h2 a:hover {text-decoration: none; border-bottom: 1px dashed #ddd;}
	.post-info {padding-bottom: 8px;}
	.post-content {overflow: hidden; width: 760px; font: 12px verdana, helvetica, sans-serif !important;}
		.post-content p {font: 13px verdana, helvetica, sans-serif !important; margin-bottom: 6px}
		.post-content ul {padding: 0 15px 10px 15px}
		.post-content ul li {list-style-type: disc; margin-left: 10px}
		.post-content ol {padding: 0 15px 10px 15px}
		.post-content ol li {list-style-type: decimal; margin-left: 10px}
	.post-info a {color: #000000; font-weight: bold;}
	.comment-count {display: block; float: right; font-weight: bold; padding-right: 18px;}
	.read-more {padding: 0 15px 10px 0; color: #000000; font-weight: bold; float: right;}
	.post-tags {padding: 5px 10px; margin-top: 10px; display: block; clear: both;}
	.tag-title {font-weight: bold;}
.pager {text-align: center;}

.paginator {margin: 15px 0 0 0; padding: 10px 0; border-top: 1px solid #483D8B; width: 800px; overflow: hidden;}
	.paginator-left {padding-left: 30px;}
	.paginator-right {display: block; float: right; padding-right: 30px;}

.subscribe-inv {margin: 1px 25px 10px 25px; padding: 10px 10px; font-size: 13px; border: 1px solid #483D8B; font-weight: bold; text-align: center;}
.subscribe-inv span {font-weight: normal; display: block;}

.related-posts {margin: 0 30px; font-weight: bold; }
	.related-title {font-size: 15px; margin-bottom: 10px}
	.related-posts ul {font-weight: normal; margin: 0 10px}

#comments {padding: 10px 30px 0 30px; color: #000;}
	.comments-title {border-top: 1px solid #483D8B; font-weight: bold; font-size: 17px; padding: 10px 0 20px 0}
	.comment-item {display: block; padding: 0 0 10px 0; margin-bottom: 10px; border: 1px solid #483D8B; }
	.comment-date {display: block; float: right; font-weight: normal}
	.comment-avatar {display: block; position: absolute; top: 0; _top: 1px; left: 0; width: 20px; height: 20px;}
	.comment-avatar img {width: 39px; height: 39px; border-right: 1px solid #483D8B}
	.comment-data {font-weight: bold; padding: 9px 10px 10px 50px; border-bottom: 1px solid #483D8B; height: 20px; margin-bottom: 3px;}
	.comment-text {font-size: 12px; padding: 10px 20px 10px 20px; overflow: hidden !important; width: 720px}

.comment-form {display: block; position: relative; color: #000;  border: 1px solid #483D8B; margin: 10px 0; padding: 10px 20px}
	.logged-in-as {padding: 8px 10px;}
		.logged-in-as a {font-weight: bold;}
		.log-out-comment {display: block; float: right;}
	.info {margin-bottom: 15px;}
	.comment-form-title {font-weight: bold; font-size: 18px; margin-bottom: 5px;}
	.comment-form label {display: block; padding-right: 10px; font-weight: bold;}
	.comment-form-in {padding: 15px; border: 1px solid #483D8B; margin: 0 29px 20px 29px}
	.input_tx {display: block; width: 700px;}
	.comment-form textarea {width: 640px;}
	.height-a {height: 10px !important; width: 700px; display: block; position: relative;}
	.input_sm {}
	.comment-options {display: block; position: absolute; top:160px; left: 395px; _left: 385px; width: 175px; font-size:11px; line-height: 16px}
	.logged-in-user {}

.pager {padding: 20px 30px 30px 30px; text-align: center;}
	.pager-item {display: block; float: left;  padding-right: 5px; }
	.pager .active span {border: 0; color: #000; border: 1px solid #483D8B}
	.pager .inactive span {color: #ddd;}
	.pager .inactive:hover {text-decoration: none}
		.pager-item span {display: block; padding: 5px 6px; border: 1px solid #483D8B}
	.pager-dots {display: block; float: left; padding: 5px 6px;}

.subscribe-now { padding: 10px; text-align: center; font-weight: bold; border-top: 1px solid #483D8B}
	.subscribe-now span {display: block; font-weight: normal;}

.log-in-need { padding: 10px; text-align: center; font-weight: bold;}
	.log-in-need span {display: block; font-weight: normal;}

.end-item {padding: 12px 0 0 20px}
	.end-box p {color: #333; font: 12px arial, helvetica, sans-serif;}
	.end-box img {margin-bottom: 10px;}
	.end-box {width: 200px; float: left; padding-right: 18px;}
	.end-box h4 a {color: #000; font-size: 14px; text-transform: uppercase; font-weight: bold;}
	.end-box h4 span {color: #000; font-size: 11px;}

.author-box { border: 1px solid #483D8B; padding: 12px 10px 12px 60px; margin: 0 10px 10px 0; position: relative;}
	.author-avatar {display: block; position: absolute; top:12px; left: 12px; _left: -50px;}
	.author-who {font-weight: bold; display: block;}
	.author-follow {display: block; font-size: 12px; font-weight: normal}

.banner { height: 285px; padding: 1px 0 0 1px; margin-left: 20px; display: none;}

.subscribe-box {width: 288px; padding-bottom: 10px; margin-bottom: 10px; border: 1px solid #483D8B; display: block;}
	.subscribe-box form {padding-left: 60px}
	.subscribe-title {padding: 8px 0}
	.subscribe-title span {font-weight: bold;}
	.subscribe-box input {width: 190px; margin-bottom: 4px}
	.subscribe-allert {display:block;  width: 190px; margin: 0 0 5px 0}
	.subscribe-success {display:block;  width: 190px; margin: 0 0 5px 0}

.blogter-promotion {margin: 20px 0 20px 0; padding-right: 10px}
	.promotion-title {font-weight: bold;}
	.promotion-seo {padding-left: 50px;  margin-bottom: 10px}
	.promotion-frontpage {padding-left: 50px; }
	.promoton-reg {margin: 10px 5px 0 50px;}
		.promoton-reg a {display: block; font-weight: bold;}

.fresh-message { width: 288px; padding-bottom: 10px; margin-bottom: 10px; border: 1px solid #483D8B; }
	.fresh-message-title {display: block; padding: 8px 8px 8px 12px; font-size: 14px;  font-weight: bold; margin-bottom: 10px;}
	.fresh-message-in {margin: 0 20px;}
		.message-date {font-style: italic; font-size: 11px; color: #aaa;}

.fresh-posts { width: 288px; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; border: 1px solid #483D8B; }
	.fresh-posts ul {display: block; position: relative; padding: 0 20px;}
	.fresh-posts ul li {padding-bottom: 3px; margin-bottom: 2px; border-bottom: 1px dashed #eee;}
	.fresh-posts ul li h3 {font-weight: bold;}
	.fresh-post-title {display: block; padding: 8px 8px 0 12px; font-size: 14px; font-weight: bold; margin-bottom: 15px;}
		.fresh-post-title a {display: block; position: relative; float: left;}
		.fresh-post-title a span {display: block; padding: 3px 5px;}
		.fresh-post-title a.active {color: #000;}
		.fresh-post-title a.active span {  border-left: 1px solid #483D8B; border-right: 1px solid #483D8B; border-top: 1px solid #483D8B;}

	.fresh-post {margin: 0 20px 10px 20px;}
	.fresh-post-h3 {font-size: 14px; font-weight: bold;}
	.fresh-post p {font-size: 12px; line-height: 17px }
	.fresh-post h3 span {font-size: 11px;}

.desc {color: #000; padding: 0 30px 20px 10px; font: 13px arial, helvetica, sans-serif; line-height: 15px;}

.fresh-comms { border: 1px solid #483D8B; width: 288px; padding-bottom: 10px; margin-bottom: 10px}
	.fresh-comms ul {display: block; margin: 5px 20px;}
	.fresh-comm-title {display: block; padding: 8px 8px 8px 12px; font-size: 14px; font-weight: bold; margin-bottom: 15px;}
	.fresh-com {padding: 0 20px 10px 50px;}
	.fresh-com-avatar {display: block; position: absolute; top: 3px; left: 15px; _left: -35px;}
		.fresh-com-avatar img {border: 1px solid #483D8B}
	.comment-title {display: block; height: 20px; padding: 0; font-weight: bold; font: 14px verdana, helvetica, sans-serif !important;}
	.comment-title a {font-weight: bold;}
	.comment-title span {font-size: 11px;}
	.fresh-com p {font-size: 12px; line-height: 17px; width: 220px; overflow: hidden;}
	.fresh-com-post {font-weight: bold; margin-top: 3px}

.co-authors { border: 1px solid #483D8B; width: 288px; padding-bottom: 0px; margin-bottom: 10px}
	.co-authors-title {display: block; padding: 8px 8px 8px 12px; font-size: 14px; font-weight: bold; margin-bottom: 0px;}
	.co-authors ul {padding: 10px  0 10px 20px;}
	.co-authors ul li {display: block; width: 270px; overflow: hidden; margin: 0 !important; padding: 0 0 10px 0 !important;}
	.co-author {font-weight: bold;}

.html-widget { border: 1px solid #483D8B; width: 288px; padding-bottom: 0px; margin-bottom: 10px}
	.html-widget-title {display: block; padding: 8px 8px 8px 12px; font-size: 14px;  font-weight: bold; margin-bottom: 0px;}
	.html-widget-in {}

.friends-widget { border: 1px solid #483D8B; width: 288px; padding-bottom: 10px; margin-bottom: 10px;}
	.friends-widget-title {display: block; padding: 8px 8px 8px 12px; font-size: 14px;  font-weight: bold; margin-bottom: 10px;}

.top-tags { border: 1px solid #483D8B; width: 288px; padding-bottom: 10px; margin-top: 10px;}
	.top-tags-title {display: block; padding: 6px;  font-weight: bold; margin-bottom: 10px;}
	.tag-box {padding: 0 10px;}

#co-authors{ margin:20px 0}
#co-authors .widget-title {}
#co-authors li { display:block; margin:10px 0 20px 0;}
#co-authors a.avatar { float:left;}
#co-authors a.co-author { margin-left: 15px; }
#co-authors p.author-title { margin-left: 60px;}
#co-authors p.description { margin-left: 60px; margin-top:15px;}

#imagelist{ }
#imagelist .widget-title {}
#imagelist div.frame { padding:6px;  }
#imagelist div.wrap { padding:0px 0 0 10px; display: block; position: relative;}
#imagelist p.info { margin:0; }
#imagelist div.image{  width: 40px; height: 60px; overflow: hidden; display: inline}
#imagelist div.image a{ margin:0; padding:0;}
#imagelist div.image a:hover {text-decoration: none; border:0;}
#imagelist div.image img{ width:40px; height:40px; margin:6px 6px 0 0;}
#imagelist div.clear{ clear:both;}