@CHARSET "UTF-8";
/* Some Cake stuff {{{ */
th {
	background-color: #f2f2f2;
	text-align: center;
	font-weight: bold;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
/* }}} END Cake stuff */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page layout
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
html {
	background-image: url('../img/page-background.png');
	background-repeat: repeat-x;
	background-color: #313d49;
	margin: 0;
	padding: 0;
}

body {
	font-size: 85%;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

div#flags {
	position: absolute;
	top: 0;
	right: 0;
}
div#flags a {
	margin-right: 0.5em;
}
div#flags img {
	border: 0;
}

div#header {
	color: white;
	margin: 30px auto 10px auto;
	font-weight: bold;
	font-size: 150%;
	height: 42px;
	padding: 20px 0 0 110px;
	background: transparent url('../img/demyo.png') no-repeat left top;
	width: 765px;
}

div#content {
	margin: auto;
	width: 975px;
	padding: 5px 10px 10px 5px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border:1px solid #ccc;
	border-top: 0;
	background-color: white;
	min-height: 300px;
}

div#footer {
	background-image: url('../img/footer-background.png');
	background-repeat: repeat-x;
	background-position: top left;
	color: #aaa;
	background-color: #0a1622;
	text-align: center;
	margin: 0;
	padding: 32px 0.25em 0.25em 0.25em;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #2a3b4d;
}
a:hover {
	text-decoration: underline;
}

h1 {
	color: #121c26;
	border-bottom: 1px solid #ccc;
	font-size: 150%;
	margin-top: 1em;
}

h2 {
	color: #1a2837;
	font-size: 125%;
	margin-top: 0.5em;
	weight: bolder;
}

h3 {
	color: #283645;
	margin-top: 0.15em;
	font-size: 115%;
}

p {
	margin-top: 0.15em;
	margin-bottom: 0.85em;
}

table {
	margin: auto;
	border-collapse: collapse;
	vertical-align: top;
}

table td {
	border: 1px solid #ccc;
	padding: 6px;
}

hr {
	margin: 0.5em 25% 0.5em 25%;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top-width: 1px;
	border-top-style: solid;
}

dl dd {
	margin-bottom: 1em;
}

li {
	margin-bottom: 0.4em;
}

input, textarea {
	width: 80%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Menu
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*ul#menu {
	list-style-type: none;
	margin: auto;
	width: 975px;
	padding: 0 18px 0 0;
	height: 30px;
}

ul#menu li {
	float: left;
	color: white;
	padding: 5px 1em 5px 1em;
	margin-right: 2px;
	font-size: 20px;
	height: 20px;
	background-color: #2a3b4d;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

ul#menu li:hover {
	background-color: #4e5d64;
}

ul#menu li a {
	color: white;
	text-decoration: none;
}*/

ul#menu {
	background-image: url('../img/menu-background.png');
	background-repeat: repeat-x;
	list-style-type: none;
	margin: auto;
	width: 975px;
	height: 30px;
	background-position: top right;
	padding: 6px 7px 0 8px;
	margin-bottom: -7px;
	text-align: center;
	border: 1px solid white;
}

ul#menu li {
	display: inline;
	color: white;
	padding: 3px 1em 0 1em;
}

ul#menu li a {
	color: white;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Home page
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div#latest-release {
	background-color: #313d49;
	border: 5px solid #4e5d64;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: white;
	min-height: 200px;
}

div#latest-release h1 {
	color: white;
	border: 0;
}

div#latest-release div#screenshots {
	float: left;
	width: 48%;
	height: 180px;
	margin: 10px 0 10px 10px;
	overflow: hidden;
	text-align: center;
}

div#latest-release div#screenshots a {
	width: 100%;
}

div#latest-release div#info {
	margin-left: 52%;
}

div#latest-release div#info a {
	color: white;
}

div#latest-release h1 {
	font-size: 150%;
}

