﻿/*
Theme Name: Popelera Digital Statement Versión 2.1
Theme URI: http://www.popelera.net
*/

/*+++++++ BODY +++++++*/

* { margin: 0px; padding: 0px; text-decoration:none; }

body { font-family: Arial; font-size: 12px; color: #4d4b4c; background:#323232; }

ul li {list-style:none;}

ol li {list-style-position: inside}

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/

h3 { padding:10px 0 10px 0; font-size:14px;}

a:link {  text-decoration: none; color: #339FF2; border: 0px;}
a:active {color : #339FF2; border: 0px;}
a:visited { color :#339FF2; border: 0px;}
a:hover	{ color:#B41B1B; border: 0px;}

.clear { clear: both; }

/*+++++++ MAIN +++++++*/

#top-wrap {width: 975px; height: 15px; margin:auto; background:#ffffff; top left no-repeat;}
#wrapper { width: 975px; margin:auto; background:#ffffff; top left repeat-y;}
#frame,#content{ width: 955px; margin:auto; }
#content {margin-top:10px;}#photo { width: 915px; padding: 0 0 0 20px; }

/*+++++++ INFOBAR +++++++*/

#infobar { height: 30px; width: 955px; line-height:30px; font-size:10px; margin: 0 auto; color: #000000; padding-top: 5px}

#rss { float: right; width: 360px; font-size:12px; font-weight: bold; margin: 0 auto; color: #ffffff; padding: 10px 5px 0 0; }#rss p {text-align:right;}
#rss a {color: #50AAEF}
#rss a:hover {text-decoration: underline;}/*+++++++ HEADER+++++++*/

/*+++++++ HEADER+++++++*/

#anuncio2 { margin: 0px 0px 10px 10px; }

#header {display:block; width: 955px; height: 110px; margin: 0 auto; background: url(http://www.popelera.net/pop20/bannerpop.jpg); }

.logo {display: block; float:left; width:305px; height:99px; top left no-repeat; }
#logo h1 a {padding: 10px 0 0 0; font-size: 0px; color: #666}

#searchbox { float:right; width: 330px; margin:70px 10px 10px 0px; }
#searchbox #s { float: left; margin: 0px 5px 0px 5px; border: 5; font-size:14px; width: 210px; background:#ffffff; color:#999999;}
#searchbox #go { float: right; }

/*+++++++ NAVIGATION+++++++*/

#nav{display: block; background-color: #ffffff; left repeat-x; width: 955px; height: 25px; margin: 0 auto; border-bottom: 1px solid #313131}
#nav, #nav ul {list-style: none}
#nav li{float: left;list-style:none}
#nav li a { display:block;font-weight:bold; color:#313131; padding:6px 15px;}
#nav li a:hover { color:#313131; text-decoration: underline; padding:5px 15px;}

#conexion{display: block; background: url(http://www.popelera.net/pop20/usuarios.jpg); left repeat-x; width: 350px; height: 55px; margin: 0 auto; border: 0px solid #313131; margin: 20px 0 20px 0;}

#conexion ul {list-style: none}
#conexion li{float: left;list-style:none}
#conexion li a { display:block;font-weight:bold; color:#ffffff; padding:6px 15px;}
#conexion li a:hover {background-color: #e6e6e6; color:#313131; padding:6px 15px;}

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat {display:inline-block}
.clearfloat {display:block}

#nav a:hover, #nav a:active, .current_page_item a, #home .on, .photo {background: #ffffff}

#conexion a:hover, #nav a:active, .current_page_item a, #home .on, .photo {background: #ffffff}

#subnav {position:relative; margin: 0 10px 5px; padding-bottom: 10px; font-size: 0.8em; border-bottom: 1px dotted #ccc}
#subnav ul {display: inline}
#subnav li a{float: left; padding: 1px 5px; margin-right:15px; background: #3b3b3b; border-left: 3px solid #8BDBFF; color: #fff }
#subnav .current_page_item a, #subnav a:hover {border-left: 3px solid #ffffff}

/*+++++++ ENTRY +++++++*/

#left { float: left; width: 570px; padding-left: 10px; }

.antpos { text-align: center; font-size: 16px; width: 550px; padding:0 10px; line-height:18px; margin-bottom:10px; line-height:140%}

.entry { text-align: justify; font-size: 14px; width: 550px; padding:0 10px; line-height:18px; margin-bottom:10px; line-height:130%}

.entry h2 { text-align: left; font: bold 20px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;letter-spacing: -1px;margin-bottom:10px;}

.entry p { padding-bottom:10px; font-size: 14px; }

.entry ol li {}

.entry h2 a {  color:#222222; }

.entry h2 a:hover {color:#50AAEF;}

.entry p { padding-bottom:10px; font-size: 12px; }

.contentindex { text-align: left; font-weight: light; font-family: "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif; color:#646464; font-size: light 22px; width: 550px; padding:0 10px; line-height:18px; margin-bottom:2px; line-height:120%}

.content a { border-bottom: 1px dotted #ccc}

.tittleindex a { text-align: left; font: bold 20px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif; letter-spacing: -1px;margin-bottom:10px; color:#1f1f1f;}

.tittleindex a:hover { text-align: left; font: bold 20px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif;letter-spacing: -1px;margin-bottom:10px; color:#1f1f1f; text-decoration: underline;}

.content img { padding:1px; border:1px solid #999; margin:0px 4px 4px 0px;}

html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 

html>body .entry li { margin: 7px 0 8px 10px; }

.entry ul li {padding-left: 20px; background: url(images/bullet.gif) left no-repeat}

.entry img {margin:0 10px 10px 10px;}

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}

.custom_image img{float:left; padding:3px; margin:7px 5px 5px 0; background: url(http://www.popelera.net/pop20/custom.jpg); border: 2px solid #e6e6e6; height:90px; width: 90px}

.subcontrol {margin-bottom: 10px;padding:5px; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}

.tags, .allinfos {padding:5px 0px 5px 5px; font-size: 11px; font-weight: bold; }

.tags a:link {  text-decoration: none; color: #B41B1B; }
.tags a:active {color : #; border: 0px;}
.tags a:visited { color :#B41B1B ; border: 0px;}
.tags a:hover	{ text-decoration: underline; color:#B41B1B; border: 0px;}

.allinfos {color : #362C35; padding: 5px; margin-bottom: 10px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}

.allinfos a:link {  text-decoration: none; color: #B41B1B; }
.allinfos a:active {color : #; border: 0px;}
.allinfos a:visited { color :#B41B1B ; border: 0px;}
.allinfos a:hover	{ text-decoration: underline; color:#B41B1B; border: 0px;}

.allinfos2 {padding:5px 0px 5px 5px; font-size: 11px; font-weight: light; color : #747474; padding: 5px; }
.allinfos2 a:link {  text-decoration: none; color: #747474; border: 0px;}
.allinfos2 a:active {color : #747474; border: 0px;}
.allinfos2 a:visited { color :#747474 ; border: 0px;}
.allinfos2 a:hover	{ text-decoration: underline; color:#747474; border: 0px;}

.allinfos3 {padding:0px 0px 0px 0px; left no-repeat; font-size: 11px; font-weight: light; margin-bottom: 10px; color : #1f1f1f; padding: 1px; }

.allinfos3 a:link { color: #B41B1B; font-weight: bold; border: 0px;}
.allinfos3 a:hover { text-decoration: underline; color:#B41B1B; font-weight: bold; border: 0px;}
.allinfos3 a:active {color : #B41B1B; font-weight: bold; border: 0px;}
.allinfos3 a:visited { color :#B41B1B ; font-weight: bold; border: 0px;}

.share, .comments_rss, .reply {float: right; padding-left: 20px; }

.reply {background: url(images/comments.gif) left no-repeat; margin-left:10px}

.reply a:link {  text-decoration: none; color: #B41B1B; }
.reply a:active {color : #; border: 0px;}
.reply a:visited { color :#B41B1B ; border: 0px;}
.reply a:hover	{ text-decoration: underline; color:#B41B1B; border: 0px;}

.comments_rss {background: url(images/feed.gif) left no-repeat; margin-left:10px; position:relative; top: 10px}

span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }

.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }

/*+++++++ SIDEBAR +++++++*/

#sidebarbottom { float:right; width: 360px; margin-right: 10px; clear: right;}

#right { float:right; width: 355px; margin-right: 17px; }

#topsidebar { width: 330px; padding:0 10px; border:1px solid #dadada; background:#fff; margin-bottom:10px}

#lsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c;}
#rsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }

#lsidebar { float:left; width:135px; padding:5px; border:1px solid #dadada; background:#fff;}
#rsidebar { float:left; width:170px; padding:5px 10px 5px 10px; border:1px solid #dadada; background:#fff; margin-left:11px;}

#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{display:block; background:url(images/sidebullet.gif) no-repeat 0 0; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #dadada;}

#sidebarbottom p{padding:0 5px;}

/*+++++++ ADMIN +++++++*/

#about {width: 350px; border:1px solid #FFD1AF; background:#FFF8AF; margin-bottom:10px; }
#about h2 {padding: 5px 10px;}
#author-box {margin: 10px;margin-top: 0px; font-size: 11px; text-align: justify;}
#author-box .avatar {float: left; padding: 3px; border: 1px solid #ccc; background: #fff; margin: 3px 10px 0 0}

/*+++++++ COMMENTS +++++++*/

.commentlist li{padding-top: 5px; border-bottom:1px dotted #e6e6e6; list-style: none}
.avatar img {float:left; }
.ctext {margin-left: 70px}
.trackbacks a {color: #006699; border-bottom: 1px dotted #e6e6e6;}
.user {font-weight: bold; font-size: 14px; padding-top:10px;}
.author {background: #FFF8AF; padding-right: 10px;}

#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:550px;}

/*+++++++ FOOTER +++++++*/

#footbg {width: 100%; background: #222 url(images/footerbg.gif) top left repeat-x}
#footwrap { width: 975px; margin:auto; top left no-repeat}

.footer-links { float: left; width:300px; margin-right: 60px; color: #888; margin-top:15px;}
.footer-links-r { float: right; width:300px; color: #888; margin-top:15px;}
.footer-links h2, .footer-links-r h2 { color: #fff; background-color: #3b3b3b; font-size: 1.2em; padding:5px 10px; }
.footer-links ul {margin-bottom:15px;}
.footer-links ul li {margin-top:1px;}
.footer-links a, .footer-links a:visited, .footer-links-r a, .footer-links-r a:visited {display: block; height:18px; background-color: #2e2e2e; color: #ccc; padding: 5px 10px;}
.footer-links a:hover, .footer-links-r a:hover {background: #4b4b4b; color: #56bdea;}

#copyright {padding: 20px 0; border-top: 1px solid #3b3b3b; font-size: 10px; color: #ABABAB}
#copyright a {color: #85CDFF}
#copyright a:hover {text-decoration: underline;}
#copyright ul{display:inline}
#copyright ul li {float:right; padding-left: 10px}

/**************** Misc *********************/

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

hr { display: none; }

a img { border: none; }

.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}

img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}

pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}

code {font-size:1.0em;color: #000}

/**************** Anuncios *********************/

#ad1 { margin:20px 0px 20px 100px; }
#ad { margin:30px 0px 20px 50px; }
#anuncio2 { margin: 0px 0px 10px 10px; }
#anuncio { width:300px; height:250px; padding:4px; margin: 30px 0px 30px 25px; /*-right:0px; margin-bottom:10px;*/ border:1px solid #1f1f1f; background-color: #1f1f1f; clear:both; background-position: top; background-repeat: repeat-x; }

/**************** Modulos *********************/

#modulo { width: 350px; background:#EDEBED; margin-top:10px; margin-bottom:10px; }
#modulo h2 {background-image:url(http://www.popelera.net/pop20/barras2.jpg); text-align:center; font-size:16px; color: #ffffff; padding:5px 2px 6px 0px; }
#modulo ul li {margin-top: 10px; color: #ffffff; margin-left: 25px; padding:5px 10px 0px 0px; list-style-type: disc}
#modulo p { padding-bottom:10px; color: #1f1f1f; font-weight: light; font-size: 12px; text-align: justify;  line-height:140%; font-family: Arial; }
#modulo h3 {text-align:center; color: #1f1f1f; padding: 4px 4px;}

.artrevelacion img {float:center; margin:10px 25px 15px 25px;  }

#usuarios { width: 300px; background:#8DCDFF; margin:20px 25px 25px 25px; padding:5px; }
.usuarios a:link { color: #B41B1B; font-weight: bold; border: 0px;}
.usuarios a:hover { text-decoration: underline; color:#B41B1B; font-weight: bold; border: 0px;}
.usuarios a:active {color : #B41B1B; font-weight: bold; border: 0px;}
.usuarios a:visited { color :#B41B1B ; font-weight: bold; border: 0px;}

#encuesta { width: 350px; background:#ffffff; padding-top:20px; margin-bottom:10px; }
#encuesta h2 { background-image:url(http://www.popelera.net/pop20/barras2.jpg); text-align:center; font-size:16px; color: #ffffff; padding:5px 2px 5px 0px; }
#encuesta ul li {margin-top: 10px; color: #1f1f1f; margin-left: 25px; list-style-type: disc; line-height:50%}
#encuesta p { margin: 5px 0 5px 0; color: #1f1f1f; font-size: 12px; }

#noticias { width: 555px; background:#fff; margin:10px 0px 20px 5px; }
#noticias h2 { background-image:url(http://www.popelera.net/pop20/noticias2.png); text-align:center; font-size:16px; color: #ffffff; padding:5px 2px 6px 5px; }
#noticias ul li {margin-top: 10px; margin-left: 21px; padding:5px 10px 0px 0px; list-style-type: disc}

#destacados { width: 555px; background:#fff; margin: 20px 0px 10px 0px; }
#destacados h2 { background-image:url(http://www.popelera.net/pop20/noticias2.png); text-align:center; font-size:16px; color: #ffffff; padding:5px 2px 6px 5px; }
#destacados ul li {margin-top: 10px; margin-left: 21px; padding:5px 10px 0px 0px; list-style-type: disc}

#nubetags { width: 350px; margin-bottom:20px; }
#nubetags2 { width: 550px; margin-bottom:20px; }

/**************** Feedstats *********************/

.Estilo1 {font-size: 12px;}
.Estilo7 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.Estilo8 {font-size: 12px;}
.Estilo3 {font-size: 10px}
.Estilo12 {
	color: #1f1f1f;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

img.wp-smiley {
    float: bottom;
	padding:0px 0px 0px 0px; 
}

.tabbertab2 {

 padding:5px; border: 0px solid #1f1f1f; background:#EEEEEE; margin-bottom:10px; font-size:12px; color: #1f1f1f; height:200px; overflow:auto; }

.tabbertab2 h2 { display:none; font-size:12px; }

.tabbertab2 h3 { display:none; }

.tabbertab2 p { padding-bottom:0px; background:#EEEEEE; }
.tabbertab2 ul { padding:0; margin:0;}
.tabbertab2 ul li { padding:5px 0 0px 0; }
.tabbertab2 ul li { background:url(images/sidebullet.gif) no-repeat 0 5px; padding-left:24px} 
.tabbertab2 li a:link {  text-decoration: none; color: #1f1f1f; border: 0px;}
.tabbertab2 li a:active {color : #1f1f1f; border: 0px;}
.tabbertab2 li a:visited { color :#1f1f1f; border: 0px;}
.tabbertab2 li a:hover	{  text-decoration:underline; color :#1f1f1f; border: 0px;}
