/*
  Theme Name:	hahanu3
  Theme URI: http://haha.nu/
  Description: 3-rd generation of haha.nu. Colors based on 3 Column Relaxation Theme [http://clemens.orth.me.uk/2008/09/22/3-column-relaxation-theme/]
  Version: 0.1
  Author: Quang Pham @ Exx Labs
  Author URI: http://exxlabs.com/
*/

@import url("tabs.css");

/* MyBlogLog colors */
body table#MBL_COMM th.mbl_h { font-size: 10px; letter-spacing: normal; }
body table#MBL_COMM td.mbl_mem a { font-size: 10px; letter-spacing: normal; }
body table#MBL_COMM td.mbl_fo_hidden a { font-size: 10px; letter-spacing: normal; }

/* wp-pagenavi style*/
#exx-content .wp-pagenavi a, #exx-content .wp-pagenavi a:link, #exx-content .wp-pagenavi span.pages, #exx-content .wp-pagenavi span.extend {
  background-color: #FDFDFA;
  border: 1px solid #FDFDFA;
  color: #7D0100;
  margin: 2px;
  padding: 2px 4px;
  text-decoration: none;
}

/* wp-postratings */
#exx-content .post-ratings img {
  margin: 0px;
  border: none;
}

/* haha.nu begins */
html, body {
  margin: 0;
  padding: 0;
  text-align: center;
}

body {
  background: #a9ac99;
  font-size: 13px;
  font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
  padding: 20px 0;
}

/* body wrapper */
#exx-body-wrapper {
  background-color: #FDFDFA;
  text-align: left;
}

/* header - width = 900 + 25 + 25 = 24 blueprint columns */
#exx-header-wrapper {
  background-color: #851213;
}

#exx-header {
  padding-left: 25px;
  padding-right: 25px;
}

/* navigation bar */
#exx-navigation {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* content area - width = 500 + 25 + 25 = 14 blueprint columns*/
#exx-content {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 20px;
}

#exx-content a:hover {
  text-decoration: underline;
}

#exx-content img {
  margin: 5px 5px 0 5px;
  border: 1px solid #e0e0d0;
}

#exx-content .wp-smiley {
  margin: 0px;
  border: 0px;
}

#exx-content-header li {
  list-style-type: none;
}

/* sidebar */
.exx-sidebar-padding {
  padding-left: 25px;
  padding-right: 25px;  
  padding-top: 10px;
  padding-bottom: 10px;
}

#exx-sidebar-wrapper {
  background-color: #F5F5EE;
  font-size: 11px;
  text-align: left;
}

#exx-sidebar-wrapper a {
  color: #444433;
  font-size: 11px;
}

#exx-sidebar-wrapper h2, h2 a {
  color: #7D0100;
  font-size: 12px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#exx-sidebar-wrapper ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#exx-sidebar-wrapper li {
  line-height: 1.5em;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#exx-sidebar-twin1-left { /* width = [390 - 25*2]/2 - 10 = 160 */
  margin: 0px;
  /* padding-left: 25px; got from exx-sidebar-padding */
  padding-top: 10px;
  padding-right: 4px;
  border-right: 1px solid #EEEEE3;
}

#exx-sidebar-twin1-right { /* width = [390 - 25*2]/2 - 10 = 160 */
  margin: 0px;
  padding-top: 10px;
  padding-left: 5px;
  /* padding-right: 25px; got from exx-sidebarpadding */
}

#exx-sidebar-twin2-left { /* width = [390 - 25*2]/2 - 10 = 160 */
  /* padding-left: 25px; got from exx-sidebar-padding */
  padding-right: 4px;
  border-right: 1px solid #EEEEE3;
}

#exx-sidebar-twin2-right { /* width = [390 - 25*2]/2 - 10 = 160 */
  padding-left: 5px;
  /* padding-right: 25px; got from exx-sidebarpadding */
}

/* footer */
#exx-footer-wrapper {
  background-color: #F5F5EE;
}

#exx-footer {
  font-size: 11px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#exx-footer a img {
  border: none;
}

/* widgets */
#exx-sidebar-wrapper .widget {
  width: 100%;
  margin-bottom: 20px;
}

#exx-sidebar-wrapper .widget_text ul li, #exx-sidebar-wrapper .widget_categories ul li {
  padding-left: 10px;
}

