/* GENERAL */
html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #1a1a1a;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
}

div#page {
	width: 744px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/background.png) top center repeat-y white scroll;
}

div#header, div#content {
	margin-left: 22px;
	width: 480px;
}

/* HEADER */
div#header h1 {
	width: 700px;
	height: 120px;
	background: url(../images/header.png) top center no-repeat scroll;
}

div#header h1 {
	text-indent: -3999px;
	font-size: 0;
	margin: 0;
}

div#header h1 a {
	display: block;
	width: 700px;
	height: 120px;
}

div#header div.description {
	display: none;
}

/* TWEETS */
p#tweets {
	position: relative;
	top: -110px; left: 210px;
	margin: -100px 0;
	margin-top:0px;
	font-size: 8pt;
	width: 190px;
	height: 90px;
	background: url(../images/tweets.png) left center no-repeat scroll;
	padding: 5px 5px 5px 15px;
	color: #BBBBBB;
	text-align: justify;
	float: right;
	display: inherit;
}

p#tweets a {
	color: #BBBBBB;
}

p#tweets span#tweetext {
	display: block;
	height: 6em;
}

p#tweets span#tweetlink {
	float: right;
}

p#tweets:hover{
	/* display: none; */
	/* color: transparent; */
	font-size: 0px;
	background: transparent;
	padding: 0;
	width: 210px;
	height: 100px;
}

p#tweets span#teetsgo a {
	font-size: 0px;
	display: none;
}

p#tweets:hover span#teetsgo a {
	display: block;
	width: 200px;
	height: 120px;
}

p#tweets:hover span#tweetlink a {
	font-size: 8pt;
}

p#tweets:hover span#tweetlink span#tweetime {
	font-size: 0px;
	display: none;
}

/* NAVIGATION */
div#content div#navigation {
	/* margin-top: 1em; */
	margin: 0 -10px;
	padding: 0 5px;
	height: 2em;
	background: #e6e6e6;
	clear: both;
}

div#navigation-top {
	margin: 0 222px 0 22px;
	padding: 0 5px;
	height: 2em;
	background: #e6e6e6; /* #333333, #CCCCCC */
	clear: both;
}

div#navigation-top a, div#content div#navigation a {
	display: block;
	height: 2em;
	line-height: 2em;
}

/* CONTENT */
div#content {
	padding: 0 10px;
	float: left;
	clear: both;
}

div#content .post {
	clear: both;
}

div#content .post .title {
	background: url(../images/title.png) top center repeat-x scroll #194FDB;
	margin: 10px -10px;
	padding: 0 10px 0 15px;
	height: 50px;
}

div#content .post .title h2 {
	font-size: 1.5em;
	margin: 0px;
	padding: 10px 0 0 0;
	font-weight: normal;
	color: #e6e6e6;
	line-height: 0.9em;
	height: 0.9em;
	overflow: visible;
}

div#content .post .title h2 a {
	color: #e6e6e6;
	text-decoration: none;
}	

div#content .post .title h2.long {
	font-size: 1.3em;
	letter-spacing: -0.125em;
	display: block;
	height: 1em;
	overflow: hidden;
	width: 90%;
	line-height: 1em;
}

div#content .post .entry {
	background: url(../images/entry.png) top center no-repeat scroll;
	padding: 0 5px 1px;
	text-align: justify;
	padding-top: 1px;
	max-width: 470px;
	overflow: auto;
}

div#content .post p.postmetadata {
	text-align: center;
	margin-bottom: 25px;
	color: #555555;
	width: 100%;
	border-top: 1px solid #555555;
}

div#content .post p.postmetadata.long {
	background: url(../images/meta.png) left top no-repeat #ffff80 scroll;
	font-size: 0.8em;
	text-align: justify;
	padding: 3px 5px 5px;
	width: 470px;
}

/* COMMENTS */
div#comments h3 {
	font-size: 1.3em;
}

div#comments h3#respond {
	margin-top: 1.3em;
}

div#comments input#submit {
	float: right;
	width: 30%;
	padding: 2px;
	margin-bottom: 25px;
}

div#comments img.avatar {
	float: right;
	margin: 0 0px 10px 10px;
	padding: 0;
	border: 2px solid #FFFFFF;
}
	

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
	font-weight: bold;
}

.commentlist cite /* , .commentlist cite a */ {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

.commentmetadata {
	font-weight: normal;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	text-indent: 0;
	list-style: none;
	background: #EFEFEF; /* #BEBEBE */
	margin-top: 5px !important;
	border-top: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
}

.commentlist li:before {
	content: "" !important;
}

ol.commentlist {
	padding-left: 0 !important;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

textarea#comment {
	width: 99%;
}

/* SLIDE */
div#slide {
	padding-top: 10px;
	margin-left: 532px;
	width: 180px;
	font-size: 1em;
}

