body 
{ 
	margin:0;
	background-image:url(/images/bg.gif);
	background-attachment:fixed;
	background-color:#AAAA77;
	text-align:center;
	font-family: Verdana, Tahoma;
	font-size:100.1%
}


#container
{
	/*width:37.50em;*/
	width:40em;
	margin:0px auto;
	position:relative;
	overflow:visible;
}
	

#header{
height:5em;
}
	
#header .left{	
float: left;
margin-top: 0.56em;	
}

#header .left img{
height: 4.4em;
width: 15.6em;
}


#header .right{
font-size:.9em;
background-color: #B6B690;
border: #FFFFFF solid 0.25em;
border-left: #FFFFFF solid 0.26em;
border-top:0;
float: right;
text-align:center;
padding:0.25em;
margin:0;
}

#header .right span{
position:relative;
bottom:.2em;
}

#loginbox{
position:absolute;
top:0;
right:0;

background-color: #B6B690;

border: #FFF solid 0.25em;
border-left: #FFF solid 0.28em;
border-top:0;
padding:0.0em;
display:none;
font-size:.9em;
width:19.9%;
padding-bottom:.6em;
}
#loginbox .text{
width:70%;
margin-bottom:.2em;
}
#loginbox label{
font-weight:normal;
font-size:.6em;
margin-top:.6em;
}
#loginbox .checkbox{
margin:0;
}

p{
	margin:0;
}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
hr{
padding:0;
}


/***** *****/
.drop{
margin-top:1em;
}
.raise{
margin-bottom:1em;
}
.bold{
font-weight:bolder;
}
.justify{
text-align:justify;
}
.right{
float:right;
}
.left{
float:left;
}
.center{
text-align:center;
}
.note{
font-size:.8em;
}
.smallnote{
font-size:.6em;
}
.clear{
clear:both;
}
.hide{
display:none;
}
.show{
display:block;
}

a {
	font-weight: bold;
	font-size:.88em;
	text-decoration: none;
	color: #FFFFFF;
	outline:none;
}
a:visited {
	
}
a:hover{
	text-decoration:none;
	color:#000;
}

a:active{
	outline:none;
}
a img{
	border:0;
	
}
	

#menu 
{
    height:1.5em;
	/*background-image:url(images/bg_navigation.gif);*/
	background-color:#999966;
	border: #FFFFFF solid .25em;
	border-bottom:0;

}

#menu ul
{
	list-style: none;
	width: 24.4em;
	margin: 0 auto;
}

#menu li 
{
	float:left;
	margin: 0 0.25em 0 0.25em;
}

#menu li a 
{ 
	display: block;
	line-height: 1.7em;
	text-decoration: none;
	padding: 0 0.25em 0 .4em;
	font-weight:bold;
	
}

#menu li a:hover 
{

background-color: #D4D4BB;
	/*background-color: #D4D4BB;
	height:1.7em;*/
}
	

#page 
{
	text-align:left;
	/*border-right: #FFFFFF solid 0.25em;*/
	border: #FFFFFF solid 0.25em;
	background-color:#D4D4BB;
	/*background-color: #B6B690;*/
	padding: 1em 1em 1em 1em;
	margin: 0;
	min-height: 2.6em;
	overflow:hidden;
}
#page a {
	font-size:1em;
}

	

#footer{
	position:relative;
	height: 1.3em;
	background-color: #999966;
	font-size: 0.9em;
	border: #FFFFFF solid 0.25em;
	border-bottom: #FFFFFF solid 0.28em;
	border-top:0;
	margin-bottom:2em;
	padding:0.5em;
	clear:both;
}



#footer .left {
	
	float: left;
}

#footer .right {

	text-align:right;
	float: right;
}

	
#ch
{
	z-index:1;
	position:absolute;
	width:97px;
	height:154px;
	background-image:url(/images/bgcavehuman.gif);
	left: -91px;
	top: -130px;
}
#ch:hover
{
	background-position:bottom left;
}


