/*  
Theme Name: Coffee Blog
Theme URL: 
Description: Free Theme for TemplateMonster.com
Version: 3.0.1
Author: TemplateMonster Team
Author URL: http://www.templatemonster.com/
*/

/* CSS Document */

* { margin: 0; padding: 0; }

html {
    text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #3b3b3b;
    font-family: Arial, Tahoma, verdana, arial, sans-serif;
}

body { background: #fff; }

a { text-decoration: underline; }
a:hover { text-decoration: none; }

img { border: 0; }

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}

h2 {
    color: #058caf;
    font-size: 1.81em;
	line-height: 1em;
	font-weight: normal;
}
h3 {
    color: #058caf;
    font-size: 1.51em;
	line-height: 1em;
	font-weight: normal;
}

#page {
	width: 100%;
	margin: 0 auto;
}

/* --- HEADER --- */
#header {
    height: 408px;
	width: 1000px;
	background: url('images/header.jpg') left top no-repeat;
	margin: 0 auto;
}
/* ---- logo --- */
#logo {
    float: left;
	padding: 18px 0 0 55px;
	position: relative;
	width: 813px;
}
#logo h1 {
	position: absolute;
	top:0;
	left: -999px;
	color: #058caf;
    font-size: 5.01em;
	font-weight: normal;
	width: 200px;
	line-height: 0.81em;
}
#project_logo {
    width: 181px;
    height: 131px;
	float: left;
	display: inline;
}
/* # logo */
/* sociable */
#sociable {
	margin: 21px 0px 0 0px;
	float: left;
	width: 132px;
}
#sociable img { margin: 0 0 0 6px; }
/* # sociable */
/* menu */
#menu {
	margin: 10px 0 0 50px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu ul li {
	margin: 0px;
	padding: 0 0 7px 30px;
	list-style: none;
	background: url('images/menu-bg.png') left 6px no-repeat;
}
#menu ul li a {
	color: #4c4c4c;
    font-size: 1.6em;
	line-height: 1em;
	text-decoration: none;
}
* html #menu ul li {
	padding: 0 0 3px 30px;
	background: url('images/menu-bg.png') left 9px no-repeat;
}
*+html #menu ul li {
	padding: 0 0 3px 30px;
	background: url('images/menu-bg.png') left 9px no-repeat;
}
#menu ul li a:hover {
	color: #058caf;
}
/* # menu */
/* # HEADER */

/* --- CONTENT --- */
#content {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

#main-content {
	width: 709px;
	float: left;
 }
.post {
	padding: 30px 10px 10px 40px;
}
.post .title {
	border-bottom: solid 1px #e1e1e1;
	padding: 0 0 8px 0px;
}
.post .entry-title {
	float: left;
	width: 600px;
}
.post h2 a, .post h3 a {
	text-decoration: none;
	color: #058caf;
}

.entry-content { padding: 30px 0 10px 0px; }
.entry-content p { padding: 15px 0px; margin: 0; }
.entry-content a { color: #ff7f00; }
.entry-content img { margin-right: 20px; }
.entry-content img.alignleft { float: left; margin-right: 25px; }
.entry-content img.alignright { float: right; margin-left: 25px; }
.entry-content ul { margin: 5px 35px 15px 0px; float: left; }
.entry-content ul ul { margin: 10px 0 10px 10px; }
.entry-content ul li {
	list-style: none;
	line-height: 2.01em;
	background: url('images/li-bg3.jpg') left 7px no-repeat;
	margin: 0px;
	padding: 0 0 0 27px;
}
a.more-link {
	display: block;
	float: right;
	background: url('images/content-but-bg.png') left top no-repeat;
	width: 121px;
	padding: 10px 0px;
	text-decoration: none;
	color: #058caf;
	text-align: center;
	font-size: 1.21em;
	line-height: 1em;
	margin: 10px 0 0 0px;
}
.entry-content .wp-caption {
	background: #dbeefa;
	padding: 13px;
	width: 594px !important;
}
.entry-content .wp-caption img {
	width: 594px !important;
	height: auto;
	margin-right: 0px;
}
#main-content .entry-content .wp-caption p.wp-caption-text {
	padding: 10px 0 0 0px;
	color: #565555;
	font-size: 0.91em;
	line-height: 0.91em;
}
.entry-content .wp-caption .wp-caption-text strong {
	color: #000;
	font-size: 1.11em;
}
.entry-content .wp-caption .wp-caption-text a {
	color: #4396ca;
}

