/*
Theme Name:   Jazz Cafe
Theme URI:    http://piotrpolak.com/jazz-cafe/
Description:  Theme by <a href="http://piotrpolak.com">Piotr Polak</a>.
Version:      0.2
Author:       Piotr Polak
Author URI:   http://piotrpolak.com
*/

/* @group Reset */

* { 
	color: #851603;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	line-height: 150%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
	}

ol, ul { 
	list-style: none; 
	}

table {	
	border-collapse: separate; 
	border-spacing: 0; 
	}
	
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
	}

.wp-caption { font-size: 80%; text-align: center; }

/* @end */

/* @group Main styles */

body { 
	background: transparent url(images/bg_tile_bot.jpg) repeat 0 0; 
	font-family: Georgia, serif; 
	font-size: 12px; 
	text-align: left 
	}
	
#body-wrapper { 
	background: transparent url(images/bg_tile.jpg) repeat-x 0 0; 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 100% 
	}

p { 
	font-family: Verdana, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif; 
	margin: 0 10px 1.5em 10px; 
	padding: 0 
	}
	
p.archive-list { 
	padding: 0 
	}
	
b { 
	font-weight: bold; 
	}

blockquote { 
	background: #FFF4F0; 
	border: 1px dashed #EFC0A4; 
	font-style: italic; 
	margin: 1.5em; 
	padding: 1.5em 
	}

ul { 
	background: transparent; 
	margin: 0 0 1.5em 0.725em; 
	padding: 0
	}
	
li { 
	background: transparent url(images/bullet_icon.gif) no-repeat left .1em; 
	font-family: Verdana, sans-serif; 
	margin: 1.5em 10px 1.5em 10px; 
	list-style-type: none; 
	margin: .2em 0; 
	padding: 0 0 0 1.5em
	}
strong { font-weight: bold; }
	
.imgright { 
	border: 1px solid #E78653;
	float: right; 
	margin: 10px; 
	margin-right: 5px; 
	padding: 0 
	}
	
.txt-center { 
	float: left; 
	text-align: center; 
	width: 100% 
	}
	
.red-it { 
	color: red 
	}
.center { 
	text-align: center 
	}

a { 
	background: transparent url(images/underl_dot_red.gif) repeat-x bottom left; 
	border: none; 
	font-weight: bold; 
	font-size: 100%; 
	text-decoration: none 
	}
	
a:link { 
	color: #A51E00; 
	}
	
a:visited { 
	color: #A51E00;
	}
	
a:active { 
	color: #A51E00;
	}

a:hover {  
	border: none; 
	background: transparent url(images/underl_sol_red.gif) repeat-x bottom left
	}

a.blue { 
	background: transparent url(images/underl_dot_blue.gif) repeat-x bottom left; 
	border: none; 
	font-weight: bold; 
	font-size: 100%; 
	text-decoration: none;
	}
	
a.blue:link { 
	color: #5CA9C7;
	}
	
a.blue:visited { 
	color: #5CA9C7; 
	}
	
a.blue:active { 
	color: #5CA9C7; 
	}
	
a.blue:hover { 
	border: none; 
	background: transparent url(images/underl_sol_blue.gif) repeat-x bottom left; 
	}

a.no-decor, a.no-decor:link, a.no-decor:visited, a.no-decor:active, a.no-decor:hover { 
	background: none; 
	border: none; 
	margin: 0; 
	padding: 0; 
	text-decoration: none;
	}

img { 
	background-color: transparent; 
	border: none;
	}

h1, h2 { 
	font-size: 1.5em; 
	line-height: 1em; 
	margin: 1em 10px; 
	}
	
h3 { 
	font-size: 1.1667em; 
	line-height: 1.286em; 
	margin-top: 1.929em; 
	margin-bottom: 0.643em; 
	}

/* @end */

/* @group Microformats */

.vcardwrapper {	
	background: transparent url(images/vcard_bottom_bg.jpg) no-repeat bottom left; 
	width: 320px; 
	}
	
.vcard { 
	background: transparent url(images/vcard_top_bg.jpg) no-repeat top left; 
	margin: 0 0 0 0; 
	padding: 0 0 2em 0; 
	width: 320px;
	}
	
