@CHARSET "UTF-8";

.clearfloat {clear: both;}

html, body {height: 100%;}

body {
	background: url('../img/fondo.jpg') center -110px no-repeat;
	background-attachment: fixed;
	text-align: center;
	font-family: "Trebuchet MS", "Verdana", Arial, Helvetica, sans-serif;
	color: #122C45;
	font-size: 15px;
	margin: 0;
	padding: 0;
}

a {
	color: rgb(63,87,115);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div.center {width: 100%; text-align: center;}

h1, h2, h3, h4, h5, h2 a {color: #54416A; font-weight: normal;}

h1 {text-shadow:1px 1px 5px #999; margin-bottom: 8px;}

h2 {font-size: 30px; text-shadow: 1px 1px 5px #777; }

h3 {font-size: 16px; text-shadow: 1px 1px 5px #999;}

.error-message {color: #AA3038; font-size: 13px;}

.cake-debug {text-align: left;}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

div.hr {height: 1px; width: 100%; background-color: #ccc; margin: 30px 0 15px 0;}

div#flashMessage, div.flashErrorMessage, #fixedFlashContainer > div {
	background-color: #a8b8e6;
	margin-bottom:5px;
	padding: 10px 0 10px 0;
	text-align:center;	
	min-height: 20px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
div.flashErrorMessage {
	background-color: #e6a8ac !important;
	color: #aa3038 !important;
}

div#flashMessage a, div.flashErrorMessage a {font-weight: bold;}

.success {
	background-color: #a7e69f !important;
	color: #275421
}
.success a {
	color: #275421;
	text-decoration: underline;
}

#fixedFlashContainer {
	width: 100%;
	text-align: center;
	position: fixed;
	top: 30px;
	left: 0;
}

#fixedFlashContainer > div {width: 900px; margin: auto; opacity: 0.9}

div#container {
	width: 100%;
	background: transparent url('../img/shadow.png') repeat-y center;
	margin: 0;
	min-height: 100%;
}

div#innerContainer{
	width: 960px; 
	margin: auto;
	text-align: left;
}

div#content{padding: 45px 40px 30px 44px;}
div.content-wrapper {padding: 0 10px;}

div#footer {text-align: center; font-size: 13px; padding: 14px 0;}
div.footer-separator {width: 400px;margin: auto;}

div#breadcrumbs {margin-bottom: 15px;}
#register-link {float: right;}

div#logo {float: left; height: 195; width: 48px;}
div#logo * { background-image: url('../img/logo_sprite.jpg'); width: 481px;}
div#logo a {display: block; height: 136px;background-position: 0 0; outline: none;}
div#logo a:hover {background-position: 0 -136px;}
div#logo div {height: 59px; background-position: 0 -272px;}
div#login {float: right; width: 250px; height: 160px; padding: 20px 10px 0 0; font-size: 14px;}
div.loginBox {width: 202px;}
div#login div.submit input {float: right;}

input[type="text"], input[type="password"] {
	width: 190px;
	height: 17px;
	border: 1px solid #9385a3;
	font-size: 14px;
	padding: 4px 6px 4px 4px;
	color: #122C45;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 0 6px #BBB;
	-webkit-box-shadow: inset 0 0 6px #BBB;
	box-shadow: inset 0 0 6px #BBB;
}

textarea {
	border: 1px solid #9385a3;
	padding: 6px;
	width: 188px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 0 6px #BBB;
	-webkit-box-shadow: inset 0 0 6px #BBB;
	box-shadow: inset 0 0 6px #BBB;
}

button, input[type="submit"]{
	background: #fff;
	width: 93px;
	height: 25px;
	border: 1px solid #9385a3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset -1px -1px 4px #BBB;
	-webkit-box-shadow: inset -1px -1px 4px #BBB;
	box-shadow: inset -1px -1px 4px #BBB;
	color: #51406A;
	cursor: hand;
	padding-top: 2px;
}

button.clicked, input[type="submit"].clicked {
	-moz-box-shadow: inset 1px 1px 4px #BBB;
	-webkit-box-shadow: inset 1px 1px 4px #BBB;
	box-shadow: inset 1px 1px 4px #BBB;
}

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; }

button:focus, input[type="submit"]:focus {
	background-position: 0 -52px;
	outline: none;
	outline-width: 0;
}

label  { display:block;}

label.error {color: #d60737; font-size: 13px; font-weight: bold;}

div.forums.index h2 {display: inline;}
div.forums.index h2 a {float: none; display: inline;}

p.forumDescription {font-size: 18px; margin: 0 0 10px 0; font-style: italic;}
span.forumStatus {font-style: italic;}

h2.listing, h2.listing a {
	font-size: 24px;
	color: #377F69;
	text-shadow:1px 1px 5px #999;
}

div.forumListingContainer {width: 700px; float: left;}
div.forumListingActions {width: 176px; float: left; }

div.forumListingContainer h2 a {float: left;}
div.forumListingContainer span.forumStatus {font-size: 30px;}

span.forumStatus {color: #9c98bf}

.forumNoAccess, .borderBox {
	border: 1px solid #54416A; 
	padding: 10px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
}

.forumNoAccess #ForumForumCode {margin-bottom: 10px;}

/* Top right menu */
div.listingHeader h1, div.listingHeader h2 {float: left; margin-top: 0; max-width: 500px;}
div.listingHeader ul {
	float: right; 
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
	opacity: 0.95;
}
div.listingHeader ul li {
	float: left; 
	display: block;
	height: 20px;
	background: #cfe1ec;
	color: #fff;
	padding: 6px 6px;
	border: 1px solid #838cd2;
	border-width: 1px 1px 1px 0;
	opacity: 0.9;
}
div.listingHeader ul li:first-child {
	border-width: 1px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
div.listingHeader ul li:last-child, div.listingHeader ul li.last-child {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
div.listingHeader ul li:hover {background: #dce6ec;}
div.listingHeader ul li a {color: #6971b6;}
div.listingHeader ul li:hover a {text-decoration: none;}

/* Post Comments */
div.commentLeft {width: 45%; float: left;}
div.commentLeft label {float: left;}
div.commentLeft label.error {clear: both; width: 175px; float: right;}
div.commentLeft input {float: right;}
div.commentLeft div.textarea label {float: none;}
div.commentLeft div.clearfloat {height: 8px;}
div.commentLeft div.textarea textarea {clear: both; width: 388px;}
div.captchaContainer {float:right; width:188px;}
div.captchaContainer span {font-size: 90%; font-style: italic;}
div.captchaContainer img {margin-top: 5px;}
#CommentCaptchaValidation {float: right; clear: both;}
div.commentRight {width: 45%; float: right;}
div.commentLeft.large {width: 520px;}
div.commentLeft.large div.submit input {float: none;}
#registerSuggestion {margin-top: 60px;}

/* Register */
#UserRegisterFormContainer {width: 450px; float: left; margin-left: 15px}
.users.form h1 {margin-bottom: 20px;}
form.aligned label {float: left; width: 150px;}
form.aligned div.error-message {clear:both;	padding-left:160px;	text-align:left;}
form.aligned input {float: left; margin-right: 10px;}
form.aligned div.row {margin-bottom: 14px;}
form.aligned div.captchaContainer {float: left;}
form.aligned div.checkboxLabel {float: left; width: 160px;}
form.aligned div.checkboxLabel.long {float: left; width: auto;}
form.aligned div.row.right div.submit {margin-left: 260px;}
form.aligned div.row.center div.submit {margin-left: 120px;}

#registerForumCode, #registerSuggestion {float: right; width: 350px; margin-right: 15px;}
#registerForumCode h3, #registerSuggestion h3{margin-top: 2px;}
div.captchaContainer div.error-message, #registerForumCode div.error-message {padding: 5px 0;}
#registerForumCode div.error-message {text-align: center;}

/* Post Add */
#PostAddForm input[type="text"] {width: 300px;}
#PostAddForm textarea {width: 500px;}