div#latest-release div#download {
	background: #28C528 url('../img/download.png') no-repeat 10px center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #070;
	padding: 5px;
	padding-left: 65px;
	margin: 10px;
	margin-left: 0;
	line-height: 180%;
}

div#latest-release div#download a.main {
	font-size: 180%;
	font-weight: bold;
	text-decoration: underline;
}
div#latest-release div#download a.main:hover {
	text-decoration: none;
}
div#latest-release div#download {
	font-size: 85%;
}
div#latest-release div#download a {
	display: block;
	color: #040;
	font-weight: normal;
}

div#olderNews {
	font-size: 80%;
	font-variant: italic;
	float: right;
	border-left: 1px solid #ccc;
	width: 18%;
	padding: 5px;
}
div#olderNews a {
	display: block;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * News
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div.news {
	margin: 1em 0.5em 3em 0.5em;
}

div#latestNews div.news {
	width: 78%;
}

div.news div.title {
	float: left;
}

div.news div.meta {
	text-align: right;
	color: #aaa;
	border-bottom: 1px solid #ccc;
	font-size: 80%;
	height: 2em;
	margin-bottom: 0.5em;
}

div.more {
	text-align: right;
	font-size: 90%;
}

div.more span {
	color: #2a3b4d;
	cursor: pointer;
}
div.more span:hover {
	text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Releases
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div.release.latest {
	background-color: #E8EEF1;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #36434E;
	padding: 5px;
	margin: 10px;
	line-height: 110%;
	color: white;
}

div.release.latest div.release-meta {
	color: black;
	border-color: white;
}

div.release.latest h2, div.release.latest a, div.release.latest strong {
}
 
div.release-meta {
	font-size: 90%;
	border: 1px solid #ccc;
	color: #333;
	padding: 0.25em;
}

div.release-teaser {
	font-style: italic;
	margin: 0.25em 0 0.5em 0;
}

div.main-download {
	background: white url('../img/download-whitebg.png') no-repeat 10px 10px;
	border: 3px solid #070;
	-moz-border-radius: 5px;
	padding: 0.25em;
	padding-left: 65px;
}

div.download-meta {
	text-align: center;
}

div.download-meta-short {
	text-align: left;
	font-size: 85%;
	margin-top: -1em;
}

div.related-downloads {
	border: 1px solid #ccc;
	margin: 0 5px 1em 10%;
	font-size: 85%;
	padding: 0.15em;
	color: #333;
}

div.related-downloads hr {
	border-color: #ccc;
}

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

table.screenshots td div {
	text-align: center;
	font-size: 80%;
	color: #333;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Downloads
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div.download-link {
	font-size: 130%;
	border: 1px solid #48565C;
	padding: 0.5em;
	margin: 0.5em 25% 1em 25%;
	text-align: center;
	background: white url('../img/download-whitebg.png') no-repeat 10px 5px;
	min-height: 40px;
}

div.download-link span.download-meta {
	color: #424242;
	font-size: 60%;
	display: block;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Help
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body div.help-navigation {
    margin-bottom: 1em;
}

body div.help-navigation div.help-previous {
    float: left;
    width: 30%;
}

body div.help-navigation div.help-parent {
    text-align: center;
    width: 30%;
    margin: auto 33% auto 33%;
    height: 1.5em;
}

body div.help-navigation div.help-next {
    float: right;
    width: 50%;
    text-align: right;
    margin-top: -1.5em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Contact
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

form.contact textarea {
	margin-left: 60px;
}

form.contact div.buttons {
	margin-left: 300px;
}

form.contact div#website_wrapper {
	display: none;
}

p.contact_result {
	margin: 2em auto 1em auto;
	padding: 0.75em;
	width: 80%;
	border: 1px solid black;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

p.contact_result.success {
	border-color: #090;
	background-color: #aea;
}

p.contact_result.failure {
	border-color: #900;
	background-color: #eaa;
}