/* 
Theme Name: Sadness v1.04
Theme URL: http://sadness.eraldmariano.com/
Description: This is Erald's first Wordpress Theme. It has a builtin TwitThis*, Gravatar is enabled, and a Tag CLoud and Archive is fixed in the footer section.
Date: July 17, 2009
Version: Revision 1.04
Author: Erald Mariano
Author URI: http://eraldmariano.com
Tags: Right Sidebar, 2 Column, Fixed Width, Gray, Blue, Gravatar, Widget Ready, Light Weight, No Plugins Required, No Image, Fixed Tag Cloud and Archive
*/

* {padding: 0; margin: 0;}
body {background:url(images/bg-head.png); background-repeat:repeat-x; background-color:#ececec; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #666666;}
#wrapper {width:960px; margin: 0 auto;}

a:link {text-decoration:none; color: #4086aa; font-weight:bold;}
a:visited {text-decoration:none;color: #91c3dc; font-weight:bold;}
a:hover {text-decoration:none;underline: #4086aa; font-weight:bold;}
a:active {text-decoration:none;color: #4086aa; font-weight:bold;}

p {padding: 10px 0 0 0;}
p.metadata {padding: 2px;clear: left;text-align: right;margin-top: 15px; font-size:10px;}
.postWrap p.metadata{padding: 2px;clear: left;text-align: right;margin:0; font-size:10px;}

h1 {font: 100 24pt 'Trebuchet MS', Arial, sans-serif; padding-bottom:0;color:#efefef; }
#header h1 a {font: 100 24pt 'Trebuchet MS', Arial, sans-serif; padding-bottom:0;color:#efefef; }
h2 {font: 900 18px Helvetica, Verdana, Arial, sans-serif; padding-bottom: 0;}
h2 em {font: 400 18px Helvetica, Verdana, Arial, sans-serif;font-style: italic; letter-spacing: 0;}
h2.pagetitle {font: 400 18px Helvetica, Verdana, Arial, sans-serif; padding: 2px 0; text-align: center; letter-spacing: 0;}
h2.pagetitle strong {font-size: 18px;font-style: italic;}
h3 {font: 900 16px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-top:20px;}
h4 {font: 900 14px Verdana, Arial, Helvetica, sans-serif; font-style: italic;}
h5 {font: 400 12px Verdana, Arial, Helvetica, sans-serif;}
h6 {color:#efefef; font: 200  10px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0; padding:0; margin:0}

hr {background-image:url(images/bg-hr.png); background-repeat:repeat-x; height:2px; width:100%; border:0; margin: 3px 0 5px 0;}

.clearboth {clear:both;}

#header {float:left; width:960px; margin: 30px 0 0 20px;}
#header #menu {float:right; text-align:right; margin: 28px 50px 0 0;}

#header #menu a {font: 800 12px Verdana, Geneva, sans-serif; color:#555555; text-decoration:none;}
#header #menu a:hover{font: 800 12px Verdana, Geneva, sans-serif; color:#efefef;}

#header #menu ul {list-style: none; float: right; text-align: right; width:360px; height:41px;}
#header #menu ul li.page_item {float: right;}
#header #menu ul li.page_item a {margin:0; padding: 14px 6px 0 6px; text-decoration: none;font: 900 12px Verdana, Arial, Helvetica, sans-serif;color: #666666; display:block;}
#header #menu ul li.page_item a:hover {color: #efefef;}

#header #menu ul li.current_page_item a {color: #efefef; background: url(images/bg-menu-hover.png) repeat-x; margin:0; display:block; padding:14px 6px 0 6px; height:41px;}

#content {width: 960px;}
#content #right-col {width: 328px; margin: 0; float: right;}
#content #right-col #sidebar {width: 328px; float: right; margin: 20px;}

#content #left-col {width: 598px; float: left; position: relative; padding: 0; min-height:300px; margin-bottom:20px;}
.post {width: 598px; float: left; margin-top: 20px; background: url(images/bg-content-mid.png) repeat-y; width:598px;}
.postImgTop {background: url(images/bg-content-top.png) no-repeat; width:598px; height:3px;}
.postImgBot {background: url(images/bg-content-bot.png) no-repeat; width:598px; height:9px; margin-top:10px;}

.post h2 a {font: 900 18px Helvetica, Verdana, Arial, sans-serif #555; padding-bottom: 0;}
.postright em {font:10px normal Verdana, Geneva, sans-serif; color: #87907d;}
.postWrap {padding: 15px 15px 5px 15px;}
.postleft {float:left; width:34px;}
.postleft  img {border: 1px solid #555;}
.postright {float:right; width:530px; text-align: left;}

.post ul {padding: 0 0 0 30px; list-style:url(images/bullet_orange.png);}
.post .entry ol {padding-left:15px; margin-left:15px;}

.entry {}
.entry img {border: 5px solid #FFF;}
.entry img a {border: 5px solid #FFF;}
.post .entry h1 {font: 100 24pt 'Trebuchet MS', Helvetica, Verdana, Arial, sans-serif;}
.post .entry h2 {font: 900 18px Helvetica, Verdana, Arial, sans-serif;}
.post .entry h3 {font: 900 16px Helvetica, Verdana, Arial, sans-serif;}
.post .entry h4 {font: 900 14px Helvetica, Verdana, Arial, Helvetica, sans-serif;}
.post .entry h5 {font: 400 12px Helvetica, Verdana, Arial, Helvetica, sans-serif;}
.post .entry h6 {font: 200 10px Helvetica, Verdana, Arial, sans-serif;}

blockquote {font: 100 16pt 'Trebuchet MS', Arial, sans-serif; font-style:italic;margin: 15px 30px 0 25px;padding-left: 20px;border-left: 5px solid #91c3dc; min-height:100px}
blockquote cite {margin: 5px 0 0; display: block;}

/*--comments--*/
#comments {margin-top: 15px; float: left; width: 598px;}

h3 #comment-title {width: 598px;float: left;}
#comments ol, #comments ol li {float: right; width: 598px;list-style: none;padding: 0;margin-bottom:10px;}
#comments ol li .comment-data {float: right;	width: 453px; margin: 5px 5px 5px 10px; padding: 5px 10px; min-height: 64px; overflow: auto; border: 1px solid #ccc;}
.comment_info_small {font-size:10px;}
#comments ol li.alt .comment-data {float: right;	width: 453px; margin: 5px 5px 5px 10px; padding: 5px 10px; min-height: 64px; border: 1px solid #ccc; overflow: visible;}

#comments ol li .comment-info {width: 64px; float: left; margin-top:10px; margin-left:20px;}

#comments ol li .comment-info a img {border: 0; margin-bottom: 5px; }
#comments ol li .comment-info a {text-decoration: none;}


/*--respond--*/
#respond {padding-top:30px;margin-top: 15px; width: 598px;}
#respond input {padding: 2px; border: 1px solid #8D96A8;}

/*--navigation--*/
.navigation {float: left;width: 590px; margin: 20px 0 20px 0; padding:5px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; font-size:10px;}
.navigation .alignleft a {float: left;}
.navigation .alignright a {float: right;}

#footer {width: 100%; margin:0 auto; float: left; height: 252px; background: url(images/bg-footer.png) repeat-x top left;}
#footer .footwrap {width: 960px; margin: 0 auto; padding-top:20px; font: 200 12px Verdana, Geneva, sans-serif; color:#efefef}
#footer h3 {font: 400 14pt Helvetica, Verdana, Geneva, sans-serif; color:#efefef;}
#footer a{font: 200 12px Verdana, Geneva, sans-serif; color:#efefef; text-decoration:none;}
#footer a:hover{font: 200 12px Verdana, Geneva, sans-serif; color:#aab6a2; text-decoration:none;}
#footer .footleft {float:left; width:320px;}
#footer .footright {float:left; width:320px;}
#footer .footright a {font: 900 12px Verdana, Geneva, sans-serif; color:#efefef; text-decoration:none;}
#footer .footright a:hover {font: 900 12px Verdana, Geneva, sans-serif; color:#aab6a2; text-decoration:none;}
#footer .footright h3{color:#555555;}
#footer ul {list-style:none; margin: 0; height:180px; border-left:1px solid #efefef;}
#footer ul li{list-style:none; margin-left: 15px;}
#footer ul li ul {list-style:none; margin: 0; border:0;}
#footer ul li ul li {list-style:none; margin-left: 10px;}
#footer ul li ul li .icons {padding:3px;}
#footer img {border:0; margin-top:10px;}

#searchform {width: 326px;float: left;background: url(images/bg-search.png) no-repeat top left;height:46px; margin-bottom:10px;}
#searchform form {float: left;width: 250px; margin: 5px; display: inline;}
#searchform form input#s {width: 230px;background: url(images/000.gif) no-repeat top left;height: 25px;border: 0;float: left;margin-right:10px;padding: 10px 0 0 17px;color: #87907d;}
#searchform form input#searchsubmit {background: url(images/000.gif) no-repeat center left;border: 0;}

#sidebar ul {list-style: none; margin:0;}
#sidebar ul li {float: left; overflow:hidden; padding-bottom:10px; width:326px; background:url(images/bg-sidebar-mid.png) repeat-y; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;}
#sidebar ul li h2 {font: 18px Helvetica, 'Trebuchet MS', Verdana, Arial, sans-serif; letter-spacing:0; background: url(images/bg-sidebar-h2-3.png) repeat-x top left; color:#555555; height:35px; margin: 0 2px 0 2px;padding: 5px 4px 0 15px;}
#sidebar ul li h2 a {color:#555555; font-weight:100;}
#sidebar ul li h2 a:hover {color:#555555; font-weight:100;}

#sidebar ul li ul {margin:0;}
#sidebar ul li ul li {float: left; border: 0; margin: 0; padding-left:30px; font-size:12px; width:275px;}
#sidebar ul li ul li a {font-weight:100; text-decoration:none; color:#3D577A}
#sidebar ul li ul li a:hover {font-weight:100; text-decoration:none;}

#tag_cload ul li ul{padding-left:40px;}
#tag_cloud a {font: Verdana, Geneva, sans-serif; color:#555555; text-decoration:none; font-weight: 200;}
#tag_cloud a:hover {font: Verdana, Geneva, sans-serif; color:#4086aa; text-decoration:none; font-weight: 200;}

.adsensem_widget {text-align:center;margin:15px;}