/* HTML Elements */
body { height: 100%; }
body { font-family: tahoma, arial; font-size: 11px; line-height: 11px; padding: 0; margin: 0; background-color: #eee; cursor: default; color: #5f5f5f; }
input, textarea, select { font-family: tahoma, arial; font-size: 11px; }
p { line-height: 15px; margin: 0; padding: 4px 0 4px 0; }
h1 { font-size: 22px; font-family: "Trebuchet MS", arial; margin: 3px 0 5px 0; }
h2 { font-size: 13px; font-family: "Trebuchet MS", arial; margin: 2px 0 3px 0; }
h3 { font-size: 14px; font-family: "Trebuchet MS", arial; margin: 2px 0 3px 0; color: #444; margin: 20px 0 10px 0; }
a img { border: 0px; }
a:link    { color: #0066CC; }
a:visited { color: #003366; }
a:hover   { text-decoration: none; }
a:active  { color: #9DCC00; }
ul { list-style: none; padding: 0; margin: 5px 5px 5px 20px; }
ul li { margin-bottom: 5px; }


/* Classes */
.spacer { display: block; float: none; clear: both; font-size: 1px; height: 1px; }
.hilite { background-color: #ffffa8; }
a.special { color: #0066CC; }
a.special:visited { color: #0066CC; }
a.special:hover   { text-decoration: none; }

img.img1 { margin-bottom: -2px; }

ul.menu { padding: 5px 0 0 0;  margin: 0 0 0 25px; list-style: url('images/bullet.gif') outside; color: #ccc; }
ul.menu li { margin-bottom: 6px; }
ul.menu a, ul.menu a:visited { color: #0066CC; text-decoration: underline;  }
ul.menu a:hover { color: #fe42ff; }

p.screenshot { margin: 3px; float: left; height: 130px; text-align: center; }
p.screenshot a { border: 5px solid #f0ffd2; display: block; float: left; }
p.screenshot a img { display: block; float: left; border: 1px solid #73c000; }
p.screenshot a:hover { border-color: #ffeafd; }
p.screenshot a:hover img { border-color: #ee00dd; }
p.screenshot span { display: block; clear: both; text-align: center; color: #388000; }

.news { margin: 0 0 15px 0; }
.news h3 { margin: 0; color: #299eff;}
.news-top { margin: 0; padding: 6px 4px 4px 6px; background-color: #fff;  background-color: #fafafa; border-left: 2px solid #bdff0c; }
.news-top p { margin: 0; padding: 4px 0 0 0; font-size: 10px; line-height: 10px; color: #aaa;}
.news-content { color: #444; margin: 0; }
.news-content p { padding: 5px 5px 0 5px; line-height: 16px; }

.thumbnails-list { text-align: center; margin: 5px; }
.thumbnails-list a { display: block; float: left; border: 5px solid #f0ffd2; margin: 5px;  }
.thumbnails-list img { border: 1px solid #73c000; display: block; }
.thumbnails-list a:hover { border-color: #ffeafd; }
.thumbnails-list a:hover img { border-color: #ee00dd; }

a.image_link { display: block; float: left; border: 5px solid #f0ffd2; margin: 5px;  }
a.image_link img { border: 1px solid #73c000; display: block; }
a.image_link:hover { border-color: #ffeafd; }
a.image_link:hover img { border-color: #ee00dd; }

ul.text { list-style: disc outside; margin: 0 0 0 25px; padding: 0 }
ul.text li { margin: 0 0 5px 0; line-height: 15px; }
ol.text li { margin: 0 0 5px 0; line-height: 15px; }

.safe-mode-box { border: 1px solid #e7ff80; padding: 0 5px 0 5px; background-color: #faffe0; color: #222; margin-bottom: 20px }
.safe-mode-box p { padding: 5px 0 5px 0; text-align: center; }


/* IDs */
#container1 { width: 700px; padding: 0; margin: 20px auto 10px auto; border: 4px #e5e5e5 solid; }
#container2 { padding: 5px; background-color: #fff; border: 1px #d0d0d0 solid; }
#top { margin-bottom: 3px; }
#top a { display: block; height: 50px; background: url('images/topbar.png') no-repeat bottom left; }
#top a strong { display: none; }
#content { margin-top: 3px; background: url('images/bg_left.png') repeat-y; }
#content_left { width: 155px; padding: 8px; float: left; color: #444; }
#content_left h2 { font-family: arial; color: #3b93ff; font-size: 14px; background-color: #fafafa; padding: 4px; }

#content_right { width: 495px; padding: 8px 10px 5px 10px; float: left; background-color: #fff; margin-bottom: -2px; }
#content_right h3.first { margin: 5px 0 3px 0; }