/*
Theme Name: Hearsay Diplomacy
Theme URI: heiseidemocracy.com
Description: Adapted from Tiga by Shamsul Azhar, for Heisei Democracy 2.0.
Author: Shamsul Azhar and William Van hecke
Author URI: http://metalbat.com
Version: 1.0
*/
/***************************************************************************/
/* HTML Tags */
/***************************************************************************/

body {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;
	background-attachment:fixed;
}

h1 {
	margin:0px;
	padding:0px;
}

.center-widget h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13pt;
	background-color: #F4F4F4;
	margin-top: 0px;
	margin-left: -6px;
	margin-right: -6px;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 1px;
	clear: both;
}

blockquote {
	border-color:#C5C4BC;
	background-color:#F8F7EF;
	border-width:1px 1px 1px 8px;
	border-style:dotted dotted dotted solid;
	padding:0em 1em;
}

pre {
	overflow:auto;
	width:80%;
	font-family: 'Bitstream Vera Sans Mono', 'Andale Mono', 'LucidaTypewriter', monospace;
	background: #e7e6de;
	border: solid 1px #aaa;
	padding: 0px 10px 15px 10px;
}

pre code, pre pre {
	border: 0;
}

code {
	font-family: 'Bitstream Vera Sans Mono', 'Andale Mono', 'LucidaTypewriter', monospace;
	font-size: 12px;
	background: #e7e6de;
	border: solid 1px #aaa;
}

a:link {
	color: #990000;
    text-decoration: none;
}

a:visited {
	color: #990000;
    text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color:#DD0000;
}

/***************************************************************************/
/* This is the container for the whole page */
/***************************************************************************/

.page {
	max-width:780px;
	min-width:780px;

		/* IE Hack (http://blog.unmatchedstyle.com/hacks/min-width-max-width-re-hacked)- Begin 
	width:expression(document.documentElement.clientWidth < 780 ?
				"780px":"99.2%"	);
	 IE Hack - End */
	 
	 /* better IE hack from http://www.cameronmoll.com/archives/000892.html */
	 	width: expression(document.body.clientWidth < 778? "780px" : document.body.clientWidth > 780? "780px" : "auto");
    /* better IE hack end */
    
	position:relative;
	padding:5px;
	margin:0 auto;
	text-align:left;
	
    background: url("http://heiseidemocracy.com/wp-content/themes/Hearsay/head-patch.png");
    background-repeat: no-repeat;
    background-position: top left;
}

/*  aaaand a crappy hax to get the background color to cover the whole page */
body.bghax {
    background: url("http://heiseidemocracy.com/wp-content/themes/Hearsay/center-back.png");
    background-repeat: repeat-y;
    background-position: center;
}

/***************************************************************************/
/* Header */
/***************************************************************************/

.header-logo {
    display: block;
	width: 603px;
	height:124px;
	margin-bottom:5px;
	margin-right: 175px;
}

/***************************************************************************/
/* Menu Bar */
/***************************************************************************/

.menu-bar {
	text-align:center;
	padding:5px;
	margin:0;
	border:1px solid #aaaaaa;
	white-space:nowrap;
	text-decoration:none;
	margin-bottom:5px;
	font-size:9pt;
	background-color:#ffffff;
}

.menu-bar ul {
	padding:5px 0px;
	margin:0;
}

.menu-bar li {
	padding:4px 0px;
	display:inline;
}

.menu-bar li a {
	border:1px solid #aaaaaa;
	padding:4px 4px;
	background-color:#F5F5F5;
	text-decoration:none;
}

.menu-bar li a:hover {
	padding:4px;
	background-color:#99CCFF;
	color:#000066;
	text-decoration:none;
}

/***************************************************************************/
/* Post */
/***************************************************************************/

.post-title:link, .post-title:visited, .post-title:hover {
	font-size: 11pt;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
	margin-bottom:0px;
	margin-top: 0px;
}

.post-content, {
    text-align: left;
	font-size: 9pt;
	color:#333333;
}

.post-content p {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 0px;
}

.post-time, .post-author {
	font-size:8pt;
	color:#444444;
	padding-top: 2px;
	padding-bottom: 2px;
}

.post-metadata {
    text-align: left;
	font-size:8pt;
	color:#444444;
	padding-top: 2px;
	padding-bottom: 2px;
}

/***************************************************************************/
/* Sidebars */
/***************************************************************************/

.left-sidebar, .right-sidebar {
	font-size:8pt;
	position:absolute;
	background-color: #DDDDDD;
}

.left-sidebar {
    top:129px;
	width:140px;
	left:5px;
}

.right-sidebar {
    top: 0px;
	width:170px;
	right:5px;
}

/***************************************************************************/
/* WordPress Sidebar Widgets */
/***************************************************************************/

/* Left and right sidebars */
ul.left-sidebar, ul.right-sidebar {
	padding:0px;
	margin:0px;
}

/* Left widget title */
ul.left-sidebar li h2 {
    border: none;
    color: #333333;
}

/* Right widget title */
ul.right-sidebar li h2 {
	border: none;
	color:#333333;
}

