@charset "utf-8";
/* CSS Document */

/* Revista Eletronica de Arte & Cultura
 * Copyright (c) 2008 Ivan "Oz" Osorio
 * Distributed under the GNU GPL v2. */


/* Common HTML elements and definitions */
body {
	background-color: #FFF;
	color: #111; /* Main normal font color. Default value = #111111. */
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center; /* I'm not sure on WHICH text does hing align. The default value is CENTER. */ }

div {
	line-height: 150%; /* Line spacing. Default value = 140%. */
	text-align: justify; /* Main text aligment. Default value = LEFT */ }

table { /* Deals with some of the special fields, like input areas and such. */
	border: 0; /* Draws borders on the area of imput fields. Default valeu = 0. Specs is done is a formating of " (X)px type #color " */
	font-size: 1.0em; }

form {
	margin: 0; }
	
a { /* CHANGE COLORS HERE!! */ /* Links colors. Will be coming back here quite a lot. */
	text-decoration: none; /* Applies on all links of the page. Default value = UNDERLINE. */ }
	
a:link {
	color: #666; }

a:active {
	color: #666; }

a:visited {
	color: #666; }

a:hover { /* Only real note-worthy parametter here. Controls what a link does when the mouse is pointing at it. */
	color: #000; 
	background: none;  /* This parametter controls the background beneath the link in question, functions as a shadow, for so to speak. */ }

a.plain {
	text-decoration: none; }
	
ul { /* Not really sure on what any of these do, but they don't appear to screw anything over, so that's good enough for me. */
	margin: 0.25em 0 0.75em 0;
	padding: 0 0 0 2.5em; }
	
tt { /* Not sure on this one either. */
	font-size: 1.25em; /* Default value = 1.25em. */ }

label.error { /* Error message shown when some field was filled the wrong way and stuff of the sort. */
	color: #C00; }

input.textField, select.selectMenu, textarea.textArea, input.uploadField { /*Controls field for input of data and the sort. */
	background-color: #EEE;
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border-top: 2px solid #000; /* This one and the ones below are pretty self-explanatory. */
	border-left: 2px solid #000;
	border-bottom: 2px solid #CCC;
	border-right: 2px solid #CCC;
	font-size: 1em; }
	
input.button { /* Exacly what the name says. */
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: #E8E8E1;
	font-size: 1em; }

input.defaultButton { /* The "Save Configurations" button, for so to speak. */
	background-color: #000;
	color: #FFF;
	font-weight: bold; }
	
	
/* Main layout elements */
#container {
	width: 800px; /* This sets the default value of the "100%" representation, hence, if this is set to 800px, 80% would be 80% of 800px. If, set for 100% HERE, then 80% would be 80% of the intere size of the screen. */
	margin: 0px auto;
	line-height: 100%; /* I have honest to god no idea on what this does, but looks pretty good this way. Default value = 125%. */
	text-align: center; /* Default value = CENTER. */} 

#header {
	background-color: #FFF;
	width: 100%;
	height: 166px; /* This NEEDS to be EXACLTY 166px with a header of 150x height in order to get a perfect match on IE7 */ 
	text-align: center; }
	
#content {
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	font-size: 0.7em;
	border-top: 2px dotted #666; }
	
#footer { /* I don't really few the need to stik my head on this one, looks quite alright as it is. */
	width: 100%;
	position: static;
	clear: both;
	background-color: #36F;
	text-align: center; }

#footerContent { /* Pretty much the same as above. */
	width: 100%;
	margin: 0 auto;
	padding-left: 10%; }
	
	
/* Sidebar */
#sidebar {
	float: right;
	width:150px;
	background-color: #FFF;
	text-align:left;
	font-size: 0.65em; }

#developedBy {
	text-transform: uppercase;
	font-size: 0.95em; }

#sidebar div.block {
	text-align:left;
	font-size: 1em;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1.5em; }

#sidebar div.block span.blockTitle {
	display: block;
	padding-right: 1em;
	text-transform: uppercase; }

#sidebar div.block span.blockSubtitle {
	display: block; }
	
#sidebar input.textField, #sidebar select.selectMenu, #sidebar input.button {
	font-size: 1em; }

#sidebar a:link { /* Definitions for link colors regarding the sidebar only */
	color: #666; }

#sidebar a:active {
	color: #666; }

#sidebar a:visited {
	color: #666; }

#sidebar a:hover {
	color: #000; 
	background: none; }

	
/* Navigation bar */
#navbar {
	margin-right: 0;
	padding-bottom: 0.5em;
	border-bottom: 2px dotted #666; }
	
#navbar a {
	font-size: 0.6em; }