/*  
Theme Name: BloggingPro
Theme URI: http://designdisease.com/
Description: Designed by <a href="http://designdisease.com">Design Disease</a> for <a href="http://smashingmagazine.com">Smashing Magazine</a>. You may use this theme and make any changes you like as long you leave the credits link on. <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a>
Version: 2.0
Author: Design Disease
Author URI: http://designdisease.com/
*/

/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #fff; font: normal 12px "Verdana", sans-serif; color:#535353; }
input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#535353; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center; }

a:link { text-decoration: none; color : #006599; border: 0px; -moz-outline-style: none; font-weight: bold;}
a:active { text-decoration: underline; color : #006599; border: 0px; -moz-outline-style: none; font-weight: bold;}
a:visited { text-decoration: none; color : #006599; border: 0px; -moz-outline-style: none; font-weight: bold;}
a:hover	{ text-decoration: underline; color : #006599; border: 0px; -moz-outline-style: none; font-weight: bold;} 
a:focus { outline: none;-moz-outline-style: none; font-weight: bold;}

h1, h2, h3, h4 { font-family: Verdana; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bgcontain { width: 100%; url(./images/<!-- bkg_bgcontain.png -->) repeat-x; }

/* Header - aqui para configurar el alto del logo
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header-bg { width: 100%; background: #fff url(bg.jpg) repeat-x; overflow: hidden;}
.header { width: 960px; height: 100px; position: relative; margin: 0 auto;}

.logo { padding: 0px 0px 25px 0px; }
.logo .txt h1 { font: bold 40px/38px "Arial"; letter-spacing: -2px; padding-bottom: 5px; }
.logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#006599;}
.logo .txt p.desc { font: bold 14px/14px "Arial"; letter-spacing: -1px; display: block; color:#999;}
.logo .img img { margin-bottom: 5px; }

.top-menu { overflow: hidden; height: 0px;}
/**/ * html .top-menu { height:100%; height: 33px;} /* */ 
.top-menu ul { border-left: solid 1px #76acd3; float: right; margin: 8px 0px; }
.top-menu li { font: bold 11px/13px 'Arial'; padding: 1px 5px; display: inline; border-right: solid 1px #76acd3; float: left;}
.top-menu li a, .top-menu li a:visited, .top-menu li a:hover { color:#fff;}

.search { width: 350px;  no-repeat right top; position: absolute; right: 0px; top: 0px;}
.search form { padding: 35px 0px 5px 35px;}

/* Container
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container-bg { width: 100%;}
.container { width: 960px; position: relative; clear: left; margin: 0 auto; border-top: solid 0px #ccc; padding-top: 30px;}


/* Central Column
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { float: left; width: 590px;}
.meta {background-color: #E6E6E6; padding:5px; font-size:12px; border:1px dashed #cccccc;}

.title { font: normal 26px/26px 'Arial'; letter-spacing: -1px; padding-bottom: 1px; margin-bottom: 1px; border-bottom: 1px #ccc solid;}

/* Posts
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post {}

.p-head { overflow: hidden; }
.p-head h1 { font: normal 20px/20px 'Arial'; letter-spacing: -1px; background: ; padding-left: 0px; color:  #006599; }
.p-head h1 a, .post h1 a:visited  { color:  #006599; text-decoration: none; }
.p-head h1 a:hover { color: #006599; text-decoration: none;}

.p-head h2 { font: normal 12px/12px 'Arial'; letter-spacing: -1px;}
.p-head h2 a, .post h2 a:visited  { color: #FFF; text-decoration: none; }
.p-head h2 a:hover { color: #003399; text-decoration: none;}

.p-categ { color: #999; font-size: 11px; }
.p-categ a, .p-categ a:visited, .p-categ a:hover { text-decoration: underline; color: #999;}

.p-date { position: absolute; left: 0px; text-align: center; padding-right: 10px; margin-right: 10px; border-right: solid 1px #ccc;}
.p-date .day { font: normal 24px/22px 'Arial'; color: #666; margin-bottom: 3px; display: block; }
.p-date .month { display: block; background: #f1f1f1; color: #999; font: normal 10px/10px 'Verdana'; padding: 2px; text-transform: uppercase;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.p-con { padding: 10px 0px;}
.p-con { padding: 5px 0px 0px 0px;  font-size: 12px; line-height: 16px; border-top: solid 1px #ccc; margin-top: 15px;}
.p-con p { font: normal 12px/18px "Verdana"; padding: 4px 0px; margin: 4px 0px;}
.p-con ol { list-style: decimal inside; }
.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.p-con ol li { padding: 2px 0px 2px 0px; }
.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }
.p-con ul li { padding: 2px 0px 2px 13px; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; }
.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 20px; background: #fbf7d9; margin: 10px 0px; color:#993300; border: solid 1px #f6f3d3; }
.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#cc3300; }
.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

.p-det { text-align: left;}
.p-det li { display: inline; padding: 4px 0px 6px 18px; margin-right: 5px;}
.p-det li.p-det-com { background: url("images/p-det-cat-ico.png") left center no-repeat; }
.p-det li.p-det-tag { background: url("images/p-det-tag-ico.png") left center no-repeat; }
.p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px;}

.wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }
.wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }

/* Estilo Bloques Adsense final entrada
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.ads {border-top: 1px solid #E8E8E8;}

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.p-con img { padding: 0; max-width: 100%; text-align:center; }
.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 3px; border: solid 0px #e4e4e4; text-align:center;}
.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 0px #e4e4e4; padding: 3px; }
.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 0px #e4e4e4; padding: 3px;}
.p-con .alignright { float: right; }
.p-con .alignleft { float: left }

/* leyenda para imagenes  */
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 7px;
margin: auto;
margin-bottom:7px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
text-align: right;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; padding-bottom: 30px;}
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 2px; padding-left: 17px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 2px; padding-right: 17px; }
.nav a, .nav a:visited { color:#006599; cursor: hand; font: bold 11px/14px "Verdana"; letter-spacing: -1px; }
.nav a:hover { color:#4779ac; }



/* Comments
############################################################################################################## */
.comments-list { padding-top: 20px;}
.comments-list h2 { color:#272d36; font: normal 12px/12px "Arial"; letter-spacing: -1px; padding-bottom: 10px; border-bottom: solid 1px #ccc; margin-bottom: 30px;}
.comments-list div.entry { margin-bottom: 30px;}
.comments-list div.alt { margin-bottom: 30px;}
.comments-list p.name { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; color:#000; padding-top: 10px;}
.comments-list p.avt { padding: 0px; margin: 0px; float: right;}
.comments-list p.avt img { border: solid 1px #ccc;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; margin-bottom: 5px; border-bottom: solid 1px #ccc; padding-bottom: 10px;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999;}

.comments-list .con { font: normal 12px/17px "Verdana"; color:#333;}
.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 0px; background:#f1f1f1; padding: 5px 15px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }


/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form-all { background: no-repeat left bottom; padding-bottom: 5px;}
.comments-form { margin: 10px 0px; background: no-repeat left top; padding: 20px 20px 5px 20px;}
.comments-form h3 {color:#272d36; font: normal 19px/19px "Arial"; letter-spacing: -1px; padding-bottom: 10px; border-bottom: solid 0px #9ec9f2; margin-bottom: 10px;}
.comments-form p { padding: 7px 0px; color:#333;}
.comments-form .required { font-weight: normal; color:#ff0000;}
.comments-form input { padding: 5px; width: 250px; margin-right: 5px; }
.comments-form input.formid { border: 1px solid #7eb1e1; background: #fff; padding: 5px; color:#333;}
.comments-form input.formemail { border: 1px solid #7eb1e1; background: #fff; padding: 5px; color:#333;}
.comments-form input.formuri { border: 1px solid #7eb1e1; background: #fff; padding: 5px; color:#333;}
.comments-form textarea { border: 1px solid #7eb1e1; background: #fff; padding: 5px; width: 490px; color:#333;}
.comments-form .button { background: url(images/SubmitComment.png) no-repeat left top; text-indent: -50000px; width: 80px; height: 26px; border: none; display: block;}

/* Menu suscripciones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Menu { float: right; width: 370px; margin-left: 21px; padding-bottom: 4px;}


/* Right Column
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { float: right; width: 330px; margin-left: 00px; padding-bottom: 4px; background: #;  no-repeat left bottom; border: 1px solid #E8E8E8;}
.SR h3 { font-size: 12px; letter-spacing: -1px; padding: 5px 0px; margin: 0px; color: #FFF; padding-left: 10px; background: #2C7FE5; }
.SR ul { padding: 0px; margin: 0px; }
.SR li { padding: 0px; margin: 0px; list-style-type: none;}
.SR li a { padding: 2px 0px 3px 8px; color: #006599; text-decoration: none; border-bottom: solid 1px #d4e3f4; background: url(images/CategIco.png) no-repeat left top; width: 290px; display: block;}  
.SR li a:visited { color: #006599; text-decoration: none; border-bottom: solid 1px #d4e3f4;} 
.SR li a:hover { text-decoration: underline; color: #006599
; border-bottom: solid 1px #d4e3f4;} 

.SR .syndicate { margin-bottom: 20px;}
.SR .syndicate li { background: url(images/rss-ico.png) no-repeat left 4px; padding-left: 15px;}

.SR .widget { margin-bottom: 20px;}


/* Right - First Column */
.SR .SRL { width: 300px; padding: 15px 0px 15px 15px; margin-right: 11px; background:  url(./images/SRLBkg.gif) no-repeat left top;}
 
/* Extra Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.extra-bg { width: 100%; float: left; background: #E6E6E6; padding: 25px 0px;}
.extra { width: 960px; margin: 0 auto; }
.extra h2 { font: normal 12px/12px 'Verdana'; letter-spacing: -1px; color:#B12223; }
.extra p { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; color:#FFF; font-size: 10px; border-bottom: solid 0px #062a6e; display: block;}



/* Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer-bg { width: 100%; height: 30px; float: left; background: #2C7FE5;  padding: 25px 0px;}
.footer { width: 980px; position: relative; clear: left; margin: 0 auto; }
.footer p { padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; color:#FFF; font-size: 10px; border-bottom: solid 0px #062a6e; display: block;}
.footer p a {color:#FFF;}

.footer ul { display: inline; padding: 0px; margin: 0px; }
.footer li { display: inline; padding: 0px; margin: 0px; list-style-type: none;}
.footer .WP { text-indent: -35000px; background: url(images/FooterWPLogo.gif) no-repeat left top; width: 71px; height: 20px; float: left;}
.footer .DD { text-indent: -35000px; background: url(images/FooterDDLogo.gif) no-repeat left top; width: 83px; height: 20px; float: left; margin-right: 10px; }