div#slide form#searchform {
	text-align: center;
	width: 180px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}

div#slide form#searchform input#s {
	padding: 1px;
	width: 60%;
}

div#slide form#searchform input#searchsubmit {
	padding: 1px;
	width: 30%;
}

div#slide form#searchform label {
	display: none;
}

div#slide h2 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0px;
}

div#slide ul {
	margin-top: 0px;
	margin-left: 0px;
	font-size: 0.85em;
	color: #666666;
}

div#slide ul *, div#slide ul * *, div#slide ul ul, div#slide ul ul ul {
	font-size: 1em;
}

div#slide ul {
	list-style-type: none;
	list-style-image: none;
	padding-left: 1em;
}

div#slide ul li:before {
	content: "\00BB \0020";
}

div#slide li {
	list-style-type: none;
}

div#content-end {
	clear: both;
}


/* FOOTER */
hr#hrfooter {
	display: none;
}

/*
div#footer {
	background: url(../images/footer.png) bottom center no-repeat scroll;
	padding-bottom: 22px;
	padding-top: 2px; / 5px /
	font-size: 0.8em;
	width: 744px;
}

div#footer ul {
	list-style-type: none;
	text-align: center;
	position: relative;
	top: -2px;
}
*/

div#footer {
	background: url(../images/footer.png) bottom center no-repeat scroll;
	font-size: 0.8em;
	width: 744px;
	height: 40px;
	padding-top: 10px;
	padding-bottom: 22px;
}

div#footer ul {
	list-style-type: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/********************************************************************
*********************************************************************
****************** USER SETTINGS FOR CONTENT HERE *******************
*********************************************************************
********************************************************************/

/* CONTENT-STYLE */
h3 { font-size: 1.3em; margin-top: 0.35em; margin-bottom: 0.35em; font-weight: normal; }
h4 { font-size: 1.1em; margin-top: 0.35em; margin-bottom: 0.10em; font-weight: normal; }
h5 { font-size: 1.0em; margin-top: 0.35em; margin-bottom: 0.10em; font-weight: bold;   }

a {
	color: #0066CC;
}

p {
	margin-top: 0.3em;
}

blockquote {
	font-style:italic;
	color: #4d4d4d;
	border-left: 3px #b8b8b8 solid;
	padding-left: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
}

p, blockquote {
	text-align: justify; /*FIXME*/
	line-height: 1.20em;
}

table {
	border-collapse: collapse;
	width: 100%;
	overflow: auto;
	font-size: 0.9em;
	caption-side: top;
	margin-left: 3px;
	margin-right: 3px;
}

	table caption {
		text-align: center;
		font-weight: bold;
		background-color: #AAAAAA;
		margin-bottom: -0.3em;
		margin-left: -1px;
	
	}

	table td, table th, table caption {
		border: 1px solid #666666;
		padding: 0.1em 0.3em;
	}

	table th, tr:first-child {
		background-color: #CCCCCC;
	}

	table td:first-child {
		background-color: #F1F1F1;
	}

p, div#content ul, ol, table, blockquote {
	margin-top: 0.3em;
	margin-bottom: 0.7em;
}

div#content ul, div#content ol {
	list-style-type: none;
	/* padding-left: 1.7em; */
	margin-left: 0px;
	padding-left: 2em;
	text-indent: -1em;
	/* padding-left: 1em; */
	text-align: left;
}

	div#content li:before {
		content: "\00BB \0020";
	}

	div#content ul *, div#content ul * *, div#content ol *, div#content ol * *, div#content ul ul, div#content ul ol, div#content ol ol, div#content ol ul {
		margin: 0;
	}


/* OTHERS */
del {
	text-decoration: line-through;
	color: #a3a3a3;
}

ins {
	/* border: 1px #a3a3a3 dashed;
	padding: -1px; */
	background-color: #f1f1f1;
	color: black;
}

div#content .post .entry a:focus, div#content .post .postmetadata a:focus,  div#slide a:focus{
	outline: 1px solid #999999;
	background-color: #EEEEEE;
	outline: 1px solid #999999;
}

span.highlight {
    background-color:#FFEE33;
}

span.censor  {
    color:#1F1F1F;
    background-color:#1F1F1F;
}

.entry img {
	padding: 5px 15px;
	max-width: 100%;
}

.wp-smiley {
	padding: 0px !important;
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

hr {
	display: none;
}

a img {
	border: none;
}

/* images */
p img {
	padding: 0;
	max-width: 100%;
}

img.centered, img.aligncenter {
	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;
}

img.size-large, img.size-full {
	padding: 0px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}


/* STATIC VERSION */
div#footer ul {
	line-height: 3em;
}

.isstatic {
	width: 670px;
	padding: 10px 15px;
	color: #000000;
	background: #c74c4c;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3) inset;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
}

.isstatic a {
	color: #000000;
}