/*
Theme Name:  Blog Happens
Theme URI: http://www.chrishappens.com/sharing/bloghappens/
Description: Blog Happens is a 2 column Wordpress theme with Post Thumbnail, Custom Colors, Custom Background and Theme Options. This work is distributed under the terms of the GNU General Public License.
Copyright: 2010
Version: 2.0.1
Author: Chris (Menn) Talawat
Author URI: http://www.chrishappens.com/
Tags: two-columns, fixed-width, custom-colors, theme-options, threaded-comments
*/
/* @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; margin-bottom: 18px;}
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 18px;}
.clear {clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block; display: block;}
* html .clearfix {height: 1%;}
/* @end */
/* @group General */
body {font: 13px/1.5 Helvetica, "Lucida Grande", Arial, sans-serif; background-color: #cf0082; color: #333;}
a {color: #cf0082;}
a:hover {color: #ff00a5;}
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: #777; _position: static !important;}
abbr {border: 0;}
p {margin-bottom: 18px;}
h1 {font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px;}
h2 {font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 12px;}
h3 {font-weight: bold; font-size: 14px; line-height: 18px; margin-bottom: 8px;}
h4,h5,h6 {font-weight: bold; font-size: 1em; line-height: 16px; margin-bottom: 8px;}
blockquote {margin: 1.5em 0; padding: 18px 18px 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: 12px; color: #666;}
pre {margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
dl {margin-bottom: 18px;}
/* Print */
@media print {
body, #main, #content {color: #000 !important;}
a, a:link, a:visited {color: #000 !important; text-decoration: none !important;}
#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide {display: none !important;}
#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio {padding-left: 0 !important; background-image: none !important;}
}
/* iPhone */
@media screen and (max-device-width: 480px) {
html {-webkit-text-size-adjust: none;}
}
/* @group WordPress img */
.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; -moz-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: 17px; padding: 5px 4px; margin: 0; color: #999;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {margin: 0 0 2px 7px; display: inline;}
img.alignleft {margin: 0 7px 2px 0; display: inline;}
img.attachment-large, img.attachment-medium {background-color: #000; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.navigation img.attachment-thumbnail {width: 50px; height: 50px; padding: 4px; background-color: #fff; border: 1px solid #ddd;}
.navigation .alignleft img.attachment-thumbnail {-moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px;}
.navigation .alignright img.attachment-thumbnail {-moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px;}
/* @end */
/* @group entry */
.entry table {width: 100%; border-collapse: collapse;}
.entry th,caption {text-align: left;}
.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 caption {font-style: italic; color: #777; margin: .5em 0;}
.entry ul {padding-left: 14px; text-indent: 0;}
.entry ul li {margin: 0 0 6px; list-style-type: disc; list-style-position: outside; list-style-image: url(images/bullet.png);}
.entry ol {padding-left: 20px; text-indent: 0;}
.entry ol li {margin: 0 0 6px; list-style-type: decimal; list-style-position: outside;}
.entry fieldset {border: 1px solid #ccc; padding: 1em 2em; margin: 0 0 1.5em 0;}
.entry input[type="text"], .entry input[type="password"], .entry textarea, .entry  select {border: 1px solid #aaa; padding: 5px; background: #fff; width: 300px; line-height: 1em; margin: 0;}
.entry input[type="radio"],input[type="checkbox"], .radio, .checkbox {margin: 0 .25em 0 0;}
.entry select {width: 312px;}
.entry textarea {overflow: auto; height: 150px; width: 400px;}
.entry input[type="text"]:focus, .entry input[type="password"]:focus, .entry textarea:focus, .entry select:focus {background: #f5f5f5; outline: none;}
.entry button {border: none; background: #555; color: #fff; padding: 0 2.5em; height: 2em; line-height: 2em; cursor: pointer;}
/* @end */
/* @end */
/* @group Wrap */
#wrapper {width: 960px; margin: 20px auto 0;}
#header {height: 20px; background: url(images/head.png) no-repeat;}
#mainbody {background: url(images/body.png) repeat-y; padding: 4px 11px 0;}
/* @end */
/* @group Sidebar */
#sidebar {float: left; margin: 0; padding: 0; width: 263px;}
#sidebar ul {margin: 0; padding: 0;}
#sidebar ul li {margin: 0; padding: 0; list-style-type: none;}
#brand {padding: 0 10px 12px 14px;}
#brand-logo {float: left; width: 82px;}
#brand-logo img {border: 1px solid #fff;}
#brand-info {color: #666; font-size: 10px; width: 147px; float: right;}
#brand-info p {line-height: 16px; margin: 0;}
#brand-info h1 {font-size: 16px; margin: 0 0 5px; text-shadow: #fff 0 1px 0; line-height: 18px;}
#sidebar li.widget {padding: 0 12px 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 {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 {border-top: 1px solid #fff; border-bottom: 1px solid #d8d8d8; font: bold 15px Helvetica, Arial, sans-serif;}
#sidebar li.widget_pages ul li.current_page_item, #sidebar li.widget_pages ul li.current_page_ancestor {border-top: 1px solid #e5e5e5; background-color: #e5e5e5;}
#sidebar li.widget_pages ul li.page_item a {display: block; padding: 16px 15px; height: 18px; text-shadow: #fff 0 1px 0;}
#sidebar li.widget_pages ul li.page_item:hover {background-color: #f4f4f4;}
#sidebar li.widget_pages ul li.page_item:active {background-color: #ddd;}
#sidebar li.widget_pages ul li.page_item ul {padding-left: 30px; border: none; margin: 0; margin: -10px 0 8px;}
#sidebar li.widget_pages ul li.page_item ul ul {padding-left: 15px; margin: 0;}
#sidebar li.widget_pages ul li.page_item ul li.page_item {margin: 0; list-style-type: disc; list-style-position: outside; list-style-image: url(images/bullet.png); border: none; font-size: 13px; background: none;}
#sidebar li.widget_pages ul li.page_item ul li.page_item a {font-weight: normal; padding: 3px 0;}
strong.search-excerpt {color: #f90;}
/* @end */
/* @group Calendar */
table#wp-calendar {border: 1px solid #ccc; margin: 5px 0; width: 100%;}
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: #ccc;}
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: #333;}
/* @end */
/* @end */
/* @group Content */
#content {float: right; margin: 0; padding: 0; width: 658px;}
#content #homespace {height: 12px;}
#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; text-shadow: #fff 0 1px 0;}
#content h1 a img {float: left; width: 26px; height: 26px; margin: -5px 6px 0 0; border: 1px solid #fff;}
#content h1 .date {float: right; font-size: 10px; color: #b2bbc4; padding-top: 2px; font-weight: normal;}
.entry h2 {display: inline; font-size: 16px; line-height: 50px; padding: 6px 5px 4px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #eee;}
.item {padding: 0; margin: 0;}
.item .pic {width: 95px; height: 100px; float: left;}
.item .pic img {padding: 2px; border: 1px solid #d5d5d5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 80px;}
.item .info {width: 510px; float: right;}
.item .info .date {font-size: 9px; color: #666;}
.item .info h3 {font-size: 15px; margin: 0 0 2px;}
.item .info p {margin-bottom: 12px;}
#content img.attachment-thumbnail {padding: 4px; border: 1px solid #ccc; background-color: #f0f0f0;}
.entry {padding: 0 24px;}
.post-ratings {margin-bottom: 20px;}
.related {padding: 16px 24px 0; background-color: #f4f4f4; margin: 0 -24px 5px;}
.related h2 {margin: 0 0 6px; text-shadow: #fff 0 1px 0; font-size: 14px; border: none; line-height: 14px; padding: 0; display: block;}
.related ul li {margin: 0;}
.search-excerpt {color: #f90;}
.navigation {}
.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 {font-size: 12px;}
#comments {font-size: 15px; margin: 0; border-bottom: 1px solid #e2e2e2; padding: 10px 0;}
#responses .commentlist {padding: 0; margin: 0; clear: both;}
#responses .commentlist li {padding: 9px 8px 0 70px; list-style-type: none; background-color: #f0f0f0; border: 1px solid #ddd; border-top: none; margin: 0;}
#responses .commentlist li img.avatar {float: left; border: 1px solid #fff; margin-left: -61px;}
#responses .commentlist li ol,.commentlist li ul {margin: 4px 0 9px;}
#responses .commentlist li ol li, #responses .commentlist li ul li {list-style-position: outside; list-style-type: disc; border: none; margin-bottom: 0; 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; margin: 2px 0 0;}
#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: 4px 0 9px;}
#responses .commentlist blockquote {background-color: #fff;}
#responses .commentlist .children {padding: 5px 7px 0 66px; border: 1px solid #d5d5d5;}
#responses .commentlist .children li {list-style: none;}
#responses .navigation {padding: 0 5px; background-color: #ddd;}
#respond {margin: 20px 0 10px; clear: both;}
#respond h3 {margin-bottom: 10px; border: none;}
#commentform p {margin-bottom: 6px;}
#commentform input {width: 170px; margin-right: 5px;}
#commentform textarea {width: 100%; padding: 2px;}
#commentform #submit {margin: 5px 0 10px;}
/* @end */
/* @group Footer */
#footer {background: url(images/foot.png) no-repeat; padding: 19px 15px 10px; color: #fff; font-size: 9px;}
#footer p {margin: 0; opacity: 0.5;}
#footer a {color: #fff; font-weight: bold;}
#footer a:hover {border: 1px solid #fff; padding: 2px;}
/* @end */