/*
Yuji no Sekai [2010-1]
http://yuji.ws/

PARTIALLY BASED ON:
Theme Name: GEEX3M
Theme URI: http://pax.mioritics.ro/repository/wp/
Monospace txt only LoFi theme.
Version: 1.0
Author: Alexandru Popescu
Author URI: http://pax.mioritics.ro/

	GEEX3M v1.0
	http://pax.mioritics.ro/repository/wp/

	Minimalist design, monospace text only ASCII theme
	homage to the ASCII console *NIX era


*/

div.main {
	width: 784px;
	margin: auto;
	text-align:left;
	background:url(images/2line.png) repeat-y right top;
}
body {
	background-color: #ffffff;
	color: #000000;
	font-family: "Courier New", "Courier", "mono";
	font-size: 75%;
	margin: 0;
	padding: 0;
	}
.hr, #header_hr {
	clear:both;
	border-bottom:1px dashed #000;
	border-top:0;
	padding:0;
	margin:0px;
	height:0px;
	overflow:hidden;
}
#header {
	width: 100%;
	position:relative;
}
#header a {
	color:#000000;
	text-decoration:none;
}
	.bar{
		width: 100%;
		color: #cccccc;
		background: #000000;
		padding: 6px 0px 6px 0px;
		position: relative;
	}
	#languages{
		text-align: right;
		padding: 0px 6px 0px 6px;
	}
	#languages a{
		color:#cccccc;
	}
	#logo {
		display:block;
		width:300px;
		background:url(images/line.png) repeat-y right top;
		padding: 10px 0 10px 0;
		margin-bottom:20px;
		text-align: center;
	}
	#ads{
		top:55px;
		right:30px;
		position: absolute;
	}
	#menu {
		top: 155px;
		right:20px;
		margin:0;
		position: absolute;
	}
	#menu li {
	 	display:inline;
		list-style:none;
		font-size: 90%;
	}
	#menu li a{
		text-decoration:none;
		color: #000000;
		color: #000000;
		background: #ffffff;
		border-style: dashed;
		border-color: #cccccc;
		padding: 3px 9px 3px 9px;
		border-width: 1px;
	}
	#menu li a:hover{
		color: #ffffff;
		background: #000000;
		border-style: solid;
		border-color: #ffffff;
	}
	#header_hr{
		margin: -18px 0 -33px 0;
	}

#main {
	clear:both;
	margin-top:16px;
}

.col1, .col2, .col3{
	clear:both;
	margin: 5px;
}
.col1 .centercolumn, .col2 .centercolumn, .col3 .centercolumn{
	float:left;
	position: relative;
	overflow:visible;
}
.col1 .centercolumn {
	width:100%;
}
.col2 .centercolumn {
	width:75%;
}
.col3 .centercolumn {
	width:50%;
}
.centerCcolumn, .centerLcolumn, .centerRcolumn{
	position:relative;
	margin: 2px;
}
.centerCcolumn {
	float:left;
	width: 100%;
	overflow: visible;
}
.centerLcolumn, .centerRcolumn{
	width: 48.9%;
	margin-left: 2px;
	overflow: hidden;
}
.centerLcolumn {
	float: left;
}
.centerRcolumn {
	float: right;
}
.leftcolumn, .rightcolumn{
	position: relative;
	overflow:hidden;
	width:24.4%;
	margin: 2px;
}
.leftcolumn {
	float:left;
}
.rightcolumn {
	float:right;
}
#.col2 .rightcolumn{
#	border-left: 1px dashed #000;
#	padding-left: 7px;
#	width:23.2%;
#}

#content{
	margin: 10px 15px 0 0;
}

#footer {
	padding: 0;
	font-size: 12px;
	color: #000000;
	clear: both;

	text-align: center;
	}
	#footer a {
		text-decoration: none;
		color: #666666;
	}

