/* .............................. */
/* Basic */
/* .............................. */

body {
	background-color:#998C7F;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	color:#000;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	text-align:center;
	}

html, body {
     min-height:100.1%;
	}

/* .............................. */
/* Links */
/* .............................. */

a {
	color:#000;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

/* .............................. */
/* Headings */
/* .............................. */

h1 {
    float:left;
	font-weight:bold;
	font-size:11px;
	letter-spacing:2px;
	color:#000;
	margin:0px;
	margin-left:5px;
	padding:0px;
	}

h1 a {
    text-decoration:none;
	color:#000;
	}

h1 a:hover {
    text-decoration:none;
	}

.title {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#000;
	margin:0px;
	margin-bottom:5px;
	margin-left:15px;
	padding:0px;
	}

h3 {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#000;
	text-align:center;
	}

/* .............................. */
/* Navigation and menu */
/* .............................. */

#navigation {
    background:#666699;
	border-bottom:1px solid #aaa;
	padding:5px;
	height:92px;
	margin-bottom:2px;
	color:#FFFFFF;
	}

.menu {
    float:right;
	clear:right;
	text-align:right;
	font-size:11px;
	}
.menu a {
	padding:7px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;	
	}

.menu a:hover {
	text-decoration:none;
	color:#CCCCCC;
	}

/* .............................. */
/* Content*/
/* .............................. */

.addcomment {
    float:right;
	clear:right;
	padding:0px;
	}

#photo {
    background:#eee;
    padding:5px;
	border:1px solid #515151;
	}

#image-navigate {
    background:#666;
	padding:20px;
	height:15px;
	width:70%;
	margin:0px auto;
	}

#image-navigate a {
	padding:10px;
	}

.image-previous {
    float:left;
	}

.image-next {
	float:right;
	}

.image-info {
    background:#FFF;
	border:1px solid #aaa;
	padding:20px;
	text-align:justify;
	width:70%;
	margin:4px auto 25px 140px;
	line-height:16px;
	color:#000;
	}
.image-info ul {
	list-style-type:none;
	margin:4px;
	padding:0px;
	}

.image-info li {
	display:block;
	margin:4px;
	margin-bottom:10px;
	color:#000;
	text-decoration:none;
	padding:10px;
	border:1px solid #111;
	}

.image-notes {
	width:70%;
	vertical-align:top;
	}
#image-exif {
    padding-top:10px;
    text-align:right;
	width:25%;
	vertical-align:top;
	}




/* .............................. */
/* Browse */
/* .............................. */

#page2 {
    background:#FFFFFF;
	border:1px solid #aaa;
	padding:5px;
	color:#000;
	z-index: 1;
	position: relative;
	text-align:left;
	margin-left: 140px;
	margin-bottom:auto;
	margin-right:5px;	
	line-height:16px;

	
}
		

#page2 a {
    font-weight:bold;
	}

#page2 img {
	background:#fff; 
    padding:2px;
	border:1px solid #666699;
	}



#page {
    background:#FFFFFF;
	border:1px solid #aaa;
	padding:5px;
	color:#000;
	z-index: 1;
	position: relative;
	text-align:left;
	margin-left: 140px;
	margin-bottom:auto;
	margin-right:125px;	
	line-height:16px;

	
}
		

#page a {
    font-weight:bold;
	}

#page img {
	background:#fff; 
    padding:2px;
	border:1px solid #666699;
	}

.column{
	width:50%;
	text-align:left;
	vertical-align:top;
	}

.thumbnails {
	border:1px solid #515151;
	padding:3px;
	margin:3px;
	}
	
.ratingthumb {
	background: none;
	border:0px;
	padding:0px;
	margin:0px;	
}	
	
.ratingthumb img {
	background:none;
	border:0px;
	padding:0px;
	margin:0px;
}	
	
	

/* .............................. */
/* Comments */
/* .............................. */

#comment-top {
    background:#FFF;
	border-bottom:1px solid #aaa;
	padding:5px;
	margin-bottom:25px;
	height:15px;
	}

#comments {
    margin:0px auto;
	width:95%;
	text-align:left;
	}

#comments ul {
	list-style-type:none;
	margin:0px;
	padding:10px;
	}

#comments li {
	display:block;
	margin:0px;
	margin-bottom:10px;
	color:#000;
	text-decoration:none;
	padding:10px;
	border:1px solid #aaa;
	}