.org { 
	display: none; 
	font-size: 120%; 
	font-weight: bold; 
	}
	
.email { 
	font-size: 85%; 
	text-align: left; 
	width: 100%; 
	}
	
.adr { 
	text-align: left; 
	margin: .5em 0; 
	}

/* @end */

/* MAIN PAGE CONTAINER */

#container { 
	border: 1px solid #731205; background: #fff url(images/bg_container.jpg) repeat top left; 
	float: none; 
	margin: 1em auto; 
	padding: 0; 
	width: 790px; 
	}
	
#container-wrapper { 
	margin: 10px; 
	margin-bottom: 0; 
	padding: 0;
	}

/* Clear flow */
#container .clearboth { 
	clear: both; 
	font-size: 0; 
	margin: 0; 
	padding: 0; 
	}

/* @group Banner */

a.scs, a.scs:hover { 
	background: none; 
	border: none; 
	display: block; 
	float: right; 
	height: 60px; 
	width: 170px; 
	}

#banner { 
	background: transparent url(images/banner.jpg) no-repeat top center; 
	border: 1px solid #E78653; 
	float: left; 
	height: 160px; 
	margin: 0; 
	padding: 0; 
	width: 768px;
	}
	
#banner h1 { 
	color: #FFDFCF; 
	font-weight: bold; 
	letter-spacing: 1px; 
	margin: 62px 0 0 0; 
	text-align: center; 
	}
	
#banner h1 a { 
	background: none; 
	border: none; 
	color: #FFDFCF; 
	margin: 0; 
	padding: 0; 
	text-decoration: none; 
	}
	
#banner h2 { 
	color: #F89E6C; 
	font-size: 1.273em; 
	line-height: 1.179; 
	margin-top: 0; 
	text-align: center 
	}

.amp { 
	color: #F89E6C; 
	font-weight: bold; 
	}

/* @end */

/* @group Main navigation */

#navi {	
	background: #000 url(images/bg_navi.jpg) no-repeat bottom center; 
	border: 1px solid #E78653; 
	float: left; 
	margin-top: 5px; 
	padding: 0; 
	height: 30px; 
	width: 768px;
	}
	
#navlist { 
	background-color: transparent; 
	float: left; 
	margin: 0 10px; 
	width: 70%;
	}
	
#navlist li { 
	background: transparent; 
	float: left; 
	list-style: none; 
	margin: 2px 0; 
	padding: 0; 
	width: 120px; 
	}
	
#navlist a { 
	background: transparent url(images/navi_bullet.gif) no-repeat left 60%; 
	border: none; 
	color: #F89E6C; 
	display: block; 
	font-weight: bold; 
	font-family: Georgia, serif; 
	font-size: 100%; 
	float: left; 
	margin: 0; 
	padding: 4px 0 0 15px;
	}
	
#navlist a:link { }
#navlist a:visited { }
#navlist a:active { }
#navlist a:hover { background: transparent url(images/navi_bullet_h.gif) no-repeat left 60%; }

body#home-bdy #home a, body#about-bdy #about a, body#archives-bdy #archives a, body#contact-bdy #contact a { 
	background: transparent url(images/navi_bullet_h.gif) no-repeat left 60%; 
	color: #A32A0D;
	}

/* @end */

/* CONTENT */

#content { 
	background: transparent; 
	float: left; 
	padding: 5px 0; 
	width: 100%;
	}

/* @group Col-two */

#col-two { float: right; width: 290px }

/* Sidebar widgets */

#sidebar { float: right; width: 290px }

.widget { 
	background: #FFE2AC url(images/bg_right.jpg) repeat top left; 
	border-bottom: 1px dashed #EFCAB3; 
	float: left; 
	margin-bottom: 5px; 
	padding-bottom: 5px; 
    padding-left: 0;
    padding-right: 0;
	width: 100%;
}

.widget h3 { 
	font-weight: normal; 
	text-align: center; 
	letter-spacing: 2px; 
	margin-top: 0.725em; 
	text-transform: uppercase;
}
	