/* Left and right widget title */
.widgettitle, ul.left-sidebar li h2, ul.right-sidebar li h2 {
    font-weight: bold;
	font-size:10pt;
	text-align: center;
	padding:1px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* Left widget */
.left-wp-widget {
	width:135px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;
}

/* Right widget */
.right-wp-widget {
	width: 170px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;
}

/* Left and right widget */
.left-wp-widget, .right-wp-widget {
	margin-bottom:5px;
	margin-top: 5px;
	list-style-type:none;
	background-color: #ffffff;
}

/* Style of the block containing the widget contents */
.left-wp-widget ul, .right-wp-widget ul {
	list-style-type:none;
	padding-left:7px;
	margin-top:0px;
	margin-left:0px;
}

/* Style of each items in the widget contents */
.left-wp-widget li, .right-wp-widget li {
	margin-top:5px;
	margin-right: 8px;
}

/* Correct the style if the widget title is a link */
h2.widgettitle a:link {
	color:#990000;
	text-decoration:none;
}

/* Correct the style if the widget title is a link */
h2.widgettitle a:visited {
	color:#990000;
}

/***************************************************************************/
/* Custom Widgets */
/***************************************************************************/

.sticky {
    margin-left:140px;
    margin-right:175px;
    margin-top: 1px;
    margin-bottom: 5px;
}

table.hd-tabs {
	margin-left: 140px;
	margin-right: 175px;
	color: #000000;
	margin-bottom: 2px;
	margin-top: -2px;
	font-size: 10pt;
	padding: 0px;
}

.hd-tabs td {
    text-align: center;
    background-color:#FFFFFF;
	padding:2px;
	width: 100px;
}

img.hdfeature {
    margin-top: 5px;
}

img.hdforums, img.hd2ddb {

}

.widget_hdfeature {
	padding: 0px;
	margin-bottom: 5px;
}

.widget_hdfeature img {
    width: 170px;
    height: 170px;
}

.widget_polls {
    text-align: center;
    font-size: 10px;
    vertical-align: center;
}

.Buttons {
    margin-bottom: 8px;
}

.widget_polls li {
    margin-left: 5px;
    margin-right: 5px;
}

#wp-calendar {
    margin-left: auto;
    margin-right: auto;
}

.widget_hdspotlight {
    text-align: center;
    list-style-type: none;
	width: 135px;
}

.widget_hdspotlight img {
    width: 112px;
	height: 75px;
	margin-top: 6px;
	margin-bottom: 3px;
}

div.creator_name {
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 6px;
}

.widget_hdcolumns ul {
    list-style: none;
    margin-left: 8px;
}

.widget_hdmeta ul, .widget_hdarchives ul, .widget_rss ul {
    margin-left: 8px;
}

.left_side_sep {
    height: 0px;
    margin-left: 16px;
    margin-right: 16px;
    border-bottom: 1px solid #888888;
}

.right_side_sep {
    height: 0px;
    margin-left: 16px;
    margin-right: 16px;
    border-bottom: 1px solid #888888;
}

.widget_hdreviews {

}

.widget_hdreviews ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.widget_hdreviews li {
	padding: 0px;
	margin-left: 3px;
	margin-right: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
	text-align: center;
}

.widget_hdreviews img {
    width: 112px;
	height: 75px;
}

.widget_categories {
    padding: 0px;
    padding-bottom: 5px;
	margin-bottom: 5px;
	list-style-type: none;
	width: 135px;
}

.widget_categories ul {
	margin: 0px;
	padding: 0px;
}

.widget_categories li {
    padding: 0px;
	margin-top: 3px;
    margin-bottom: 3px;
	margin-left: 12px;
}

.widget_hdlinks ul ul, .widget_rss ul, .widget_hdcolumns ul, .widget_hdmeta ul, .widget_hdarchives ul {
    list-style: none;
	padding-left: 1em;
	text-indent: -1.1em;
}

.widget_hdlinks ul ul li:before, .widget_rss ul li:before, .widget_hdcolumns ul li:before, .widget_hdmeta ul li:before, .widget_hdarchives ul li:before {
content: "\00BB \0020";
}

.widget_rss 

ul.links_list li {
    margin-left: 0px;
    padding-left: 0px;
}

ul.links_list li h2 {
    text-align: center;
    font-size: 9pt;
    margin-top: 10px;
    margin-bottom: 10px;
}


.widget_hd2ddb {
    text-align: center;
}

.widget_rss ul li {
    list-style: none;
	margin-left: 0;
}

.widget_hdrecos ul, .widget_hdsupp ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.widget_hdrecos li, .widget_hdsupp li {
	padding: 0px;
	margin-left: 3px;
	margin-right: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
	text-align: center;
}

.widget_hdrecos img {
    width: 100px;
}

.widget_hdsupp img {
    width: 100px;
}

.widget_hdinfo {
	padding: 0px;
	border: none;
	background: none;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 170px;
	text-align: center;
}

.info-data {
    margin-top: 2px;
    margin-bottom: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 8pt;
    line-height: 12pt;
    background-color: #FFFFFF;
}

