/*
Theme Name: Lonely Games
Description: Simple theme.
Version: 1
Author: Michael Vendittelli

*/


A:link{color: #cc0000; text-decoration: underline; font-weight: bold; }
A:visited{color: #cc0000; text-decoration: underline; font-weight: bold;}
A:hover{color: #005555; text-decoration: none; font-weight: bold;}


.gamesmall { font: 16px Arial; color: #ffffff; font-weight: bold; }

.gamebig { font: 30px Times New Roman; color: #ffffff; font-weight: bold; height: 22px; }

.format 
{
max-width: 950px; margin-left: auto; margin-right: auto; overflow-x: hidden;
width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
}


blockquote { margin: 20px; }

.storycontent img { margin-left: 10px; margin-right: 5px; margin-top: 10px; margin-bottom: 10px; }
.storycontent hr { align: middle; width: 50%; margin-bottom: 30px; margin-top: 30px; }

.strip { clear: none; margin: 0 0 0 0; padding: 0 0 0 0; }

.flownormal { clear: none; }

.table { margin-right: 10px; }

body {font: 14px Arial; margin: 0px; cursor: default; 
background-color: #ffffff; color: #000000; width: 100%; height: 100%;

background-image:url('images/bg.png');
background-repeat:no-repeat;
background-attachment: fixed;
background-position:top left;
  }

.clear {clear: both}

.quote {font: 14px Arial; background-color: #cccccc;  margin-left: 100px; margin-right: 100px; margin-bottom: 30px;
        padding-left: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; overflow:hidden; }

.insert {background-color: #ddffdd; border-width: 2px; border-style: dashed; border-color: #669966; 
         margin-left: 15px; margin-right: 10px; margin-bottom: 30px; overflow:hidden;
         padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; font: 14px Arial;
	 color: #000033; }

.post { margin-left: 15px; max-width: 750px; margin-right: 10px; }

.javatar {
float: left;
padding: 1px;
margin-top: -15px;
margin-left: -30px;
margin-right: 5px;
}

.icon {

position: relative;
left: 55%;
top: -55px;
width: 80px;
margin-right: 2px;
height: 0px;
}

.icon img {

border-width: 1px;
border-color: #000000;
border-style: solid;

}

cite {
	font-size: 90%;
	font-style: normal;
}

h2 {
	border-bottom: 1px dotted #aaa;
	font: 22px Times New Roman;
	letter-spacing: 0.2em;
	padding-top: 3px;
	padding-bottom: 1px;
	margin-bottom: 2px;
	background: #333333;
	padding-left: 5px;
	height: 28px;
}

h3 {
	border-bottom: dotted 1px #eee;
	font-family: "Times New Roman", Times, serif;
	margin-top: 0;
	font-size: 18px;
	padding-top: 15px;
}

ol#comments li p {
	font-size: 100%;
}

p, li, .feedback {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	color: #cccccc;
	font-size: 15px;
	font-weight: normal;
	text-align: right;
	position: relative;
	padding-right: 6px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	top: -33px;
	height: 0px;
	float: right;
	width: 300px; 
}

.credit a:hover {
	color: #fff;
	font-weight: normal;
}

.credit a:link {
	font-weight: normal;
}

.credit a:visited { font-weight: normal; }

.feedback {
	color: #333;
	text-align: right;
}

.feedback a:link, .feedback a:visited {	
	color: #666666; text-decoration: underline;
}

.feedback a:hover {
	color: #000000; text-decoration: none;
}

.meta {
	color: #bbbbbb;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	position: relative;
	left: -10px;
	font: 20px "Times New Roman", Times, serif;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	background: #000000;
	background-image: url(images/titleright.png); 
	background-position: right bottom; background-repeat: no-repeat; 
}

.storytitle a {
	text-decoration: none;
}

.storycontent { text-align: justify; padding-left: 5px; 
padding-right: 25px; padding-top: 4px; }

.storycontent p{
	font: 14px Arial;
	line-height: 110%;
	letter-spacing: 0.5px;
	color: #000033;
	margin-bottom: 20px; 
}

.storycontent td{
	padding: 5px;
	font: 14px Arial;
	letter-spacing: 0.5px;
	color: #000033;

}

.storycontent li {

	font: 14px Arial;
	letter-spacing: 0.5px;
	line-height: 99%;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 600;
}

#content {
	margin: 30px 13em 0 3em;
	padding-right: 60px;
}

.commentnumber { position: relative; height: 0px; right: -350px; top: 0px; width: 120px; }

.comment {
 margin-right: 130px;
 border-bottom: 2px dotted #666;
 padding-left: 5px; padding-top: 5px;
 font: 16px Arial;
}

.comment blockquote { margin-left: 10px; margin-right: 10px; text-align: justify; line-height: 130%; }
.comment p { margin-bottom: 15px; }

#header {
	background: #90a090;
	border-bottom: double 3px #aba;
	border-left: solid 1px #9a9;
	border-right: solid 1px #565;
	border-top: solid 1px #9a9;
	font: italic normal 230% 'Times New Roman', Times, serif;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 15px 10px 15px 60px;
}

#header a {
	color: #fff;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

.menu {
	color: #000000;
	width: 160px;
	position: relative;
	top: 23px;
	float: right;
	margin-left: 10px;
	padding-left: 20px;
	padding-bottom: 0px;
	margin-bottom: 40px;
	font: bold 14px 'Arial';

background-image: url(images/menubg.png);
background-repeat: repeat-y;
background-position: 100% 0%;
}

.newsbox {
	 background-color: #cccccc; border-width: 1px; border-style: dashed; border-color: #666666; 
         margin-left: 5px; margin-right: 5px; margin-bottom: 0px; overflow:hidden; text-align: justify;
         padding-left: 9px; padding-top: 12px; padding-bottom: 10px; padding-right: 9px;  font: 12px Arial; }
}

.newsbox { margin: 0; padding: 0; font-size: 11px; font-weight: normal; font-style: normal;
	 font-family: Arial; }
.newsbox p { 	 font-size: 11px; font-weight: normal; font-style: normal;
	 font-family: Arial; color: #000000; text-transform: none;
	 list-style: none; margin: 0; padding: 0; }


ul.twitter { font: 12px Arial; }
li.twitter-item { font: 12px Arial; }
p.twitter-message { font: 12px Arial; }
.twitter-timestamp { font: 12px Arial; float: right; }
a.twitter-link { font: 12px Arial; }
a.twitter-user { font: 12px Arial; }



.menu ul {
	color: #000;
	font-weight: bold;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 20px;
	margin-top: 0px;
	padding-top: -5px;
	text-transform: lowercase;
}

.menu li { padding-left: 0px; margin-left: 0px; }

.menu ul li {
	font: italic bold 15px 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin-top: 0px;
	margin-left: -13px; padding-left: 0px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

.menu ul li a {
	color: #444444;
	text-decoration: none;
}

.menu ul li a:visited {
	color: #444444;
	text-decoration: none;
}

.menu ul li a:hover {
	border-bottom: 1px solid #000000;
}

.emulator { text-align: justify; margin-right: 15px; }
.emulator td { padding-left: 10px; vertical-align: top; padding-top: 15px; padding-bottom: 15px;  }

select { width: 140px; }
.year { width: 60px; }

.imgresult { font: 16px Arial; border-width: 1px; border-color: #000000; border-style: solid; padding-left: 0px; }

.result { font: 15px Arial; float: left; border-width: 1px; border-color: #000000; border-style: solid; 
	padding-left: 6px; padding-right: 6px; padding-top: 0px; padding-bottom: 0px; letter-spacing: 1px; 
	margin: 1px 1px 1px 1px; background-color: #cccccc; }

.result p { font: 15px Arial; letter-spacing: +0.3px; 
	text-align: center; padding-top: 0px; padding-bottom: 0px;  margin: 2px 2px 2px 2px; }

.summary p { font: 14px Arial; line-height: 130%; letter-spacing: .01em; margin-left: 6px; margin-right: 6px; margin-top: 4px; margin-bottom: 4px; }
.summary td { border-width: 0px; }
.summarytotal { border-spacing: 2px; }
.summarytotal td { text-align: left; padding-left: 8px; padding-right: 8px; font: 14px Arial; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }

.summarytotal A:link{color: #333333; text-decoration: none;  }
.summarytotal A:visited{color: #333333; text-decoration: none;  }
.summarytotal A:hover{color: #666666; text-decoration: none;  }

p.arrow A:link{color: #111111; text-decoration: none; font-weight: bold; }
p.arrow A:visited{color: #111111; text-decoration: none;  font-weight: bold; }
p.arrow A:hover{color: #666666; text-decoration: none;  font-weight: bold; }
p.arrow { font-size: 18px; text-align: right; margin: 0 0 0 0; height: 0px; position: relative; top: -25px; left: 0px; font-weight: bold; }

.separate td { margin: 0 0 0 0; padding: 0 0 0 0; height: 0px; }
.separate hr { color: #ffffff; border: 1px dotted #999999; }