/*------------------------------
HTML TAGS
------------------------------*/
html, boddy, top-margin{
	margin-top:0;
	padding-top:0;
}

body{
	background: #f0f0f0 url(img/header.png) repeat-x;
	text-align:center;
	color:#515151;
	font-family:arial, helvetica, sans-serif;
	margin-top:0;
	padding-top:0;

}



hr{
	background-color:#999;
	border:0;
	height:1px;
	margin-bottom:1.5em
}

a{
	color:#0A448C;
	text-decoration:none;
	-webkit-transition:color 0.15s ease-in;
	-moz-transition:color 0.15s ease-in;
	-o-transition:color 0.15s ease-in
}

a:visited{

}

a:hover{
	text-decoration:underline;
}

h1{

}




/*------------------------------
LAYOUT
------------------------------*/

.all{
	margin:0 auto 0 auto;
	text-align:left;
}

.container{

	margin:0 auto;
	text-align:left;
	
}
.wide{
	/*width: 754px;*/
	/*width: 728px;*/
	width:732px;
	float:left;
}

.main{
	/*background:white;
	border: 1px solid #dddddd;*/
}

.sidebar{
	float: right;
	/*background-color: silver;*/
}


/*------------------------------
HEADER
------------------------------*/
.header{
	height:120px;
	text-align:center;
	position:relative;
	margin:0 auto;
}

.header a{
	color:silver;
}

.header a:hover, .header .featured a:hover, .header .menubar a:hover{
	color:white;
}

.header .logo{
	position:absolute;
	top:10px;
	left:10px;
	/*float:left;
	padding-left:20px;*/
}

.header .logo h1{
	font:32px helvetica, arial, sans-serif;
	letter-spacing:-2px;
}

.header .menubar, .header .featured{
	height:60px;
	margin:0 auto;
	line-height:60px;
}

.header .menubar{
	text-align:right;
	font-size:11px;
}

.header .menubar a{
	color:gray;
}

.header .menubar ul li{
	display:inline;
	margin-left:20px;
	margin-right:20px;
}

.header .menubar ul li a{
	-moz-border-radius: 6px 6px 6px 6px;
	background: url("img/bg-box.png") repeat scroll 0 0 transparent;
	/*color: #FFFFFF;*/
	font-weight: normal;
	padding:0 5px;
}


.header .featured{
	font-size:14px;
	text-align:left;
}

.header .featured a{
	color:silver;
}

.header .featured ul li{
	display:inline;
	margin-left:20px;
	margin-right:20px;
}

.header .featured .searchbox{
	float:right;
}

.header .featured .searchbox .inputbox{
	width: 160px;
}

.header .featured .searchbox .searchbutton{

}

.header{
	margin-bottom:20px;
}

/*------------------------------
ADS
------------------------------*/

.ads{
	/*background-color:silver;*/
}

.ads_navbar{
	padding-top:30px;
	/*margin-left:-450px;*/
	margin-top:2px;
	text-align:left;
	font-size:14px !important;
}

.ads_top{
	margin-bottom:20px;
}

.ads_post_h{
	margin-left:-24px;
}

.ads_post_v{
	float:right;
}

/*------------------------------
POST HOME
------------------------------*/
.post{}

.post .post_thumbnail img{
	background:none;
	border:none;
	border:1px solid #DDDDDD;
	padding:5px;
}

.post .the_excerpt{
	float:right;
}

.resumen td{
	vertical-align:top;
}

.resumen .spacer{
	width:30px;
}

.resumen .metainfo, .metainfo{
	font-style:italic;
	color:gray;
	background:#f3f3f3;
	padding:0 15px 0 5px;
}

.resumen .category{
	margin:0 0 10px 0;
}

.resumen .excerpt{
	margin-top:15px;
}

.resumen .leer_mas{
	/*text-align:right;*/
	margin-top:5px;
	/*margin-right:20px;*/
}



/*------------------------------
TIME_POSTS
------------------------------*/
.time_posts{
	text-align:center;
}

.home_populares h4{
	font-size:14px;
	text-rendering: optimizelegibility;
	color: #BBBBBB;
	text-shadow: 1px 1px 0 white;
	font-size:20px;
}

.home_populares{
	background-color: #F4F4F4;
	border: 1px solid white;
	box-shadow: 0 0 1px #CCCCCC;
	margin-bottom:20px;
	padding:15px;
}

.home_populares td{
	padding:10px;
	font-size:14px;
	width:230px;
}

.home_populares td img{
	border:1px solid #DDDDDD;
	padding:5px;
	margin-bottom:10px;
	background:#fff;
}

/*------------------------------
NAV
------------------------------*/

.nav{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}


/*------------------------------
POST SINGLE
------------------------------*/

.post{
	padding:30px 25px;
	border-: 1px solid #fff;
	/*background:url(img/post_corner.png) no-repeat 643px 1px;*/
	background:#F9F9F9;
	border:1px solid white;
	font:14px arial, helvetica, sans-serif;
	line-height:21px;
	margin-bottom:20px;
	box-shadow: 2px 2px 0 #E5E5E5;
}

.post h1{
	font:40px 'myriad pro', lato, helvetica, arial, sans-serif;
	font-weight:bold;
	line-height:98%;
	letter-spacing:-2px;
	margin-bottom:20px
		text-shadow: 1px 1px 0 white;
}

.post h1 a{
	color:#3e3e3a;
}

.post h1 a:hover{
	text-decoration:none;
}

.post h3, .post h2{
	font-family:'myriad pro', lato, helvetica, arial, sans-serif;
}

