html{
height: 100%;
}
body{
background: url("images/bottombg.png") no-repeat bottom center #202020;
color:#dbdbdb;
font-family: arial;
font-size: 1em;
text-align: center;
}
h1{
font-size:1.8em;
font-weight: normal;
color: #f48a00;
}
a{color: #ffcb8d}
a:hover{color: #ff961b}

#wrapper{
position: relative;
width: 920px;
text-align: left;
margin-left:auto;
margin-right:auto;
}
#logo{
position: absolute;
top:20px;
z-index:2;
}

#shadow{
width: 100%;
background: #343434;
background: rgba(52, 52, 52, 0.4);
position: absolute;
top:130px;
z-index:3;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#content{
display: none;
margin:10px;
padding:15px;
background: #2a2a2a;
background: rgba(32, 32, 32, 0.85);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.clearfloat{
clear: both;
overflow: auto;
}
.right{
float: right;
}
.left{
float: left;
}
.button div{
display:inline;
background: url("images/stripes.png") repeat;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding: 8px 20px 8px 20px ;
text-shadow: 0px 0px 10px rgba(0, 0, 0, .8);
}
.button{
text-decoration: none;
font-size: .8em;
font-weight: bold;
font-family: verdana;
color: #fabe08;
}
#cont1{
clear: both;
overflow: auto;
}
#avatar{
float: left;
margin-right: 15px;
}

#cont1 .left span{
color: #fff;
}
#buttons{
margin-top:2em;
}
#buttons a{
margin-right: 15px;
}
#icons{
margin-top:1em;
height: 200px;
clear: both;
overflow: auto;
text-align: center;
}
.icon{
position: relative;
top: 50px;
float: left;
width:126px;
height: 150px;
margin-left: 15px;
cursor: pointer;
}
.icon span{
display: none;
position: absolute;
top:80px;
left: 15%;
width: auto;
font-size:.7em;
padding:4px;
background: rgba(24, 24, 24, .8);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#twitter{background: url("images/icons/twitter.png") no-repeat 45px top}
#facebook{background: url("images/icons/facebook.png") no-repeat 50px top}
#wordpress{background: url("images/icons/wordpress.png") no-repeat 20px top}
#skype{background: url("images/icons/skype.png") no-repeat center top}
#gtalk{background: url("images/icons/gtalk.png") no-repeat center top}
#msn{background: url("images/icons/msn.png") no-repeat center top}

#fill{display:none; text-align: center;position:relative; z-index:5;}

#module{
display: none;
float:left;
position: absolute;
top:0px;
left:0px;
text-align:left;
color:#fff;
min-width:650px;
_width:650px;
border: 2.5px solid #000;
background: url("images/modalbg.jpg") repeat-x top #202020;
z-index:596;
}
#moduleshadow{
display:none;
position: fixed;
_position: absolute;
  top: 0px;
  bottom:0px;
  left: 0px;
  right:0px;
height:100%;
width:100%;
background: url("images/module.png") repeat;
z-index:595;
}

#module h1,h2{
font-size: 24px;
margin-bottom:15px;
}

#module #text-area h1{
text-align:left;
font-weight:normal;
color: #ffd201;
margin-bottom:40px;
}
#module #text-area{
font-size:0.9em;
position: relative;
padding:15px 25px 25px 25px;
}
#module #moduleclose{
width:100%;
text-align:right;
color:#777;
font-size:0.7em;
}
#module #moduleclose span{
color: #555;
margin-right:6px;
cursor: pointer;
}

#module #moduleclose span:hover{
color: #777;}

#footer{margin-top:25px;font-size:0.6em;display: block; text-align: center; color: #777;}