#comments li a {
	color:#000;
	text-decoration:none;
	}

#comments li a:hover {
	color:#111;
	}

#comments li:hover {
	background:#515151;
	}

#comment-middle {
    background:#FFF;
	border-top:1px solid #aaa;
	padding:5px;
	margin-top:25px;
	height:15px;
	}

#addcomment {
    width:90%;
	text-align:left;
	padding:10px;
	margin:0px auto;
	border:1px solid #aaa;
	background:#FFF;
	}

.input {
    width:45%;
	font-size:12px;
	border:1px solid #aaa;
	background-color:#EEE;
	color:#000;
	padding:5px;
    }
fieldset
{
	border: 1px solid #000;
	margin-left: 5px;
}

legend
{
color: #000;
background: #fff;
border: 1px solid #000;
padding: 0px 4px 4px 4px
}

#addcomment textarea {
	width:90%;
	height:50px;
	font-size:12px;
	border:1px solid #aaa;
	background-color:#666;
	color:#eee;
	padding:5px;
	}

.comment-button {
    background:#fff;
	border:1px solid #aaa;
	color:#666;
	border-bottom:2px solid #aaa;
	border-right:2px solid #aaa;
	}

/* .............................. */
/* Footer */
/* .............................. */

#footer {
   text-align:center;
   margin-bottom:20px;
   }

/* .............................. */
/* Calendar if somebody wants to use */
/* a calendar in the template        */
/* .............................. */

#calendar ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #aaa;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#calendar ul li
{
display: inline;
padding: 5px;
border: 0px;
}

#calendar ul li a
{
padding: 5px;
color: white;
text-decoration: none;
}

#calendar ul li a:hover
{
background-color: #369;
color: white;
}

#calendar #year
{
border-left: 3px solid #369;
background-color: #000;
}

.centerBox {
width: 70%;
text-align:left;
margin-left: auto;
margin-right: auto;
}

.nameTable {

}

.nameTable table {
	width: 98%;
}

.nameTable th {
	text-align: center;
	background-color: #999999;
}

.nameTable tr td {
	text-align: center;
}
.nameTable a {
	text-decoration:underline;
}

.altRow {
	background-color: #333333;
}


.templateTable table {
	width: 340px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.templateTable th {
	background-color: #666699;
	color: #FFFFFF;
	text-align:center;
}

.templateTable tr td {
	padding: 2 2 2 2;
	border-bottom-style:dotted;
	border-bottom-width:thin;
	border-bottom-color:#666677;

}


/* topTemplateC1 */
.topTemplateC1 {
position:relative; 
width:340px;  
margin:5px 5px 5px 5px; 
padding:0 0 0 0; 

}

/* END: topTemplateC1 */

/* topTemplateC2 */
.topTemplateC2 {
position:relative; 
width:300px; 
left:300px;  
margin:5px 0 0 5px; 
padding:1em  .5em; 
}
/* END: topTemplateC2 */

.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.floatClear {
	clear: both;
}

.menuLeft {
position:absolute; 
left:0px; 
top:102px; 
width:135px;
margin:0 0 5px 0; 
border-top:2px solid #069; 
border-bottom:1px solid #069;
}

.menuLeft li {
text-align:left;
}
   
.menuRight {
position:absolute; 
width:120px; 
top:102px; 
right: 1px;
margin:120px 0 5px 0; 
}


#indexGrid{
	margin:4px 0 0 0;
	position:relative;
	height:150px}
#indexGrid-c1{
	position:relative;
	
	top:0px;
	left:0px;
	
	padding:0 0px 0 0;
	width:234px;
	height:60px;
	/*
	border-right:1px solid #292929
	*/
	}
.indexGrid-r1{
	height:60px;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	/*
	border-bottom:dotted 1px #464646;
	*/
	}
.iG-234{
	font-family:Verdana, Arial, Helvetica;
	cursor:pointer;
	height:100%}
.iG-titleG{
	padding:6px 0 0 4px;
	font-size:11px}
.iG-textG{
	padding:0 0 0 4px;
	height:28px;
	color:#7c7c7c;
	font-size:10px}
.iG-linkG{
	padding:1px 0 0 0;
	color:#fff;
	font-size:10px;
	text-align:right;
	text-decoration:underline}
.iG-titleY{
	text-align:left;
	padding:5px 0 0 5px;
	font-size:11px}
