/*   
 *   Theme Name: By-Martin
 *   Theme URI: http://www.by-martin.com/wp/themes/by-martin/
 *   Description: Simple Professional Corporate Web based on Wordpress
 *   Author: Martin Hermosilla
 *   Author URI: http://www.by-martin.com/
 *   Version: 0.0.1
 *   	
 *   	By-Martin v0.0.1
 *   	http://www.by-martin.com/wp/themes/by-martin/
 *  	
 *  	This theme was designed and build by Martin Hermosilla
 *  	whose website you will find at http://www.by-martin.com/
 *  	Personal blog http://www.martinh.cl/
 *
 *  	The CSS, XHTML and design is released under GPL:
 *  	http://www.opensource.org/licenses/gpl-license.php
 *   
 *   
 */


html {
     height: 100%;
     margin: 0;
     padding: 0;
}

body {
     font-family: Helvetica, sans-serif;
     margin-top:0;
     margin-bottom:0;
     height: 100%;
     padding: 0;
}
body a {
     color: #b40404;
}

#main {
     width: 1200px;
     min-height: 100%;
     padding: 0;
     margin: 0 auto;
}

/* Header Definitions */
#header {
     width: 100%;
     height: 91px;
}

#header h1 {
     font-family: Helvetica, sans-serif;
     font-size: 32pt;
     padding-top: 0;
     padding-bottom: 0;
     margin-top: 0;
     margin-bottom: 0;
}

#headerimg {
    width: 100%;
    height: 64px;
}

#headerimg div#head_logo {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
}

#headerimg div#head_logo h1 img {
    position: relative;
    top: 8px;
    margin-right: 5px;
}

#headerimg div#head_ad{
   position: relative;
   float: right;
   right: 0;
   top: 10px;
   margin: 0;
   padding: 0;
}

#header h1 a {
     text-decoration: none;
     color: #000;
}

div.description {
     position: relative;
     float: left;
     padding-top: 0;
     padding-bottom: 5px;
     margin-top:0;
     margin-bottom:0;
}


/* Navigation bar */
#navmenu {
     border-top: 1px dotted #000;
     border-bottom: 1px dotted #000;
     height: 32px;
     clear: both;
     width: 100%;
}

#navmenu ul {
     float: left;
     margin: 0; 
     padding: 5px 0 0 0; 
     list-style-type: none; 
     list-style-image: none; 
     height: 32px;
}
#navmenu ul#right_nav {
     float: left;
     margin: 0;
     padding:0;
     list-style-type: none; 
     list-style-image: none;
     height: 32px;
}
#navmenu ul#right_nav li,
#navmenu ul li {
     display: inline;
}
#navmenu ul#right_nav li a {
     margin: 0;
     padding: 0;
}
#navmenu ul li a {
     text-decoration: none;
     margin: 4px;
     padding: 5px 15px 5px 15px;
     color: #000;
}
#navmenu ul li.page_item a {
     color: #000;
}
#navmenu ul li a:hover {
     background-color: #ccc;
}
#navmenu ul#right_nav li a:hover {
     background-color: #fff;
}

#navmenu div.searchdiv {
     float: right;
     right: 0;
     text-align: right;
     height: 32px;
     margin: 0;
     padding: 0;
}

#navmenu div.searchdiv form {
     float: right;
     height: 19px;
     margin-right: 0px;
     margin-top: 4px;
}

#navmenu div.searchdiv a {
     float: right;
}

/* Content definition */
#content {
     position: relative;
     padding-top: 5px;
     width: 100%;
     height: 100%;
     /* overflow: view; */
}

#content p {
     margin: 0;
}

#content h2 {
     top: 0;
     padding: 0;
     margin: 10px 0;
}

/* Sidebar definitions inside content */
#sidebar {
     float: left;
     display: block;
     width: 650px;
     height: 100%; /* 565px;*/ /* map 650x415 original */
     padding-right: 5px;
}
#sidebar p {
     text-align: justify;
}
#sidebar #logo {
     width: 650px; /* 650 */
     text-align:center;
}
#sidebar #logo img {
     border: 1px dotted #000;
}

/* Content itself inside content */
#thecontent {
     float: left;
     width: 530px; /* 530 */
     height: 100%; /* 565px; */
     min-height: 1150px!important;
     padding-left: 10px;
     padding-top: 0;
     /* overflow: auto; */
}

#footer {
     float: left;
     width: 100%;
     height: 50px;
     border-top: 1px dotted #000;
     padding-top: 5px;
     margin-top: 5px;
}

#center_footer {
     margin: 0 auto;
}

#right_footer {
     float: right;
}

/* Other objects */


div.post,
div.post_teaser {
     position: relative;
     min-height: 159px;
     height:auto !important; 
     height: 159px;
     margin-top: 0;
     padding-top: 0;
     /* overflow: auto; */
}


div.post_teaser h2 {
     margin: 0;
     padding: 0;
     color: #000;
}

div.post_teaser h2 a,
div.post h2 a{
      color: #000;
}

div.post h2 {
     margin-top: 0;
     padding-top:0;
}

div.post div.entry {
     min-height: 160px;
     margin-top: 5px;
     padding-top: 5px;
     margin-bottom: 5px;
     padding-bottom: 5px;
     border-top: 1px dotted #000;
}

