/*   
Theme Name: MARIO Site Template
Theme URI: corporate-globe
Description: My Firts Theme for own use
Author: CARLOS MARIO MEJIA
Author URI: http://www.carlosmariomejia.com
Version: 1.0
.
General comments/License Private.
.
*/
/* Reset styles
*******************************/
html, body, div, span,iframe, white
h1, h2, h3, h4, h5, h6, p, blockquote, attention, code, pre,
a, abbr, acronym, address, cite,
del, dfn, em, font, ins, strong, ol, ul, li,
fieldset, form, label, legend, posttitle,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
body {
        background-color: #ffffff;
        margin: 0px;
        padding: 0px;
		font-family: tahoma, arial, verdana;
     	font-size: 11px;
     	color: #9C9C9C;
	}
h1 {
    font-size: 2.5em;
    color:#1394b4;
    line-height:1;
	}
h2 {
    font-size: 1.1em;
	color:#1394b4;
	}
h3 {
    font-size: 1.5em;
    padding-bottom:1em;
    color:#1394b4;
	}
h4 { 
	font-size: 1.3em; 
	color:#1394b4;
	}
h5 { 
	font-size: 1.2em; 
	color:#1394b4;
	}
h6 { 
	font-size: 1.1em;
	color:#1394b4;
	}	
TD {
    font-family: tahoma, arial, verdana;
    font-size: 11px;
    color: #9C9C9C; 
	}
a img {
	border: none; 
	}	
.white {
    font-family: tahoma, arial, verdana;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff; 
	}
.white a:hover:link:visited  {
	text-decoration:none;
}
.copy {
    font-family: tahoma, arial, verdana;
    font-weight: bold;
    font-size: 11px;
    color: #BEBEBE; 
	}
.orange {
    font-family: tahoma, arial, verdana;
    font-size: 11px;
    color: #F2A21A; 
	}
.b { font-weight: bold;
	}
.blue {
    font-family: tahoma, arial, verdana;
    text-decoration: underline;
    font-size: 11px;
    color: #0084E0; 
	}
form { margin: 0px;
       padding: 0px
	   }      
.input {
    width: 167px;
    height: 18px;                
    background-color: #ffffff;
    font-size: 10px;
    color: #5F6162;
	}
A:link {
	COLOR: orange; TEXT-DECORATION: none; font-weight:bold
	}
A:visited {
	COLOR: orange; TEXT-DECORATION: none; font-weight:bold
	}
A:active {
	COLOR: orange; TEXT-DECORATION: none; font-weight:bold
	}
A:hover {
	text-decoration: underline; COLOR: orange
	}
.style2 {		color: #ff0066;
		font-weight: bold;
		font-size:14px;
	}
/*HEADER*/
#header{
	position:relative;
	width: 766px;
	height: 304px;;
	}
#page_top{
	margin-left: auto;
	margin-right:auto;
	padding:0;
	width:100%;
	border:0px;
	}
#base{
	width:766px;
	margin-left:auto;
	margin-right:auto;
	}
/**********************************SIDEBAR*********************************/
#sidebar{
	float:left;
	left:0;
	width:206px;
	overflow:hidden;
	color:#9C9C9C;
	border:0px;
	background:url('http://www.carlosmariomejia.com/images/bgleft.jpg') 0px 0px;
	}
#sidebar_top{
	float:left;
	left:0;
	width:206px;
	height:40px;
	overflow:hidden;
	color:#ffffff;
	border:0px;
	}
#sidebar_bottom{
	float:left;
	left:0;
	width:206px;
	height:11px;
	overflow:hidden;
	color:#ffffff;
	border:0px;
	}	
#sidebar h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#1394b4;
	/*color: #006699;*/
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
	padding-top:15px;
/*	padding: 12px 0px 0px 22px;*/
	}	
#sidebar ul {
	padding-left:5px;
	margin-left:5px;
	padding-right:5px;
	margin-right:5px;
	list-style-type:none;
	}