.error{
background-color:#FBB;
border:2px solid #800;
padding:.2em;

}


/* SIGNUP */
#signup{
width:54%;
float:left;
border: #999966 solid 2px;
padding:.8em;
padding-right:1.4em;
}

#alt{
text-align:center;
width:34%;
float:right;
background-color:#BAC7D4;
border: #777F87 solid 2px;
padding:.25em;
}

/* LOGIN */
#login{
width:46%;
float:left;
border: #999966 solid 2px;
padding:.8em;
padding-right:1.6em;
}

#altlogin{
text-align:center;
width:42%;
float:right;
background-color:#BAC7D4;
border: #777F87 solid 2px;
padding:.25em;
}

#login .button{
position:relative;
left:.5em;
bottom:.2em;
}


/*****FORMS*****/
form a{
font-size:1em;
}

form img{
position:relative;
top:.3em;
}

form  .note{
position:relative;
height:.8em;
font-size:.7em;
}

fieldset {
margin:0;
padding:0;
border:none;
}

input.text{
font-size: 1em;
height: 1.4em;
width:100%;
border:2px solid #666;
padding:.2em .25em 0 .25em;
}
input.error{
font-size: 1em;
height: 1.4em;
width:100%;
border-color:#800;
background-color:#FBB;
padding:.2em .25em 0 .25em;
}

.radio{
position:relative;
top:.1em;
width:16px;
height:16px;
margin:0 .2em 0 0;
}
input .error{
border-color:#800;
background-color:#FBB;	
}
input.success{
font-size: 1em;
height: 1.4em;
width:100%;
border-color:#784;
background-color:#CD9;	
padding:.2em .25em 0 .25em;
}

label{
display: block;
font-weight: bold;
font-size: .85em;
margin-top:1.8em;
}

.button{
    padding: .2em;
	margin-top:1em;
    font-size: 1.2em;
    font-weight: bold;
	text-align:center;
}

.checkbox{
width:16px;
height:16px;
margin:0;
}
.remember{
display: inline;
font-size: 1em;
margin:0;
}
#login .left{
margin-top:1.4em;
}
textarea{
width:98.4%;
/*font-size: 1.2em;*/
border:2px solid #666;
}



/**ACCOUNT**/
#account #main{

clear:both;
border:#999966 solid 2px;
}
#account #content{
padding:1em;
}


#account #upload img{
border:#FFFFFF solid 4px;
}
#account #upload .left{
float:left;
width:40%;
}
#account #upload .right{
float:right;
width:55%;
}


#account td.vtop{
vertical-align:top;
}
#account .default{
position:relative;
top:.4em;
left:8.1em;

width:5.25em;
}
#account .button{
margin-left:0%;
width:100%;
}


#tabs ul{
clear:both;
list-style: none;
padding:0;
}



#tabs li{
float:left;
margin-right:.3em;
margin-left:.3em;
width:47.5%;
background-color: #B6B690;
border:#999966 solid 2px;
border-bottom:0;
text-align:center;
}

#tabs a {
display:block;
outline:none;
text-decoration:none;
height:1em;
padding:0 .4em .5em .4em;
font-size:.8em;
border-top:#FFFFFF 1px solid;	
}

#tabs li.active{
position:relative;
top:2px;
background-color: #ACD;
color:#000;
}

#tabs li a:hover{
color:#000;
}
#tabs li.active a{
color:#000;
}
#submenu{
text-align:center;
background-color:#ACD;
margin:0;
padding:.2em;
padding-top:.4em;
font-size:.8em;
font-weight:bold;
}

#submenu a:hover{
color:#000;
text-decoration:none;
}
#submenu .active{
color:#000;
}


#account h3{
background-color:#D4D4BB;
margin:.4em;
margin-bottom:1em;
padding:.2em;
}
#account h3.vp{
background:url(/images/vpbg.gif) center no-repeat;
}
#account h3.so{
background:url(/images/sobg.gif) center no-repeat;
}
#account #edit .left{
float:left;
width:63%;
border:#999966 solid 2px;
padding:.5em;
}
#account #edit .right{
float:right;
width:30%;

}
#account #edit td{
padding-top:.6em;
}
#account #edit .text{
width:95%;
}
#account #edit table{
width:100%;
}