div.entry p {
     text-align: justify;
     font-size: small;
}

.hidden {
     display: none;
}

.page_title_head {
     width: 530px;
     height: 35px;
}

.page_title {
     position: relative;
     float: left;
     left: 0;
     top: 0;
}

.navigation {
     position: relative;
     margin-top:0;
     margin-bottom: 0;
     padding: 0;
}

.alignleft {
     float: left;
     margin-right: 10px;
}

.alignright {
     float: right;
}

.clearfix {
     display: block;
}

#prev span, 
#next span { 
     color:#ccc; /* lighter than the normal anchor text */
}

.more {
     position: absolute;
     right: 0;
     bottom: 0;
     font-size: small;
}

.thumbnail {
     float: left;
     width: 145px;
     height: 108px;
     padding-right: 5px;
}

.postmetadata {
     margin-top: 5px;
     border-top: 1px dotted #000;
}

img#wpstats {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
}

#toolbar {
     background: #fff;
     padding: 4px;
     margin: 0px;
     position: relative;
}

#toolbar h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

#toolbar ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

#toolbar ul li {
     display: inline;
}

#toolbar ul li a {
     padding: 3px 6px;
     color: #444;
     text-decoration: none;
     font-size: 12px;
}

#toolbar ul li a:hover {
	text-decoration: underline;
}

#footer_ad {
    height: 90px;
    text-align: center;
    right: 10px;
    left: 10px;
    padding: 4px;
    margin: 0px;
    font-family: verdana, sans-serif;
    font-size: x-small;
}

/* Tabla de sismos */

#map {
   width: 650px;
   height: 480px;
}

/* Tabla de sismos */
#list_container {
    width: 650px;
    height: 150px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: x-small;
}

#tabs-1, #tabs-2 {
     width: 610px;
     height: 80px;
     font-size: small;
     overflow: auto;
}


ul#sidebar-list1,
ul#sidebar-list2 {
     list-style: none outside none;
     margin: 0;
     padding: 6px 0 0;
}

ul#sidebar-list1 li,
ul#sidebar-list2 li {
     list-style: none outside none;
     margin: 0;
     padding: 2px 5px;
}

ul#sidebar-list1 li a,
ul#sidebar-list2 li a {
     color: #455;
     text-decoration: none;
}

ul#sidebar-list1 li a:hover,
ul#sidebar-list2 li a:hover {
     text-decoration: underline;
}


#metaseopack {
  display : none;
}

#subscribe2 {
    float: left;
    width: 345px;
    height: 80px;
    margin-left: 5px;
    margin-top: 5px;
}
.wg_subs {
    border:1px solid #ccc;
    padding: 3px 23px 3px 23px;
}
.wg_subs div p {
    font-size: small;
}
.subs_msg {
    border:1px solid #ccc;
    padding: 3px 23px 3px 23px;
    font-size: small;
}


#subs {
     float: left;
     font-size: small;
     margin-top: 5px;
     border:1px solid #ccc;
     height: 60px;
}

.tgt_TweetStream {
     font-size: small;
}

/* Comments */
div#comments .comment-content h1,
div#comments .comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
}

div#comments .comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

div#comments .comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}

div#comments .comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

div#comments .comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

div#comments .comment-content ul,
div#comments .comment-content ol {
	margin-bottom: 1.625em;
}
div#comments .comment-content ul ul,
div#comments .comment-content ol ol,
div#comments .comment-content ul ol,
div#comments .comment-content ol ul {
	margin-bottom: 0;
}

div#comments .commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}

div#comments .commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}


/* Images */
div#comments .comment-content img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}

/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
div#comments .commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
div#comments .commentlist {
	width: 68%; /* reset the width for the one-column and sidebar page layout */
}
div#comments .commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
div#comments .commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
div#comments .commentlist .children {
	list-style: none;
	margin: 0;
}
div#comments .commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
div#comments .commentlist .children li.comment .fn {
	display: block;
}
div#comments .comment-meta .fn {
	font-style: normal;
}
div#comments .comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
div#comments .commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
div#comments .commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
div#comments .comment-meta a {
	font-weight: bold;
}
div#comments .comment-meta a:focus,
div#comments .comment-meta a:active,
div#comments .comment-meta a:hover {
}
div#comments .commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
div#comments .commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
div#comments .commentlist > li.pingback:before {
	content: '';
}
div#comments .commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
adiv#comments .comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
div#comments a.comment-reply-link:hover,
div#comments a.comment-reply-link:focus,
div#comments a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
div#comments a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
div#comments .commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
div#comments .commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
div#comments .commentlist > li.bypostauthor .comment-meta a:focus,
div#comments .commentlist > li.bypostauthor .comment-meta a:active,
div#comments .commentlist > li.bypostauthor .comment-meta a:hover {
}
div#comments .commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
div#comments .commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
div#comments .commentlist > lidiv#comments .comment,
div#comments .commentlist .pingback {
	margin-left: 102px;
	width: auto;
}

/* And a full-width comment form */
#respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
div#comments .commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
div#comments p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}

