/*  
Theme Name: Lola Dress
Theme URI: http://tekila.co.uk
Description: Theme for LlamameLola, engineered by Albert Drake. 
Version: 1.0a
Author: Albert Drake
Author URI: http://tekila.co.uk/
===========================================================================
*/

body {
margin: 0;
padding: 0;
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-size: 70%; /* 12px */
text-align: center;
background: #25051a url('images/body-bg.gif') repeat-x top;
background-attachment: fixed;
color: #B399A5; }

abbr {
cursor: help;
border-bottom: 1px dotted #CCC; }

acronym { 
font-size: 80%;
letter-spacing: 0.075em;
cursor: help;
border-bottom: 1px dashed #CCC;
text-transform: uppercase; }
	
blockquote { margin: 0; padding: 0; }
q { }
cite { }
	
code {
padding: 0 2px;
font-family: 'Courier New', Courier, Fixed;
font-size: 110%;
background-color: #EEE;
color: #07E; }	

hr.hidden {	
margin: 0; 
display: none;	}
	
p { }		
select { }
small, .small { font-size: 87.5%; }


/* Link Styling - Handles generic link styles */

a { color: #795f90; text-decoration: none; }
a:hover { }
a img { border: none; }
	

/*
==============================================================
[ LAYOUT & STRUCTURE ] - creates blocks for different content  
==============================================================
*/

/* HEADER Rules */

#header {
padding: 0px;
margin: 0px;
width: 780px;
height: 115px;
float: none;
position: relative; }
	
#headerlogo {
margin: 0;
height: 65px;
width: 450px;
position: absolute;
top: 25px;
left: 0px; }

#header h1.logo {
padding: 0;
margin: 0;
width: 450px;
height: 65px;
background: url('images/header-logo.gif') no-repeat left top;
overflow: hidden;
cursor: hand; }

#header h1.logo a {
padding: 0;
margin: 0;
width: 450px;
height: 65px;
display: block; }

#hdrSearch {
position: absolute;
padding: 0;
padding-top: 25px;
margin: 0;
right: 0px;
background: url('images/buscarlabel.gif') no-repeat top left;
top: 25px; }

#srchForm label.buscar { }
	
#srchForm label em { 
font-style: normal; 
color: #FF3300; }

#srchForm input {
font-family:'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
background: #2F1926;
border: 1px solid #3C2031;
width: 140px;
padding: 2px;
margin: 5px 0px 0px 0;
color: #B399A5; }

#srchForm input#searchsubmit { /* the submit button only */
width: 24px;
margin: 0;
background: #3C2031 url('images/searchbutton.gif') no-repeat;
border: 1px solid #402233;
color: #B399A5; }

#header span.hidden { display: none; }
	
h1, h1 a, h1 a:hover { text-decoration: none; }
	
#header p.description {
padding: 0;
margin: 0;
text-align: left;
display: none;	}

#wraper {
margin: 0 auto 0 auto;
padding: 0;
width: 780px;
text-align: left;
position: relative; }
		
div.date {
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
width: 35px;
margin: 0 5px 0 0px;
padding: 0;
height: 40px;
background-color: #795f90;
color: #FFF;
display: block;
float:left;
text-align: center; }

.dateMonth {
text-transform: uppercase;
display: block;
font-size: 112.5%;
font-weight: bold;
letter-spacing: 0px;
margin: 0;
padding: 0; }

.dateDay {
display: block;
font-size: 160%;
letter-spacing: -1px;
font-weight: normal;
margin: 0;
padding: 0; }

/*
------------------------------------------------
Headings - styles all kinds of generic headings 
------------------------------------------------
*/
	
h1, h2, h3, h4, h5, h6 { font-family: "Century Gothic", Arial, Sans-serif;	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; border: none; }

h1 { font-size: 220%; }
h2 { font-size: 190%; }
h3 { font-size: 160%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }
	
/* [ INFO BLOCKS ] - Handles container boxes for different kinds of articles */

div.nofound { 
padding: 0px 20px 0 20px;
float: left;
line-height: 130%;
width: 780px; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 740px; /* actual value */ }

html>body div.nofound { width: 740px; } /* be nice to opera */

/* INDEX Rules */ 


#postloop {
margin: 0;
padding: 0px;
float: left;
background: #311728 url('images/content-topcorners.jpg') no-repeat top center;
line-height: 160%;
width: 780px; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 780px; /* actual value */  }

html>body #postloop { width: 780px; } /* be nice to opera */

#postloop a { color: #378380; text-decoration: none; }
#postloop a:hover { color: #e7b267; }

a img { border: none; }

