/*
 This work, by anrxc (sysphere.org) is licensed under the Creative
 Commons Attribution 3.0 license: http://creativecommons.org/licenses/by/3.0
*/

body{
padding:0;
margin:0;
font:76% verdana,tahoma,sans-serif;
background:#313131;
color:#BDB76B;
}

a{
text-decoration:none;
background-color:inherit;
font-weight:bold;
color:#9ACD32;
}

a:hover{
background-color:inherit;
color:#6B8E23;
}
.shade img{
opacity:1;
}
.shade:hover img{
opacity:0.6;
}

h1{
margin:0;
font-size:3.4em;
letter-spacing:-2px;
text-align:right;
background-color:inherit;
color:#7F7F7F;
}

h2{
margin:5px 0 10px 0;
font-size:1.6em;
letter-spacing:-1px;
font-weight:normal;
}

p{
margin:0 0 15px 0;
line-height:1.3em;
}

img{
margin:0 10px 8px 0;
border:0px;
}
.floatleft{
float:left;
}


div#snaps{
margin:0 10px 8px 0;
float: left;
width: 150px;
height: 94px;
}

div#snaps a{
display: block;
height: 150px;
background: url(images/awesome.th.png) no-repeat;
overflow: hidden;
}

div#snaps a:hover{
display: block;
height: 150px;
background: url(images/fvwm.th.png) no-repeat;
overflow: hidden;
}

div#snaps img{
visibility: hidden;
}

#title{
margin:20px auto -9px auto;
width:700px;
}

#container{
margin:0 auto 15px auto;
width:700px;
padding:10px;
background-color:#262626;
color:#BDB76B;
border:20px solid #7F7F7F;
}

#sidebar{
float:right;
width:80px;
padding-right:10px;
}

#main{
width:550px;
float:left;
padding-left:10px;
}

#footer{
clear:both;
}

.plan{
margin: 10px auto;
padding: 5px 10px;
background:#181818;
border:#7F7F7F solid;
border-width: 1px 1px;
width: 420px;
}

.contact{
margin-bottom:0;
font-size:0.8em;
background-color:inherit;
color:#FFD700;
}

.contact a{
background-color:inherit;
color:#FFD700;
}