.iG-textY{
	padding:0 0 0 5px;
	text-align:left;
	height:28px;
	color:#EEEEEE;	
	font-size: 10px; 
	font-family: verdana,arial,sans-serif; 
	line-height: 12px;	
	
}
.iG-linkY {
	padding:1px 0 0 0;
	color:#FFFFFF;
	font-size: 10px; 
	font-family: verdana,arial,sans-serif; 
	line-height: 11px;
	text-align:right;
	text-decoration:underline;
	font-weight: normal;
}
.iG-linkY a {
	font-size: 10px; 
	font-family: verdana,arial,sans-serif; 
	line-height: 11px;
	font-weight: normal;
}


.gameTitleBanner {
	position:relative;
	margin-right:auto;
	margin-left:auto;	
	border-style:solid;
	border-width:thin;
	overflow:hidden;
}
.gameTitleBanner .title {
	position: relative;
	text-align:left;
	left: 2px;
	top: 2px;
	float:left;
}

.gameTitleBanner .description {
	clear: left;
	position: relative;
	left: 2px;
	top: 5px;
}
.gameTitleBanner .plays {
	position: relative;
	text-align: right;
	bottom: -40px;
	right: 2px;
	vertical-align: bottom;
	float: right;
	
}
.gameTitleBanner .rating {
	position: relative;
	left: 2px;
	bottom: -40px;
	float:left;
}

.gameTitleBanner .ratingStar {
	position: relative;
	left: 2px;
	bottom: -37px;
	float:left;
}

.gameTitleBanner .thumb {
	position: relative;
	float:right;
	margin-right: 0px;
	margin-top: 0px;
}


.gameFooterAdBanner {
	position: relative;
	border-style:solid;
	border-width:thin;
	background-color:#666699;
	margin-left:auto;
	margin-right:auto;
}

.gameFooterBanner {
	position: relative;
	border-style:solid;
	border-width:thin;
}


.gameFooterBanner .addFavorites {
	position: relative;
	left: 2px;
	vertical-align: bottom;
}
.gameFooterBanner .favorites {
	position: relative;
	left: 2px;

}

.gameDescription {
position: relative;
	border-style:solid;
	border-width:thin;
}


.gameDescription .thumb {
	position: relative;
	margin-right: 0px;
	margin-top: 0px;
		float:left;
}
.gameDescription .description {
	position: relative;
	left: 2px;

}


/*

SITE NAVIGATION MENU

*/

#navcontainer {
	position:absolute; 
	left:0px; top:110px; 
	width:155px;
}

#navlist
{
color: white;
background: #998C7F;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
width:135px;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #666699;
border-width: 1px;
border-style: solid;
border-color: #A2A2F2 #7474AD #7474AD #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;

}

#navlist a#current { border-color: #A2A2F2 #7474AD #7474AD #f30; }

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover
{
background: #595968;
border-color: #7474AD #A2A2F2 #A2A2F2 #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #7474AD #A2A2F2 #A2A2F2 white;
padding: 0.4em 0.35em 0.25em 0.9em;
}


/* ROUNDED CORNERS */
.spiffy{
display:block;
}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
background:#666699;
}
.spiffy1{
border-right:1px solid #bdbdd3;
padding-right:1px;
margin-right:3px;
border-left:1px solid #bdbdd3;
padding-left:1px;
margin-left:3px;
background:#8c8cb2;
}
.spiffy2{
border-right:1px solid #efeff4;
border-left:1px solid #efeff4;
padding:0px 1px;
background:#8383ac;
margin:0px 1px;
}
.spiffy3{
border-right:1px solid #8383ac;
border-left:1px solid #8383ac;
margin:0px 1px;
}
.spiffy4{
border-right:1px solid #bdbdd3;
border-left:1px solid #bdbdd3;
}
.spiffy5{
border-right:1px solid #8c8cb2;
border-left:1px solid #8c8cb2;
}
.spiffy_content{
padding:0px 5px;
background:#666699;
}

.addBlog {
	border: 1px solid #000000;
}

.bookmark {
	position:relative;
	left: 50px;
	top: 75px;
}
.bookmark a {
	color: #FFFFFF;
	text-decoration: underline;
}

.words {
	font-size:1px;
	color: #FFF;
}

.allgames {
	font-size: 9px;
	color:#FFFFFF;
}
.allgames a {
	color:#FFFFFF;
	font-size:9px;
}