div.sectioninfo { 
display: block;
float: right;
padding: 40px 0 20px 190px; }

div.sectioninfo h2 {
color: #7D5E6C;
font-size: 250%;
text-align: right;
font-weight: normal;
line-height: 100%;
letter-spacing: -1px;
margin: 0 40px 0 0; }

div.sectioninfo p {
margin: 0 40px 0 0;
text-align: right;
color: #7D5E6C;
padding: 0; }

div.extrainfo { 
width: 550px;
float: left;
display: none;
padding: 20px 0 20px 230px; }

div.extrainfo h2 {
color: #378380;
font-size: 200%;
font-weight: normal;
line-height: 100%;
letter-spacing: -1px;
margin: 0; }

div.extrainfo p {
margin: 0;
color: #378380;
padding: 0; }

div.extrainfo ul {
margin: 10px 0;
padding: 0; }

div.post h2, 
div.post h3 { 
padding-left: 150px;
font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, Sans-Serif; }

div.postloop h4, 
div.postloop h5, 
div.postloop h6 { 
padding-left: 150px;
font-family: Verdana, Arial, Helvetica, Sans-Serif; }
	
div.postloop h2 { margin-bottom: 0px; }
div.postloop h3 { margin-bottom: 15px; }
div.postloop h4 { margin-bottom: 15px; }
div.postloop h5 { margin-bottom: 10px; }
div.postloop h6 { margin-bottom: 5px; }
	
div.post p, div.postbig p, 
div.post blockquote, div.postbig blockquote,
div.post ul {
margin-top: 0;
margin-bottom: 10px;
line-height: 170%;
font-size: 100%; }

div.postloop li { }

	
#postloop div.post { 
background: #311728 url('images/post-bg.gif') repeat-x bottom center;
clear: both;
padding: 30px 40px;
width: 780px; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 700px; /* actual value */
min-height: 140px;
float: left;
position: relative;
display: block;
margin: 10px 0px 0px 0px; }

#postloop div.pagination {
padding: 10px 40px;
min-height: 80px !important; }

#postloop div.big { }

#postloop div.postbig p { margin: 15px 0; }

div.postloop div.post div.thecontent { margin: 0; padding: 0; }

div.postloop div.entryHead { 
display: block; 
padding-left: 150px;
margin: 0px; }

div.postloop div.post div.thecontent p img.icon {
/*margin: -55px 10px 10px 0px;*/
background-color: #3C2031;
border: none;
padding: 5px;
margin-left: 0;
position: absolute;
top: -45px;
left: -150px; }

div.postloop div.post p img {
margin: 0px 10px 5px 10px;
border: 5px solid #3C2031;
float: left;
display: block; }

div.postloop div.post p img.left {
margin: 0 10px 5px 0;
float: left; }

div.postloop div.post p img.right {
margin: 0 0 5px 10px;
float: right; }

div.postloop div.post p img.center {
display: inline;
margin: 0;
border: none;
float: left; }

div.postloop div.post p img.blockleft { float: none; display: block; clear: both; margin: 0 auto 5px 0; }
div.postloop div.post p img.blockright { float: none; display: block; clear: both; margin: 0 0 5px auto; }

div.postloop div.post div.thecontent p { 
padding: 10px 0px 0px 0px;
margin: 5px 0 5px 150px;
position: relative; }

div.postloop div.post div.thecontent p.keepreading {
font-size: 140%; }

div.postloop div.post div.thecontent p.morelink {
padding-left: 17px;
background-image: url(images/morelink.gif);
background-repeat: no-repeat;
background-position: left 13px; }

div.postloop div.post div.thecontent a { border-bottom: 1px solid #193B3A; }

div.postloop div.post div.thecontent blockquote {
font-family: "Lucida Sans Unicode", Verdana, Arial, Sans-serif;
background: url('images/quotes.gif') no-repeat left top;
padding-left: 60px;
padding-right: 40px;
display: block;
clear: both;
margin-top: 10px;
margin-left: 150px; }

div.postloop div.post div.thecontent blockquote p { 
margin: 20px 0 0 0;
padding: 0; }

div.postloop div.post div.thecontent img.center {
display: block;
margin: 10px auto;
text-align: center; }

#postloop div.post p.meta {
color: #623e4e;
margin: 0px 40px 0px 0px;
padding-left: 0px;
font-size: 87.5%; }

#postloop div.post p.meta a { color: #8d6677; }

#postloop div.post p.pagination {
font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-serif;
padding-top: 0;
margin-top: 0;
font-size: 160%; }

#postloop div.pagination p { 
padding-top: 0;
margin-top: 0; }