#sidebar li {
	padding-left:0px;
	margin-left:0px;
	list-style-type:none;
	}	
/**********************************CONTENT*******************************/
#content{
	float: left;
	padding-left:0px;
	margin-right:0px;
	/*right:0;*/
	display: inline; 
	width: 451px;
	overflow: hidden; 
	border: 0px;
	}
#content .date {
    float:left;
    width:54px;
    height:43px;
    padding-top:11px;
	background:url(../../../../images/post-date.gif) 0px 0px;
    /*background:url('http://www.carlosmariomejia.com/imgages/post-date.gif') 0px 0px;*/
    color:#669abb;
    font-size:1.67em;
    text-align:center;
    margin: 0 0 20px 0;
    text-transform:uppercase;
}

#content .date span {
    font-size:0.65em;
    display:block;
}
#content .posttitle,
#content .postdata {
    margin-left:74px;
}

#content .page .posttitle {
    margin-left:0;
}

#content .posttitle h2 {
    background:url(../../../../images/post-title-border.gif) 0 100% repeat-x;
    padding-bottom:8px;
    margin-bottom:8px;
}
#separator {
	width: 420px;
	height: 2px;
    background:url(../../../../images/post-title-border.gif) 0 100% repeat-x;
	padding-top:0px;
	margin-top:0px;
    padding-bottom:30px;
    margin-bottom:30px;
}

#content .posttitle a {
    text-decoration:none;
    color:#1394b4;
}

#content .posttitle a:hover {
    color:#518cb1;
}
#content .category {
    background:url(images/category.jpg) no-repeat top left;
    padding-bottom:1px;
    padding-left:20px;
	margin-left:20px;
    float: left;
}
#content .author {
    background:url(images/author.gif) no-repeat top left;
	padding-bottom:1px;
    padding-left:15px;
	margin-left:15px;
    float: left;
}

#content .comments {
    background:url(images/bubble.jpg) no-repeat left;
    padding-left:20px;
	margin-left:20px;
    float: right;
}
.entry {
	color: #9c9c9c;
	line-height: 1.6em;
	font-size: 11px;
	text-align: justify;
	padding: 34px 15px 0px 15px;
}
blockquote	{
	padding:13px 20px 2px 41px;
	margin:13px 20px 2px 41px;
	border:1px #ddd dotted;
	background:#f7f7f7 url(images/right_quotes.png) no-repeat;
	}
#attention	{
	padding:13px 20px 2px 41px;
	margin:13px 20px 2px 0px;
	border:1px #ddd dotted;
	background:#f7f7f7 url(images/attention.png) no-repeat;
	}	
#code	{
	font-size:9px;
	padding:13px 10px 13px 10px;
	margin:13px 20px 13px 0px;
	border:1px #ddd dotted;
	background:#f7f7f7;
	}	
#menu{
	position:relative;
	width: 100%;
	height: 42px;
	}
#container{
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	width:657px;
	}
#con_container{
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-left:15px;
	padding-right:15px;
	background:url(../../../../images/bg_content.gif)
	}	
.spacer {height:20px;
	}	
.info {
	line-height: 2em;
	font-size: 9px;
	padding:5px 5px 5px 5px;
	color:#000000;
	border:0px red solid;
	}	
.category{
	background:url(images/category.jpg) no-repeat top left;
    padding-bottom:1px;
    padding-left:20px;
    float: left;
	}
.date {
	font-family:arial;
	top:24px;
	right: 20px;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	}
.bubble{
	padding:2px 0 2px 20px;
	background:url(images/bubble.jpg) no-repeat left top;
	}
#respond{
	padding:2px 0 2px 20px;
	background:url(images/bubble.jpg) no-repeat left top;
	}	
.archivetitle {
	height:20px;
	color: #006699;
	font-size: 13px;
	font-weight:bold;
	padding: 10px 0px 10px 5px;
	margin: 0px 0px 0px 0px;
	}