#exx-sidebar-wrapper #wpcumuluswidgetcontent {
  text-align: center;
}

#exx-sidebar-wrapper #exx-sidebar-wide1 {
  height: 320px;
}

/* calendar */
#calendar_wrap {
  text-align: center;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar th, #wp-calendar td , #wp-calendar caption {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  border: 1px solid #EEEEE3;
}

#wp-calendar a {
  color: #7D0100;
  font-weight: bold;
  font-size: 11px;
}

#wp-calendar thead th {
  background: #E6E6D2 none repeat scroll 0 0;
}

#wp-calendar caption  {
  background: #F0F0E6 none repeat scroll 0 0;
}

/* some other things */

a {
  color: #7D0100;
  text-decoration: none;
}

code {
  color: #005577;
  text-align: left;
}

blockquote {
  border-left: 1px solid #e0e0d0;
  padding-left: 10px;
  margin: 0 30px;
}

h1, h1 a {
  color: #7D0100;
  font-size: 20px;
  font-weight: normal;
  font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
  margin: 40px 0 0 0;
  padding: 0;
  text-decoration: none;
}

h2, h2 a {
  color: #7D0100;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.09em;
  margin: 0;
  padding: 0;
}

h3 {
  color: #005577;
  font-size: 13px;
  margin: 15px 0 15px 0;
  padding: 0;
}

h4 {
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

p {
  line-height: 1.5em;
  text-align: justify;
}

img {
  border: none;
}

.commentlist, form {
  margin: 0;
  padding: 0;
}

small {
  font-size: 10px;
  line-height: 1.2em;
}

#comment {
  background: #ffffff;
  border: 1px solid #e9e9d9;
  color: #595949;
  font-size: 11px;
  padding-left: 2px;
  vertical-align: middle;
  width: 350px;
}

#email, #author {
  background: #ffffff;
  border: 1px solid #e9e9d9;
  color: #595949;
  font-size: 11px;
  padding-left: 2px;
  vertical-align: middle;
}

#search {
  background: #ffffff;
  border: 1px solid #e0e0d0;
  color: #595949;
  font-size: 11px;
  height: 15px;
  margin-left: 10px;
  padding-left: 2px;
  vertical-align: middle;
  width: 135px;
}

#submit {
  background: #ffffff;
  border: 1px solid #e9e9d9;
  color: #595949;
  font-size: 11px;
  margin: 0;
  padding: 0 10px;
}

#today {
  background: #ffffff;
}

#url {
  background: #ffffff;
  border: 1px solid #e9e9d9;
  color: #595949;
  font-size: 11px;
  padding-left: 2px;
  vertical-align: middle;
}

.alignleft {
  float: left;
  text-align: left;
}

.alignright {
  float: right;
  margin-top: -1px;
  text-align: right;
}

.commentbody {
  color: #595949;
  font-size: 11px;
  margin: 0 0 10px 0;
  padding: 15px 15px 5px 15px;
  background: #f7f7f0;
  border: 1px solid #f0f0e0;
  position: relative;
}

.commentbody p {
  line-height: 1.2em;
}

.commentlink {
  font-size: 10px;
}

.commentlist {
  list-style: none;
}

.commentcount {
  position: absolute;
  right: 36px;
  top: 0;
  font-family: Georgia,sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #e0e0d0;
  float: right;
}

html[xmlns] .commentcount {
  position: absolute;
  right: 7px;
  top: 0;
}

.date {
  color: #808979;
  font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;
  letter-spacing: 0.09em;
  margin: 0;
  padding: 0 0 0 2px;
}

.navigation {
  font-size: 11px;
  padding: 40px 0 0 0;
}

.pagetitle {
  margin-top: 15px;
  font-size: 20px;
  letter-spacing: 0.09em;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
}

.postmetadata {
  color: #808979;
  font-size: 11px;
  letter-spacing: 0.09em;
  margin: 0;
  padding: 0;
  text-align: right;
}

.postmetadata a {
  color: #808979;
}

.entrytext, .entry {
  margin-top: 15px;
}

.entry a, .entrytext a {
  color: #7D0100;
  text-decoration: none;
  border-style: dotted;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-color: #7D0100;
  background-color: transparent;
}

/* different postmetadata style for single.php */
.alt {
  line-height: 1.4em;
  padding: 0 0 15px 30px;
}

.alt a {
  color: #005577;
}