/* WP */
.post-date{float:left; margin:10px;}
.post-date .day{background:#ffffff url(images/post-day.png) no-repeat scroll 0 0; color: #000000; display:block; font-size:140%;height:27px;line-height:25px;margin:0;text-align:center;width:43px;}
.post-date .year{background:#ffffff url(images/post-year.png) no-repeat scroll 0 0; color: #FFFFFF; display:block; font-size:80%;height:20px;line-height:25px;margin:0;text-align:center;width:43px;}
.post-date .month{background:#ffffff url(images/post-month.png) no-repeat scroll 0 0; color: #000000; display:block; font-size:80%;height:16px;line-height:20px;margin:0;text-align:center;width:43px;text-transform:uppercase;}
.post-banner{text-align:center;}

/* Begin Navi */
.blog-navi-bar {
	clear: both;
	display: block;
	margin: 4px;
	}
	
.pagenavi {
	display: block;
	margin: 0 auto;
	padding: 5px 0;
	text-align: right;
}
/* End Navi */

#blog-page {
	padding: 0;
	width: 100%;
	margin: 0;
	text-align:left;
	}
	
#blog-page .clear {
	clear: both;
}

#blog-page h1 {
	padding-top: 20px;
	margin: 0 0 5px;
	font-size: 18px;
	}
	
#blog-page h2 {
	font-size: 16px;
	}

#blog-page h3 {
	padding: 0;
	margin: 0;
	}
	
#blog-page h3 {
	font-size: 14px;
	}
	
#blog-page small {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #777;
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
#blog-page code {
	font-size: 1.1em;
	}

#blog-page select {
	width: 130px;
	}

#blog-page .hidden {
	display: none;
	}


#blog-page a img {
	border: none;
	}
	
#blog-page .center {
	text-align: center;
	}
#blog-wrap {
	float: left;
	width: 100%;
	margin-right: -205px;
	}
	
#blog {
	font-size: 1.0em;
	padding: 0px;
	}
	
#blog.narrowcolumn {
	margin-right: 200px;
	}

/* Begin Pings */
#blog-pings-block {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top:0px;
	padding-left:20px;
	padding-right:5px;
	padding-bottom:0px;
	clear: both;
	}
.blog-pings_status {
	text-align: center;
	margin: 0;
	padding: 0;
	}
/* End pings */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 0px solid #ddd;
	text-align: center;
	background-color: #1A1A1A;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.dateblock{
	margin:-12px 0 0 -5px!important;
	}

.nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

/* thread twitter START */
.twitter ul {
    margin:0 12px 0 10px !important;
    margin:0 10px;
}
.twitter ul li {
    background:#FCFCFC;
    padding:0;
    float:left;
    list-style:none;
    list-style-position:outside;
    border:solid #CCC;
    border-width:1px !important;
    border-width:1px 0;
    width:100%;
    padding-top:10px;
    margin-bottom:10px;
}
.twitter img {
    float:left;
    padding:0 10px 0 0;
    margin:0 0 10px 10px;
}
.twitter_source {
    color:#999;
    font-family:georgia;
    font-style:italic;
}
.twitter_source a {
    color:#999;
}
.twitter_text {
    margin-bottom:5px;
    display:block;
    padding-left:70px;
    padding-right:10px;
}
.twitter_reply {
    padding-left:22px;
    padding-right:10px;
    height:16px;
    line-height:16px;
    display:block;
    font-size:11px;
    float:right;
}
/* thread twitter END */


/* Begin Post */
.post .post-entry {
	clear: both;
	padding-left: 20px;

}

.post .link-pages {
	padding-top:10px;
	clear: both;
	text-align: center;
}

.post .post-footer{
	text-align: right;
	font-size: 0.8em;
	margin-bottom: 10px;
}

.post-entry span{
	border-bottom:1px dotted; 
}