/*.post{
	width:605px;
	margin:0 0 20px 0;
	border:0px red solid;
}	
*/
.posttitle{
	top:0px;
	font-size:18px;
	font-family:arial;
	/*color:#5A6B1E;*/
	color:#1394b4;

	}
.posttitle a{
	font-family:arial;
	color:#1394b4;
	text-decoration:none;
	}
.posttitle a:hover{
	font-family:arial;
	text-decoration:underline;
	color: #1394b4;
	}
.posttitle a:visited{
	font-family:arial;
	text-decoration:underline;
	/*color: #F2A21A;*/
	color:#1394b4;
	}
.steps {
    font-size: 1.2em;
	color:#1394b4;
	font-weight:bold;
	text-transform:uppercase;
	}	
		
/******************************** COMMENTS ******************************/
#postmetadata {
	font-size: 11px;
	margin: 10px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	}
#comments{
	padding:0 20px 0 20px;
	}
.nocomments {background: none; color: #000000;
	}
.commenttitle {
	color: #000000;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	margin: 0px 0 20px 0;
	padding: 2px 0px 2px 0px;
	font-variant: normal;
	border-bottom: 1px dashed #5A6B1E;
	}
.commentlist {list-style: none;margin:0px;padding:0px;
	}
.commentbody {
	height:100%;
	color: #000000;
	font-size: 12px;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 1px 5px;
	border: 0px solid #5A6B1E;
	background:#F0F3CD;
	}
.commenthead {
	height:34px;
	color: #000000;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dashed #5A6B1E;
	background:#F0F3CD;
	}
.adminbody {
	height:100%;
	color: #000000;
	font-size: 12px;
	list-style-type: none;
	margin: 0px 0px 10px 15px;
	padding: 0px 5px 1px 5px;
	border: 0px solid #5A6B1E;
	background:#F0F3CD;
	}
.adminhead {
	height:32px;
	color: #000000;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dashed #5A6B1E;
	background:#F0F3CD;
	}
.trackhead {
	height:34px;
	color: #000000;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 10px 40px;
	border-bottom: 1px dashed #5A6B1E;
	background: #F0F3CD url(images/track.gif) no-repeat center left;
	}
.trackbody {
	height:100%;
	color: #000000;
	font-size:12px;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 1px 5px;
	border: 0px dashed #5A6B1E;
	background:#F0F3CD;
	}

.avatar {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	background: #ffffff;
	}
.commentcount {
	float: right;
	color: #aaaaaa;
	font-size: 20px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-family: Georgia, Times, 'Times New Roman', serif;
	}
.authorlink {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;
	}
.authorlink a {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;
	}
.commentlink {font-size: 10px; color: #000000;
	}

.trackbody p a {color: #000000;
	}

#commentform {
	margin:0;
	padding:20px 0 0 0;
	}
#email, #author, #url {
	color: #000000;
	background: #ffffff;
	font-size: 12px;
	padding-left: 2px;
	vertical-align: middle;
	border: 1px solid #5A6B1E;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	}
#comment {
	width: 380px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px solid #5A6B1E;
	padding: 2px 2px 2px 2px;
	}
#submit {
	width: 80px;
	height: 20px;
	color: #000000;
	font-size: 12px;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 2px 10px;
	border: 1px solid #5A6B1E;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	}
#send {
    border: 0px solid;
	font-size:1px;
	color:#CCCCCC;
    width: 52px;
    height: 22px;                
    background-image: url(images/send.jpg); 
    }	
#clear {
    border: 0px solid;
	font-size:1px;
	color:#CCCCCC;
    width: 52px;
    height: 22px;                
    background-image: url(images/but-clear.jpg); 
}	

/*****************************************FOOTER****************************************/
#footer{
	margin-left:auto;
	margin-right:auto;
	clear:both;
	position:relative;
	background:#ffffff;
	width:766px;
	height:47px;
	font-size:11px;
	font-family: Tahoma, Verdana, Arial;
	}
#footer a,#footer a:hover{
	color:#ffffff;
	text-decoration:underline;
	}