/*
CSS for http:/alinome.net/tokipona
(cc) 2007-04 Por/Far/By Marcos CRUZ (http://alinome.net)
CSS based on a design called "andreas07" (Version: 1.1, November 28, 2005) by Andreas Viklund (http://andreasviklund.com)
*/

/* ---------------------------------------------------------
Page and tag styles
*/
body
{
margin:0;
padding:0;
color:#303030;

background-color:#fafafa;

font:100% Verdana,Tahoma,sans-serif;
}
ul
{
list-style:circle;
/* margin:15px 0 20px 0; */
margin:0;
padding:0;
}
strong
{
color:#505050;

}
li
{margin:0 0 8px 25px;}
a
{
color:#d85d5d;

font-weight:bold;
text-decoration:underline;
}

a:hover
{
color:#505050;

text-decoration:none;
}

img
{
	border:0;
}

table
{
	margin:1em auto 1em auto;
	border-top:1px dotted #cacaca;
}
td
{
	padding: .5em;
	border-bottom: 1px dotted #cacaca;
}
dt
{
	font-weight:bold;
	margin-bottom:1em;
}
dt .externallinkmark
{
	font-weight:normal;
}
abbr, acronym {
	cursor:help;
}
blockquote {
	background-image:url(img/comillas_30x25_d85d5d.png);
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:32px;
}

/* ---------------------------------------------------------
general clasess
*/
.letter
{
/* 	font:125% Times New Roman, Times, serif;*/
	font:125% Tahona, serif;
}
#source
{
	font-size:90%;
}
.webmastername
{
	font-weight:bold;
}
.email
{
	font-weight:bold;
}
	

/* ---------------------------------------------------------
language classes (doesn't work in XHTML 1.1, with only xml:lang)
*/
/*
span:lang(en)
{
	font-style:italic;
}
span*[lang|="en"]
{
	font-style:italic;
}
*/
p .tp, table .tp, ul .tp, dl .tp, ol .tp
{
	/*
	color:grey;
	font-family: courier new, courier, monospace;
	font-weight:bolder;
	*/
	font-style:italic;
}
a .tp
{
	color:inherit;
	font-family:inherit;
	font-weight:inherit;
	}
.langname
{
}

/* ---------------------------------------------------------
Sidebar area styles
*/
#sidebar
{
position:absolute;
top:0; left:0;
width:220px; height:100%;
overflow:auto;
background:#e0e0e0
url(img/sidebarbg.gif) top right repeat-y;
text-align:right;
padding-top:20px;
}
body > #sidebar /* this is needed by the IE6 fix */
{
position:fixed;
}
#sidebar a
{
color:#808080;

}
#sitetitles
{
height:54px; /* = bg image */
margin:0 18px 1em 1em;
padding-right:46px;
text-align:right;
background:#e0e0e0
url(img/tokipona-logo_41x54_sidebar_andreas07.png) center right no-repeat;
}

#sitetitle
{
color:#d85d5d;

font-size:1.6em;
letter-spacing:-2px;
}
#sitesubtitle
{
color:#808080;

font-size:90%;
font-weight:bold;
letter-spacing:-1px;
}
#sitetitles a, #sitetitles a:hover
{
text-decoration:none;
}
a #sitetitle
{
color:#d85d5d;

/* font-size:1.6em; */
font-weight:normal;
text-align:right;
}
a:hover #sitetitle
{
color:#d85d5d;

}
a #sitesubtitle
{
color:#808080;

}
a:hover #sitesubtitle
{
color:#808080;

}

#sidebar  p
{
margin:0 20px 18px 5px;
color:#606060;

font-size:0.8em;
}

/* ---------------------------------------------------------
language bar
*/
div#langbar {
	text-align:right;
	font-size:90%;
	margin-bottom:1em;
}
div#langbar ul{
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
div#langbar ul li {
	margin-left: 0;
	padding: 0 0 0 4px;
	list-style: none;
	display: inline;
}
div#langbar li + li {
	border-left: 1px solid #CCCCCC;
}