#email .left{
float:left;
width:50%;
border:#999966 solid 2px;
padding:1em;
}
#email .right{
float:right;
width:40%;

}
#email label{
margin:0;
}
#email input{
width:94%;
}


#account #comments {
width:68%;
margin:0 auto;
overflow:visible;
}

#account .comment {
margin-bottom:2em;
}

#account .comment .pic {
float:left;
height:4em;
width:4em;
position:relative;
bottom:.26em;
}

#account .comment .body{
float:right;
width:20em;
}

#account .comment .header{
	
	border-top: #999966 solid 1px;
	background-color:#B6B690;
	padding:0;	
	font-weight:normal;
	font-size:.9em;
}

#account .comment .header .left {
	float:left;
	width: 65%;
	overflow:hidden;
}

#account .comment .header .right{
	float:right;
	width: 35%;
}

#account .comment .header a{
	font-size:1.0em;
}

#account .comment .header img{
	font-size:1.0em;
}


#account .comment .content{
	padding:0;
	border: 0;
	border-bottom: #999966 solid 1px;
	width:100%;
	overflow:auto;
	min-height:20px;
	clear:both;
	text-align:left;
}

#account #content #comments .check{
position:relative;
right:2em;
top:2.6em;
}
#account  #comments .button{
display:block;
width:64%;
clear:both;
margin:0 auto;
margin-top:2em;
}
#account #comments p{
background:#B6B690;
}


/*****BOXES*****/
.box{
	margin:.5em;
	margin-bottom:1em;
	font-size:.87em;
	overflow:hidden;
	
}
.box .header{
	height: 1.4em;
	border: #999966 solid 1px;
	background-color: #B6B690;
	/*background-color: #BAC7D4;*/
	padding:0 .5em 0 .5em;	
	font-weight:bold;
}
.box .header .left{
	width:70%;
}
.box .header .right{
	width:30%;
	float:right;
	text-align:right;
}
.box .content{
	padding:.5em .5em .5em .5em;
	border: #999966 solid 1px;
	border-top:0;
	overflow:hidden;
	background-color:#D4D4BB;
}
.box .footer{
	float:right;
	border: #999966 solid 1px;
	border-top:0;
	background-color: #B6B690;
	overflow:hidden;
	font-size:.85em;
	padding:.2em;
	padding-top:.1em;
	height:1.4em;
	clear:both;
}

/*******GAMES PAGE*******/
#games{
	
}
#games .left{
	float:left;
	width: 50%;
}
#games .right{
	float:left;
	width: 50%;
}

#games .game {
	padding:0em 0 1em 0;

}

#games .game .thumbnail{
	border: #FFF solid 4px;
}

#games .game .content {
	height:6.4em;
}

#games .game .footer{
position:relative;
font-size:.7em;
padding-bottom:.8em;
}

#games .game .footer img{
	width:15px;
	height:15px;
	position:relative;
	top:.4em;
}

#games .game:hover{
}


#games .game img.thumbnail{
float: left;
margin-right: 5px;
}




img.icon{
position:relative;
top: .15em;
}


/*****PROFILE PAGE*****/

#profile {
	overflow:hidden;
}

#page h4 {
	margin:0;
}


#profile .left {
	float:left;
	width: 35%;
}

#profile .right {
	float:left;
	width: 65%;
}


#pic .content {
	padding:.2em;
}

#pic input {
	margin-top:.2em;
	width:77px;
}

#profile .comment {
	margin:0 0 2em 0;
	/*width: 100%;*/
	overflow:auto;
}

#profile .comment .pic {
	float:left;
	height:3.5em;
	width:3.5em;
}

#profile .comment .pic img {
border:#FFF solid 2px;
}

#profile .comment .body{
	float:right;
	width:21em;
}

