/*
Theme Name:  Blog Happens
Theme URI: http://www.chrishappens.com/sharing/bloghappens/
Description: Blog Happens is a 2 column Wordpress theme. Please leave the link in the footer, or donate if you would like to remove it. * Require Get-the-image plugin.
Copyright: 2008
Version: 0.6
Author: Chris (Menn) Talawat
Author URI: http://www.chrishappens.com/
Tags: fixed width, simple, clean, widget ready, two columns, blue
*/
/* @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: #ffffff; color: #330000; padding: 0; margin: 0;}
a {color: #b2161d;}
a:hover {color: #f54952;}
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 {margin-bottom: 18px; font: bold 24px/36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
h2 {margin-bottom: 18px; font: bold 16px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
h3 {margin-bottom: 8px; font: bold 1.1em/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #000;}
h4 {font: bold 10px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
ul {margin-bottom: 18px; list-style: none outside;}
ol {margin-bottom: 18px; list-style: decimal;}
blockquote {margin: 1.5em 0; padding: 1em 1em 0; color: #660006; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f0f0f0;}
hr {width: 100%; height: 1px; background: #ccc; color: #cc0024; margin: 1em 0; border: none; padding: 0;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 10px; color: #330000;}
pre {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: #cc0024;}
/* @end */
/* @group Header */
#wrapper {width: 840px; ;margin: 20px auto 10px; background: #fff url(images/body.gif) repeat-y;}
#header {background: url(images/head.gif) no-repeat; height: 25px; width: 840px;}
/* @end */
/* @group Content */
#content {float: right; width: 490px; padding-right: 35px;}
#content h1 {background: url(images/title.gif) no-repeat; padding: 6px 8px 6px; color: #6f0e17; font: 15px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 0 12px;}
#content h1 a {color: #6f0e17;}
#content h1 .date {float: right; font-size: 10px; color: #b2bbc4; padding-top: 2px;}
#content h2 {margin: 0; color: #89724a;}
.item .pic {width: 95px; height: 100px; float: left;}
.item .pic img {padding: 2px; border: 1px solid #ccc; width: 80px;}
.item .info {width: 395px; 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;}
#content ul, #content ol {padding-left: 20px; text-indent: 0;}
#content ul li {margin: 0 0 6px; ; list-style-type: disc; list-style-position: outside;}
#content ol li {margin: 0 0 6px; list-style-type: decimal; list-style-position: outside;}
/* @end */
/* @group Sidebar */
#sidebar {float: left; width: 263px; padding: 0 5px 0 11px;}
#brand {width: 268px;}
#brand-logo {float: left; padding: 0 0 14px 14px;}
#brand-logo img {border: 1px solid #fff;}
#brand-info {color: #666; font-size: 10px; width: 152px; float: right;padding-right: 10px;}
#brand-info p {line-height: 16px; margin-bottom: 10px;}
#brand-info h2 {font-size: 16px; margin: 0 0 5px;}
li.widget {padding: 0 1px 0 14px;}
li.widget h2 {font-size: 14px; margin: 5px 0; color: #666;}
/* @group Pages */
li#pages.widget {padding: 0;}
li#pages ul {width: 268px; padding: 0; margin: 0 0 18px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #fff;}
li#pages ul li {padding: 0; margin: 0;}
li#pages h2 {display: none;}
li#pages ul li.page_item a {display: block; color: #6f0e17; padding: 15px; height: 18px; width: 238px; font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-top: 1px solid #fff; border-bottom: 1px solid #d8d8d8;}
li#pages ul li.page_item a:hover {color: #49b6f5; background-color: #f4f4f4; cursor: pointer; border-top: 1px solid #fff;}
li#pages ul li.page_item a:active {color: #1d2d47; background-color: #ddd; border-top: 1px solid #ddd;}
li#pages ul li.current_page_item a {color: #104b84; background-color: #e5e5e5; cursor: pointer; border-top: 1px solid #e5e5e5;}
li#pages ul li.current_page_item.page_item a:hover {color: #49b6f5; background-color: #e5e5e5; cursor: pointer; border-top: 1px solid #e5e5e5;}
li#pages ul li ul {display: none;}
li#pages ul li ul li ul {display: none;}
/* @end */
/* @group Tag Cloud */
li#tag_cloud {font-weight: normal; line-height: 22px;}
li#tag_cloud a, li#tag_cloud a:visited {color: #aaa;}
li#tag_cloud a:hover {color: #49b6f5;}
/* @end */
/* @end */
/* @group Comment */
h2#comments {background: url(images/title.gif) no-repeat; padding: 6px 8px 6px; color: #330000; font: 15px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 20px 0 10px;}
h2#comments .num {float: right; font-size: 10px; color: #b2bbc4; padding-top: 2px;}
#content .commentlist {padding: 0; margin: 5px 0;}
#content .commentlist li {margin: 10px 0 3px; padding: 5px; list-style: none; background-color: #f3f3f3; border: 1px solid #e4e4e4;}
.commentlist li img.avatar {float: left; border: ; border-top: 1px solid #fff;}
.commentlist .commentinfo {float: right; width: 430px;}
.commentlist p {font-size: 12px; line-height: 15px; margin: 0 0 4px;}
.commentinfo h3 {margin: 0;}
.commentinfo .date {font-size: 9px; color: #990013;}
.commentinfo .date a {color: #990013;}
h2#respond {background: url(images/title.gif) no-repeat; padding: 6px 8px 6px; color: #6f0e17; font: 15px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 20px 0 10px;}
#commentform p {margin-bottom: 6px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 97%; padding: 2px;}
#commentform #submit {margin: 5px 0 10px;}
/* @end */
/* @group Footer */
#footer {padding: 14px 15px 5px; color: #f54952; font-size: 9px; margin: 0; background: #fff url(images/foot.gif) no-repeat;}
#footer p {margin: 0;}
#footer a {color: #f54952;}
#footer a:hover {color: #fff;}
/* @end */