/*  
Theme Name: lfseville
Theme URI: http://themes.fcsites.com
Description: <a href="http://www.lfseville.com">lfseville</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0
Author: fcsites
Author URI: http://www.fcsites.com

The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/
/* HTML Elements */
*{margin:0; padding:0}
body{font:100% Arial,Helvetica; background:#f0f0f0 url(images/bodybg.png) repeat fixed; color:#333}

p{margin:15px 0}

a:link, a:visited{color:#3c78a7; text-decoration:none}

a:hover, a:active{color:#3c78a7; text-decoration:underline}

a img{border:0}

code{font:1.0em 'Courier New',Courier,Fixed; background:#ececec}

acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em; cursor:help}

acronym, abbr{border-bottom:1px dashed #999}

blockquote{padding:10px 10px 0 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#eee; font:1.0em Arial; line-height:1.5em; margin:10px 0px}

select{width:130px}

/* Structure */
#head{width:100%; margin:0px auto; padding-top:5px; height:200px; padding:0px; font-size:0.8em; background:url(images/cabecera.jpg) top center no-repeat;}

.contenhead {width:940px; margin:0px auto;}

#logo{width:254px; height:175px; margin-top:0px; margin-left:30px; display:inline-block}

#searchform{width:200px; float:left; text-align:left; padding-top:20px; margin-right:30px;}
#searchform input.campo { padding:3px; height:13px; border:2px #ddd solid; background:#fafafa;}

#head2{width:100%; margin:0px auto; padding:0px; font-size:0.7em; }

#page{width:940px; margin:0px auto; padding:8px; background:#fafafa; border-left:1px #ddd solid; border-right:1px #ddd solid; font-size:0.9em}

.left, .alignleft{float:left}

.right, .alignright{float:right}

/* Navigation Bar*/
#navbar{width:100%; text-transform:uppercase; border-bottom:1px #fff solid; background:#333 url(images/bg_navbar.png) repeat-x top;}

#page-bar{width:940px; margin:0px auto;}

#page-bar ul{list-style:none;}

#page-bar li, #page-bar h2{float:left; list-style:none; cursor:pointer; display:block; border-right:1px solid #333}

#page-bar li:hover{background:#336699 url(images/bg_menu_hover.png) repeat-x top;;}
#page-bar li a:hover{color:#fff;}

#page-bar a, #page-bar a:visited{margin:0px; padding:10px 16px; font-weight:bold; color:#FFF; display:block}

#page-bar a:hover{text-decoration:none; display:block}

/* Dropdown Menus */
#page-bar li{float:left; margin:0px; padding:0px}

#page-bar li li{float:left; margin:0px; padding:0px; width:122px; text-transform:none}

#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited{background:#333 url(images/bg_menu.png) repeat-x bottom; width:122px; float:none; margin:0px; padding:5px 10px 5px 18px; border-top:1px solid #C0C0C0}

#page-bar li li a:hover, #page-bar li li a:active{background:#1e1e1e; padding:5px 10px 5px 18px}

#page-bar li ul{position:absolute; width:10em; left:-999em}

#page-bar li:hover ul{left:auto; display:block}

#page-bar li:hover ul, #page-bar li.sfhover ul{left:auto}

#page-bar li ul ul{margin:-24px 0 0 150px}
#page-bar li:hover ul ul, #page-bar li:hover ul ul ul{left:-999em}
#page-bar li:hover ul, #page-bar li li:hover ul, #page-bar li li li:hover ul{left:auto}

#page-bar li:hover{position:static}

/* Text*/
h1{font:3.5em Arial; font-weight:bold; letter-spacing:-0.08em}

h2{font:2.3em Georgia,"Times New Roman"}

h3{font:1.3em Arial; margin-bottom:3px; color:#3c78a7; font-weight:bold}

h4{font:1.0em Arial}

h3.cat_title, h3.cat_title a{color:#333; letter-spacing:-0.05em; font-size:0.85em}

h3#respond{margin-top:0px; padding-top:20px}

h3#comments{margin-top:32px; padding-left:0px}

h3.authors{margin-top:15px}

/* Index Page*/

#tagline{margin-top:5px; font-size:1em; color:#333}

#top{padding:0}

#headline{width:590px; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; border:1px #ddd solid}

#headline div.title{font-weight:bold; font:2.4em Georgia; letter-spacing:-0.05em; display:block; padding-bottom:5px}

#headline div.meta{display:block; margin-top:-5px; padding-bottom:2px}

#headline p{padding-bottom:15px}

#featured{border:1px #ccc solid; width:300px; background:#fff; float:right; padding:10px 10px 9px 10px; margin-bottom:10px}

#featured .clearfloat{margin-top:7px; margin-bottom:8px}
#featured .clearfloat ul, #featured .clearfloat p{list-style-type:none; margin-left:10px; font-size:1.1em}
#featured .info{margin-top:5px; padding-top:5px; float:right; width:180px}

#featured .title{font-weight:bold}

#headline a img, #featured a img{border:1px solid #ccc; margin-top:5px; margin-left:5px; margin-right:5px; padding:2px}

#middle{width:920px; background:#fff; float:right; padding:10px; margin:10px 0; border:1px #666 solid}

.category{width:164px; float:left; border-top:8px solid #333; margin:0px; padding:5px 10px 10px 10px; background:#fff}

.category p{margin:0}

#cat-1, #cat-3, #cat-5{border-top:8px solid #333}
#cat-2, #cat-4{border-top:8px solid #3c78a7}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title{text-transform:lowercase; margin:0; font-weight:bold; font-size:1.5em; letter-spacing:-0.05em}

#front-popular h3{color:#fff}

.category a{color:#333; display:block; background:none}

.category a:hover{background:none; color:#fff; text-decoration:none}

#cat-1:hover, #cat-3:hover, #cat-5:hover{background:#333; color:#fff}
#cat-2:hover, #cat-4:hover{background:#3c78a7; color:#fff}
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a{background:#333; color:#fff}
#cat-2:hover a, #cat-4:hover a{background:#3c78a7; color:#fff}

#bottom{width:940px}

#front-list{width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; border:1px #ddd solid}

#archive{padding-top:15px; font-size:1.05em; line-height:1.75em}

#front-list blockquote{padding:0px 10px 0 10px}

#front-list .title, #archive .title{font-weight:bold; font:2.0em Georgia; letter-spacing:-0.05em}

#front-list .clearfloat, #archive .clearfloat{padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:10px}

#front-list .spoiler, #archive .spoiler{display:block; margin-top:3px}

#front-list p, #archive p{margin:0px; padding:0px}

.author{font-size:0.8em; font-weight:bold}

.meta{font-size:0.8em; color:#333}

.meta a{color:#333}

#headline p, #featured p{margin:0}

/* Content Page*/
#content{width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; min-height:400px}

#content .breadcrumbs, #content .breadcrumbs a{font-weight:bold; color:#333}

#content h2.title{font:2.2em Georgia; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; border-top:3px solid #ddd; padding:5px 0px}

.post{font-size:1.05em; line-height:1.75em}

.post p{margin-top:0px}

.post .clearfloat{border-bottom:1px dotted #ccc; margin:10px 0px}

.post ul, .post ol, #front-list ul, #front-list ol{margin-bottom:15px}

.post ul li, #front-list ul li{list-style:square; margin-left:30px}

.post ol li, #front-list ol li{list-style:decimal; margin-left:30px}

.post ol li ul li, #front-list ol li ul li{list-style:square; margin-left:20px}

.post img, .post a img, #front-list img, #archive img{border:1px solid #ccc; margin:0 10px 5px 0; padding:2px}

.post .ads{margin-top:10px}

.entry{margin-top:20px}

#stats{margin-top:0px; padding:4px 0px; text-transform:uppercase; font:0.8em Arial; display:block}

#stats span{padding:0px 20px 0px 0px}

#stats span a:hover{background:none}

#stats span a{color:#333}

#stats img, #nav img{border:0px; margin:0px; padding:0px}

#tools{width:590px; height:25px; font-size:0.95em}

#tools a:hover{background:none}

.navigation{padding:5px 0px; text-align:Center}

/* Sidebar*/
#sidebar{border:1px #eee solid; width:320px; float:right; margin:0px 0px 0px 0px}

#sidebar h3{font:1.1em Arial; font-weight:bold; background:#333; color:#fff; margin:10px 0px 5px 0px; padding:3px 10px}

#sidebar-top, #sidebar-bottom{width:300px; float:right; padding:0px 10px 10px 10px; background:#fff}

#sidebar-bottom, #sidebar-middle{margin-top:10px}

#sidebar-middle{width:320px; float:right}

#sidebar-left{width:135px; padding:0px 10px 10px 10px; float:left; background:#fff}

#sidebar-right{width:135px; padding:0px 10px 10px 10px; float:right; background:#fff}

#sidebar li{list-style:none; border-bottom:1px dotted #ccc; display:block; padding:2px 0px 2px 13px; background:url(images/sub.png) no-repeat 0 0px}

#sidebar li ul li:last-child{list-style:none; border-bottom:0px dotted #ccc; display:block; padding:2px 0px 0px 13px; background:url(images/sub.png) no-repeat 0 0px}

#sidebar-ads{width:300px; float:right; margin-bottom:10px; padding:10px; background:#fff}

/* Form Elements */
select{border:1px solid #333; width:100%}

.field{padding:2px; border:1px solid #333; background:#fff; font-size:1.0em}

#s{padding:1px; font-size:1.0em; width:150px}

#searchsubmit{padding-left:5px}

#commentform input{width:140px; margin:5px 5px 1px 0}

#commentform textarea{width:99%; margin-top:5px}

/* Comments*/
.commentlist cite{font-style:normal; margin-bottom:4px; display:block}

.commentlist blockquote{background:#ededed}

.commentlist li{padding:10px 0px 10px 0px; list-style:none; margin-bottom:3px}

.commentlist li li{background:none; border:none; list-style:square; margin:3px 0 3px 20px; padding:3px 0}

.commenttext{padding:10px 10px 0px 10px; background:#f2f2f2; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:495px; float:right}

.commentlist cite strong{font-size:1.1em}

li.my_comment{background:#FFF; border:none}

li.my_comment cite strong{font-size:1.3em; color:#313228}

#commentform small{background:#FFF; font-weight:bold; padding:0}

.commentmetadata{color:#4d4d4d; display:block; margin-top:3px; text-align:right; font-size:0.9em}

.commentmetadata a, .commentmetadata a:visited{color:#959382}

.commentlist small{background:#e9e9e9}

.avatar{border:1px solid #bbb; margin:0px 10px 0px 0px; float:left; padding:2px; width:55px; height:55px}

#comment{width:590px; background:#fff}

/* Footer*/
#front-popular{font-size:0.9em; color:#fff; width:940px; background:#2c2c2c; margin:0 auto; padding:8px;}

#recentpost, #mostcommented{width:280px; float:left; padding:10px; border:1px solid #fff}

#mostcommented{margin-left:17px}

#recent_comments{width:280px; float:right; padding:10px; border:1px solid #fff}

#recentpost a, #mostcommented a, #recent_comments a{color:#fff}

#recentpost ul, #mostcommented ul, #recent_comments ul{margin-top:5px}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li{list-style:none; border-top:1px dotted #fff; padding:5px; display:block}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover{background:#3c78a7; color:#fff}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child{border-top:0px dotted #fff}

#footer{margin:0 auto; width:960px; font-size:1em; padding-top:10px; padding-bottom:10px}

#footer li{display:inline; list-style:none}
/* Float Properties*/
.clearfloat:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

.clearfloat{display:inline-block}

/* Hides from IE-mac \*/
* html .clearfloat{height:1%}

*+html .clearfloat{height:1%}

.clearfloat{display:block}

/* Tables \*/

.post table {
	border-width: thin;
	border-spacing: 2px;
	border-style: outset;
	border-color: white;
	border-collapse: separate;
	background-color: white;
}
.post table th {
	border-width: thin;
	padding: 3px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
.post table td {
	border-width: thin;
	padding: 3px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
/* Elementos de formularios */
input, select, option, textarea{background:url(images/bgform.png) top center repeat-x; min-height:16px; margin:1px; border:1px #ccc solid; padding:3px; color:#666; font-size:1em;  -moz-border-radius:3px; /*Firefox */ -webkit-border-radius:3px; /* Safari and chrome */ -khtml-border-radius:3px; /*  Linux browsers */ border-radius:3px; /*  CSS3 */}
input.button{ background:#fafafa; color:#999; min-height:16px; border:1px #999 solid; padding:5px; margin:1px; font-weight:bold}
input.bluetton, a.bluetton{ background: #3399cc; color: #fafafa; min-height:18px; border:1px #336699 solid; padding:5px 10px; margin:1px; font-weight:bold}

input .middle{text-align:center}
form{padding:0; margin:0;}
form td{color:#1d1d1d; text-align:right; vertical-align:middle}
form table{border:0}
input.noborder{background:none; border:none; margin:0px; padding:0px}