/*
Theme Name: Klarita Lee
Theme URI: http://pocagentesabe.com/
Description: Theme for LaBellaMaffia.com
Version: 1.0
Author: Martin Korben
Author URI: http://pocagentesabe.com/martin
*/

body {
	margin-left: 0px;
	margin-right: 48px;
	
	margin-top: 0px;
	background-image: url(http://labellamaffia.com/back2.gif);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	background-color: #FFFFFF;
	font-family: Lucida Sans, Lucida Grande;
	color: #000;
	text-align: center; }
 
#container {
	margin: 0 auto;
	width: 1000px;
	position:relative;
	z-index:1;
	background-image: url(http://labellamaffia.com/palmeras.gif);
	background-repeat: no-repeat;
	background-position: 24 0; }
 
p { margin: 0px auto 11px auto; }
 
.titulo {
	font-size: 63px;
	color: #FFF;
	background-color: #000;
	width: 555px; }
 
	.titulo a { text-decoration: none; }
 
		.titulo a:link {
			font-size: 63px;
			color: #FFF;
			background-color: #000;
			width: 555px; }
 
		.titulo a:visited {
			font-size: 63px;
			color: #FFF;
			background-color: #000;
			width: 555px; }
 
		.titulo a:hover {
			font-size: 63px;
			color: #FFF;
			background-color: #000;
			width: 555px; }
 
.menu {
	font-size: 33px;
	margin: 11px auto 0px auto;
	color: #000; }
 
	.menu x {
		color: #FFF;
		background-color: #000; }
 
	.menu a { text-decoration: none; }
 
		.menu a:link {
			color: #FFF;
			background-color: #FF0066; }
 
		.menu a:visited {
			color: #FFF;
			background-color: #FF0066; }
 
		.menu a:hover {
			color: #FFF;
			background-color: #000; }
 
		.menu a:active {
			color: #FFF;
			background-color: #FF0066; }
 
.submenu {
	font-size: 22px;
	color: #000;
	margin: 39px auto 0px auto }
 
	.submenu a { text-decoration: none; }
 
		.submenu a:link { color: #FF0066; }
 
		.submenu a:visited { color: #FF0066; }
 
		.submenu a:hover { color: #000; }
		
.bottom {
	font-size: 22px;
	color: #000;
	margin: 39px auto 22px auto }
	
.foto {
	font-size: 22px;
	color: #000;
	margin: 48px auto 22px auto; } 
		
.flecha {
	font-size: 22px;
	color: #000;
	margin: 22px 116px 0px 116px;
	text-align: right; }
 
	.flecha a { text-decoration: none; }
 
		.flecha a:link { color: #FF0066; }
 
		.flecha a:visited { color: #FF0066; }
 
		.flecha a:hover { color: #000; }
 
.titulos {
	font-size: 33px;
	color: #000;
	margin: 40px 55px 0px 116px;
	text-align: left; }
 
	.titulos a { text-decoration: none; }
 
		.titulos a:link { color: #000; }
 
		.titulos a:visited { color: #000; }
 
		.titulos a:hover { color: #000; }
 
.text {
	font-size: 16px;
	color: #000;
	margin: 22px 61px 0px 105px;
	text-align: left; }
 
	.text  a { text-decoration: none; }
 
		.text  a:link { color: #FF0066; }
 
		.text  a:visited { color: #FF0066; }
 
		.text  a:hover { color: #FF0066; }
 
.comm {
	font-size: 16px;
	color: #000;
	margin: 22px 94px 0px 116px;
	text-align: right; }
 
	.comm  a { text-decoration: none; }
 
		.comm  a:link { color: #FF0066; }
 
		.comm  a:visited { color: #FF0066; }
 
		.comm  a:hover { color: #000; }
 
/* Begin comments*/
#commentform input {
	width: 100px;
	padding: 2px;
	margin: 5px 5px 1px;
	text-align: left;
 }
 
#commentform textarea {
	width: 500px;
	padding: 2px;
	text-align: left;
	font-size: 16px;
	color: #000; }
 
#commentform #submit {
	margin: 0;
	text-align: center; }
 
.alt {
	margin: 0;
	padding: 10px; }
 
.commentlist {
	padding: 0;
	text-align: left; }
 
	.commentlist li {
		margin: 40px 55px 0px 116px;
		padding: 5px 10px 3px 105px;
		list-style: none; }
 
	.commentlist p {
		margin: 10px 5px 10px;
		width: 500px; }
 
#commentform p { margin: 5px 0; }

.nocomments {
	text-align: left;
	margin: 0;
	padding: 0; }
 
.commentmetadata {
	margin: 0;
	display: block; }
	
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
 
/* Copyright 2009 Martin Korben */