/* Common */
body{font-size: 12pt; font-family: "Arial", Verdana, Serif;margin:0px;background: #fff url('../img/header-bgr.gif') left top repeat-x;}
a{color: #555;}

a.vote{text-decoration: none;font-weight: bold;}
.good{color: green;}
.bad{color: darkred;}
.spam{color: black;}

span#voting .good{padding: 3px 0 3px 25px; background: #fff url('../img/good.gif') left center no-repeat;}
span#voting .bad{padding: 3px 0 3px 25px; background: #fff url('../img/bad.gif') left center no-repeat;}
span#voting .spam{padding: 3px 0 3px 25px; background: #fff url('../img/spam.gif') left center no-repeat;}

.vote .thanks{color: green;}
.errorText{padding:2px;}
.center{text-align: center;}
.index{width: 80%; margin: 0px auto;}
a img{border: none;}
.clear{clear: both;}
.red{color: #f00;}

/* Header */
#logo{background: url('../img/logo.png') left center no-repeat;	height: 126px; width: 372px;}
#logo #alt-title{display: none;}
.description{ position: absolute; top: 73px; overflow: hidden; font-size: 10pt; font-weight: bold; margin-left: 352px; width: 624px; color: #fff;}

/* Footer */
#footer{background: url('../img/footer.gif') left top repeat-x; }
#footer #menu{width: 1000px; font-size: 80%; color: #fff; padding-left: 10px; padding-top: 7px;}
#footer a{color: #fff; text-decoration: none;}
#footer a:hover{text-decoration: underline;}


/* Languages */
#languages {margin: 0;padding: 0;position: absolute; bottom: 28px; font-size: 80%;}
#languages div {border-left: 1px solid #888; border-right: 1px solid #888; border-top: 3px solid #888; background-color: #ccc;}
#languages div ul {list-style: none; margin: 0px; padding: 0px;}
#languages div li{border-top: 1px solid #888;}
#languages div a{text-decoration: none; padding: 3px; display: block;}
#languages div a:hover{background-color: #888; color: #fff;}
#languages span.selected-lang{color: #f00;}

/* Content */
#content{}
.page{margin-left: 15px;}

/* Sentence */
#sentence {font-family: "Serif"; font-size: 400%; padding: 0px; margin:0px; text-align: center; width: 90%; margin: 0px auto;}
#sentence .computed{font-style: italic;	color: #555;}
#author{font-size: 90%;	color: #888888;	font-style: italic; text-align: center}
#author span{font-style: normal;}
#permalink{font-size: 80%; line-height: 2em;}


/* The button */
#button{clear: both;text-align:center;position: absolute;bottom: 40px;width: 100%;}
#button a{background-image: url('../img/inspired.png');	background-position: center 4px; background-repeat: no-repeat; width: 204px; padding: 15px 0 25px 0; text-align:center;	display:block; text-decoration: none; color: #fff; font-size: 130%; margin: 0 auto;}

/** Form **/
form.sentence{width: 100%;}
h1.form{padding: 0px;}
form.sentence .reload{float:right;}
form.sentence .sentence{text-align: center;width: 95%; float: left; }
form.sentence .sentence div.input {width: 20%;float:left;}
form.sentence .sentence input {width:95%;font-size: 120%;text-align: center;border: none;border-bottom: 2px dashed #555;}
form.sentence .sentence .computed{padding: 3px 0px;font-size: 130%;font-style: italic;color: #555;}
#exp{float:left;width: 30%;color: #666;font-size: 80%;}
.additionalFields {width:30%;float:left;padding-left: 10px;padding-bottom: 1px;}
.additionalFields .input{}
form.sentence .submit{float: left;width: 34%;text-align: center;}
form.sentence a.submit{padding-top: 8px; display: block; width: 81px; height: 28px; color: #fff; text-decoration: none; font-weight: bold; background: #fff url(../img/submit.png) center center no-repeat;}
/*form.sentence .submit input{font-size: 200%;}*/
.submit input{display: none;}
#error {height: 30px;}
#errorContent{padding: 5px; font-size: 80%; margin-bottom: 20px;}

/* Contact form */
form#contact{width: 60%; float:left;}
form#contact textarea{width: 250px;}
form#contact label{width: 200px !important; display: block; float:left; padding-right: 5px; text-align: right; width: 150px;}
form#contact .submit{text-align: center;}
form#contact a.submit{margin-left: 205px; padding-top: 8px; display: block; width: 81px; height: 28px; color: #fff; text-decoration: none; font-weight: bold; background: #fff url(../img/submit.png) center center no-repeat;}
.contactExplanation{float:left; width: 35%; height: 200px; padding: 10px;}

/* about content with */
.about{width: 550px;}

/* Tables */
table{width: 100%;}
table th{border-top: 1px solid #888; border-bottom: 1px solid #888; padding: 5px 0; background-color: #666; color: #fff;}
th a{text-decoration: none; color: #fff}
table td{border-bottom: 1px solid #666;	padding: 3px 0 3px 3px;}
table td a{text-decoration: none;}
table tr.altrow{background-color: #efefef;}
div.stat{border-bottom: 1px solid #666;font-size: 80%;margin-bottom: 10px;	padding: 2px 0 2px 3px;	background-color: #888;	color: #fff;}

/* Paging */
div.paging {color: #444;margin-bottom: 2em;}
div.paging div.disabled {color: #aaa;display: inline;}

/* Flash Message*/
.flash{padding-left: 15px;}
.message{float: left;}

#maindata{position: absolute; top: 35%; width: 100%;}

/* Help corner */
#corner {position: absolute; top: 0px; right: 0px;}