.post h2{
	font-size:36px;
	font-weight:700;
	margin:20px 0 10px 0;
	line-height:100%;
		text-shadow: 1px 1px 0 white;
}

.post h3{
	font-weight: 400;
	font-size:22px;
	color:gray;
	margin:10px 0;
		text-shadow: 1px 1px 0 white;
}

.post img{
		border:1px solid #DDDDDD;
	padding:5px;
	background:#fff;
	display:block;
	margin: 20px auto;
}

.post p{
	margin-bottom:20px
}

.post pre{
    background: #404040 url('img/codeTop.jpg') no-repeat right 7px;
    /*border-radius: 8px 8px 8px 8px;*/
    color: white;
    font-family: Monaco,Courier,MonoSpace;
    font-size: 11px;
    line-height: 1.8;
    margin: 0 -25px 25px -25px;
    overflow: auto;
    padding: 10px 40px 10px 30px;
    position: relative;
	
	white-space: pre-wrap;
    word-wrap: break-word;

    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    /*line-height: 1;*/
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
/*
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background-color: #0E152B;
    border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    color: #8DA6CE;
    font-family: Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.5em !important;
    margin: 0 0 18px;
    overflow: auto;
    padding: 0.5em;
    text-shadow: none;
*/
}

pre {
    background: none repeat scroll 0 0 #333333;
    border-radius: 8px 8px 8px 8px;
    color: white;
    font-family: Monaco,Courier,MonoSpace;
    font-size: 12px;
    line-height: 1.8;
    margin: 0 0 25px;
    overflow: auto;
    padding: 10px;
    position: relative;
}
pre code {
    background: none repeat scroll 0 0 #333333;
    color: white;
    padding: 0;
}
pre[rel] {
    padding-top: 40px;
}
pre[rel]:after {
    background: none repeat scroll 0 0 #F3A01E;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: white;
    content: attr(rel);
    font: bold 16px "myriad-pro-1","myriad-pro-2","Lucida Grande",Sans-Serif;
    left: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
}
pre .str {
    color: #FF8400;
}
pre .kwd {
    color: #E8ED97;
}
pre .com {
    color: #999999;
}
pre .typ {
    color: #9A848C;
}
pre .lit {
    color: #C9783E;
}
pre .pun {
    color: #EEEEEE;
}
pre .pln {
    color: #DFC484;
}
pre .tag {
    color: #DFC484;
}
pre .atn {
    color: #DFC484;
}
pre .atv {
    color: #8E9C5C;
}
pre .dec {
    color: #CCCCCC;
}


.the_title{}

.intro td{
	vertical-align:top;
}

.intro td .the_excerpt{
	font:17px bold;
	letter-spacing:-1px;
	margin-top:20px;
	font-family:arial, helvetica, sans-serif;
	line-height:160%;
}

.intro .spacer{
	width:10px;
}


.tag-links{
	/*border-bottom:1px dotted #EFEFEF;*/
	margin:0 0 10px;
	padding:0 0 10px;
}

.resumen .tag-links{
	margin-top:20px;
}

.tag-links ul{
	margin:0
}

.tag-links li{
	background-color:#efefef;
	background-image:-moz-linear-gradient(center top,#FFF,rgba(255,255,255,0));
	background-image:-webkit-gradient(linear,0 0,0% 100%,from(#FFF),to(rgba(255,255,255,0)));
	border:1px solid #d8d8d8;
	border-left:none;
	display:inline-block;
	height:22px;
	margin:6px 6px 0 0;
}

.tag-links li:hover{
	background-color:#d8d8d8;
}

div.tag-links a{
	background:url(img/tag.png) no-repeat;
	background-position:-290px -405px;
	color:#666;
	display:inline-block;
	font-family:lato, "Ubuntu","UbuntuBeta","Droid Sans",sans-serif;
	font-size:12px;
	height:22px;
	margin-top:-1px;
	padding:2px 5px 0 15px;
	text-shadow:0 1px 0 #fff;
	text-align:center;
}

div.tag-links a:hover{
	text-decoration:none;
}


/*------------------------------
FRASES
------------------------------*/
.frases{
	font-size:28px;
	line-height:34px;
	font-family:'myriad pro', lato, helvetica, arial, sans-serif;
	font-weight:bold;
	letter-spacing:-2px;
}

.frasetitle{
	font-family:'myriad pro', lato, helvetica, arial, sans-serif;
	font-size:16px;
	color:gray;
}


/*------------------------------
SIDEBAR
------------------------------*/
.sidebar{}

.sidebar h2{
	font-size:16px;
}

.sidebar_ads{}

.sidebar_ads .banner{
	width:206px;
	height:124px;
}

.sidebar hr{
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid white;
}

.sidebar_tagcoud a:hover{
	text-decoration:underline;
}

.sidebar .tweets{
	font-size:12px;
	margin-top:20px;
}

.sidebar .tweets h3{
	font-size:16px;
}

.sidebar .tweets ul{
	list-style:circle;
	margin:10px 20px 0 25px;
}
.sidebar .tweets ul li{
	margin-bottom:10px;
}
.sidebar .tweets .twit{}

.sidebar .tweets p{
	text-align:right;
	margin-right:10px;
}

/*
COMMENTS
*/
#comment {width:525px; padding:10px;}
.commentlist li ul li {background-color: #f3f2f1; border:1px solid #e5e4e2; padding-bottom:10px; margin-bottom:10px; margin-top:13px;}
.commentlist li ul li ul li {background-color: white;}


ol.commentlist {}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }