/*
Theme Name:  Blog Happens
Theme URI: http://www.chrishappens.com/sharing/bloghappens/
Description: Blog Happens is a 2 column Wordpress theme. This work is distributed under the terms of the GNU General Public License. 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: #13538f; color: #333; padding: 0; margin: 0;}
a {color: #1666b2;}
a:hover {color: #49b6f5;}
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: 6px; 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; margin-left: 2.2em;}
blockquote {margin: 1.5em 0; padding: 1em 1em 0; color: #666; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f0f0f0;}
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: 10px; color: #666;}
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: #ccc;}
/* @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: #0e3f6f; font: 15px/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 0 12px;}
#content h1 a {color: #0e3f6f;}
#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 {margin: 0; padding-left: 13px; text-indent: 0; margin-bottom: 18px;}
#content ul li {margin: 0 0 10px; ; list-style-type: disc; list-style-position: outside;}
#content ol li {margin: 0 0 10px; 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: #1666b2; 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: #0e3f6f; 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: #999;}
.commentinfo .date a {color: #999;}
h2#respond {background: url(images/title.gif) no-repeat; padding: 6px 8px 6px; color: #0e3f6f; 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: #4a97cf; font-size: 9px; margin: 0; background: #13538f url(images/foot.gif) no-repeat;}
#footer p {margin: 0;}
#footer a {color: #4a97cf;}
#footer a:hover {color: #fff;}
/* @end */