/*  
Theme Name: Seth ~ Infodiseño
Theme URI: http://www.wordpresslab.com 
Description: Plantilla Hemingway hecha por WordPressLab y modificada por Seth ~ Infodiseño.
Version: 1.0 
*/

/*-----------------------------------------------------------------------------------------------
ESTILOS GENERALES
-----------------------------------------------------------------------------------------------*/

* { margin:0px; padding:0px;}

* html #ancillary .block{margin:0px 0px 0px 4%;}
* html #comments cite{width:30.6%;}
* html #primary .secondary{margin-right:4%;}
* html #primary.twocol-stories .story{margin-left:2%;}

body{font-family:verdana, "Lucida Grande", arial,helvetica, sans-serif; font-size:.9em;}
p {color:#777; line-height:1.4em;}
li, dd {margin-left: 5%;}
ul li{list-style-type: square; margin: 0.5em 0px 0.5em 2em;line-height:1.4em;color:#777}
img{display:block; margin:auto; border:none;}
a img{border: none;}
blockquote p{color: #777; font-size:1.2em ;font-family:Georgia, serif; font-style:italic; padding-left:2em;}
.clear{clear: both; font-size: 1px; height: 1px; line-height: 1px;}
.intro{color: #777; line-height:1.4em; font-size:1.5em ; font-family:Georgia, serif; font-style:italic;}

.entrytitle {font-weight:bold; width:547px;	border-bottom:2px dotted #111; padding:5px 0px;}
.entrytitle a{font-size:1.2em;}

/*-----------------------------------------------------------------------------------------------
VIÑETAS
-----------------------------------------------------------------------------------------------*/
.vineta-save{border:none; margin-top:8px; margin-right:7px; float:left;}
.buscar{border:none; margin-top:2px; margin-right:5px; float:left;}

/*-----------------------------------------------------------------------------------------------
ENCABEZADOS
-----------------------------------------------------------------------------------------------*/

h1{color:#555; font-size:1.4em; font-family:Georgia, Rockwell, serif; margin:10px 0px;}
h2 {font-size:16px; margin:0px 0px -9px 0px; font-family:Georgia, "Times New Roman", serif; letter-spacing:1px;}
h3{color:#555; border-bottom:1px solid #ccc; font-size:1.3em; font-family:"Georgia", "Times New Roman", serif;  margin: 30px 0px 5px 0px; padding-bottom: 12px;}
h4{color:#555; font-style:italic; font-family:"Georgia", "Times New Roman", serif; font-size:1.4em; font-weight:normal; margin:15px 0px; padding-top:5px; letter-spacing:1px;}
h5{color:#777; font-size:1.2em; font-weight:normal; margin:15px 0px;}
h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:15px 0px;}
#primary h2{color: #555;}
#novedades h4{color:#555; font-style:italic; font-family:"Georgia", "Times New Roman", serif; font-size:1.4em; border-bottom:1px solid #ccc; font-weight:normal; padding:7px 0px 7px 0px;}
.story h3{font-weight: normal; margin: 0px 0px 1.5em 0px;}
.story h3 a{background-color:#fff; border-bottom: 1px dotted #ccc; text-decoration: none;}
.single-post h1, .single-post h2{margin-top: 0px;}

/*-----------------------------------------------------------------------------------------------
PRIMARY - SECONDARY
 -----------------------------------------------------------------------------------------------*/
#primary  li a:hover {background-color:#FF8A00; color:#fff;}
#primary{width: 100%;}
#primary .primary{margin-top: 25px; float: left; width: 65%;}
#primary .secondary{display: inline; float: right; margin-top:24px; margin-right: 5%; padding: 0 5px 0 5px; width: 26%; background: #fff; }
#primary .secondary .admin-tools{margin:1em 0;}
.primary a{color:#FF8A00; text-decoration:none;}
.primary a:hover{background:#FF8A00; color:#fff;}
.primary a:visited{color:#AF5E00; text-decoration:none;}
.inside{width: 840px; padding: auto; margin: auto;}
.left{float: left;}
.right{float: right;}

.secondary .featured dl{border-bottom: 1px solid #CCCCCC; margin: 0px; padding: 0.5em 0px 0.6em 0px;}
.secondary .featured p{border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; line-height: 1.5em; margin: 1em 0px 0px 0px; padding: 0.5em 0px 0.6em 0px;}
.secondary dd{display: inline; margin: 0px; padding: 0px;}
.secondary dd a{color: #808080;text-decoration: none;}
.secondary dd a:hover{color: #000000;}
.secondary dt{color: #AAAAAA; display: inline; margin: 0px; padding: 0px;}

#primary .secondary-post{display: inline; float: right; margin-top:20px; margin-right: 5%; padding: 24px 5px 0 5px; width: 26%;}
.secondary-post .featured dl{border-bottom: 1px solid #CCCCCC; margin: 0px; padding: 0.5em 0px 0.6em 0px;}
.secondary-post .featured p{border-bottom: 1px solid #CCCCCC; border-top: 1px solid #ccc; line-height: 1.5em; margin: 1em 0px 0px 0px; padding: 0.5em 0px 0.6em 0px;}
.secondary-post dd{display: inline; margin: 0px; padding: 0px;}
.secondary-post dd a{color: #808080;text-decoration: none;}
.secondary-post dd a:hover{color: #000000;}
.secondary-post dt{color: #AAAAAA; display: inline; margin: 0px; padding: 0px;}

/*-----------------------------------------------------------------------------------------------
FOTO GENERAL
-----------------------------------------------------------------------------------------------*/
#foto { min-width: 800px;  background: url("http://www.seth.com.mx/wp-content/uploads/foto-portada.gif"); height: 90px;}

/*-----------------------------------------------------------------------------------------------
HEADER
-----------------------------------------------------------------------------------------------*/
#header {min-width: 700px; border-top: 20px solid #555;}
#header h1 {padding: 5px; font-family: georgia, "Times New Roman", serif; font-size: 19px; font-weight: normal; letter-spacing:1.5px; font-style: italic; color: #ccc; text-decoration: none; text-transform: none;}
#header h1 a{color: #111; text-decoration: none;}
#header h1 a:hover {background: #FF8A00; color: #fff;}
#header p{float: left; margin: -33px 0px 10px 190px; .margin: -33px 0px 10px 180px; _margin: -30px 0px 10px 82px; font-family: Lucida, arial, helvetica, san-serif; font-size: .8em; letter-spacing: 1.5px;}

/*-----------------------------------------------------------------------------------------------
IMÁGENES EN EL HOME
-----------------------------------------------------------------------------------------------*/
#primary .imagenes-index {margin: 15px 13px 15px 0px; .margin: 15px 12px 15px 0px; _margin: 15px 14px 15px 0px; float: left;}

/*-----------------------------------------------------------------------------------------------
MENÚ PRINCIPAL(Sobre Seth, Contacto, etc)
-----------------------------------------------------------------------------------------------*/
#navcontainer{min-width: 800px; font-size: 12px; }
#navcontainer ul{padding: .5em 0 .5em 0 ; margin: 0 0 0 -25px; list-style-type: none; text-align: left; background: #fff; color: #555; width: 100%; font-family: "Georgia", "Times New Roman", serif; line-height: 18px; letter-spacing:1px;}
#navcontainer ul li{display: inline;}
#navcontainer ul li a{padding: 5px 0px 5px 0px; color: #777; text-decoration: none;}
#navcontainer ul li a:hover{color: #FF8A00;}
#navcontainer ul li.current_page_item a:link,
#navcontainer ul li.current_page_item a:visited,
#navcontainer ul li.current_page_item a:hover,
#navcontainer ul li.current_page_item a:active {color: #FF8A00; background: transparent url(images/nav_active.gif)no-repeat center bottom; text-decoration: none;}


/*-----------------------------------------------------------------------------------------------
BREADCRUMB
-----------------------------------------------------------------------------------------------*/
#breadcrumb {background: #74c62b; min-width: 835px; border-top: 2px solid #74c62b; font-size: 11px; border-bottom: 2px solid #74c62b; color: #fff; padding-left: 42px;}
#breadcrumb a {color: #fff;}
#breadcrumb a:hover{color: #111;}

/*-----------------------------------------------------------------------------------------------
NOVEDADES - BLOG
-----------------------------------------------------------------------------------------------*/
#novedades {float: left; margin-top: 15px;}
.story .details{margin:1em 0; text-align:right; border-top:1px dotted #cccccc; padding:0.5em 0; font-size:0.95em; color:#4D4D4D;}
.story .details .read-on{background:url(../images/readon_black.gif) 100% 60% no-repeat; padding-right:20px;}
.story .details a{text-decoration:none;}

/*-----------------------------------------------------------------------------------------------
FICHA DE AUTOR
-----------------------------------------------------------------------------------------------*/
#ficha-contacto {color: #777; line-height: 1.7em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 13px; padding: 5px 0px 5px 0px; margin: 15px 0px 20px 0px;}
#ficha-contacto a{color: #FF8A00; text-decoration: none;}
#ficha-contacto a:hover{background:#FF8A00; color:#fff;}

/*-----------------------------------------------------------------------------------------------
FORMAS
-----------------------------------------------------------------------------------------------*/
input.textfield, textarea{background-color: #F8F8F8; border: 1px solid #868686; margin: 5px 0px; width: 15em;}
label.text{left: 0.5em; position: relative;top: -0.5em;}
fieldset {padding:.5em;}
.contactform p{line-height: 1.2px;}
pre{ border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; overflow: auto; padding: 1em 0px;width: 100%;}
select option{padding: 0px 5px;}


/*-----------------------------------------------------------------------------------------------
TABLAS
-----------------------------------------------------------------------------------------------*/
table{border-spacing: 2px;margin: 1.5em 0px;width: 100%;}
table caption{color: #000000; margin-bottom: -1em; margin-top: 1em; text-align: left;}
table td{background: #CCCCCC; color: #000000;}
table th{background: #CCCCCC; color: #000000; text-align: left;}
table th, table td{padding: 0.3em 0.75em;}

textarea.commentbox{font-family: Arial, Helvetica, sans-serif; font-size: 1.25em; height: 10em; margin: 5px 0px; padding: 0.25em; width: 28em;}


/*-----------------------------------------------------------------------------------------------
LISTAS
-----------------------------------------------------------------------------------------------*/
ul.counts .count{color: #7A7A7A; float: right;}
ul.dates .date{ color: #7A7A7A; padding: 0px 1.5em 0px 0px;}
ul.dates a, ul.counts a{color: inherit; color: #FF8A00; text-decoration: none;}
ul.dates li, ul.counts li{border-bottom: 1px solid #ccc; list-style-type: none; margin: 0px; padding: 0.4em 0px;}
ul.dates, ul.counts{border-top: 1px solid #DFDFDF; list-style-type: none; margin: 1.5em 0px;}
ul.dates li a {color: #FF8A00;}
.bandera li{margin-top: -27px; margin-bottom: 20px; margin-left: 150px; list-style-type: none;}
.featured img {margin: -17px;}
.featured img {_margin: -10px;}

/*-----------------------------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------------------------*/
#footer {background: #555; padding: 30px 30px 20px 25px; min-width: 461px; margin-top: 10px; text-align: center;}
#footer a{color: #888; text-decoration: none;}
#footer p{color: #fff; margin: 0px 0.4em 5px 10px; font-style: italic; font-family: "Georgia", "Times New Roman", serif; font-size: 90%; letter-spacing:0.1em}
#footer p a:hover{color: #de7a22;}


/*-----------------------------------------------------------------------------------------------
BARRA DE BÚSQUEDA
-----------------------------------------------------------------------------------------------*/
#buscar {background: #ededed; border-top: 1px solid #959595; border-bottom: 1px solid #959595; padding: 8px; color: #111;}
#sform input{font-size: 1em; width: 190px;}

/*-----------------------------------------------------------------------------------------------
OTROS
-----------------------------------------------------------------------------------------------*/
.postspermonth {list-style: none; padding-left: 5px; list-style-type: none; margin: 10px;}
.postspermonth a{color: #555; text-decoration: none;}
.postspermonth a:hover{color: #999; text-decoration: none;}

.formactions .spinner{float: right; margin: -8px -20px 0px 0px;}
.formactions input.submit{background-color: #CCCCCC; border: 1px solid #868686; float: right; margin: -1em 0px 0px 0px; padding: 0px 0.5em;}
.hide, .print-logo, .close-button{display: none;}

#preview{border: 1px solid #CCCCCC; margin: 1em 0px; padding: 0.5em;}
#preview p{margin: 1em 0px 0px 0px;}


/*-----------------------------------------------------------------------------------------------
ESTILOS FORMA DE CONTACTO (Debe estar al final)
-----------------------------------------------------------------------------------------------*/
table th{color: #111; background:#fff;}
table td{color: #111; background:#fff;}
input{border: 1px solid #555;}