body 
{
    padding:0;
    margin:0 5%;
    color: black; 
    background: #ffffff; 
/*    background: url(board.png);*/
    font: 16px 'Optima', Geneva, Verdana, Helvetica, Arial, sans-serif;
}

 h1 {
/*	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;*/
	font-size: 44px;
	font-weight: normal;
	text-shadow: 2px 2px 3px gray;
}

h5 {
    font-size: 13px;
    margin:4ex 0em 0ex 0em;
    text-align:left;
}

h5 .date {
    color:gray;
    float:right;
}

h3 {
    font-size: 16px;
    margin:3ex 0em 0.5ex 0em;

}

#content h2 {
    padding-left: 45px;
    background: url(board-vsmall.png) no-repeat left center;
    font-size: 22px;
    margin:4ex 300px 1.5ex 0em;
    color: #22a;
/*    text-shadow: 1px 1px 2px gray;*/
    border-bottom: 1px solid #22a;
}

p
{
    margin-bottom: 2ex;
}

strong
{
    color: #222;
}

blockquote
{
    font-style:italic;
}

p.mailto
{
    text-align:center;
}


a.mailto
{
/*    border: 1px solid gray;*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 43px;
    padding-right: 8px;
    background:url(mailicon10082003.gif) no-repeat left center;
    color:#660;
    font-weight: bold;
    font-size: 18px;
}

a.mailto:hover
{
/*    background:url(mailicon10082003.gif) left center;
    color:white;*/
    
}

/*
#download
{
    margin-top: auto;
    margin-bottom:auto;
    text-align:center;
    font-family: Verdana;
    font-size: 14px;
}
*/

div.download
{
/*    border: 1px solid blue;*/
/*    text-align: center;*/
    margin-top: 30px;
    margin-bottom: 30px;
}

a.download
{
/*    border: 1px solid red;*/
    background: url(icon-disk.gif) no-repeat left bottom;
/*    padding: 60px;*/
    padding-top: 22px;
    padding-bottom: 25px;
    padding-left: 75px;
    padding-right: 10px;
    font-size: 14px;
    font-weight:bold;
}

a.download:hover, a.mailto:hover
{
    background-color: #bdd9ff;
    border-right: 1px solid #8497b2;
/*    background: url(icon-disk.gif)  left bottom;*/
}



.important
{
    color:#f60;
    font-weight: bold;
}

/*
a[href^="http:"] {  
    background: url(../img/aoutside.gif) right center no-repeat; 
    padding-right: 10px; 
    margin-right:1px;
}

a[href^="http://www.codingmonkeys.de/"] {
    background:none;
    padding-right: 0px; 
    margin-right: 0px;        
}*/

a.notexternal {
    background:none;
    padding-right: 0px; 
    margin-right: 0px;        
}

img#StoneSaverMainIcon {
	float: left;
	margin-left: -25px;
	margin-top: 0px;
}


.readme
{
/*    content = "coucou";*/
}


img.screenshot
{
    padding:2px;
    border-right: 2px solid #bbb;
    border-bottom: 2px solid #bbb;
}

img.illustration
{
    float: right;
}

#content {
/*    border: 1px solid gray;*/
/*    width: 60%;*/
/*    margin-top:5ex;*/
/*    margin-right: auto;*/
    margin-bottom:3ex;
}

#content p, #content ul
{
    padding-left: 2em;
    padding-top: .5em;
    padding-bottom: .5em;
    border-left: 1px solid #aaa;
    margin-left: 1em;
/*    background-color: #eee;*/
}

#content ul
{
    list-style-image: url(white-li.png);
}

#content img{
    margin:0.5ex 0.5em;
}

div#nav {
/*    border: 1px solid gray;*/

    overflow:hidden;
    float: right;
    width:/*40%;*/300px;
}

#nav .button {
/*    border: 1px dashed gray;*/
    margin:0em 1em 2ex 1.5em;
    text-align: right;
}

img 
{
    border:0px;
    padding:0;
    margin:0;
}

a:link 
{
    color:#427edd;
    text-decoration: none;
}

a:visited 
{ 
    color:#007; 
    text-decoration: none;
}

a:hover 
{
    color: red;
/*    font-weight:bold;*/
    text-decoration: none;
}