div.postloop div.post h3.title {
display: inline;
margin: 0;
padding: 0;
font-size: 170%;
line-height: 100%;
letter-spacing: -1px;
font-weight: bold; }

#postloop div.post h3.title a { color: #c4a9b7; }
	
div.postloop div.post h3.title a:hover { 
text-decoration: none; 
color: #FB2; }

div.postloop div.post span.author {
font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-serif;
margin: 0 5px;
font-size: 100%;
font-weight: bold;
color: #AD929F; }

	
/* COMMENT SYSTEM Style rules */

#comment-system { clear: both; }

#comment-system .small { font-weight: normal; }

div.comment-system { 
margin: 0;
padding: 10px 30px 30px 30px;
border-bottom: 1px solid #3C2031;
font-size: 100%; }

div.comment-system h2, 
div.comment-system h3 { 
font-family: 'Century Gothic', Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
letter-spacing: -1px;
line-height: 100%; }

div.comment-system h3#comments {
margin-left: 160px;
margin-top: 40px; }
	
div.comment-system h2 { margin-bottom: 20px; }
div.comment-system h3 { margin-bottom: 15px; }
	
/* Comments Display Styles */

ol.commentlist a { border: none; }

ol.commentlist {
margin: 0 50px 0 110px;
padding: 0px 0px; }
	
ol.commentlist p {
font-weight: normal;
line-height: 170%;
margin: 0;
padding: 0;
text-transform: none; }
	
ol.commentlist li { /* styles each comment */
margin: 20px 0; 
margin-left: 50px;
list-style-type: none;
overflow: hidden; }
	
ol.commentlist li h1, 
ol.commentlist li h2, 
ol.commentlist li h3, 
ol.commentlist li h4, 
ol.commentlist li h5, 
ol.commentlist li h6 { 
padding: 0 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 110%; }

ol.commentlist li p { 
margin-bottom: 5px;
padding: 5px 30px 0px 0; }

ol.commentlist p.heading {	
line-height: 170%;
border-bottom: 1px dotted #47353D;
margin-top: 10px;
padding: 2px 0;
font-size: 110%;
clear: both;
font-weight: bold; }

ol.commentlist span.counter { 
font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-serif;
font-size: 180%;
color: #623e4e;
font-weight: normal;
float: right; }


ol.commentlist a.permalink { 	
padding: 5px;
color: #393939; }	

ol.commentlist span.author { 
padding: 0;
font-size: 112.5%; }
	
ol.commentlist span.date {
color: #623e4e;
font-weight: normal;
font-size: 80%; }

ol.commentlist em.moderating { 
padding-left: 15px;
font-style: normal;
font-size: 80%;
font-weight: bold;
color: #F90; }

ol.commentlist span.editlink { color: #CC3399; }

ol.commentlist li.oddcomment { }

ol.commentlist li.authorcomment a span.author { color: #f90; }


/* Comment FORM */

#commentform { 
padding: 20px;
margin-left: 160px;
background-color: #25051a;	}

div.comment-system p,
#commentform p { 
margin: 10px 0;
line-height: 150%; }

#commentform label { 
font-size: 87.5%; }

#commentform label em { font-style: normal; color: #FF3300; }

#commentform input, 
#commentform textarea {
background: #2F1926;
color: #B399A5;
padding: 2px;
border: 1px solid #3C2031;
font-family:'Lucida Sans Unicode', Verdana, Arial, Sans-Serif; }

#commentform input {
width: 180px;
padding: 2px;
margin: 5px 5px 1px 0; }

#commentform textarea {
width: 95%;
padding: 2px;
font-size: 112.5%; }

#commentform input#submit { /* the submit button only */
width: 120px;
margin: 0;
background-color: #2f1926;
font-weight: bold;
border: 1px solid #3c2031;
color: #b399a5; }

#infopanel {
padding: 20px 20px 40px 20px;
margin: 0;
clear: both;
float: left;
line-height: 160%;
width: 780px; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 740px; /* actual value */
color: #7b6a7b;
background: #321728 url('images/altpanel-bottom.jpg') no-repeat bottom center; }

html>body #infopanel { width: 740px; } /* be nice to opera */

#infopanel a { color: #378380; text-decoration: none; }
#infopanel a:hover { color: #e7b267; }

#infopanel h2 { 
font-family: "Century Gothic", Verdana, Arial, Helvetica, Sans-serif;
font-size: 125%;
margin: 0;
text-transform: lowercase;
font-weight: normal;
color: #c4a9b7; }