table.info-blocks {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

td.info-block {
    text-align: center;
    line-height: 15px;
    padding: 0px;
    margin: 0px;
    background-color: #990000;
    border: 1px solid #990000;
    color: #FFFFFF;
}

/* Correct the style if the widget title is a link */
td.info-block a:link {
	color:#FFFFFF;
}

/* Correct the style if the widget title is a link */
td.info-block a:visited {
	color:#FFFFFF;
}

.widget_hdsearch {
    text-align: center;
}

.widget_hdsearch form{
    margin: 0px;
    padding: 0px;
}

.afterthought {
    text-align: center;
	font-size:8pt;
	padding:1px;
	margin: 0px 0px 0px 0px;
}

div.ero-widget-title {
    background-color: #990000;
    color: #ffffff;
}

p.ero-toggle {
    background-color: #ffffcc;
}

/* Correct the style if the widget title is a link */
h2.afterthought a:link {
	color:#990000;
	text-decoration:none;
}

/* Correct the style if the widget title is a link */
h2.afterthought a:visited {
	color:#990000;
}

/***************************************************************************/
/* Old Style Tiga Widgets */
/***************************************************************************/


.center-widget-title {
	color:#000000;
	background-color:#EEEEEE;
	margin-left:140px;
	margin-right:175px;
	font-size:9pt;
	padding:5px;
}

.center-widget {
	margin-left:140px;
	margin-right:175px;
	/**/
	color:#000000;
	background-color:#FFFFFF;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	font-size:10pt;
}

.adhesive_post {
    background-color: #FFEEEE;
}

.separator {
    height: 0px;
    margin-left: 35px;
    margin-right: 35px;
    border-top: 1px solid #BBBBBB;
    clear: both;
    margin-top: 8px;
}

.footer {
	margin-left:140px;
	margin-right:175px;
	margin-top: 5px;
	font-size:10px;
	text-align:center;
	position: relative;
	color:#000000;
	background-color:#FFFFFF;
	padding: 6px;
}

.footer p {
	margin:10px;
}

img {
	border-width:0px;
}

img.thumbnail {
    float: right;
    border: 2px solid gray;
    margin: 4px;
}

img.thumbnail-square {
    width: 75px;
    height: 75px;
}

img.thumbnail-special {
    width: 112px;
    height: 75px;
}

img.thumbnail-classic {
    width: 100px;
    height: 75px;
}


h3#respond, h3#comments {
	color:#000000;
}

.single-post-metadata {
	color:#666666;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.left-widget ul, .right-widget ul {
	list-style-type:none;
	padding-left:7px;
	margin-top:0px;
	margin-left:0px;
}

.left-widget li,  .right-widget li {
	margin-top:5px;
}

h3#respond, h3#comments {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #FFFFFF;
	margin-bottom:0px
}

/* Comments Styles */
.comment-header {
    padding: 4px;
}

.comment-num:link, .comment-num:visited, .comment-num:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#aaaaaa;
	background-color:transparent;
	text-decoration:none;
    float: left;
    margin-left: 3px;
    margin-right: 6px;
}

.comment-text {
    padding-left: 6px;
    padding-right: 6px;
    line-height: 13px;
    font-size: 11px;
}

.odd-comment, even-comment {
    border-top: 1px solid #AAAAAA;
    border-bottom:  1px solid #AAAAAA;
}

.odd-comment {
    background-color: #F5F5F5;
}

.comment-list {
	padding:0px;
	margin:0px;
}

.comment-date{
	color:#999999;
	font-size:7pt;
	float: right;
}

.comment-edit-link {
	color:#999999;
	font-size:7pt;
}

/* Single post */
.single-post-metadata {
	font-size:7pt;
	/*font-style:italic;*/
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	padding:1em;
	clear:both;
}

/***************************************************************************/
/* Dum, dum dum dum, Don't touch this! */
/***************************************************************************/
/* IE Hack (http://www.positioniseverything.net/easyclearing.html) - Begin
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 */
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* IE Hack - End */
/***************************************************************************/

/* Search input */
input#s {
	width:90px;
}

/* Page nav */
.bottom-page-nav, .top-page-nav {
	color:#003366;
	text-align:center;
	background-color:#FFFFFF;
}

.permitted-tags {
	font-size:7pt;
	color:#999999;
	background-color:#FFFFFF;
	width:300px;
}

textarea#comment {
	width:400px;
}

.google-ads {
	text-align:center;
}

.gravatar {
	float:left;
	border:1px solid #888888;
	padding:2px;
	background-color:#ffffff;
	margin-right:5px;
}


/*****************************/
/*    WPG2                   */
/*****************************/

.g2image_normal
{
	margin: 4px;
}

.g2image_float_left
{
	float: left;
	clear: left;
	margin: 4px;
}

.g2image_float_right
{
	float: right;
	clear: right;
	margin: 4px;
}

.g2image_centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/***************************************************************************/
/* Fun stuff for snarky image captions */
/***************************************************************************/

.right { float: right; }
.left { float: left; }
.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #FFDDDD; font-size:90%; color: black }