/* ---------------------------------------------------------
Navigation menu styles
*/
#menu ul, #menu li,
ul.enlacespatrocinados, ul.enlacespatrocinados li
{
border:0;
margin:1em 0;
padding:0;
display:inline;
}
#menu li,
ul.enlacespatrocinados li
{
list-style:none;
}
#menu a, #menu .inactive,
ul.enlacespatrocinados a,
enlacespatrocinados p
{
display:block;
width:202px;
padding:5px 18px 5px 0;
color:#606060;

background:#e0e0e0
url(img/sidebarbg.gif) top right repeat-y;
font-size:1.2em;
font-weight:normal;
text-decoration:none;
letter-spacing:-1px;
}
#menu a:hover,
ul.enlacespatrocinados a:hover
{
color:#303030;

background:#f0f0f0
url(img/sidebarbg.gif) top right repeat-y;
}
#menu a.active,
ul.enlacespatrocinados a:active
{
padding:5px 18px 5px 0;
background:#fafafa;

border-top:2px solid #c0c0c0;
border-bottom:2px solid #c0c0c0;
}
#menu a.active:hover
{
color:#505050;

background:#fafafa;

}

/* ---------------------------------------------------------
Content area styles
*/
#content, #footer
{
margin:0 0 0 220px;
background:#fafafa;

}
#content
{
padding:20px 2em 0em;
}
#content p, #footer p
{
margin:0 0 1em 0;
line-height:1.5em;
}
#content h1
{
margin:0 0 1em;
color:#d85d5d;

font-size:2em;
letter-spacing:-3px;
text-align:center;
}
#content h2
{
clear:left;
margin:1em 0 .5em;
color:#808080;

font-weight:normal;
font-size:1.5em;
letter-spacing:-2px;
text-align:center;
}
#content h3
{
clear:both;
margin:30px 0 10px 0;
color:#d85d5d;

font-weight:normal;
font-size: 1.2em;
letter-spacing:-2px;
}
#content h4
{
font-weight:normal;
font-size: 1.1em;
letter-spacing:-1px;
}
/*
blockquote.original, blockquote.translation
{
padding:0;
margin:0;
}
*/

/* ---------------------------------------------------------
Columns
*/
.contentcolumns
{
	clear:left;
}
div.column33
{
float:left;
width:30%;
font-size:90%;
}
div.column33 + div.column33
{
margin-left:4%;
}
div.column50
{
float:left;
width:47%;
}
div.column50 + div.column50
{
float:right;
}
div.columnc
{
clear:left;
width:60%;
margin-left:auto;
margin-right:auto;
}

/* ---------------------------------------------------------
Footer
*/
#footer
{
font-size:80%;
margin-top:1em;
padding:.5em 2em 2em;
color:#808080;
}
address
{
font-style:normal;
margin-top:.5em;
}

/* ---------------------------------------------------------
Footer: W3C links
*/
ul#w3clinks 
{  
	float:left;
	list-style:none;
	display:inline;
	margin: 0 0 .5em .1em;
	padding-left:0;
}
ul#w3clinks li
{
	display:inline;
	margin:0 0 0 .1em;
}
ul#w3clinks a
{
	color:inherit;
	background-color:#FFFFFF;
}

/* ---------------------------------------------------------
Footer: Creative Commons
*/
#cclogo {
	float:left;
	 margin: 0 .5em .5em 0;
}
#cclogo a {
	color:inherit;
	background-color:#FFFFFF;
}
#anybrowser
{
clear:left;
margin-top: .5em;
}

/* ---------------------------------------------------------
Google adsense
*/
#adsensetop {
	margin-bottom: 1em;
	text-align:center;
	/* border-bottom: 1px solid #CCCCCC; */
	padding-bottom:1em;	
}
#adsensebottom {
	clear:both;
	text-align:center;
	margin-top:1em;
	margin-bottom: 0;
	/* border-bottom: 1px solid #CCCCCC; */
	padding-bottom:1em;
}
#adsensebox {
	text-align:right;
	margin:2em 18px 5px 5px;
/*
	float: left;
	margin: 1em auto 1em; */
}

/* ---------------------------------------------------------
enlaces patrocinados 
*/
div.enlacespatrocinados {
	margin-top:2em;
	padding:0;
}
div.enlacespatrocinados p {
	color: #808080;
	text-align:right;
	margin: 0 18px .2em 0;
	font-size:65%;
	}
div.enlacespatrocinados ul {
	font-size:65%;
	}
div.enlacespatrocinados a {
	padding:0 18px 1px 0;
	}

/* ---------------------------------------------------------
Debug
*/
/* .column33, .column50, .columnc { background-color: grey; } */