/**
 * Main style
 *
 * @author		  Nicolas Zanghi
 * @copyright     Copyright 2010, Dario Poroli & Nicolas Zanghi
 * @package       continue this story
 * @version       $Id$
 */

body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: small;
	background: #e8e7e7 url('../img/bg.jpg') 0 0 no-repeat;
	color: #000;
}
img {
	border: 0;
}
hr {
	border: 1px solid #222;
	background: #222;
}

/************************************ links ***********************************/
a {
	color: #000;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/*********************************** titles ***********************************/
h1, h2, h3 {
	font-family: "Times New Roman", serif;
	font-weight: normal;
}
h2 {
	font-size: 26pt;
	margin: 15px 0 5px 0;
}

/********************************* container **********************************/
#container {
	margin: 0 auto;

}

/********************************* header *************************************/
#header_bg {
	background: #222;
}
#header {
	width: 1000px;
	margin: 0 auto;
}
#header a {
	text-decoration: none;
}
/*
#header h1 {
	position: absolute;
	left: 5px;
	margin: 0;
	padding: 0;
	padding: 10px 20px 2px 5px;
	color: #e8e7e7;
	font-size: 22pt;
}
*/
#header h1 {
	margin: 0;
	float:left;
	padding: 30px 20px 2px 5px;
	color: #e8e7e7;
	font-size: 16pt;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#header a {
	color: #fff;
}
#header a:hover {
	text-decoration: none;
}

#social_link {
	position: absolute;
	top: 12px;
	right: 100px;
}

#beta {
	position: absolute;
	right: 0px;
	top: 10px;
	background: #666;
	color: #222;
	padding: 5px 15px 5px 10px;
	font-size: 16pt;
}

/********************************* locale *************************************/
#locale {
	font-size: 16pt;
	width: 480px;
	margin: 0 auto;
	padding: 0;
}
#locale ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#locale ul li {
	padding: 0;
	float: left;
	width: 120px;
	padding: 30px 0 8px 0;
	text-align: center;
	cursor: pointer;
}
#locale ul li.selected, #locale ul li:hover {
	background: #e8e7e7;
}
#locale ul li.selected a, #locale ul li:hover a {
	color: #222;
}
#locale ul li.selected a {
	font-weight: bold;
}
#locale ul li a {
	color: #e8e7e7;
}
#locale ul li a:hover {
	text-decoration: none;
}

/********************************* navigation ************************************/
#navigation_bg {
	width: 1000px;
	margin: 0 auto;
}
#navigation {
	float:left;
	margin: 20px 0 0 0;
	padding: 10px 10px 20px 0;
	border-right: 1px solid #000;
	width: 100px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation ul li {
	margin: 0;
	padding: 0;
	text-align: right;
}
#navigation a {
	font-size: 12pt;
	color: #222;
	text-decoration: none;
}

/********************************* content ************************************/
#content_bg {
	width: 1000px;
	margin: 0 auto;
	min-height: 400px;
}
#content {
	position:absolute;
	width: 710px;
	margin-left: 120px;
}

/********************************* theme *********************************/
.theme {
	float: right;
	font-size: 14pt;
	margin-top: -40px;
	font-family: "Times New Roman", serif;
	font-size: 22pt;
	color: #666;
}
/************************** contribute, add suggestion, etc. ******************/
#add_bg {
	background: #222;
	margin-bottom: 30px;
}
#add {
	padding: 10px;
	bottom: 0;
	color: #e8e7e7;
}
#add_content {
	margin-bottom: 10px;
}
#add a {
	color: #fff;
}
#add h2 {
	font-size: 20pt;
}

/********************************* google ad **********************************/
#ad_v {
	width: 160px;
	height: 600px;
	position: absolute;
	margin-left: 730px;
	top: 10px;
}
#ad_h{
	width: 468px;
	height: 15px;
	margin: 0 0 10px 30px;
}

/********************************* link directory *****************************/
#link_directory {
	color: #aaa;
	font-size: 8pt;
	text-align: justify;
}
#link_directory a {
	color: #aaa;
}

