/*
Theme Name:  Jazz Happens
Theme URI: http://www.chrishappens.com/themes/jazzhappens/
Description: Jazz Happens is a 2 column Wordpress theme. This work is distributed under the terms of the GNU General Public License. This means you are free to use this template for any purpose, and make changes as you see fit. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2008
Version: 0.5
Author: Chris (Menn) Talawat
Author URI: http://www.chrishappens.com/
Tags: fixed width, simple, clean, widget ready, two columns, sidebar left, blue, jazz
*/
/* @group Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */
/* @group General */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #18394b; color: #333; padding: 0;margin: 0; background-image: url(images/bg.gif);}
a { color: #377085; }
a:hover{color: #42a1d6;}
a:link, a:visited, a:active, a:hover { text-decoration: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
p { margin-bottom: 16px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
blockquote {margin: 1.5em; padding: 1em; color: #999; font-style: italic; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
hr {width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: 0;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
/* @end */
/* @group Wordpress Images */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {text-align: center; background-color: #000; padding-top: 5px; margin: 0 0 18px; /* optional rounded
corners for browsers that support it */
   -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 5px 4px; margin: 0;color: #ccc;}
/* @end */

/* @group Header */
#wrapper{width: 840px; background: url(images/body.gif) repeat-y;margin: 25px auto 10px;}
#header{background-color: #18394b; background-image: url(images/bg.gif);}
#brand{float: left;width: 600px;padding: 0 10px;}
#brand #logo {float: left;margin-right: 10px;}
#brand p {margin: 17px 0 0;color: #a3b0b7;font-size: 11px;}
#searchbox{float: right;width: 200px;}
/* @end */

/* @group Nav */
#nav{ height: 35px; background: #b44021 url(images/nav-bg.gif) no-repeat;padding:10px 20px 0;margin: 0;}
#nav ul{}
#nav ul li{display: inline; font-size: 13px;}
#nav li a{display: block; color: #fff; padding: 9px 12px 1px;float: left;height: 25px;}
#nav li a:hover{color: #eed0c5; background-color: #a33016;}
#nav li a:active{color: #4b1a0e;}
#nav li.current_page_item a { background: url(images/nav-selected-bg.gif) repeat-x;color: #a12f15;}
#nav ul.blog li.page-item-11 a {background: url(images/nav-selected-bg.gif) repeat-x;color: #a12f15;}
/* @end */

/* @group Body */
#banner{padding: 0}
#body{padding: 0 10px;}
#content{float: left;width: 480px;padding: 10px 0 0 20px;}
#content h1 {height: 20px; background: url(images/content-head.gif) no-repeat; padding: 6px 8px 0; color: #fff; font: 14px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;margin: 0 -5px 15px -5px;}
#content h1 a {color: #fff;}
#content h2 {margin: 10px 0; color: #89724a;}
#content ul li{padding: 0; margin-left: 12px; list-style-type: disc; list-style-image: url(images/bullet.png);}
.item .pic {width: 95px; height: 95px; float: left;}
.item .pic img {padding: 2px; border: 1px solid #ccc;width: 80px;}
.item .info {width: 380px; float: right;}
.item .info .date{font-size: 9px; color: #666;}
.item .info h2{font-size: 14px;margin: 0 0 5px;}
#content img.attachment-thumbnail {padding: 4px; border: 1px solid #ccc;background-color: #f0f0f0;}
table{margin-bottom: 18px;padding: 0px; -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 1px; display: table; text-indent: 0; vertical-align: top;}
table.border{border: 1px solid #ccc;}
th{background-color: #eee;padding: 3px 5px;vertical-align: top;}
td{background-color: #fff;padding: 3px 5px;vertical-align: top;}
table td.submit{background-color: #bcccd1;}
/* @end */

/* @group Sidebar */
#sidebar{float: right;width: 285px;padding: 10px 15px 0 0;}
#sidebar h2{height: 20px;background: url(images/sidebar-head.gif) no-repeat; padding: 6px 8px 0; color: #377085; font: 14px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;margin: 0 0 10px;}
#sidebar ul li ul li {margin-left: 10px;margin-bottom: 0px;}
#sidebar ul li {margin-bottom: 10px;}
.recent-post{margin: 0 0 5px; padding: 0 0 0 5px;}
.recent-thumb{float: left; width: 36px;}
.recent-thumb img{ border: 1px solid #ccc; padding: 2px;width: 30px;}
.recent-info{float: right; width: 238px;}
.recent-info h3{margin: 0; font-size: 12px;line-height: 1.4em;}
.recent-info p{line-height: 12px;margin: 0;padding: 0;}
.recent-info .recent-date{color: #999;font-size: 9px;}
.recent-info .recent-cat{font-size: 10px;}
li#tag_cloud {font-weight: normal;line-height: 22px;}
#twitter_div {font-size: 11px;}
ul#twitter_update_list li {border-bottom: 1px dotted #cccccc; padding-top: 3px; padding-bottom: 3px;}

/* @end */


/* @group Comment */
.commentlist li, #commentform input, #commentform textarea {}
.commentlist li .avatar {float: left;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal;}
.commentlist p {}
#commentform p {}
.commentmetadata {font-weight: normal;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 97%; padding: 2px;}
#commentform #submit {margin: 5px 0 10px;}
h3#comments {margin-top: 25px;}
.commentlist {padding: 0; margin: 5px 0;}
.commentlist li {margin: 10px 0 3px; padding: 5px; list-style: none; background-color: #f3f3f3; border: 1px solid #e4e4e4;}
.commentlist p {font-size: 12px; line-height: 15px; margin: 0 0 4px;}
.commentlist h3 {font-size: 14px; line-height: 14px; margin: 0; padding: 0;color: #666;}
.commentlist .comment-box{margin-left: 47px;padding-right: 10px;}
#commentform p {margin: 5px 0;padding: 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {font-size: 9px; color: #777;margin: 0; padding: 3px 0; display: block;}
/* @end */



/* @group Footer */
#footer{background: #18394b url(images/foot.gif) no-repeat;padding: 14px 0 5px 15px;color: #838e95;font-size: 9px;margin: 0;}
#footer p{margin: 0;}
#footer a{color: #838e95;}
#footer a:hover{color: #fff;}
/* @end */