#infopanel h2.band {
height: 0px;
padding: 35px 0 0 0;
display: block;
overflow: hidden;
background-color: #411e2e; }

#infopanel h2.acercade { background: url('images/acercade.jpg') no-repeat top left; }
#infopanel h2.populares { background: url('images/populares.jpg') no-repeat top left; }
#infopanel h2.archivo { background: url('images/archivo.jpg') no-repeat top left; }
#infopanel h2.comentarios { background: url('images/comentarios.jpg') no-repeat top left; }
#infopanel h2.categorias { background: url('images/categorias.jpg') no-repeat top left; }
#infopanel h2.blogroll { background: url('images/blogroll.jpg') no-repeat top left; }

#infopanel div.extracolumnl {
float: left; 
width: 350px;
padding: 0px;
margin: 0 0px 0 5px; }

#infopanel div.extracolumnr {
float: right; 
width: 350px;
padding: 0px;
margin: 0 5px 0 0px; }


#infopanel div.cluster { 
margin-bottom: 10px;
padding: 0 10px;
width: 350px; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 330px; /* actual value */
float: left; }

html>body #infopanel div.cluster { width: 330px; } /* be nice to opera */

#infopanel ul {
margin: 15px 0px 5px 0;
padding: 0;
list-style-type: none;
border-top: 1px dotted #47353D; }

#infopanel ul li {
padding: 6px 0 6px 0;
margin: 0px 0;
line-height: 150%;
border-bottom: 1px dotted #47353D;
overflow: hidden; }

#infopanel ul li.comment {
padding-left: 15px;
background-image: url('images/comment-bullet.gif');
background-repeat: no-repeat;
background-position: left 8px; }

#infopanel ul li.popular {
padding-left: 15px;
background-image: url('images/star-bullet.gif');
background-repeat: no-repeat;
background-position: left 8px; }

#infopanel ul li.recentpost {
padding-left: 14px;
background-image: url('images/star-bullet.gif');
background-repeat: no-repeat;
background-position: left 9px; }

#infopanel ul li.link {
background-image: url('images/heart-bullet.gif');
background-repeat: no-repeat;
background-position: left 9px;
padding-left: 14px;
font-size: 87.5%; }

#infopanel #blogroll ul li a {
font-size: 112.5%; }

#infopanel ul li:hover {
background-color: #25051a; }

#infopanel span.commentinfo {
width: 100%;
display: block;
margin-top: 10px;
text-align: right;
font-size: 87.5%; }

#infopanel span.recentinfo {
display: block;
text-align: left;
width: 100%;
font-size: 87.5%; }

#infopanel span.popularinfo {
display: block;
text-align: right;
width: 100%;
font-size: 87.5%; }

#infopanel p {
margin: 5px 0; }

#infopanel form {
margin-bottom: 10px; }

#infopanel select {
font-family:'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
background: #25051a;
border: 1px solid #3C2031;
width: 240px;
padding: 2px;
margin: 5px 0px 0px 0;
color: #B399A5; }

#infopanel input {
font-family:'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
background: #25051a;
border: 1px solid #3C2031;
width: 240px;
padding: 2px;
margin: 5px 0px 0px 0;
color: #B399A5; }

#infopanel input#searchsubmit {
font-family:'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
background: #25051a;
border: 1px solid #3C2031;
width: 40px;
padding: 2px;
margin: 5px 0px 0px 0;
color: #B399A5; }

#infopanel #blogroll ul li {
font-size: 87.5%; }

#infopanel #blogroll ul li a {
font-size: 112.5%; }

/* 
---------------------------------------------
[ IMAGE HANDLING ] - Styles image displaying
=============================================
*/ 
	
img.hidden { display: none; }

/* FOOTER Styles */

#footer {
padding: 20px 0 20px 0px;
margin: 0px auto; /* centers it */
width: 780px;
color: #7b6a7b;
clear: both; }
	
#footer p {
margin: 0;
padding: 5px 30px;
font-size: 87.5%;
line-height: 140%;
text-align: center;	}
	
#footer a {
color: #5b3848;
font-weight: bold;
border: none; }
	
#footer a:hover { }

#footer a.footrss { 
padding-left: 15px;
background-image: url('images/rss-icon.gif');
background-repeat: no-repeat;
background-position: left 0px; }



/* POST STAR RATING */

.PSR_no_star { background-image: url('images/voting/no_star.jpg') !important; }
.PSR_full_star { background-image: url('images/voting/full_star.jpg') !important; }
.PSR_half_star { background-image: url('images/voting/half_star.gif') !important; }

/* Top Banner Positioning */

div.bannertop {
margin-top: 20px; }