/*
Theme Name:  Site Happens
Theme URI: http://www.chrishappens.com/themes/sitehappens/
Description: Site Happens is a 2 column Wordpress theme. Please leave the link in the footer, or donate if you would like to remove it. * Require the-attached-image plugin.
Copyright: 2009
Version: 0.5
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", Tahoma, Arial, Verdana, sans-serif; color: #333; padding: 0; margin: 0; background: #cccccc url(images/bg.jpg) repeat-x;}
a {color: #666600;}
a:hover {color: #cccc00;}
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;}
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: #000; 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: 1em;}
pre {overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
/* @end */
/* @group Wordpress Images */
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {text-align: center; background-color: #000; padding: 5px; margin: 0 0 16px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 12px; padding: 4px; margin: 0; color: #999;}
/* @end */
/* @group Header */
#wrapper {width: 820px; margin: 0 auto 10px; padding: 0;}
#header {height: 105px; overflow: hidden; padding: 0; margin: 0;}
#logo {height: 70px; padding: 0; margin: 0; overflow: hidden;}
/* @end */
/* @group Nav */
#nav {height: 35px; background: url(images/nav.jpg) no-repeat 0 0; padding: 0 10px 0; margin: 0; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 1px;}
#nav ul {padding: 0; margin: 0;}
#nav ul li {display: inline; font-size: 13px;}
#nav ul li ul li {display: none;}
#nav li a {display: block; color: #c2c9d1; padding: 9px 15px 1px; float: left; height: 25px;}
#nav li a:hover {color: #fff; background-color: #cccc00;}
#nav li a:active {color: #aeb3bb; background-color: #172434;}
#nav li.current_page_item a, #nav li.current_page_parent a {background: url(images/nav-active.jpg) repeat-x; color: #fff;}
/* @end */
/* @group Content */
#body {padding: 0; background-color: #fff;}
#banner {padding: 0}
#content {float: left; width: 490px; padding: 15px 0 0 20px;}
#content h1 {height: 25px; background: url(images/h1.gif) no-repeat; padding: 6px 8px 0; color: #000; font: bold 16px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 -5px 15px;}
/* #content h1 {-x-system-font:none; background:transparent url(images/content-head.gif) no-repeat scroll 0 0; color:#FFFFFF; font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size:14px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; height:20px; line-height:1em; margin:0 -5px 15px; padding:6px 8px 0;*/

#content h1 .date {float: right; text-align: right; color: #666600; font-size: 10px; font-weight: normal; font-style: normal; padding: 0 8px 0 0;}
.item .pic {width: 95px; height: 100px; float: left;}
.item .pic img {padding: 2px; border: 1px solid #ccc; width: 80px;height: 80px;}
.item .info {width: 393px; float: right;}
.item .info .date {font-size: 9px; color: #666;}
.item .info h2 {font-size: 14px; margin: 0 0 5px;}
/* @end */
/* @group Sidebar */
#sidebar {float: right; width: 275px; padding: 15px 20px 0 0;}
#sidebar h2 {height: 20px; background: url(images/h2.gif) no-repeat; padding: 6px 8px 0; color: #666600; font: 14px/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 0 0 10px;}
#sidebar ul li {margin-bottom: 10px;}
#sidebar ul li ul {margin-bottom: 0px;}
#sidebar ul li ul li {margin-left: 8px; margin-bottom: 0px;}
.padder {margin: 0; padding: 0 8px 8px;}
.thumb {float: left; width: 46px;}
.thumb img {border: 1px solid #ccc; padding: 2px; width: 40px; height: 40px; -ms-interpolation-mode: bicubic;}
#sidebar #sidebar-content {margin-bottom: 10px;padding: 0 8px;}
#sidebar .textwidget {padding: 0 8px;}
#sidebar #searchform {padding: 0 8px;}
#sidebar .info {float: right; width: 205px;}
#sidebar .info h3 {margin: 5px 0 5px; font-size: 12px; line-height: 1.4em;}
#sidebar .info p {line-height: 12px; margin: 0; padding: 0;}
#sidebar .info .date {color: #999; font-size: 10px;}
table#wp-calendar {border: 1px solid #ccc; margin: 4px 0 5px 8px;}
tbody .pad {background-color: #ddd;}
table#wp-calendar>tbody>tr>td>a {font-weight: bold;}
thead>tr>th {width: 30px; height: 24px; text-align: center; background-color: #ccc; border: 1px solid #ccc;}
tbody>tr>td {width: 30px; height: 24px; text-align: center; border: 1px solid #ccc;}
tbody>tr>td#today {background-color: #a9dcf9;}
tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active {font-weight: bold;}
tfoot>tr>td#prev {width: 58px; height: 24px; text-align: left; background-color: #fff; padding-left: 6px;}
tfoot>tr>td#next {width: 58px; height: 24px; text-align: right; background-color: #fff; padding-right: 6px;}
/* @end */
/* @group Comment */
h2#comments {color: #22364e; 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;}
.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 li img.avatar {float: left; border: ; border-top: 1px solid #fff;}
.commentlist .commentinfo {float: right; width: 420px;}
.commentlist p {font-size: 12px; line-height: 15px; margin: 0 0 4px;}
.commentinfo .date {font-size: 9px; color: #999;}
.commentinfo .date a {color: #999;}
h2#respond {color: #22364e; 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: 99%; padding: 2px;}
#commentform #submit {margin: 5px 0 10px;}
/* @end */
/* @group Footer */
#footer {background: url(images/foot.gif) no-repeat; padding: 14px 0 5px 10px; color: #666666; font-size: 9px; margin: 0;}
#footer p {margin: 0;}
#footer a {color: #666666;}
#footer a:hover {color: #fff;}
/* @end */