.widgettitle { 
	background: transparent url(images/bg_h2.jpg) no-repeat top left; 
	color: #770200; 
	display: block; 
	font-size: 110%; 
	height: 17px; 
	letter-spacing: 1px; 
	margin: 0 0 10px 0; 
	padding: 0.5em 0 10px 25px;
}
	
.widget p { margin-bottom: 0.725em; }

/* Calendar widget */

#wp-calendar { padding: 1em; }

caption { text-align: center; }

th, td { padding: 0 .5em; }

th { font-weight: bold; }

ul.feeds li { 
	background:transparent url(images/feed_icon.gif) no-repeat left 0.2em; 
	padding: 0 0 0 17px;
}

/* Search */

#search-2 { 
	background: #000 url(images/banner.jpg) no-repeat bottom center; 
	border: 1px solid #E78653; 
	color: #F89E6C; 
	float: right; 
	margin-bottom: 5px; 
	padding-top: 4px; 
	width: 290px;
}

#searchform { margin: 5px 15px; }

/* What is this */

#what-is-this { 
	background: #FFB68F url(images/bg_about.jpg) repeat top left; 
	border-top: 1px dashed #DF996F; 
    border-right: 1px solid #FFF;
	border-bottom: 1px dashed #DF996F; 
    border-left: 1px solid #FFF;
	float: right; 
	padding: 10px 0; 
	margin: 0 0 5px 0; 
	width: 290px;
}
	
#what-is-this h3 { 
	font-weight: normal; 
	text-align: center; 
	letter-spacing: 2px; 
	margin-top: 0.725em; 
	text-transform: uppercase;
}
	
#what-is-this p { margin-bottom: 0.725em; }

/* @group Elswere */

#reader h3 { display: none }
#reader .f { font-family: Verdana, san-serif; margin: 10px }
#reader .s { margin: 2px 0 5px 0; font-size: 90% }

/* @end */

.powered { font-size: 0.818em; line-height: 1.834 }

/* @group Shelfari widget */

#ShelfariWidget34181 { margin: 0 10px; }
#ShelfariWidget34181 a { background: none; margin: 0 10px; }
#ShelfariWidget34181 a.pbs { background: none; margin: 0 10px; text-align: center; }

/* @end */

/* @group Col-one */

#col-one { 
	background: transparent; 
	float: left; 
	width: 470px; 
	margin: 0; 
	padding: 0;
	}

#col-one a { 
	background: transparent url(images/underl_dot_blue.gif) repeat-x bottom left; 
	border: none; 
	font-weight: bold; 
	font-size: 100%; 
	text-decoration: none;
	}
	
#col-one a:link { color: #5CA9C7;  }
#col-one a:visited { color: #5CA9C7;  }
#col-one a:active { color: #5CA9C7;  }
#col-one a:hover { 
	border: none; 
	background: transparent url(images/underl_sol_blue.gif) repeat-x bottom left;
	}
	
#col-one a.a-title { background: none; color: #851603; }

/* @end */

/* @group Main Photo */

#mainphoto { 
	border: 1px solid #E78653; 
	margin: 0; 
	padding: 0; 
	width: 470px;
	height: 270px;
	}

.navigation { 
	background: #FFE2AC url(images/bg_right.jpg) repeat top left; 
	border: 1px solid #FFE2AC; 
	border-top: 1px dashed #EFCAB3; 
	border-bottom: 1px dashed #EFCAB3; 
	text-align: center; 
	margin-bottom: 5px; 
	padding: 0.75em 0; 
	float: left; 
	text-align: center; 
	width: 100%;
	}
	
.alignright { 
	float: right;
	margin-right: 10px;
	}
	
.alignleft { 
	float: left; 
	margin-left: 10px;
	}

/* @end */

/* @group Entry */

.post { 
	background: #fff; 
	border: 1px solid #F2DCCF; 
	border-right: 1px solid #DFC5B5; 
	border-bottom: 1px solid #DFC5B5; 
	float: left; 
	margin-top: 0; 
	margin-bottom: 5px; 
	width: 100%;
	}
	
.post h2 { 
	font-weight: bold;
	}

