@charset "utf-8";
/*
Theme Name: Pixel.United Original 3.7
Theme URI: http://www.eight-bits.net/
Description: Pixel.United
Version: 3.7
Author: J.J.
*/

/* base */

body {
	font-family: sans-serif;
	background-color: #2a211c;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
	color: #9b8d77;
}
/* link */

a {
	color: #608483;
	text-decoration: none;
}
/* no css separator */

hr {
	display: none;
}

hr.clear {
	display: block;
	width: 0;
	height: 0;
	border: none;
	clear: both;
}
/* container */

div#container {
	background-color: #2a211c;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 960px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
}

div#container:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* box */

div.box {
	margin-top: 2em;
	margin-bottom: 2em;
}

/* header */

div#header {
	width: 100%;
	height: 123px;
	background-image:url(images/header_background.jpg);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
div#header h1 {
	display: block;
	height: 123px;
}
div#header h1 a {
	width: 300px;
	height: 73px;
	background-image: url(images/header_logo.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}

/* main */

div#main {
	clear: both;
	float: left;
	width: 498px;
	padding-right: 39px;
}
div#main p.place, div#main p.place_month {
	font-family: Georgia, serif;
	font-size: 153.9%;
	font-weight: bold;
	color: #93733a;
	margin-top: 1.2em;
	margin-bottom: 1em;
}
div#main p.navigation {
	font-size: 93%;
	text-align: left;
	margin-top: 2em;
	margin-bottom: 2em;
}
/* main post */

div#main div.post {
	margin-top: 2em;
	margin-bottom: 3em;
}
div#main div.post h2 {
	font-size: 123.1%;
	font-weight: normal;
	line-height: 1.2;
	color: #a1a63c;
	clear: both;
}
div#main div.post h2 a {
	color: #b1b645;
	text-decoration: none;
}
div#main div.post li {
	font-size: 93%;
	line-height: 1.6;
	margin-left:1.5em;
	list-style-type: disc;
}
div#main div.post li li {
	font-size: 100%;
}
div#main div.post ul.status.top {
	font-family: Arial, sans-serif;
	font-size: 93%;
	list-style-type: none;
	margin-top: 0.1em;
	margin-left: 0px;
}
div#main div.post ul.status.bottom {
	font-family: Arial, sans-serif;
	font-size: 93%;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5b4438;
	padding-bottom: 0.5em;
	margin-left: 0px;
}
div#main div.post ul.status li {
	color: #89525f;
	display: inline;
	margin-left: 0px;
	margin-right: 0.8em;
}
div#main div.post ul.status li a {
	color: #608483;
	font-weight: bold;
	text-decoration: none;
}
div#main div.post h3 {
	font-size: 108%;
	color: #a69738;
	margin-top: 1em;
}
div#main div.post p {
	font-size: 93%;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.6;
}
/*
div#main div.indiv p {
	font-size: 108%;
}
*/
div#main div.post strong {
	font-weight: bold;
}
div#main div.post a {
	text-decoration: underline;
}
div#main div.post p a[href^='http']:after {
	content: url('images/icon_outside.png');
}
div#main div.post p a[href^='http://www.eight-bits.net']:after {
	content: url('images/empty.png');
}
div#main div.post p a.graphics {
	text-decoration: none;
}
div#main div.post p a.graphics img {
	border-style: solid;
	border-width: 2px;
	border-color: #608483;
}
div#main div.post p a.graphics[href^='http://www.eight-bits.net']:after {
	content: url('images/empty.png');
}
div#main div.post a.more-link {
	background-image: url(images/icon_reading_continue.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
div#main div.post p.photo {
	font-size: 93%;
	line-height: 1.1;
	color: #7d6e55;
}
div#main div.post p.photo.left {
	display: block;
	clear: both !important;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
	line-height: 1.1;
}
div#main div.post p.photo img {
	border: 1px solid #72625c;
}
div#main div.post ul.lr {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	list-style-type: none;
}
div#main div.post ul.lr li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-position: left center;
	background-repeat: no-repeat;
	list-style-type: none;
}
div#main div.post ul.download {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

div#main div.post ul.download li {
	margin-left: 0px;
	list-style-type: none;
}

div#main div.post ul.download li a {
	background-image: url(images/icon_download.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 14px;
}


div#main div.post ul.link {
	margin-top: 0.8em;
	margin-left: 0px;
	margin-bottom: 0.8em;
}
div#main div.post ol {
	margin-left: 0px;
	font-size: 93%;
}
div#main div.post ol li {
	list-style-type: decimal;
	margin-top: 1em;
	margin-bottom: 1em;
}
div#main div.post blockquote {
	background-color: #352e2a;
	padding: 0 5px;
	border: 1px dashed #473d38;
}
div#main div.post dl dt {
	font-size: 93%;
	margin-top: 0.8em;
	font-weight: bold;
}
div#main div.post dl dd {
	font-size: 93%;
	margin-bottom: 0.8em;
	line-height: 1.6;
}
div#main div.post table th {
	background-color: #3d3531;
	border: solid 1px #282320;
	padding: 3px;
}
div#main div.post table td {
	background-color: #352e2a;
	border: solid 1px #282320;
	padding: 3px;
}
div#main div.post div.ad {
	width: 478px;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}