/******************************* AJAX Loader **********************************/
#spinner {
	float: right;
	margin-top: 40px;
}

/********************************* sentence ***********************************/
#sentences, #authors {
	width: 660px;
	min-height: 100px;
	max-height: 450px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 30px 20px 30px;
	margin-bottom: 10px;
}
#senteces {
	line-height: 15pt;
}
#authors {
	margin-top: 30px;
	text-align: center;
}
#sentences p:first-child:first-letter {
	font-size: 22pt;
	font-family: "Times New Roman", serif;
	font-weight: bold;
	color: #222;
	margin-right: 1px;
}
#sentences p {
	text-indent: 50px;
	text-align: justify;
}
.sentence {
/*	padding: 2px;*/
	margin: 0 2px;
}
#link_story {
	float: right;
	margin: -30px 30px 0 0;
	list-style: none;
}

.author {
	font-size: 16pt;
	padding: 10px 20px;
}
.sentence:hover {
	background: #aaa;
}
.sentence:hover {
}
.sentence a:hover {
	text-decoration: none;
}
.report {
	display: none;
}
.report a {
	color: #fff;
}

#sentences_left {

}
#sentences_left .warning {
	color: #f4c00f;
}

/******************************** suggestion **********************************/
.suggestion, .archive {
	background: #222;
	margin: 10px 0;
	padding: 10px;
	color: #e8e7e7;
}
.archive {
	cursor: pointer;
}
.archive:hover {
	background: #333;
}
.suggestion a, .archive a {
	color: #e8e7e7;
}
.suggestion h3, .archive h3 {
	font-size: 14pt;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 10px 0 0 0;
}
.suggestion p, .archive p {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 5px 0;
}

/*********************************** form *************************************/
form {
	margin: 0 20px 10px 20px;
}
form p, label, .text input, textarea, .submit input, button, form fieldset legend {
	font-size: 13pt;
}
form p {
	margin: 10px 0 0 0;
}
label {
	display: block;
	margin-top: 10px;
}
.checkbox {
	margin-top: 10px;
}
.checkbox label, .radio label {
	display: inline;
	margin-left: 10px;
}
.text input, textarea {
	padding: 2px 5px;
	color: #222;
	border: 1px solid #e8e7e7;
}
.text input:hover, textarea:hover {
	border: 1px solid #222;
}
textarea {
	font-family: "Times New Roman", sans-serif;
}
.submit, button {
	margin-top: 10px;
}
form fieldset {
	border: none;
	margin: 10px 0;
	padding: 0;
}
.radio {
	margin-left: 10px;
}
form fieldset legend {
	margin: 0 0 0 -10px;
	padding: 0;
	color: #e8e7e7;
}

/********************************** paging ************************************/
.paging .total {
	float: right;
}

/******************************** Hint box ************************************/
.hintstyle {
	position:absolute;
	top: 0;
	background: #222;
	padding: 3px;
	color: #e8e7e7;
	padding: 5px 10px;
	margin: -30px 0 0 5px;
	max-width: 400px;
}

/******************************** Validation **********************************/
.error {
}
.form-error {
	background: #fbb;
	border: 1px solid #ed1c24 !important;
}
.error-message {
	color: #ed1c24;
	font-weight: bold;
	display: inline;
	margin-left: 10px;
}

/********************************** flash *************************************/
#flashMessage, #authMessage {
	margin: 10px auto 0 auto;
	font-weight: bold;
	width: 700px;
	padding: 10px;
}
#flashMessage.message, #flashMessage.success,
#authMessage.message, #authMessage.success {
	color: #000;
	background: #aaa;
}
#flashMessage.error, #authMessage.error {
	background: #f99;
	color: #000;
}
#flashMessage.notice, #authMessage.notice {
	background: #ffd;
	color: #fa0;
	border: 1px solid #fa0;
}

/*********************************** Log **************************************/
.cake-sql-log {
	margin-top: 50px;
}

/*********************************** Hack *************************************/
#locale ul:after,
#content:after,
#content_bg:after,
.hack_float:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility: hidden;
}