.post h3 { 
	font-family: Verdana, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif; 
	font-size: 1em; 
	letter-spacing: 1px; 
	margin: 1.5em 10px; 
	padding: 0; 
	font-weight: normal; 
	text-transform: uppercase;
	}
	
.post li { 
	padding-bottom: 0;
	}

.excerpt { 
	margin-top: 1.5em;
	}
	
.excerpt, .excerpt p { 
	font-style: italic;
	}

p.intro { margin-top: 1.5em; font-style: italic; }

/* @end */

/* @group Entry Top */

.entry-head { 
	margin: 0 10px;
	}
	
.entry-written { 
	color: #E07139; 
	float: left; 
	font-size: 0.818em; 
	line-height: 1.834; 
	font-family: Georgia, serif; 
	padding: 0; 
	width: 55%; 
	}
	
.entry-comment { 
	color: #E07139; 
	float: right; 
	font-size: 0.818em; 
	line-height: 1.834; 
	font-family: Georgia, serif; 
	padding: 0; 
	text-align: right; 
	width: 35%;
	}

/* @end */

/* @group Entry Bottom */

.entry-foot { 
	background-color: #fff; 
	border-top: 1px dashed #EFE5E0; 
	color: #E07139; 
	margin: 0 10px; 
	padding: 10px 0;
	}
	
.entry-tags { 
	color: #E07139; 
	float: left; 
	font-size: 0.818em; 
	line-height: 1.834em; 
	font-family: Georgia, serif; 
	margin-bottom: 1.834em; 
	width: 100%;
	}
	
.entry-navi { 
	float: left; 
	width: 100%;
	}
	
.entry-navi p { 
	padding: .2em 0;
	}
	
.entry-navi-left { 
	color: #E07139; 
	float: left; 
	font-size: 0.818em; 
	line-height: 1.834em; 
	font-family: Georgia, serif; 
	width: 70%;
	}
	
.entry-navi-right, .comments { 
	color: #E07139; 
	float: right; 
	font-size: 0.818em; 
	line-height: 1.834em; 
	font-family: Georgia, serif; 
	width: 25%; 
	text-align: right;
	}

/* @end */

/* @group Icons */

.comment-icon { 
	background: transparent url(images/icon_comment.gif) no-repeat left 50%; 
	color: #E07139; 
	padding: 7px 0 7px 18px;
	}
	
.link-icon { 
	background: transparent url(images/icon_link.gif) no-repeat left 50%; 
	color: #E07139; 
	padding:  7px 0 7px 18px;
	}
	
.tag-icon { 
	background: transparent url(images/icon_tag.gif) no-repeat left 50%; 
	color: #E07139; 
	padding:  7px 0 7px 18px;
	}
	
.home-icon { 
	background: transparent url(images/icon_home.gif) no-repeat left 50%; 
	color: #E07139; 
	padding:  7px 0 7px 18px;
	}

/* @end */

/* Code */
code { 
	font-family: "Courier New", monospace;
	}

code { 
	background: #FDF4EF none repeat scroll 0%; 
	border: 1px solid #DFC5B5; 
	margin: 1.5em 0; 
	padding: 0; 
	overflow: auto; 
	display: block; 
	text-align: left;
	}

.paginate { 
	float: left; 
	width: 470px; 
	margin-top: 7px;
	}

.pagecount { margin: 0 10px }

.back-to { 
	float: left; 
	margin: 7px 10px 0 10px;
	}

/* @group Results */

.results { 
	background: transparent url(images/bg_right.jpg) repeat top right; 
	border-bottom: 1px dashed #EFCAB3; 
	margin: 5px; 
	padding: 5px;
	}

.results h1 { 
	background: transparent url(images/icon_search.gif) no-repeat left top; 
	padding: 0 0 14px 37px;
	}

/* @end */

/* @group Comments */

.postmetadata { }

#respond { 
	font-size: 1.1667em; 
	line-height: 1.286em; 
	margin-top: 1.929em; 
	margin-bottom: 0.643em; 
	font-weight: bold;
	text-align: center;
	}

