/*
Theme Name: Virtual Office

Description: Virtual Office 2011
Author: the Virtual Office
Version: 1.0
*/


body {font-family:Klavika; font-size:14px; color:#686b5c; background:#EEECE6;}
body.inner {background:url(images/body-bg.jpg) repeat-x #EEECE6;}
#wrapper {position: relative; min-height: 100%; height: auto !important; height: 100%;}
#holder {padding:0 0 301px 0; position:relative;}

.container {width:986px; margin:0 auto;}
.KlavikaLightPlain {font-family:KlavikaLightPlain;}
a {text-decoration:none;}





.wrapper {border:1px solid #A19F9A; background:#F7F6F3;  margin:55px 0 60px 0; padding:0 0 0 0;}
.wrapper-single {border:1px solid #A19F9A; background:#F7F6F3; margin:55px 0 60px 0; padding:0;}
#main {width:618px; padding:0 25px 0 30px; margin:20px 0 0 0; float:left; border-right:2px dotted #8C8E82;}
#sidebar{width:258px; float:left; margin:0 0 0 30px; padding:20px 0;}
#main h1.blog-title {font-size:36px; color:#181818;}
h1.post-title {font-size:24px;  padding:20px 10px;}
h1.post-title a {color:#181818;}


.post {padding:30px 0 0 0;}
.post-home {border-bottom:1px solid #686B5C; padding:30px 0 20px 0}
.post-home.last {border:none;}

.featured-image {background:#181818;border:1px solid #E3E2DF; border-bottom:2px solid #E3E2DF; position:relative; width:615px; height:243px; overflow:hidden;}
.featured-image img {border:1px solid #FFFFFF; margin:10px; }
.featured-image .post-date {width:100px; height:122px; background:url(images/date.png) no-repeat; position:absolute; top:1px; left:20px; text-align:center;}
.featured-image .post-date p {line-height:18px;}
.featured-image .post-date p.month {font-size:18px; text-transform:uppercase; color: #c68200; text-shadow: 1px 1px 2px #FFFFFF; padding:10px 0 0;}
.featured-image .post-date p.day {font-size:48px; text-transform:uppercase; color: #c68200; text-shadow: 1px 1px 2px #FFFFFF; padding:12px 0 0;}
.featured-image .post-date p.author {font-size:12px; color:#f7f6f3; padding:25px 0 0; line-height:12px;}


.post-home p {padding:0 10px; line-height:18px;}
.post-home a {color:#ecb700;}
.post-home a span {color:#131313; border-bottom:1px dashed #C8C3B6;}

.post-content {padding:0 10px;}
.post-content a {color:#181818; border-bottom:1px dashed #C8C3B6;}
.post-content p {padding:0 0 20px 0; line-height:18px;}
.post-content h1 { font-size: 20px; line-height: 22px; padding:0 0 10px; color:#181818;}
.post-content h2 { font-size: 18px; line-height: 27px}
.post-content h3 { font-size: 16px; line-height: 24px}
.post-content h4 { font-size: 14px; line-height: 21px}
.post-content h5 { font-size: 12px; line-height: 18px}
.post-content h6 { font-size: 10px; line-height: 15px}
.post-content img { padding: 0;	max-width: 100%; }
.post-content img.centered { display: block; margin-left: auto; margin-right: auto; }
.post-content img.alignright { margin: 2px 0 2px 7px; display: inline; }
.post-content img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.post-content .alignright { float: right; display: inline; }
.post-content .alignleft { float: left; display: inline; }
.post-content .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.post-content strong, .post-content b {font-weight:bold;}
.post-content em, .post-content i {font-style:italic;}
.post-content ul {padding:0 0 20px 0;}
.post-content ul li ul {padding:0;}
.post-content li {padding:8px 0 8px 15px; background:url(images/li.png) no-repeat 0 12px;}
.post-content li li {background:url(images/li-black.png) no-repeat 0 6px; padding:3px 15px 3px;}


.navigation {padding:40px 40px 20px 40px;}
.navigation a {color:#181818;}
.navigation .nav-next {float:right;}
.navigation .nav-previous {float:left;}




#sidebar .widget-container {padding:20px 0 20px 0; border-bottom:1px solid #AFB0A7;}
#sidebar h3 {font-size:24px; color:#181818; padding:0 0 10px 0;}
#sidebar ul li {background:url(images/Arrow.png) no-repeat 0 5px; padding:3px 0  3px 10px;}
#sidebar ul li a {color:#131313;}
#sidebar ul li a span {color:#ecb700;}
#sidebar #random-tags-cloud a {display:inline-block; padding:7px 10px; background:#181818; color:#FFFFFF; margin:2px; font-size:16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

#comments {background:url(images/comments-bg.jpg) no-repeat #141414;}
#comments h1 {font-size:30px; color:#f7f6f3; padding:30px 0 40px 30px; float:left;}
#comments .says {display:none;}
#comments .commentmetadata {display:none;}
.comment-body {margin:20px 30px 0 30px;}
.comment-button {width:256px; height:33px; display:block; float:right; background:url(images/comment-button.png) no-repeat; cursor:pointer; margin:30px 30px 0 0;}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #313131;
	line-height: 24px;
	margin: 20px;
	padding: 0 0 0 0;
	position: relative;
	
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	
	border:8px solid #FFFFFF;
	float:left;
	margin:0 20px 0 0;
}
.comment-author {
	
}
.comment-author cite {

}

.comment-author .says {
	font-style: italic;
}
.comment p {color:#f7f6f3; padding:10px 0; line-height:18px;}
.comment-author .fn {color:#fbe300; font-size:22px;}
.comment-author .fn a {color:#fbe300;}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 14px;
	padding: 0 0 24px 0;
	text-transform:uppercase;
}
.reply a,
a.comment-edit-link {
	color: #8b8e80;
	border-bottom:1px dashed #8b8e80;
}
.reply a:hover,
a.comment-edit-link:hover {

}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
#respond {

	margin: 24px 0 0;
	overflow: hidden;
	position: relative;
	display:none;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
	color:#f7f6f3;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
	color:#f7f6f3;
	font-size:20px;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}

#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond {padding:0 30px;}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 200px;
	border:1px solid #AEAFA8; background:#FFFFFF; padding:3px; display:block;
}
#respond textarea {
	width: 600px;
	border:1px solid #AEAFA8; background:#FFFFFF; padding:3px; display:block;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:none;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
.logged-in-as {color:#f7f6f3;}
.logged-in-as a {border-bottom:1px dashed #8b8e80; color:#8b8e80;}
.comment-form-comment label {display:none;}
#commentform p label{color:#f7f6f3;}
#respond  input#submit {
	width:256px; height:33px; display:block; background:url(images/post-comment.png) no-repeat; border:none; text-indent:-9999999px;
}
