/*  
Theme Name: Grid Focus Public
Theme URI: http://5thirtyone.com/
Description: Grid aligned left
Version: 1.0
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/

Libro Web 2.0
http://web2puntocero.com/
JL - jl@blogsmedia.com
http://blogsmedia.com/



*/

*{

margin:0;
padding:0;

}

p {

margin-bottom: 1em

}

html,body{


color:#555;
text-align:center;

} 
body{

font: small/1.6em verdana, sans-serif, arial, helvetica;
background: #9BBFCF;

}


/* --- Links -------------------------- */

a:link, a:visited {
color: #06b;
}

a:hover, a:active {
	color: #444;
}
a img {
	border: none
}

#header h1 a {
width: 600px;
height: 95px;
display: block;
text-decoration: none;
color: #fff
}
#esic {

float: left;
width: 63%;

padding: 1.5em 1em 0
}

#header a span, #publisher a span {
visibility: hidden;
}

#publisher a
{

color: #fff
width: 344px;
height: 90px;
display: block;
text-decoration: none
}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
text-decoration: none;
color: #111;
}

#footer a:link, #footer a:visited 
{
color: #fff;
}

/* --- Estructura ---------------------------------- */

#wrap {
position: relative;
height: 100%; /* muy importante evita en IE separacion de #content */
margin: 0 auto;
width: 950px;
background: #fff url("images/bg-content.gif") repeat-y;

text-align: left;

}
#content {
padding-top: 2em;
background: #fff url("images/bg-content.gif") repeat-y;

}
#main	{
width: 58%;
margin-bottom: 20px;
padding: 1em 2em 1em;
float: left;
}

#sidebar {
width: 295px;
float: left;
padding-bottom: 2em;
padding-left: 2em;
font-size: 85%
}
#header p.time, p.track {

font: 85%/160% tahoma, geneva, verdana, sans;
}

#mid-col {
width: 160px; /* elastic width: 50%;*/
padding: 10px 5px 10px 0;
float: left;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans;
}

#right-col {
width: 100px; 
padding: 10px 0 10px 10px;
float: left;

}


/* --- Nav ----------------------------- */
#nav {
position: relative;
overflow: hidden;
color: #eee;
padding: 1em 0;
}

#nav ul {
list-style: none;


}

#nav ul li {
padding: 7px 10px;
float: left;
font-weight: bold;
font: bold 90% arial, helvetica
}

#nav ul li a {
color: #222;
text-decoration: none
}

#nav ul li a.current {
color: #fff;
background: #2a4753;
padding: 7px;
}


/* --- Header -------------------------------------------  */
#header{
background: #284655 url(images/bg-banner.gif) repeat-x;
overflow: hidden;
height: 90px;
border-top: 4px solid #F9B421;
border-bottom: 4px solid #F9B421;
}

#header h1 {

background: url(images/h1-book.gif) no-repeat 0 0;
margin-left: 10px;
float: left;
padding-top: 1em;
font: 2.3em arial, helvetica;
}
#header p.time {
position: absolute;
top: 97px;
left: 20px;
color: #d5d5d5
}


#publisher
{
position: absolute;
right: 0;
width: 344px;
float: left;	
height: 90px;
background: #222 url(/images/logo_esic.gif) no-repeat left top;
}

.breadcrumb, .subcats

{
font: 75% "Trebuchet MS", arial, verdana, sans;
color: #888;
padding: 6px 2em;
clear: both;
}

.breadcrumb p

{	
float: right;
margin: 0;

}
.breadcrumb a, .breadcrumb a:visited, .subcats{	

color: #888;
}
.subcats { /* -- subtopics y otra posibilidad de sponsor link destacado -- */
float: right;
border: none;
background: none;
clear: both
}



/* main - middle content and columns */
#mid{}#mainCol{float:left;margin:26px 0 0 0;width:435px;}


