/*
 * Open Sonic Website
 *
 * File: style.css
 * Desc: website stylesheet
 * Author: Alexandre Martins, alemartf [.a.t.] gmail [.d.o.t.] com
 */

body { background: #002b52 url('../img/squarebg.png'); margin: 15px; }
img { border:0; }
p { text-indent: 30px; }
p.small { font-size: 9px; }
h1 { font-size: 26px; color: #000; text-decoration: none }
h2 { font-size: 20px; color: #000; text-decoration: none; margin-top: 50px }
h3 { font-size: 14px; color: #000; text-decoration: none }
h4 { font-size: 13px; color: #000; text-decoration: none }
a, a:visited { color: #05f; text-decoration: none; }
a:hover, a:active { color: #a00; text-decoration: none; }
a.faq { color: #000; text-decoration: none; }
h2.space { padding-top: 50px; }
img.avatar { border: 1px solid #000; width: 96px; height: 96px; }

#header {
 background: #002b52 url('../img/logobg.png') repeat-x;
 padding: 0;
 height: 190px;
 text-align: center;
}

#sitemain {
 border: 1px solid black;
 background-color: #fff;
 color: #000;
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 min-width: 765px;
}

#navbar {
 text-align: center;
 border-bottom: 1px solid #035;
 padding: 5px 0px 5px 0px;
}

#navbar a, #navbar a:visited {
 padding: 5px 20px 5px 20px;
 text-align: center;
 font-weight: bold;
 background-color: #fff;
 color: #05f;
 text-decoration: none;
}

#navbar a:hover, #navbar a:active {
 padding: 5px 20px 5px 20px;
 text-align: center;
 font-weight: bold;
 background-color: #035;
 color: #fff;
 text-decoration: none;
}

#content { padding: 0px 5px 0px 5px; }
#designed { text-align: right; padding: 20px 10px 10px 2px; border-bottom: 1px dashed #999; }
#footer { margin: 0 10px 15px 10px; }
#buttonbar { margin-top: 10px; text-align: center; }
#buttonbar img { margin-left: 10px; margin-right: 10px; }
#thumbnail { width: 160px; height: 120px; border: 1px solid #000; float: right; margin: 10px; }

#screenshotarea {
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 width: 720px;
}

#screenshotarea img {
 margin: 0 10px 20px 10px;
 border: 1px solid #000;
 width: 320px;
 height: 240px;
}

ul.faq {
 list-style-type: none;
 list-style-position: outside;
 line-height: 2em;
}

table {
 border: 1px solid #777;
 margin-left: auto;
 margin-right: auto;
 width: 720px;
 border-collapse: collapse;
 border-spacing: 1px;
}

table th {
 background-color: #ddd;
 padding: 3px;
}

table td {
 background-color: #fff;
 padding: 5px;
}

div.announcement {
 background-color: #ee8;
 border: 1px solid #cc0;
 float: right;
 margin-left: 5px;
 margin-right: 5px;
 width: 200px;
 padding: 4px;
}

div.announcement .title {
 font-weight: bold;
 border-bottom: 1px solid #cc0;
 margin-left: 3px;
 margin-right: 3px;
}

div.announcement ul {
 list-style-position: inside;
 color: #cc0;
 margin-left: 0;
 padding: 0;
}

#awardarea {
 float: right;
 margin-left: 30px;
 margin-right: 5px;
 text-align: right;
}

#awardarea ul {
 list-style-type: none;
 list-style-position: inside;
}

#awardarea li {
 margin-bottom: 30px;
}