/* End post */
/* Begin Typography & Colors */
.post-title {background: url(H.gif) repeat-x top; margin:0; padding: 0;
	clear: both;
	display: block;
	}
	.post-title h1 a{color:#111111; text-decoration: none; font-weight: bold; background-color: #FFFFE0; margin: 5px;}
	.post-title h1 { margin: 6px 4px 6px 2px; padding: 20px;}
	.post-title div {background: url(H.gif) repeat-x bottom;  margin:0; padding: 0;}

.post small {font-size:13px; color: #CCCCCC;  padding-top:6px;}
.postTitleHR {display: block; margin: -3px;}
small {font-size: 12px;}

.col1 ul li h2, .col2 ul li h2, .col3 ul li h2 {font-size: 13px; margin-bottom:0px; margin-top:20px;}
.col1 ul, .col2 ul, .col3 ul {text-align: left; font-size:12px;}
.col1 a, .col2 a, .col3 a { text-decoration:none; color: #777777;}

.col1 a:hover, .col2 a:hover, .col3 a:hover, .post a:hover  { background-color:#000000; color:#FFFFFF;}

#page {	background-color: white;	margin: 20px auto;	padding: 0;	width: 760px;	
	}
.post .entry img{ background-color:#FFFFFF; border: 1px solid #ced4ca; padding: 3px; margin: 5px 0 5px 0;}
#header {padding: 0 0 20px 0;		}
#header h1 a{ font-size: 14px;  
background-color:#000000; color:#FFFFFF;
 padding: 3px; text-decoration:none; font-weight: normal; }
#header h1 {margin:0px; display: inline;}
#header  .description { display: inline}
#clearnavigation {clear: both;}

.narrowcolumn {
	float: left;
	padding: 0 5 20px 45px;
	margin: 0px 0 0;
	width: 500px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
	text-align: left;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

h2.pagetitle { font-weight: normal} 


.postmetadata a{ text-decoration:none; color: #999999;}

.postmetadata { font-size:12px;
	clear: left;
}



/* End Structure */




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

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	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;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
/*
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}



.col1 ul ul, .col1  ul ol, .col2  ul ul, .col2  ul ol, .col3  ul ul, .col3  ul ol {
	margin: 5px 0 0 10px;
	}

.col1 ul ul ul, .col1 ul ol, .col2 ul ul ul, .col2 ul ol, .col3 ul ul ul, .col3 ul ol {
	margin: 0 0 0 10px;
	}

ol li, .col1 ul ol li, .col2 ul ol li, .col3 ul ol li {
	list-style: decimal outside;
	}
.col1 ul ul li, .col1 ul ol li, .col2 ul ul li, .col2 ul ol li, .col3 ul ul li, .col3 ul ol li {
	margin: 0;
	padding: 0;
	}*/
ul .lang_switch, ul ol .lang_switch {
	margin: 0;
	padding: 0;
	}

ul ul li .lang_switch {
	list-style-type: none;
	list-style-image: none;

	}

.col1 ul p, .col1 ul select, .col2 ul p, .col2 ul select, .col3 ul p, .col3 ul select {
	margin: 5px 0 8px;
	}
/* End Entry Lists */



/* Begin Form Elements */

input { border: 1px solid #666666; font-size: 12px;}
#searchsubmit, #submit, #searchform div input { background-color: #333333; color:#FFFFFF; border: none; font-size: 12px}


#searchform {	padding: 3px; }


#searchform input#s { border: 1px solid #666666; font-size: 12px; background-color:#FFFFFF;	padding: 2px; color: #333333;}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;

	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
width: 450px; border:1px solid #333333;
	padding: 2px;
	padding: 2px;
	}

/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	background-color: #FFFFEE;
	}



.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px 5px;
	list-style: none;
	font-size:12px;
	}

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

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {

	display: block; float: right;
	}
	.commentmetadata a{ text-decoration: none; color: #999999; font-size:11px;}
/* End Comments */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

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

blockquote {
	margin: 15px 20px 0 10px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
	}



.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}


