/*
Theme Name:  Wide Blog Happens
Theme URI: http://www.chrishappens.com/sharing/widebloghappens/
Description: Wide Blog Happens is a 2 column Wordpress theme. This work is distributed under the terms of the GNU General Public License.
Copyright: 2009
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,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol,ul {list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
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 */
.clear {clear: both; display: block; overflow: hidden; width: 0; height: 0}
/* @end */
/* @group General */
body {font: 13px/1.5 Helvetica, Arial, Tahoma, FreeSans, sans-serif; color: #333; background-color: #66ffcc;}
a:focus {outline: 1px dotted invert;}
hr {border: 0 dotted #aaa; border-top-width: 1px; clear: both; height: 0;}
h1 {font-size: 16px;}
h2 {font-size: 14px}
h3 {font-size: 14px}
h4 {font-size: 13px}
h5 {font-size: 12px}
h6 {font-size: 12px}
ol {list-style: decimal}
ul {list-style: circle;}
li {margin-left: 30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote {margin-bottom: 20px}
a {color: #005500;}
a:hover {color: #009900;}
a:active {color: #003300;}
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; _position: static !important;}
abbr {border: 0;}
blockquote {padding: 20px 20px 0; color: #000; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #eee;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: auto; overflow-Y: hidden; margin: 0 0 1.2em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
small {font-size: 10px;}
/* @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 20px; -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: 12px; line-height: 17px; padding: 5px 4px; margin: 0; color: #999;}
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;}
/* @end */
/* @group Wrap */
#wrapper {width: 960px; margin: 20px auto 0; background-color: #fff;}
#header {height: 20px; background: url(images/head.png) no-repeat;}
#mainbody {background: url(images/body.png) repeat-y; padding: 0 11px;}
/* @end */
/* @group Sidebar */
#sidebar {float: left; margin: 0; padding: 0; width: 268px;}
#sidebar ul {margin: 0; padding: 0;}
#sidebar ul li {margin: 0; padding: 0; list-style-type: none;}
#brand {padding: 0 10px 8px 14px;}
#brand-logo {float: left; width: 82px; padding-bottom: 7px;}
#brand-logo img {border: 1px solid #fff;}
#brand-info {color: #666; font-size: 10px; width: 152px; float: right;}
#brand-info p {line-height: 16px; margin: 0;}
#brand-info h2 {font-size: 16px; margin: 0 0 5px; text-shadow: #fff 0 1px 0;}
#sidebar li.widget {padding: 0 10px 0 14px; margin: 0 0 20px;}
#sidebar li.widget h2 {font-size: 14px; margin: 0 0 3px; color: #333; text-shadow: #fff 0 1px 0;}
/* @group Pages */
#sidebar li.widget_pages {padding: 0; margin: 0;}
#sidebar li.widget_pages ul {width: 268px; padding: 0; margin: 0 0 18px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #fff;}
#sidebar li.widget_pages ul li {padding: 0; margin: 0;}
#sidebar li.widget_pages h2 {display: none;}
#sidebar li.widget_pages ul li.page_item a {display: block; color: #005500; padding: 15px; height: 18px; width: 238px; font: 15px Helvetica, Arial, Tahoma, FreeSans, sans-serif; border-top: 1px solid #fff; border-bottom: 1px solid #d8d8d8; text-shadow: #fff 0 1px 0;}
#sidebar li.widget_pages ul li.page_item a:hover {color: #009900; background-color: #f4f4f4; cursor: pointer; border-top: 1px solid #fff;}
#sidebar li.widget_pages ul li.page_item a:active {color: #003300; background-color: #ddd; border-top: 1px solid #ddd;}
#sidebar li.widget_pages ul li.current_page_item a {color: #104b84; background-color: #e5e5e5; cursor: pointer; border-top: 1px solid #e5e5e5;}
#sidebar li.widget_pages ul li.current_page_item.page_item a:hover {color: #49b6f5; background-color: #e5e5e5; cursor: pointer; border-top: 1px solid #e5e5e5;}
#sidebar li.widget_pages ul li ul {display: none;}
#sidebar li.widget_pages ul li ul li ul {display: none;}
strong.search-excerpt {color: #6ab2fe;}
/* @end */
/* @group Calendar */
table#wp-calendar {border: 1px solid #ccc; margin: 5px 0;width: 240px;}
table#wp-calendar .pad {background-color: #ddd;}
table#wp-calendar caption{text-align: left;}
table#wp-calendar td a {font-weight: bold;}
table#wp-calendar th {width: 14%; height: 24px; text-align: center; background-color: #ccc; border: 1px solid #ccc; vertical-align: middle;}
table#wp-calendar td {width: 14%; height: 24px; text-align: center; border: 1px solid #ccc; vertical-align: middle;}
table#wp-calendar td#today {background-color: #a9dcf9;}
table#wp-calendar td a {font-weight: bold;}
table#wp-calendar tfoot td{height: 20px;}
table#wp-calendar td#prev {height: 20px; text-align: left; background-color: #ccc; padding-left: 6px; vertical-align: middle;}
table#wp-calendar td#next {height: 20px; text-align: right; background-color: #ccc; padding-right: 6px; vertical-align: middle;}
table#wp-calendar tfoot td.pad{background-color: #ccc;}
/* @end */
/* @group Tag Cloud */
#sidebar li.widget_tag_cloud {font-weight: normal; line-height: 25px;}
#sidebar li.widget_tag_cloud a, li#tag_cloud a:visited {color: #aaa;}
#sidebar li.widget_tag_cloud a:hover {color: #49b6f5;}
/* @end */
#twitter_div {font-size: 11px;}
ul#twitter_update_list li{margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px dotted #ccc;}
/* @end */
/* @group Content */
#content {float: right; margin: 0; padding: 0; width: 658px;}
#content h1 {padding: 11px 24px 8px; color: #000; font: bold 16px/1.3em Helvetica, Arial, Tahoma, FreeSans, sans-serif; margin: 0 0 20px; border-top: 1px solid #ddd; background-color: #eee; border-bottom: 1px solid #ddd;}
#content h1 .date {float: right; font-size: 10px; color: #b2bbc4; padding-top: 2px; font-weight: normal;}
.entry h2{background-color:#797979; color:#fff;display:inline;font-size:16px;line-height:50px;padding:5px 5px 3px;}
.entry h2 a {color: #c4e9ff;}
.entry h2 a:hover{color: #bbefff;}
.item {padding: 0 24px 5px; margin: 0;}
.item .pic {width: 95px; height: 90px; float: left;}
.item .pic img {padding: 2px; border: 1px solid #d5d5d5; width: 80px;}
.item .info {width: 510px; float: right;}
.item .info .date {font-size: 9px; color: #666;}
.item .info h2 {font-size: 15px; margin: 0 0 2px;}
#content img.attachment-thumbnail {padding: 4px; border: 1px solid #ccc; background-color: #f0f0f0;}
.entry {padding: 0 24px;}
.post-ratings {margin-bottom: 20px;}
.related {padding: 20px 24px 2px; background-color: #f4f4f4; margin-bottom: 20px;}
.related h3 {margin-bottom: 5px;}
/* @group Table */
.entry table {padding: 0px; -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 1px; display: table; text-indent: 0; vertical-align: top;}
.entry table.border {border: 1px solid #ccc;}
.entry table.layout {border: none; border-spacing: 0;}
.entry table.layout td, .entry table.layout th {margin: 0; padding: 0; border: none; background: none;}
.entry th {background-color: #ddd; padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #ddd;}
.entry td {background-color: #fff; padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #ddd;}
.entry table td.submit {background-color: #bcccd1;}
/* @end */
#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;}
#content ul.related_post li {margin: 0;}
.search-excerpt {color: #f90;}
.navigation {padding: 0 24px;}
.navigation-foot {padding: 12px 15px 0; margin-top: 10px; border-top: 1px solid #ddd;}
.wordtube{text-align: center; background-color: #000; padding: 5px; margin: 0 0 20px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.issuu{margin-bottom: 20px;background-color: #333;-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
/* @end */
/* @group Comment */
#responses {padding: 0 24px; font-size: 12px; line-height: 1.5em;}
h2#comments {font-size: 15px; margin: 20px 0 10px;}
h2#comments .num {float: right; font-size: 10px; color: #b2bbc4; padding-top: 2px;}
#responses .commentlist {padding: 0; margin: 0 0 15px; clear: both;}
#responses .commentlist li {margin: 0 0 15px; padding: 8px 8px 0 70px; list-style-type: none; background-color: #f0f0f0; border-bottom: 1px dotted #ddd; color: #111;}
#responses .commentlist li img.avatar {float: left; border: 1px solid #fff; margin-left: -61px;}
#responses .commentlist li ol li {list-style-position: outside; list-style-type: decimal; border: none; margin-bottom: 10px;padding: 0;}
#responses .commentlist li ul li {list-style-position: outside; list-style-type: disc; border: none; margin-bottom: 10px;padding: 0;}
#responses .commentlist blockquote {background-color: #f4f4f4;}
#responses .commentlist .comment-author cite.fn {font-weight: bold; font-size: 14px; font-style: normal;}
#responses .commentlist .comment-meta {font-size: 9px;}
#responses .commentlist .edit-comment-admin-links-no-icon, #responses .commentlist .edit-comment-admin-links-no-icon  a {font-size: 9px;}
#responses .commentlist h3 {margin-bottom: 5px;}
#responses .commentlist p {margin: 0 0 12px;}
#responses .commentlist blockquote{background-color: #fff;}
#responses .navigation {padding: 0}
#respond {margin: 15px 0 10px; clear: both;}
#respond h3 {margin-bottom: 10px;border: none;}
#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 {background: #66ffcc url(images/foot.png) no-repeat; padding: 19px 15px 0; color: #005500; font-size: 9px;}
#footer p{margin: 0;}
#footer a {color: #005500;}
#footer a:hover {color: #fff;}
/* @end */