#comments { 
	background: #FFE2AC url(images/bg_right.jpg) repeat top left; 
	border: 1px solid #FFE2AC; 
	border-top: 1px dashed #EFCAB3; 
	border-bottom: 1px dashed #EFCAB3; 
	text-align: center; 
	margin: 1.5em 0; 
	padding: 0.75em 0; 
	width: 100%;
	}

.alt .comment-posted { 
	background: transparent url(images/bg_comment_posted.gif) no-repeat left bottom; 
	color: #E07139; 
	font-family: Georgia, serif; 
	margin: 5px 10px 0 10px; 
	padding: 7px 7px 10px 45px;
	}
	
.alt .comment-body { 
	background: #fff; 
	border: 1px dashed #EFC0A4; 
	border-top: none; 
	clear: both; 
	margin: 0 10px 10px 10px; 
	padding: 10px;
	}

.comment-posted { 
	background: transparent url(images/bg_comment_posted_alt.gif) no-repeat left bottom; 
	color: #E07139; 
	font-family: Georgia, serif; 
	margin: 5px 10px 0 10px; 
	padding: 7px 7px 10px 45px;
	}
	
.comment-body { 
	background: #FFF6DF url(images/bg_comment_alt_.jpg) repeat top left; 
	border: 1px dashed #EFC0A4; 
	border-top: none; 
	clear: both; 
	margin: 0 10px 10px 10px; 
	padding: 10px;
	}

.comment-posted-my { 
	background: transparent url(images/bg_comment_posted_my.jpg) no-repeat left bottom; 
	color: #E07139; 
	font-size: 100%; 
	font-family: Georgia, serif; 
	margin: 5px 10px 0 10px; 
	padding: 7px 7px 10px 45px;
	}
	
.comment-body-my { 
	background: transparent url(images/bg_comment_my.jpg) repeat top left; 
	border-bottom: 1px dashed #EFCAB3; 
	clear: both; 
	margin: 0 10px 10px 10px; 
	padding: 10px;
	}

#comment-form { 
	background: #FFE2AC url(images/bg_right.jpg) repeat top left; 
	border-top: 1px dashed #DF996F; 
	border-bottom: 1px dashed #DF996F; 
	margin: 10px 0; 
	padding: 10px;
	}

.legend { 
	background: transparent url(images/bg_comment_alt.jpg) repeat top left; 
	border: 1px dashed #EFCAB3; 
	float: right; 
	padding: 5px; width: 30% }

.htmltags { 
	background: #FFF1D0 url(images/bg_comment_alt_.jpg) repeat top left; 
	border: 1px dashed #EFCAB3; 
	margin-bottom: 10px; 
	padding: 5px; 
	}

.comment-count { 
	color: #A11E02; 
	font-size: 140%; 
	font-weight: bold;
	}

/* @end */

/* @group Archives */

#by-month { 
	float: left; 
	width: 45%; 
	}
	
#by-tag { 
	float: right; 
	width: 45%; 
	}

/* @end */

/* @group Footer */

#foot { 
	background: #000 url(images/footer.jpg) no-repeat top right; 
	border: 1px solid #F5C9C0; 
	float: left; 
	height: 35px;
	margin: 0; 
	margin-bottom: 10px; 
	padding: 0; 
	width: 768px;
	}
	
#foot p { 
	color: #FDE0B4; 
	font-size: 85%; 
	margin: 0; 
	padding: 10px 0 0 10px; 
	}

/* @end */

/* @group Forms */

.comment-input, .contact-input { 
	border: 1px solid #DF996F; 
	padding: 1px; 
	}

/* Contact */

.contactform { 
	width: 100%; 
	float: left; 
	background: #FFE2AC url(images/bg_right.jpg) repeat top left; 
	border-top: 1px dashed #DF996F; 
	border-bottom: 1px dashed #DF996F; 
	margin: 10px 0; 
	padding: 10px 0;
	}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	}

.contacterror {
	border: 2px solid #ff0000;
	}

.contactsubmit {
	}

/* Search */

.fieldset { 
	background: #FFF8EF url(images/bg_right_.jpg) repeat top right; 
	border: 1px dashed #DFC5B5; 
	margin: 10px; 
	padding: 10px;
	}

/* @end */