div.menu {
    border: 1px solid #a5a5a5;
    background-color: #fdfdfd;
    text-align:left;
    width:90%;/*18.5em;*/
    margin: 0ex 1em 3ex 1em;
/*    font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;*/
}

div.menu div.title {
    color:black;
    font-weight:bold;
    background-color: #e2e2e2;
    border-bottom: 1px solid #a5a5a5;
    padding: 0.5ex 1em 0.5ex 1em;
    font-size:16px;
}

div#features div.title
{
    background-color: #ffe2e2;
}

div#feedback div.title
{
    background-color: #e2ffe2;
}

div#download div.title
{
    background-color: #e2e2ff;
}

div.menu div.menucontent {
    color:black;
    font-weight:normal;
    background-color: #fdfdfd;
    margin: 0.5ex 1em 0.5ex 1em;
    border: 0px;
    font-size:14px;
}

div.menu ul {
    margin: 1ex 0px;
    padding: 0px 15px;
    list-style-image: url(Noir-li.png);/*url(arrow.gif);*/
    text-indent: -0.0ex;
    text-indent: -0.0ex;
}

div.menu ul li {
    margin: 0.3ex 0px;
}

div.menu ul li a.ulheading {
    font-weight:bold;
    position:relative;
    left:-0.6em;
}
            
div.menu ul li div {
    position:relative;
    left:-0.5em;
}

#header {
    text-align:center;
}

#header hr 
{
    color:gray;
    margin:-2ex 0ex 6ex 0ex;
}

#footer {
    font-size:12px;
    text-align:center;
    margin-bottom:5ex;
}

ul#footerlinks
{
    margin: 0px;
    padding: 0;
    list-style: none;
}

#footerlinks li
{
    display: inline;
    border: 1px solid #ddf;
    padding: 3px;
}

#footer hr 
{
    color:gray;
    margin:1ex 0ex 1ex 0ex;
}

#copyright, #lastmod
{
    margin-top: 10px;
    margin-bottom: 0px;
    color: gray;
}


div.clear {
    clear:both;
    height:1px;
}

abbr {
    border-bottom: 1px dotted;
}

ul.featureul div.heading {
    margin-bottom: 1ex;
    font-weight: bold;
}

ul.featureul {
    margin-top: 2.5ex;
}

ul.featureul div.heading {
    margin-top: 1.5ex;
}

ul.featureul li {
    margin-bottom: 1ex;
}

.newbutton {
    font-family: verdana, sans-serif; 
    font-size: 10px;
    font-weight:bold; 
    text-decoration:none; 
    color: white; 
    background-color: #0b0; 
    border-left:1px solid #afa; 
    border-top:1px solid #9c9; 
    border-right:1px solid black; 
    border-bottom:1px solid black; 
    padding:0px 3px 0px 3px; 
    margin:0px;
    display:inline;
}

.rssbutton {
    position:relative;
    top:-0.5ex;
    font-family: verdana, sans-serif; 
    font-size: 10px; 
    font-weight:bold; 
    text-decoration:none; 
    color: white; 
    background-color: #f60; 
    border-left:1px solid white; 
    border-top:1px solid white; 
    border-right:1px solid black; 
    border-bottom:1px solid black; 
    padding:0px 3px 0px 3px; 
    margin:0px;
    margin-left:0.5em;
    display:inline;
}

table.screenshots
{
    width:100%;
    border-spacing:0;
}

table.screenshots td
{
    padding:15px 20px;
/*    vertical-align:center;*/
}

table.screenshots td.screenshot
{
    text-align:center;
}

table.small
{
    border-spacing:0;
    font-size:11px;
    border: 1px solid #a5a5a5;
}

table.small td
{
    padding:1ex 1.5em;
    border-top: 1px solid #e2e2e2;
}


table.striped
{
    width:100%;
    border-spacing:0;
    font-size:11px;
    border: 1px solid #a5a5a5;
}

table.striped tr:hover td
{
    background-color: #b5d5ff;
    background: #b5d5ff;
}

table.striped th
{
    text-align:left;
    padding:0.5ex 2em;
    background-color:#e2e2e2;
    border-bottom: 1px solid #a5a5a5;
}

table.striped td
{
    padding:1ex 2em;
    border-top: 1px solid #e2e2e2;
}

table.striped tr.blue
{
    background-color:#EDF3FE;
}


table.striped tr.white
{
    background-color:white;
}