#profile .comment .header{
	border:0;
	border-top: #999966 solid 1px;
	background-color: #B6B690;
	padding:0;	
	font-weight:normal;
	font-size:.9em;
}

#profile .comment .header .left {
	float:left;
	width: 65%;
	overflow:hidden;
}

#profile .comment .header .right{
	float:right;
	width: 35%;
}

#profile .comment .header a{
	font-size:1.0em;
}

#profile .comment .header img{
	font-size:1.0em;
}



#profile .comment .content{
	padding:0;
	border: 0;
	border-bottom: #999966 solid 1px;
	width:100%;
	overflow:auto;
	min-height:20px;
}


#profile .comments:hover{

}
#info .content{
overflow:hidden;
/*padding:1em;*/
}
.text{
font-size: 1em;
height: 1.4em;

border:2px solid #666;
padding:.2em .25em 0 .25em;
}

#info input.text{
font-size: 1em;
height: 1.4em;
width:60%;
border:2px solid #666;
padding:.2em .25em 0 .25em;
}
#info .radio{
position:relative;
top:.1em;
width:16px;
height:16px;
margin:0 .2em 0 0;
}
#info table{
margin-bottom:1em;
}
#profile #info .text{
width:96%;
}
#info table .top{
vertical-align:top;
}




#addcomment{
display:none;
}



/*****GAMES PAGE*****/
.playgame{
text-align:center;

}

.fullpic{
z-index:100;
height:10em;
}
/*****GAME PAGE*****/
#flashcontent{
margin:0 auto;
text-align:center;
}
#flashcontent .error{
background-color:#FBB;
border:4px solid #800;
padding:.2em;
}
#flashcontent a{
font-size:1em;
}

/*****MESSAGE PAGE*****/
#message{
text-align:center;
}
#message .error{
background-color:#FBB;
border:4px solid #800;
padding:.2em;
}

#message .success{
border:4px solid #784;
background-color:#CD9;
padding:.2em;
}#message .info{
border:4px solid #566;
background-color:#ACD;
padding:.2em;
}


.success{
border:2px solid #784;
background-color:#CD9;
padding:.2em;
}
.info{
border:2px solid #566;
background-color:#ACD;
padding:.2em;
}



#addingcomment{
width:80%;
margin:0 auto;
}
#addingcomment #pic{
margin-top:1em;
width:30%;
float:left;
border:#FFFFFF solid 4px;
}
#addingcomment .error{
margin-bottom:1em;
}
#addingcomment #body{
float:right;
width:66%;
}
#addingcomment p{
font-size:.8em;
}
#addingcomment .button{
width:100%;
}


#userlist{
width:80%;
margin:0 auto;
padding:.4em;
}
#userlist .user{
padding:.2em;
margin:0;
}
#userlist img{
width:2em;
height:2em;
float:left;
border:#FFF solid 4px;
}
#userlist .username, .other{
float:left;
margin:.6em 0 0 .2em;
}
#userlist .other{
float:right;
}

#scores table{
width:40%;
margin:0 auto;
}

/***** NEWS *****/
#news {
padding:0 2em 0 2em;
}

#news .entry {
clear:both;
overflow:auto;
margin-bottom:2em;
}

#news .date {
float:left;
text-align:center;
font-weight:bold;
background-image:url(/images/date.gif);
width:52px;
height:52px;
}

#news .date .m {
font-size:.8em;
margin-top:.15em;
font-weight:normal;
}

#news .date .d {
position:relative;
bottom:.05em;
font-size:1.7em;
}

#news .title {
font-size:1.4em;
font-weight:bold;
border-bottom:#999 dashed 1px;
}

#news .message {
margin-top:.8em;
text-align:justify;
border-bottom:#000 solid 1px;
padding-bottom:.4em;
}

#news .body {
width:88%;
float:right;
}

/***** SCORES *****/
#scores table {
width:40%;
margin:0 auto;
}
#scores #title {
text-align:center;
margin-bottom:1em;
background:#B6B690;
font-size:1.4em;
font-weight:bold;
}