/* wordpress entries styling - main content column */
.postMeta{background:url(images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMeta span.date{background:#FFF;color:#7F7F7F;padding:0 2px 0 4px;}
.postMeta span.comments{background:#FFF url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMeta span.comments a,

.post{margin:0 0 15px 0;}

.entry {

padding-bottom: 3em

}
/* --- Listados --- */ 

#main li {
margin-left: 3em;
font-size: 85%;
padding: 5px 0
}




/* --- Encabezamientos / Titulares --- */ 



h2, h3, h4, h5 {
font-family: arial, helvetica, tahoma, geneva;
color: #17323F;
font-weight: normal;
line-height: 1.3em;


}

#main h2 {

font-size: 1.5em;
font-weight: bold;
padding-bottom: .5em
}
h3 {

font-size: 150%;
padding: 1em 0
}

#sidebar h3 {

padding: 0 0 3px;
border-bottom: 1px solid #dfdfdf;
margin-bottom: 15px;
font-weight: bold
}
h4 {
font-size: 120%;
font-weight: bold;
padding: 2em 0 1em
}
.title {
padding: 0 0 3px
}

 
.profile {

padding-top: 2em
}

.section {
color: #c60;
font-family: "Lucida Sans Unicode";
margin-bottom: 30px
}
.intro {

font: bold 120%/1.6em arial, helvetica;
padding-bottom: 1em;
color: #50678F;
border-bottom: 1px solid #EBEADC
}

.data {

font: 90% arial, helvetica;
padding: .3em 1em 1em 1em;

}

/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

/* style me some comments and inputs */
#comments{width:435px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:7px;}
ol.commentslist{list-style:none;margin:5px 0 12px;}
.commentslist li{background:#FFF url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
.commentslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.commentslist li.alt{background:#FFF;}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}
p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}
.commentslist li.author{background:#333;color:#CCC;}
.commentslist li.author a{color:#DDD;}
.commentslist li.author a:hover{color:#FFF;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#author,
#email,
#url,
#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:429px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}



#sidebar input[type=text] {

float: left;
margin-right: 10px;
width: 70%;
padding: 2px
}

#searchWrap {
display: block;
padding-bottom: 3em
}
#searchsubmit {
margin-top: 2px

}
/* --- Listados ---------------------------------- */

#content ul, #content ol {

margin-bottom: 2em
}
#content ul li {

list-style: square;
margin-left: 20px;
line-height: 210%

}
/* --- Forms ---------------------------------- */


#header form {
position: absolute;
top: 45px;
right: 200px
}

#sidebar form {
margin-bottom: 5px
}
input.button, input.sub {
 
background: #deded2;  
color: #222;  
border-color: #ccc #ddd #ddd #ccc;
padding: .2em
}

input.button {
margin-left: 3px;
font-size: 1em
}

input.sub {
 
margin: 10px;
float: right;
}
input.srch
{
margin-right: 5px;
padding: .1em .3em
}
#formcomment {
padding: 10px;
margin: 20px 0;
background: #5f983c;
color: #eee

}

#formcomment h4 {
padding: 1em 1em 0;
clear: both;
}
#formcomment p {

font-size: 95%;
text-indent: 10px
}

fieldset { 
border: 1px solid #fff; 
padding: 0 1.2em 1.2em
}


legend {
font: bold 160% "Lucida Grande", "Lucida Sans Unicode", arial, helvetica;
color: #333;
padding: 0 4px



}


#formcomment textarea { 
padding: 3px;
margin: 5px 10px;
width: 93%
}
.fields{
float: left;
width: 40%;
padding: 10px;
} 
.btsform {
text-align: right;
padding: 1em 2em
}


/* --- Varios -------------------------------- */
.hide {
display: none;
}
#main blockquote { 
margin: 30px 60px;
font-family: georgia, times, serif
}
blockquote img { 
float: right;
margin: 0 10px 10px;
background: #fff
}
#sidebar blockquote { 
margin: 1.2em 0;
clear: both
}
abbr, acronym, .help { 
cursor: help; 
background: #e3e3e3;
border-bottom: 1px dotted #ccc;
padding: 0 3px

}
#notfound{ 
width: 500px;
margin: 80px auto;
background: #fff;
padding: 2em;
border: 1px solid #999
}
#notfound p, #notfound h2 { 
text-align: left
}

#isbn{ 
margin-top: 2em;
border: 1px solid #cdc;
background: #eee
}
#isbn  h3{ 
font: 1.5em tahoma, geneva, verdana, sans;
padding: 10px;
margin: 0;
background: #ddd;
border-bottom:  1px solid #cdc
}

#isbn ul { 
padding: 1em
}
#isbn img { 
margin-right: 10px
}
li.tbook
{ 
font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, sans
}
.destdcha, .destizda { /* -- span resaltados texto lateral -- */

font: oblique 150%/140% georgia, times, serif;
width: 32%;
display: block;
color: #222

}
/* .destdcha, .destizda, .conversation p, p.track {

text-indent: 0
}
*/

.destdcha {
float: right;
margin: 0 0 20px 20px;

}

.destizda {
float: left;
margin: 8px 20px 20px 0;
}
#info_book

{

background: #E2DFC9;
padding: 1.2em;
}


#feed { 

margin-bottom: 2em
}




/* --- Img's post -------------------- */

img.left, img.right, img.center, blockquote img, .scshots img, .gallery img {

border: 3px solid #BAC3D2

}
img.left { 

float: left; 
margin: 0.5em 1em 0.5em 0;

}
img.right { 

float: right;
margin: 0.5em 0 0.5em 1em;

}
img.center, .scshots img, .gallery { 

margin: 0 auto 10px auto; 
display: block;
text-align: center
}


.gallery {

padding: 10px 0

}
.scshots {

float: left;
width: 50%;
text-align: center;
font: 90% arial, helvetica, verdana, sans;
margin: 20px 0
}
.gallery img {
	
float:none;
border: none

}








/* ---- Footer ------------------------  */

#footer {
position: relative;
clear: both;
background: #284655;
color: #fff

}

#footer p { 
/* definimos margin-bottom con 0 (ver CSS arriba). Con "0" en Firefox evita separacion abajo ventana */

padding: 1em 2em;
}

/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}