div#main div.post div.code {
	background-color: #352e2a;
	border: 1px dashed #473d38;
	padding-top: 0.8em;
	padding-right: 10px;
	padding-bottom: 0.8em;
	padding-left: 10px;
	line-height: 1.6;
	background-image: url(images/source_background.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/* discus */

h3.discus {
	color: #d4a34d;
	margin-top: 2em;
	font-size: 123.1%;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6b574f;
	clear: both;
}
h3.discus a {
	color: #d4a34d;
	text-decoration: none;
}
ol.commentlist {
	list-style-type: none;
}
ol.commentlist li {
	font-size: 93%;
	margin-top: 0.5em;
	margin-bottom: 0.8em;
	padding-bottom: 0.4em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #48403b;
	line-height: 1.6;
}
ol.commentlist li cite {
	font-weight: bold;
}
form#commentform {
	margin-top: 0.5em;
	margin-bottom: 0.8em;
}
form#commentform p {
	font-size: 93%;
	margin-top: 0.5em;
	margin-bottom: 0.8em;
}
form#commentform input#author, form#commentform input#email, form#commentform input#url {
	border: 1px solid #cfbc9d;
	width: 396px;
	height: 16px;
	padding: 2px;
	background-image: url(images/input_comment_text.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	font-size: 93%;
}
form#commentform textarea#comment {
	border: 1px solid #cfbc9d;
	width: 396px;
	height: 146px;
	padding: 2px;
	background-image: url(images/textarea_comment_text.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	font-size: 93%;
}
form#pingurl {
	margin-top: 0.5em;
	margin-bottom: 0.8em;
}
form#pingurl p {
	margin-top: 0.5em;
	margin-bottom: 0.8em;
}
form#pingurl input.text {
	width: 400px;
	border: 1px solid #cfbc9d;
	width: 396px;
	height: 16px;
	padding: 2px;
	background-image: url(images/input_comment_text.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	font-size: 93%;
}
ol.trackbacklist {
	list-style-type: none;
}
ol.trackbacklist li {
	margin-top: 0.5em;
	margin-bottom: 0.8em;
	padding-bottom: 0.4em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DDDDDD;
}
/* sidebar */

div.side {
	font-size: 85%;
	line-height: 1.5;
	padding-bottom: 1em;
	float: left;
}
div.side.left {
	width: 235px;
	padding-right: 28px;
}
div.side.right {
	width: 160px;
}
div.side div.box p, div.side div.box form, div.side div.box ul {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
div.side div.box p {
	margin-top: 0em;
	margin-bottom: 0.8em;
}
div.side div.box a {
	text-decoration: underline;
	color: #758380;
}
div.side div.box ul {
	margin-top: 0px;
}
div.side div.box h2 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
div.side div.box ul.works li {
	background-image: url(images/icon_works.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
}
div.side div.box ul.feed li.rss {
	list-style-image: url(images/icon_feed.png);
	list-style-type: none;
	list-style-position: inside;
}
	
div.side div.box ul.validation li {
	list-style-image: url(images/icon_validate.png);
	list-style-type: none;
	list-style-position: inside;
}
div.side div.box form#searchform input#s {
	border: 1px solid #cfbc9d;
	width: 100px;
	height: 16px;
	padding: 2px;
	background-image: url(images/input_comment_text.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	font-size: 93%;
}
div.side div.box ul.discus > li {
	margin-top: 0px;
}
div.side div.box ul.discus ul {
	margin-top: 0px;
	margin-left: 1.5em;
}
div.side div.box ul.environment {
	margin-left: 0px;
}
div.side div.box ul.environment ul {
	margin-top: 0px;
	margin-left: 0px;
}
div.side div.box ul.environment li {
	margin-top: 0px;
	margin-left: 0px;
}
div.side div.box ul.environment li li {
	margin-left: 2em;
}
div.side div.box p.advertisement {
	font-size: 93%;
	margin-top: 10px;
}
div.side div.box img.twitter {
	float: left;
	margin-top: 0.5em;
}
div.side div.box ul#twitter_update_list {
	float: left;
	width: 185px;
	color: #a4947c;
	background-color: #413935;
	padding: 5px;
	display: block;
	margin-top: 0.5em;
}
div.side div.box ul#twitter_update_list li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
div.side div.box p.twitter {
	clear: both;
	text-align: right;
}
/* footer */

div#footer {
	clear: both;
	width: 100%;
	background-image: url(images/footer_background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #171311;
}
div#footer div.inner {
	clear: both;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/footer_background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #171311;
/*
	background-image: url(images/footer_background_inner.jpg);
	background-repeat: no-repeat;
	background-position: top center;
*/
}
div#footer div.inner p {
	font-size: 85%;
	color: #84745c;
	padding-top: 20px;
	padding-bottom: 40px;
}
div#footer p a {
	color: #608483;
	text-decoration: underline;
}