small { font-size: 0.91em; }
.entry-meta {
	padding: 0 0 3px 0px;
	color: #828282;
	font-size: 0.91em;
	text-transform: uppercase;
}
.entry-meta i {
	text-transform: none;
}
.entry-meta a { color: #828282; }
.comments-link {
	text-align: center;
	background: url('images/comment-bg.png') left top no-repeat;
	width: 23px;
	height: 23px;
	padding: 0px 0 7px 0px;
	line-height: 16px;
	display: block;
	margin: 5px 0 0 0px;
	float: right;
}
.comments-link a {
	color: #3b3b3b;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.91em;
}
.comments-link a:hover {
	text-decoration: none;
}

.navigation { 
	margin: 15px 10px 15px 40px;
}
.navigation a {
	color: #ff7f00;
}
.navigation .left { 
	width: 50%;
	float: left;
	text-align: left;
}
.navigation .right { 
	width: 50%;
	float: right;
	text-align: right;
}

.page-title {
	color: #058caf;
    font-size: 3.01em;
	line-height: 1em;
	font-weight: normal;
	padding: 30px 0 0 40px;
}
h1.entry-title {
	color: #058caf;
    font-size: 3.01em;
	line-height: 1em;
	font-weight: normal;
}

#comments { padding: 0px 10px 0px 40px; margin: 0px; }

#respond { padding: 15px 0 0px 0px; width: 659px; }
#reply-title { margin-bottom: 15px; }
#reply-title a { font-size: 0.41em; }
.children #respond { padding: 15px 0 0px 0px; width: auto; }
#main-content #respond p { padding: 0px 0 10px 0; margin: 0; }
#respond a { color: #ff7f00; }
#respond a:hover { text-decoration: none; }
#respond .cancel-comment-reply {
	padding: 0 0 10px 0px;
}
#respond form * { vertical-align: baseline; }

#default-avatar img {
	display: block;
	margin-bottom: 7px;
}
#default-avatar cite {
	color: #3b3b3b;
	font-style: normal;
	font-weight: bold;
	font-size: 0.91em;
}
#default-avatar .comment-meta {
	font-size: 0.91em;
	margin-top: 3px;
	width: 80px;
}
#default-avatar {
	float: left;
}
#textarea {
	margin-left: 3px;
	background: url('images/comment_cursor2.gif') top left no-repeat;
	float: left;
	padding-left: 19px;
}

#commentform input {
	width: 200px;
	font-size: 1.01em;
	color: #3b3b3b;
	border: solid 1px #d9d9d9;
	font-family: arial;
	padding: 4px;
}
#commentform input#author { margin-left: 34px; }
#commentform input#email { margin-left: 36px; }
#commentform input#url { margin-left: 24px; }
#commentform textarea {
	width: 574px;
	height: 67px;
	border: solid 1px #d9d9d9;
	font-size: 1.01em;
	color: #3b3b3b;
	font-family: arial;
	padding: 4px;
	margin-left: 15px;
}

#main-content #commentform p { padding: 0px 0px 9px 0px; }
#main-content #commentform #textarea p { padding: 0px 0px 9px 0px; text-align: right; }
#commentform #email { margin-left: 2px; }

.commentlist #commentform input { width: 30%; }
.commentlist #commentform textarea { width: 87%; }
.commentlist #textarea {
	margin-left: 0px;
	background: none;
	float: left;
	padding-left: 0px;
}
.commentlist #default-avatar {
	display: none;
}

