/*
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: 12px; 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: 11px "Arial", Verdana, sans-serif; background-color: #232828; color: #FFF; padding: 0; margin: 0;}
a {color: #CCCCCC;}
a:hover {color: #ca0088;}
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: 15px;}
h1 {margin-bottom: 15px; font: bold 12px "Arial", Helvetica, Geneva, sans-serif;}
h2 {margin-bottom: 15px; font: bold 10px "Arial", Helvetica, Geneva, sans-serif;}
h3 {margin-bottom: 5px; font: bold 10px "Arial", Helvetica, Geneva, sans-serif; color: #000;}
h4 {font: bold 10px "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: #eee; color: #ccc; margin: 1em 0; border: none; padding: 0;}
pre, code {font-family: Arial, "Arial", 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: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 5px 5px; margin: 0;color: #ccc;}
/* @end */
/* @group Header */
#wrapper {width: 1070px; ;margin: 20px auto 10px; background: #232828;}
/* @end */
/* @group Content */
#content {float: right; width: 900px; border: 1px #4f4f4f solid; padding:5px;}
#content h1 {background: url(images/title.gif) no-repeat; padding: 0px; color: #FFFFFF; font: 12px "Arial", Helvetica, Geneva, sans-serif; margin: 0 0 10px;}
#content h1 a {color: #CA0088; font-size:12px; font-weight: bold;}
#content h1 .date {float: right; font-size: 10px; color: #CCC; padding-top: 2px;}
#content h2 {margin: 0; color: #CCC;}
.item .pic {float: left;display: block; margin-left: auto; margin-right: auto;}
.item .pic img {padding: 2px; border: 1px solid #ccc;}
.item .info {float: left; width:100%;}
.item .info .date {font-size: 9px; color: #666;}
.item .info h2 {font-size: 12px; font-weight: bold; margin: 0 0 10px; color:#96bc4a;}
.item .info h2  a {font-size: 12px; font-weight: bold; margin: 0 0 10px; color:#96bc4a;}
#content img.attachment-thumbnail {padding: 5px; border: 1px solid #ccc; background-color: #f0f0f0;}
table {margin-bottom: 15px; padding: 0px; -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 1px; display: table; text-indent: 0; vertical-align: top;}
table.border {border: 0px 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: 10px; 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: 150px; padding: 0px; border: 1px #4f4f4f solid;}
#brand {width: 140px;}
#brand-logo {float: center; padding: 0 0 50px 5px;}
#brand-logo img {border: 0;}
li.widget {padding: 5px;}
li.widget h2 {font-size: 12px; margin-bottom: 10px; color: #96bc4a;}
/* @group Pages */
li#pages.widget {padding: 0;}
li#pages ul {padding: 0; margin: 0 0 10px; /*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: 15px; font: 10px "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: 20px;}
li#tag_cloud a, li#tag_cloud a:visited {color: #aaa;}
li#tag_cloud a:hover {color: #49b6f5;}
/* @end */
/* @end */
/* @group Comment */
h2#comments {padding: 5px; color: #FFFFFF; font: 11px "Arial", Helvetica, Geneva, sans-serif; margin: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 2px; padding: 5px; list-style: none; background-color: #CCCCCC; border: 1px solid #e4e4e4; width: 97%;}
.commentlist li img.avatar {float: left; border: ; border-top: 1px solid #fff;}
.commentlist .commentinfo {float: left; color: #000000;}
.commentlist p {font-size: 11px; 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 { padding: 0px; color: #FFFFFF; font: 11px "Arial", Helvetica, Geneva, sans-serif; margin: 20px 0 10px;}
#commentform p {margin-bottom: 5px;}
#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 {float: right; width: 905px; border: 1px #4f4f4f solid; margin-top: 5px; padding: 2px 5px 0px 0px; height: 20px; text-align: right;}
/* @end */
/* @group Nav */
#nav {
	border: 1px #4f4f4f solid;
	height: 20px;
	float: right; 
	width: 905px; 
	margin-bottom: 5px; 
	padding: 2px 0px 0px 5px;
}
#nav ul {
	margin:2px 0 0 0;
	padding:0;
	list-style:none;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
}
/* @end */