/*  
Theme Name: Gadgetizer
Theme URI: http://designdisease.com/
Description: Designed by <a href="http://designdisease.com">Design Disease</a> for <a href="http://Gadgetizer.com">Gadgetizer.com</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/
Tags: white, grey, blue, black, two columns, fixed width, widgets, widget-ready
*/

/* Begin Typography & Colors */
* { margin: 0; padding: 0; } /*background: #f2f2f3 url(images/body-bkg.jpg) repeat top center; */
body { font: normal 12px "Verdana", sans-serif; color:#535353; background: #fff url('images/bg-menu.gif') repeat-x top center; }
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;}
acronym { cursor: help; }

a:link { text-decoration: none; color : #24a7fd; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #24a7fd; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #24a7fd; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #000; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }

/* BGContainer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontain { width: 980px; margin: 0 auto; overflow: hidden; } 

/* Header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { width: 980px; padding: 0px; position: relative; min-height:100px;}

/* Menu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#menu { margin:2px 0 0 -7px; padding:0px; list-style:none; float:left; z-index:100; }
#menu li { float:left; position:relative; left: -7px; z-index:100; padding:4px 11px 20px 14px; border-top:1px solid #5c5c5c; }
#menu li:hover { background:url('images/bg-menu-hover.gif') repeat-x top center; border-top:1px solid #c6c6c6; }
#menu li a:link, #menu li a:active, #menu li a:visited { padding:15px 7px 3px 5px; font:bold 1.33em Helvetica, Arial, sans-serif; color:#d8d8d8; text-decoration:none; display:block; }
#menu li a:hover { background:url('images/bg-menu-hover.gif') repeat-x top center; }
#menu li:hover a { color: #fff; }
#menu .current_page_item { background:url('images/bg-menu-hover.gif') repeat-x top center; border-top:1px solid #24a7fd; }
#menu .admin { position:absolute; left:10px; }

#searchform {
	margin: 12px 0;
    float:right
	background: url(images/search-bg.png) no-repeat; width: 250px; overflow: hidden; 
}
#searchform input { float: left; background: url(images/search-input.png) no-repeat left top; border: none; padding: 10px 8px; width: 93px; color:#000066; font-size: 11px;}
#searchform button { float: left; background: url(images/search-button.png) no-repeat; width: 43px; height: 33px; border: none; cursor: pointer; color:#fff; vertical-align: middle; padding: 3px 5px 5px 0px; font: bold 14px/14px "Arial", sans-serif; letter-spacing: -1px;}




/* Logo
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.logo { padding: 0px 0px 0px 40px; width: 650px; float: left; }
.logo .txt h1 { font: bold 54px/54px "Arial Black", Gadget, sans-serif; letter-spacing: -4px; padding: 0px 0px; }
.logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#000033;}
.logo .img img { margin-bottom: 5px; }

.logo #twitteando { margin-top:10px; margin-left: -30px; height:80px; background: url('images/twitter.png') no-repeat left 0px;}
.logo .txt ul.desc { float:left; position:relative; left:50px; width:500px; font: normal 12px/16px; text-align:justify; top:-70px; letter-spacing: -0.025em;display: block;}
.logo .txt ul.desc span { font-size: 9px; }
.logo .txt ul.desc span a { text-decoration:none; color:#535353; }
.logo .txt ul.desc span.geo { background: transparent url('images/twitter-geo.png') no-repeat;display:inline-block;height:11px;width:7px; }
.logo .img { padding-bottom: 0px; }


.about { width: 290px; float:right; font-size:12px; text-align:justify; }
.about img.perfil { float:left; padding:0px 10px 3px 0px; }
.about img { padding: 0px 3px 0px 3px; }

/* Container
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container { width: 980px; float: left; background: #fff;}


/* Title
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.title { font: bold 34px/30px Arial, sans-serif; letter-spacing: -1px; padding: 15px 0px; margin-bottom: 15px; border-bottom: 1px #ccc solid; color:#000;}
.hcom  { font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#000;}


/* SC
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width: 900px; padding: 0px 40px 25px 40px; overflow: hidden; float: left;}

/* Side Left 
############################################################################################################## */
.SL { width: 610px; float: left; }
.SL .postimg { float: right; width: 150px; height: 150px; margin-left: 25px; border: solid 5px #f2f2f2; }
.SL .postdata { width: 610px; overflow: hidden;}
.SL .post { overflow: hidden;}

.SL .aside { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; background: transparent url('images/minipost.png') no-repeat 0px 8px; padding: 0px 20px 5px 45px; }
.SL .aside .p-con { border-top: none; background: transparent url('images/minipost-bg.png') repeat-y 0px 0px; }
.SL .aside .p-con .perm { background: url("images/p-det-more-ico.png") no-repeat left 6px; padding: 5px 0px 5px 25px; }
.SL .aside .p-con .coms { background: url("images/p-det-com-ico.png") no-repeat left 6px; padding: 5px 0px 5px 20px; }
.SL .aside .p-head, .aside .p-det { display:none; }

.SL .p-head { border-bottom: solid 1px #dddddd; padding-bottom: 8px;}
.SL .p-head h1 { font: bold 34px/30px Arial, sans-serif; letter-spacing: -2px; padding-bottom: 2px; color:#000;}
.SL .p-head h1 a { text-decoration: none;}
.SL .p-head h2 { font: bold 28px/28px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#000;}
.SL .p-head h2 a { text-decoration: none;}
.SL .p-head h3 { font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#000;}
.SL .p-head h3 a { text-decoration: none;}

.SL .p-date-cat { font: normal 11px/11px Arial, Helvetica, sans-serif; color:#b3b3b3; }
.SL .p-date-cat a, .p-date-cat a:visited, .p-date-cat a:hover { text-decoration: underline; color: #b3b3b3;}

.SL .p-date { font-size: 11px; color:#999966;}
.SL .p-con { padding: 0px; overflow: hidden;}
.SL .p-con .share { float:right; padding-left: 5px; margin-right: 3px; }
.SL .p-con p { font: normal 12px/17px "Verdana"; padding: 3px 0px; margin: 3px 0px; color:#333;}
.SL .p-con ol { padding: 0px 0px 0px 20px; margin: 0px; list-style: decimal inside;}
.SL .p-con ol li { padding: 2px 0px 2px 0px; }
.SL .p-con ul { padding: 0px 0px 0px 20px; margin: 0px; }
.SL .p-con ul li { padding: 2px 0px 2px 15px; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; }
.SL .p-con blockquote { font: italic 12px/17px "Verdana"; padding: 5px 15px; background: #eff7ff; margin: 10px 0px; color:#000; }
.SL .p-con blockquote p { font: italic 12px/17px "Verdana"; color:#000; }
.SL .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}
.SL .p-det { text-align: left; font-size: 10px; font-weight: bold; padding-top: 5px; margin-top: 5px; border-top: solid 1px #dddddd;}
.SL .p-det li { display: inline; padding: 5px 0px 5px 20px; margin-right: 5px; float: left; }
.SL .p-det li.p-det-com { background: url("images/p-det-com-ico.png") no-repeat left 5px; }
.SL .p-det li.p-det-more { background: url("images/p-det-more-ico.png") no-repeat left 5px; }
.SL .p-det li.p-det-tags { background: url("images/p-det-tags-ico.png") no-repeat left 6px; font: normal 10px/14px 'Verdana'; color:#999;  }
.SL .p-det li.p-det-tags a { color:#999; text-decoration: underline;}
.SL .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; color:#000033; }

/* Comments
############################################################################################################## */
.comments-list { padding-top: 30px;}
.comments-list h2 { color:#272d36; font: bold 20px/20px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #ebebeb; }
.comments-list div.entry { border-bottom: solid 1px #ebebeb; padding: 25px 15px 25px 15px; }
.comments-list div.alt { background: #fafafa; padding: 10px 15px 5px 15px; }
.comments-list div.num { float:right; font-size: 30px; color:#f0f0f0; }
.comments-list p.name { font: normal 16px/16px Arial, sans-serif; color:#000; padding: 5px 0px 2px 0px;}
.comments-list p.avt { padding: 0px; margin: 0px; float: left;}
.comments-list p.avt img { border: solid 1px #dededb; padding: 1px; margin-right: 10px;}
.comments-list p.date { padding-bottom: 5px; margin-bottom: 5px; font: normal 11px/14px Verdana, Geneva, sans-serif; color:#b3b3b3;}
.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-list div.reply { position:relative; float:right; top:-8px; padding: 2px; background: #fff; border: 1px solid #f0f0f0; cursor:pointer; }
.comments-list div.reply img { }
.comments-list div.reply a { text-decoration:none; }


/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { padding-top: 35px; }
.comments-form h3 {color:#272d36; font: normal 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #ebebeb; }
.comments-form p { color:#333; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 3px 0px;  }
.comments-form span { color:#ff0000; font-weight: normal;}
.comments-form input { padding: 6px; width: 300px; margin-right: 5px; }
.comments-form input.formid { border: 1px solid #e0e0e0; background: #f6f6f6; padding: 4px; color:#000;}
.comments-form input.formemail { border: 1px solid #e0e0e0; background: #f6f6f6; padding: 4px; color:#000;}
.comments-form input.formuri { border: 1px solid #e0e0e0; background: #f6f6f6; padding: 4px; color:#000;}
.comments-form textarea { border: 1px solid #e0e0e0; background: #f6f6f6; padding: 10px; color:#000;}
.comments-form #captchaInputDiv input.captcha_code { border: 1px solid #e0e0e0; background: #f6f6f6; padding: 4px; color:#000;}
.comments-form #captchaInputDiv small { font-size:11px; }

.comments-form .button { background: url(images/post-comment.png) no-repeat left top; text-indent: -50000px; width: 145px; height: 26px; border: none; display: block; cursor: hand;}

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.SL img.aligncenter { display: block; margin-left: auto; margin-right: auto; border: solid 5px #f2f2f2; }
.SL img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 5px #f2f2f2;  }
.SL img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 5px #f2f2f2; }
.SL .alignright { float: right; }
.SL .alignleft { float: left }


/* Archivador
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.AR { width: 610px; float: left; background: transparent url('images/bgarchives.png') no-repeat right center; min-height: 400px; }
.AR h2 { font: bold 28px/28px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#000; margin-bottom: 15px; }
.AR h3 { font: bold 18px/18px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#000; border-bottom: 1px solid #efefef; background: transparent url('images/archimes.png') no-repeat 0px 8px; padding: 10px 0px 0px 40px;margin-top: 5px; }
.AR ul { padding: 10px 0px 10px 35px; margin: 0px; }
.AR ul li { padding: 2px 0px 2px 10px; }

/* Imágenes
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.IMG { width: 610px; float: left; background: transparent url('images/bgimg.png') no-repeat left center; min-height: 400px; }
.IMG h2 { font: bold 28px/28px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#000; margin-bottom: 15px; }
.IMG #galeria { overflow: hidden; padding: 15px 0px 25px 15px; }
.IMG #galeria ul { float: left;}
.IMG #galeria li { list-style-type: none; display: inline; padding: 5px; float: left; margin: 0px 3px 5px 0px;}
.IMG #galeria li a img, #galeria li a:visited img { padding: 2px; border: solid 2px #ddd; }
.IMG #galeria li a:hover img { border: solid 2px #b1ebf8;}

/* Contacto
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.CO { width: 610px; float: left; background: transparent url('images/bgcontact.png') no-repeat right center; min-height: 400px; }
.CO h2 { font: bold 28px/28px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#000; margin-bottom: 15px; }
.CO h3 { font: bold 18px/18px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#000; border-bottom: 1px solid #efefef; padding: 10px 0px 0px 40px;margin-top: 5px; }
.CO h3.email { background: transparent url('images/icon-mail.png') no-repeat 0px 0px; }
.CO h3.chat { background: transparent url('images/icon-chat.png') no-repeat 0px 0px; }
.CO h3.redes { background: transparent url('images/icon-redes.png') no-repeat 0px 0px; }
.CO ul { padding: 10px 0px 10px 35px; margin: 0px; }
.CO li { margin: 0px 0px 5px 0px; }
.CO ul.mail li { background: transparent url('images/icon-email.png') no-repeat 0px 0px; padding: 0px 0px 2px 30px; }
.CO .chat li.msn { background: transparent url('images/icon-msn.png') no-repeat 0px 0px; padding: 2px 0px 2px 30px; }
.CO .chat li.gtalk { background: transparent url('images/icon-gtalk.png') no-repeat 0px 0px; padding: 2px 0px 2px 30px; }
.CO .chat li.skype { background: transparent url('images/icon-skype.png') no-repeat 0px 0px; padding: 2px 0px 2px 30px; }
.CO .redes li { display: inline; }
.CO ul li { padding: 2px 0px 2px 10px; }




/* Side Right 
############################################################################################################## */
.SR { width: 250px; float: right; margin-left: 40px; }
.SR h2 { color:#000; font: normal 21px/21px "Trebuchet MS", sans-serif; letter-spacing: -1px; border-bottom: solid 1px #ccc; padding: 10px 0px; margin-bottom: 10px;}

.SR .widget { margin-bottom: 15px;}
.SR .widget h2 { font: normal 24px/24px Arial, Helvetica, sans-serif, sans-serif; border-bottom: solid 1px #ebebeb; padding-bottom: 10px; margin-bottom: 5px;}
.SR .widget li { padding: 2px 0px 2px 6px; font: normal 12px/14px Verdana, Geneva, sans-serif; background: url(images/cat-arrow.png) no-repeat left 6px; }

/* Categories
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .widget_redes { width:290px; text-align:center; }

.SR .widget_categories {}
.SR .widget_categories li { padding: 2px 0px 2px 6px; font: bold 14px/16px Arial, Helvetica, sans-serif, sans-serif; letter-spacing: -1px; background: url(images/cat-arrow.png) no-repeat left 8px; }
.SR .widget_categories li ul li { font: normal 13px/15px Verdana, Geneva, sans-serif; padding: 2px 0px 2px 0px; background: none; letter-spacing: normal;}

.SR .widget_links .linkcat  { background: none; padding-left: 0px; }

.SR .widget_tag_cloud { line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.SR .widget_calendar table { width: 100%;}
.SR .widget_calendar table td { text-align: center; padding: 3px; }
.SR .widget_calendar caption { background: #f5f5f4; padding: 5px 0px; margin-bottom: 10px;}
.SR .widget_calendar #today { background: #f5f5f4;}
.SR .widget_search #s { width: 160px; border: solid 1px #b5d6cd; padding: 3px; margin-bottom: 5px;}

.SR .widget_recent_comments { margin-bottom: 15px;}
.SR .widget_recent_comments li { font-size: 11px; border-bottom: solid 1px #d7d7d7; padding: 4px; background: none;}
.SR .widget_recent_comments li:hover { background: #fafafa; cursor:pointer; }
.SR .widget_recent_comments li a { font-size: 11px; color:#666; text-decoration:none; }
.SR .widget_recent_comments .author { display:block; color:#ff3300; }


/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; }
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 1px; padding-left: 18px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 1px; padding-right: 18px; }
.nav a, .nav a:visited, .nav a:hover { cursor: hand; font: bold 10px/14px Verdana, Geneva, sans-serif; color:#000033; }



/* Footer EXTRA
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.extra { background: #004574; width: 964px; overflow: hidden; float: left; margin: 0px 8px; margin-bottom: 20px; }
.extrat { background: url(images/extra-top-bar.png) no-repeat top; height: 10px; }
.extrab { background: url(images/extra-bot-bar.png) no-repeat bottom; height: 10px; }
.extrac { background: url(images/extra-cc-bar.png) repeat-x center top; overflow: hidden; min-height: 254px; padding: 20px 22px 20px 32px;}
/**/ * html .extrac { height: 254px; } /* */ 

.extra h3 { font: normal 24px/24px Arial, Helvetica, sans-serif; letter-spacing: -1px; color:#fff; border-bottom: solid 1px #1d5b85; padding-bottom: 15px; margin-bottom: 15px;}
.extra li a, .extra li a:visited { color:#99cccc;}
.extra li a:hover { color:#fff;}

.extra-rc { width: 260px; overflow: hidden; float: left; }
.extra-rc li { border-bottom: solid 1px #1d5b85; padding: 6px 0px; color:#fff; font-size: 11px;}
.extra-rc li a { }
.extra-rc li a:hover { text-decoration: none;}

.extra-links { width: 260px; overflow: hidden; float: left; margin-left: 64px; }
.extra-links li { background: url(images/extra-li.png) no-repeat left; padding: 2px 0px 2px 7px; font-size: 11px;}
.extra-links li a:hover { text-decoration: none;}

.extra-flick { width: 260px; overflow: hidden; float: left; margin-left: 64px; }
.extra-flick h3 { width: 250px;}
* html .extra-flick { height: 1%;}
.extra-flick ul { width: 260px; padding: 0px; margin: 0px 0px 0px 0px; float: left;}
.extra-flick li { list-style-type: none; padding: 0px; margin: 0px 13px 13px 0px; float: left; }
.extra-flick li a img, .r2 .extra-flick li a:visited img { background: #fff; width: 65px; height: 65px; border: solid 4px #1d5b85;}
.extra-flick li a:hover img { border: solid 4px #fff; }

/* Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { background: #fff url(images/footer-bkg.png) no-repeat bottom; width: 930px; padding: 0px 25px 20px 25px; overflow: hidden; margin: 0 auto; margin-bottom: 20px;}
.footer hr { border-left:none; border-right: none; border-top:1px solid #ccc; border-bottom: none; height : 1px; display: block; margin-bottom: 10px; }
.footer p { padding: 1px 0px; color:#999; font-size: 11px;}
.footer p a, .footer p a:visited, .footer p a:hover {color:#999; text-decoration: underline;}