#commentform input#submit {
	width: 187px;
	height: 36px;
	border: none;
	background: url('images/but-send.png') left top no-repeat;
	cursor: pointer;
	margin-top: 3px;
	color: #058caf;
	margin-bottom: 20px;
	float: right;
	font-weight: bold;
}
#commentform label { vertical-align: top; display: block; float: left; margin-top: 3px; }
ul.commentlist {
	padding: 0px 0 0px 0px;
	margin: 30px 0 0 0px;
	list-style: none;
}
ul.commentlist li {
	padding: 10px 0 0px 0px;
	margin: 0px;
	list-style: none;
}
.commentlist .comment-box {
	position: relative;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin-bottom: 40px;
	padding-top: 15px;
}
.commentlist .comment-box em {
	position: absolute;
/*	top: 0px; */
	left: 72px;
	color: #bbb;
	background: #ebf6fc;
	padding-left: 15px;
	width: 572px;
	padding-top: 15px;
}
.commentlist .comment-author {
	min-height: 54px;
	height: auto !important;
	height: 54px;
	width: 72px;
	position: absolute;
/*	top: 0px; */
	left: 0px;
}
.commentlist .avatar {
	border: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
.commentlist cite {
	font-style: normal;
	position: absolute;
	top: -30px;
	left: 0px;
	width: 659px;
}
.commentlist cite a { 
	color: #ff7f00;
}
.commentlist .says {
	color: #3b3b3b;
	font-family: arial;
	font-size: 0.91em;
	display: none;
}
.commentlist .comment-meta {
	color: #3b3b3b;
	font-family: arial;
	font-size: 0.91em;
	position: absolute;
	bottom: -25px;
	left: 0px;
}
.commentlist .comment-meta a {
	color: #3b3b3b;
	text-decoration: none;
}
.commentlist .comment-meta a.comment-edit-link {
	color: #ff7f00;
	text-decoration: underline;
}
.commentlist .comment-meta a.comment-edit-link:hover {
	color: #ff7f00;
	text-decoration: none;
}
#main-content .commentlist .comment-box p {
	padding: 15px;
	background: #ebf6fc;
	margin: 0 0 0 72px;
}
*+html #main-content .commentlist .comment-box p { padding: 15px; }
* html body #main-content .commentlist .comment-box p { padding: 15px; }
.comment-box a { color: #ff7f00; }
.comment-box .reply {
	text-align: right;
	margin: 0 0 30px 72px;
	padding: 0px 15px 15px 15px;
	background: #ebf6fc;
}
.comment-box .reply a {
	color: #ff7f00;
}
.commentlist ul {
	margin: 0 0 0 122px;
}
.commentlist ul.children ul {
	margin: 0 0 0 20px;
}
.children .comment-box {
	position: relative;
	margin-bottom: 20px;
	background: #f3f3f3;
	padding-bottom: 15px;
	min-height: 90px;
	height: auto !important;
	height: 90px;
}
.children .comment-box em {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #bbb;
	background: none;
	width: auto;
	padding-left: 0px;
	padding-top: 0px;
}
.children .comment-author {
	background: none;
	position: absolute;
	bottom: 60px;
	left: 15px;
	width: 95px;
	min-height: 0px;
	height: auto !important;
	height: 0px;
}
.children .avatar {
	border: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 45px;
	height: 45px;
}
.children cite {
	color: #3b3b3b;
	font-family: arial;
	font-size: 0.91em;
	font-style: normal;
	position: absolute;
	top: 0px;
	left: 57px;
}
.children cite a {
	color: #FF7F00;
}
.children .says {
	color: #3b3b3b;
	font-family: arial;
	font-size: 0.91em;
	display: none;
}
.children .comment-meta {
	color: #3b3b3b;
	font-family: arial;
	font-size: 0.91em;
	position: absolute;
	bottom: 20px;
	left: 72px;
	width: auto;
}
.children .comment-meta a {
	color: #3b3b3b;
	text-decoration: none;
}
.children .comment-meta a.comment-edit-link {
	color: #FF7F00;
	text-decoration: underline;
}
.children .comment-meta a.comment-edit-link:hover {
	color: #FF7F00;
	text-decoration: none;
}
#main-content .children .comment-box p {
	padding: 0px 15px 70px 15px;
	background: none;
	margin: 0px;
}
*+html #main-content .children .comment-box p { padding: 15px 15px 70px 15px; }
* html body #main-content .children .comment-box p { padding: 15px 15px 70px 15px; }
.children .comment-box .reply {
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: none;
	margin: 0px;
	padding: 0px;
}
.children .comment-box .reply a {
	color: #FF7F00;
}

#main-content p { padding: 10px 0 10px 0; }

.center { text-align: center; }

#main-content p.postmetadata {
	background: #FFFFFF;
	padding: 0px 25px 20px 25px;
	line-height: 1.21em;
}
.postmetadata a { color: #4396CA; }

.nocomments { padding: 15px 0px 15px 0px; }

.cform {
	margin: 0px 0 35px 0px !important;
	width: auto !important;
}
.linklove { display: none !important; }
.cform label { text-align: left !important; margin-right: 15px !important; margin-top: 4px !important; width: 105px !important; }
.cform label span { width: 105px !important; }
.cform input {
	width: 200px !important;
	font-size: 1.01em;
	color: #3b3b3b;
	border: solid 1px #d9d9d9 !important;
	background: none !important;
	font-family: arial;
	padding: 4px !important;
}
.cform textarea {
	width: 528px !important;
	height: 510px;
	border: solid 1px #d9d9d9 !important;
	background: none !important;
	font-size: 1.01em !important;
	color: #3b3b3b;
	font-family: arial;
	padding: 4px !important;
}
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
	border: none !important;
	width: 187px !important;
	height: 36px;
	background: url('images/but-send.png') left top no-repeat !important;
	cursor: pointer;
	margin-top: 3px;
	font-size: 1.01em !important;
	color: #058caf;
	font-weight: bold;
}
div.failure {
	background: none !important;
	border: none !important;
}
div.cf_info {
	width: auto !important;
	color: red !important;
	padding: 0px !important;
}
div.success {
	background: none !important;
	color: #3b3b3b !important;
}

