/**
* @author Alejandro Lapeyre <ale@alejandrolapeyre.com.ar>
* @package Alo.Style
* @copyright 2009 Alejandro Lapeyre
*/


body 
	{
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	background: #ffe;
	color: #000;
	font-size: 10pt;
	}


textarea 
	{
	width:90%; height:200px;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	}


#wrap 
	{
	width: 750px;
	margin: 10px auto;
	text-align: left;
	background: #fff;
	}

#contents, #footer {padding: 20px;}


#main {
	float: left;
	width: 534px;
	overflow:hidden;
	padding-right: 15px;
	padding-left: 0px;
	}


#main       .max_width {max-width: 534px;}
#main #col1 .max_width {max-width: 342px;}
#main .col1 .max_width {max-width: 342px;}
#main #col2 .max_width {max-width: 162px;}
#main .col2 .max_width {max-width: 162px;}
#sidebar    .max_width {max-width: 146px;}

#main       .width {width: 534px;}
#main #col1 .width {width: 342px;}
#main .col1 .width {width: 342px;}
#main #col2 .width {width: 162px;}
#main .col2 .width {width: 162px;}
#sidebar    .width {width: 146px;}

#main       .safewidth {width: 532px;}
#main #col1 .safewidth {width: 340px;}
#main .col1 .safewidth {width: 340px;}
#main #col2 .safewidth {width: 160px;}
#main .col2 .safewidth {width: 160px;}
#sidebar    .safewidth {width: 144px;}


#main #col1,
#main .col1 
	{
	float: left;
	width: 342px;
	padding-right: 15px;
	overflow:hidden;
	}

#main #col2,
#main .col2
	{
	float: left;
	width: 162px;
	padding-left: 15px;
	overflow:hidden;
	background: url("dot1.gif") repeat-y;
	}

#sidebar 
	{
	float: left;
	width: 146px;
	padding-left: 15px;
	padding-right: 0px;
	overflow: hidden;
	background: url("dot1.gif") repeat-y left;
	}

#sidebar #contenido ul {list-style-type:none; margin-left:0; padding-left:0;}
#sidebar #contenido li {margin: 5px 0;}


/*
* Nav menu
*/
#nav 
	{
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	padding: 0.1em 0 1em 0;
	background: #eee;
	}

#nav ul {list-style-type: none; margin: 0; padding: 0;}
#nav li {display: inline; margin: 0; padding: 0;}

#nav, #nav a 
	{
	color: #93A81C;
	border-top: 5px solid;
	text-decoration: none;
	}
#nav a 
	{
	background: url('dot.gif') repeat-y;
	padding: 0.1em 1.5em 1em;
	}
#nav a:hover
	{
	color: #58CEEF;
	}
#nav a.selected 
	{
	color: #4785A3;
	background-color: #fff;
	}

/*
* nice date
*/
.date 
	{
	float: right;
	margin: 0 0 20px 20px;
	padding: 5px 10px;
	text-align: center;
	font-size: 1em;
	line-height: 1em;
	background: #eee;
	color: #000;
	}	

.date .day   {display: block;font-size:1.2em;font-weight: bold;}
.date .month {display: block;}
.date .year  {display: block;font-size: 0.7em;}


h1, h2, h3 {color: #4785A3;}
h1 {font-size:1.4em; font-weight:normal;}
h2 {font-size:1.3em; font-weight:normal;}
h3 {font-size:1.05em;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:1px solid;}
a {color: #93A81C;}
a:hover {color: #58CEEF;}

#main .entry 
	{
	margin: 2em 0;
	padding: 2em 0;
	border-bottom: 1px dotted #93A81C;
	}

/**
* Form
*/
#col1 textarea,
#col1 input.text,
.col1 textarea,
.col1 input.text
	{
	border: 1px solid #93A81C;
	padding: 3px;
	width: 334px;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	}


.center  {text-align: center;}
.left    {text-align: left}
.right   {text-align: right;}
.justify {text-align: justify;}
.smaller {font-size: 90%;}

.input_ok
	{
	background: url('/common/icon_ok.gif') no-repeat 5px 50%;
	padding: 5px 5px 5px 25px;
	border: 1px solid #bfb;
	background-color: #f0fff0;
	color: #050;
	}

.input_err
	{
	background: url('/common/icon_err.gif') no-repeat center left;
	padding-left: 20px;
	color: #900;
	}

.LINK 
	{
	background: url('a.gif') no-repeat center left;
	padding-left: 10px;
	}

.EXTERNAL_LINK 
	{
	background: url('external_link.gif') no-repeat center left;
	padding-left: 15px;
	}

/*
#main .label {display:none;}
*/


.AHAL {font-family:'Comic Sans MS', sans-serif;color: #800000}
.COPLITA {font-family:'Comic Sans MS', sans-serif; font-weight: bold;}
.MAIL {background-color: #eee; font-size: 90%; font-style:italic; padding:0.5em;}
.REFERENCIA, .MAIL, .MAIL A{color: #666;}
.PIEFOTO, .FOTO {color: #366;}
.FOTO .CREDIT {color: #888; font-size:90%}