/*
Theme Name: Jose Espana
Description: Jose Espana Blog Design
Author: Sergios Singeridis aka feios
Author URI: http://www.wpboard.com
Version: release 0.1
*/


/* =Basic Elements
----------------------------------------------- */
*{ margin:0; padding:0; }
img{ border:none; }
input{ vertical-align:middle; }
acronym, abbr, span.caps{ cursor: help; }
blockquote{ font-style:italic; color:#616161; padding-left:25px; line-height:18px; font-family:Geneva, Arial, Helvetica, sans-serif; overflow:scroll; }
small{  }
code, code p{ font: 11px 'Courier New', Courier, Fixed !important; color:#5a5a5a !important; }
body{ padding:0; margin:0; background:#0e130f url('images/bg.gif') left top repeat-x; color:#0e130f; font-family:Georgia, "Times New Roman", Times, serif; }


/* =Links
----------------------------------------------- */
a { text-decoration:none; color:#000; outline:none; border:none; }
a:hover { text-decoration:underline; }
a:active { color:#000; }
a:visited { color:#000; }


/* =Headings
----------------------------------------------- */
h1, h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, serif; }
h1 { font-size:20px; font-weight:normal; }
h2 { font-size:18px; color:#000; }
h3 { font-size:17px; color:#000; }
h4 { font-size:14px; letter-spacing:2px; }


/* =Clearfix Hack
----------------------------------------------- */
.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix{ display:inline-block; }
/* Hide from IE Mac \*/.clearfix{ display:block; }/* End hide from IE Mac */


/* =Miscellaneous
----------------------------------------------- */
.floatleft{float:left !important;}
.floatright{float:right !important;}


/* =Structure
----------------------------------------------- */
/* wrapper */
#wrapper{ width:800px; margin:0 auto; background:url('images/jose.jpg') 600px 70px no-repeat; }
.wrapper{ float:left; width:653px; }

/* header */
#header{ width:653px; height:79px; position:relative; background:url('images/headerbg.jpg') left top no-repeat; }

/* logo */
#header h1 a{ position:absolute; width:259px; height:54px; background:url('images/logo.gif') left top no-repeat; display:block; text-indent:-2000em; left:11px; top:14px; }

/* container */
#container{ clear:both; }

/* blog transparent backgrounds */
#blog_top{ background:url('images/blog_top.jpg') left top no-repeat; height:51px; overflow: hidden; position:relative; }
#blog_bg{ background:url('images/blog_bg.png'); overflow: hidden; width:653px; position:relative; }
#blog_bottom{ background:url('images/blog_bottom.png') left top no-repeat; height:15px; }

/* menu */
#menu{ position:absolute; top:14px; left:10px; }
#menu li{ list-style:none; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding-left:15px; padding-right:17px; background:url(images/nav_separator.gif) right 3px no-repeat; }
#menu li a{ float:left; }
.no_background{ background:none !important; }

/* search form */
#searchform{ float:right; margin-right:4px; margin-top:15px; display:inline; }
.searchbox{ width:107px; height:15px; background:url(images/search_bg.gif) left top no-repeat; border:none; color:#a9a9a9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-top:3px; }

/* content */
#content{ width:497px; float:left; margin-left:10px; display:inline; }
#breadcrumb{ margin-bottom:30px; }
#breadcrumb p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#888; }
#breadcrumb a{ color:#888; }

/* post */
.post{ clear:both; margin-bottom:10px; border-bottom:3px solid #d5e6f3; }

.post a{ color:#0000FF; }

.post h2{ font-weight:normal; position:relative; border-bottom:1px dotted #9f9f9f; margin-bottom:15px; padding-right:50px; }
.post h2 span{ position:absolute; right:5px; top:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#888; }
.post h2 a{ background:url(images/postheading.gif) 5px center no-repeat; padding-left:25px; color:#000 !important; }

.post p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0e130f; margin-bottom:15px; padding:0 5px; }
p.comments_count{ color:#888; text-align:right; margin-bottom:5px; }
p.comments_count a{ color:#888; }

.post ul, .post ol{ color:#0e130f; padding-left:30px; font-size:11px; line-height:18px; margin-bottom:15px; }
.post ul li, .post ol li{ list-style-position:outside; color:#0e130f; }
.post ul li ul, .post ul li ol, .post ol li ol, .post ol li ul{ margin-bottom:0; }
.post ul li ul li{ list-style-type:square; }


.center{ text-align:center; }
.alignright{ float:right; }
.alignleft{ float:left; }
img.center, img[align="center"]{ display: block; margin-left: auto; margin-right: auto; }
img.alignright, img[align="right"]{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft, img[align="left"]{ padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.noborder{ border: none !important; }


/* sidebar */
#sidebar{ width:135px; float:right; margin-right:2px; display:inline; padding-bottom:150px; }
#sidebar li{ list-style:none; }
#sidebar h2{ font-size:17px; color:#fff; font-weight:normal; border-bottom:1px dotted #d1e7ed; padding-left:5px; margin-bottom:5px; }
#sidebar li ul{ margin-bottom:20px; padding:0 5px; }
#sidebar li ul li{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:14px; color:#fff; margin-bottom:0 !important; background:url(images/sbli.gif) 3px 5px no-repeat; padding-left:13px; }
#sidebar li ul li a{ color:#fff; text-decoration:none; }
#sidebar li ul li a:hover{ color:#fff; text-decoration:underline; }

/* footer */
#footer{ clear:both; }
#footer p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#575a57; line-height:20px; padding:0 10px; }
#footer a{ color:#67b9d1; font-weight:bold; text-decoration:none; }
#footer a:hover{ color:#67b9d1; text-decoration:underline; }

#big_logo{ width:139px; height:150px; background:url(images/big_logo.jpg) left top no-repeat; position:absolute; right:0; bottom:-16px; }
* html #big_logo{ right:-1px; }


/* comments form */
.comment{  border-bottom:3px solid #d5e6f3;  border-top:3px solid #d5e6f3; padding:15px; margin-bottom:10px; background:#f5f7f7; }
.comi{ margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.comi input{ padding:2px; font-size:11px; }
.comi textarea{ width:360px; }
#respond{ margin-bottom:10px; font-weight:normal; }
#commentform p{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#commentform a{ color:#1397bf; font-weight:bold; }

/* comments style */
.comment-content{ clear:both; margin-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-bottom:1px dotted #cccccc; }
.comment-content p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; margin-bottom:5px; }
.comment-content a{ color:#1397bf; font-weight:bold; }
.comment-content small{ color:#595959; }
.comment-text p{ font-size:11px; line-height:14px; margin-bottom:16px; text-align:justify; padding:5px 0; }
.ccm{ font-size:16px; color:#000000; margin-bottom:10px; border-bottom:1px solid #dddddd; padding-bottom:3px; }

.commentOfficialUser {
	border: 1px solid black;
	background-color: #FFFF99
}