/* SIDEBAR */
#sidebar {
	width: 271px;
	background: #f7f7f7;
	float: left;
	padding-bottom: 20px;
}
*+html #sidebar {
	padding-bottom: 40px;
}
#sidebar h3 {
	margin: 30px 0 0px 40px;
}
#sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 15px 40px;
}
#sidebar li {
	background: url('images/li-bg1.jpg') left 8px no-repeat;
	list-style: none;
	padding: 0 0 5px 15px;
	margin: 0 0 4px 0px;
	color: #000;
	border-bottom: solid 1px #d9d9d9;
}
#sidebar li a {
	color: #3b3b3b;
	text-decoration: none;
	font-size: 1.01em;
}
/* #SIDEBAR */
/* # CONTENT */

/* --- FOOTER --- */
#pre-footer {
	width: 100%;
	height: 9px;
	background: #f2f2f2;
}
#pre-footer .indent {
	width: 990px;
	margin: 0 auto;
}
#pre-footer #sidebar-border {
	width: 271px;
	background: #eaeaea;
	height: 9px;
}

#sidebar-footer {
	width: 100%;
	background: #b4d0ea;
	color: #fff;
}
#sidebar-footer h3 {
    color: #fff;
    font-size: 2.41em;
	font-weight: normal;
	margin: 38px 0px 15px 40px;
}
#sidebar-footer p {
	padding: 0 20px 15px 40px;
}
#sidebar-footer a { color: #058caf; }
#sidebar-footer .indent {
	width: 990px;
	margin: 0 auto;
}
#sidebar-footer #coffee-brands {
	width: 271px;
	float: left;
}
#sidebar-footer #coffee-brands a {
	display: block;
	background: url('images/but-bg.png') left top no-repeat;
	width: 103px;
	height: 27px;
	line-height: 27px;
	margin-left: 40px;
	text-decoration: none;
	color: #fff;
	text-align: center;
}
#sidebar-footer #contacts {
	width: 322px;
	float: left;
}
#sidebar-footer dl { margin: 0 20px 50px 40px; }
#sidebar-footer dt { float: left; width: 90px; }
#sidebar-footer #subscribe2 {
	width: 387px;
	float: left;
}
#subscribe2 form {
    padding: 0;
    margin: 0 10px 17px 40px;
}
form * {
    vertical-align: middle;
}
#subscribe2 form label { display: block; margin: 0 0 8px 0px; }
#subscribe2 #submit {
    background: url('images/but-bg.png') no-repeat left top;
    width: 103px;
	height: 27px;
    border: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	margin-bottom: 8px;
	padding-top: 0px;
}
#subscribe2 #submit:not(:root:root) {
	line-height: 2.01em !important;
}
* html #subscribe2 #submit {
	margin-top: -4px;
}
*+html #subscribe2 #submit {
	margin-top: -4px;
}
#subscribe2 input {
    background: url('images/input-bg.png') no-repeat left top;
	border: none;
	color: #3b3b3b;
	font-size: 1.01em;
	font-family: arial;
	margin-right: 9px;
	padding: 2px 3px;
	width: 197px;
	height: 23px;
	margin-bottom: 8px;
}
* html #subscribe2 input {
	padding-top: 5px;
}
*+html #subscribe2 input {
	padding-top: 5px;
}
#subscribe2 input:not(:root:root) {
	padding-top: 5px;
}
#subscribe2 #unsubscribe {
	background: none;
	border: none;
	color: #058caf;
	border-bottom: solid 1px #058caf;
	height: 17px;
	margin: 0px;
	padding: 0px;
	width: auto;
	cursor: pointer;
}
#subscribe2 #unsubscribe:hover {
	border-bottom: solid 1px #b4d0ea;
}

#copyright {
    background: #cadef0;
	padding: 30px 0px;
	text-align: center;
	width: 100%;
	color: #fff;
}
#copyright a { color: #058caf; }
/* #FOOTER */