/*
Estilos para ideasParaPeru.org
version: 1.0
Autor: Jehobi Wan - jehobi@obispot.com
Basado en el diseño de lost-theories.com
*/

*{
margin:0;
padding:0;
}

body{
font: normal 12px 'Lucida Grande', LucidaGrande, Trebuchet MS, Helvetica, Arial, sans-serif;
color:#222;
line-height: 1.6em;
}

#wrapper{
width: 770px;
text-align: left;
margin: 15px auto;
background: url('images/wrapper_bg.gif') repeat-y 568px top;
}

#header{ margin:0; border:0px solid #ccc; }
#header #top{ height:20px; background: #db0a00 url('images/header_top_bg.gif'); }
#header #middle{ height:80px; background: #f20000 url('images/header_mid_bg.gif'); }
#header #middle #logoWrapper{ width:770px; margin: 0 auto; }
#header #middle #logoWrapper a { border:0px; }

#nav{ margin:0; height:22px; border-top: 1px solid #ff3300; background: url('images/nav_bg.gif') repeat-x;}
#nav ul{ padding:0;	margin:0; list-style:none; }
#nav ul li{	float:right; border-left:1px solid #ff3300; }
#nav ul li a{  display:block; width:90px; font-size:.95em; margin:0; padding:0; color:#fff; text-align:center; text-decoration:none; }
#nav ul li a:hover{ border-bottom:1px solid #fde04f; }
#nav ul li a.selected{ color:#fde04f; border-bottom:1px solid #fde04f;}

#content{
float: left;
border-left: 1px solid #ccc;
border-right: 0px solid #ccc;
padding: 10px;
margin: 0;
width: 540px !important;
width /**/: 562px; /*width + padding + borders*/
min-height: 380px;
height: auto !important;
height: 380px;
text-align:justify;
}

#sidebar{
float:right;
border-top: 1px solid #ccc;
padding: 10px;
margin: 0 0 15px 0;
width: 180px !important;
width /**/: 200px; /*width + padding + borders*/
}

#footer{ clear:both; width:770px; margin: 0 auto; background: #fff url('images/footer_bg.gif') repeat-x 0 0; font-size:.95em; color:#444; }
#footer #left{float:left; width:250px; }
#footer #left a{text-decoration:none; color:#444; }
#footer #right{float:right; width:470px; direction: rtl; }
#footer #right a{color:#ff8833; text-decoration:none; }
#footer p{ padding: 2px; }



/*
content*/
#content h2{ margin:0px; font-size:1.7em; font-weight:normal; }
#content h3{ margin:0px; font-size:1.5em; font-weight:normal; }
#content h4{ margin:0px; font-size:1.3em; font-weight:normal; }

#content #flashMessage { margin:0px 0px 10px 0px; padding:5px; text-align:justify; border: 1px solid #e5e1a9; background: #fffde3; }

#content #welcome{ border-top:1px solid #ccc; border-bottom:1px solid #f20000; margin:5px 0px 30px 0px; padding:5px 15px; text-align:center;}
#content #welcome #agregar{ width:49%; height:80px; margin-bottom:5px; float:left;}
#content #welcome #leer{ width:49%; height:80px; margin-bottom:5px; float:right;}

#content #latest{ border-top:1px solid #ccc; border-bottom:1px solid #999; margin:10px 0px 30px 0px; padding:5px 5px 0px 5px;}
#content #latest #ideas{ width:54%; margin-bottom:5px; float:left; color:#db0a00;}
#content #latest #autores{ width:44%; margin-bottom:5px; float:right; color:#db0a00;}
#content #latest ul{ margin-left:12px; padding:0px; list-style:square; border:0px solid #f00;}
#content #latest ul li{ margin: 2px; border-top:0px solid #ccc; text-align:left; }
#content #latest ul li a{ color:#222; border:0px solid #00F; text-decoration:none;}
#content #latest ul li a:hover{ background-color:#f9f9f9; }

#content #tags{ border:1px solid #999;  margin:10px 0px 30px 0px; padding:5px; }
#content #tags a{ text-decoration:none; margin-right:5px;}
#content #tags a:hover{ border-bottom:2px solid #ff8833; }

#content #page{}
#content #page h2{ border-bottom:1px solid #f30; margin-bottom:10px;}

#content #page .tableVer { margin: 0px; }
#content #page .tableVer td { font-size:11px; vertical-align:top; padding:2px 0px; border-bottom:0px solid #ccc; }
#content #page .tableVer td .label { font-weight: bold; }
#content #page .related { margin-top:20px; }

#content #page .tableList { margin:10px 0px; width:100%; }
#content #page .tableList th { font-size:11px; padding-bottom:1px; border-bottom:1px solid #f90; }
#content #page .tableList td { font-size:11px; vertical-align:middle; padding:1px 0px 1px 0px; border-bottom:1px solid #ccc;}
#content #page .tableList td a{ color:#333; text-decoration:none; }
#content #page .tableList td a:hover{ text-decoration:underline; }
#content #page .tableList td .avatar{ float:left; margin:2px 0; padding:1px; width:40px; border:1px solid #f90;}

#content #page .paginacion { font-size:90%; color:#2E6AB1; margin:1em 0pt; }
#content #page .paginacion a, #content #page .paginacion span { border:1px solid #FFFFFF; display:block; float:left; margin-right:0.1em; padding:0.2em 0.5em; }
#content #page .paginacion span.current { background:#2E6AB1 none repeat scroll 0%; border:1px solid #2E6AB1; color:#FFFFFF; font-weight:bold; }
#content #page .paginacion a { border:1px solid #9AAFE5; color:#2E6AB1; text-decoration:none; }
#content #page .paginacion a:hover { border-color:#2E6AB1; color:#2E6AB1; }
#content #page .paginacion a:visited { color:#2E6AB1; }
#content #page .paginacion a.next { font-weight:bold; }
#content #page .paginacion span.prev { border:1px solid #DDDDDD; color:#999999; }
#content #page .paginacion span.next { border:1px solid #DDDDDD; color:#999999;  }

/*
paginas con una clase especifica asociada, para necesidades especificas
*/
#content #page.perfilAutor .tableVer { float:left; }
#content #page.perfilAutor .avatar { border:1px solid #f90; width:80px; height:80px; float:right; padding:2px; }

#content #page.registro p{ margin-top:15px; }

#content #page.verIdea p{ padding: 0px 0px 0px 4px; }
#content #page.verIdea h2{ font-size:1.5em; border-bottom:1px solid #f30; margin-bottom:0px;}
#content #page.verIdea h3{ font-size:1.3em; border-bottom:1px solid #f90; margin-bottom:5px;}
#content #page.verIdea #info { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 4px; list-style:none; background-color:#f9f9f9;}
#content #page.verIdea #info .tags a { color:#39d; text-decoration:none; margin:0 2px; padding:0 2px; }
#content #page.verIdea #info .tags a:hover { background-color:#39d; color:#fff; }
#content #page.verIdea .denuncias { margin-top:-35px; margin-bottom:15px; }
#content #page.verIdea .denuncias a{ padding:0 2px; background-color:#cc6464; color:#f9f9f9; text-decoration:none; }
#content #page.verIdea .denuncias a:hover{ background-color:#DB0A00; }
#content #page.verIdea .calificacion { margin-bottom:10px; border-bottom:1px solid #ccc; background-color:#f9f9f9; }
#content #page.verIdea .calificacion ul{ float:right; width:300px; margin-top:-15px; margin-bottom:5px; list-style:none; padding-left:30px; }
#content #page.verIdea .calificacion ul li { float:left; width:90px; text-align:center; margin:5px 10px; padding:2px; border:1px solid #333; }
#content #page.verIdea .calificacion ul li .etiqueta {  margin:0; padding:0; font-weight:bold; color:#fff; background-color:#333; }
#content #page.verIdea #resumen{ font-size:120%; font-family:'Trebuchet MS', Helvetica; margin-bottom:10px; }
#content #page.verIdea #detalle{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ccc;}
#content #page.verIdea #comentarios { margin:10px 0px; padding: 0px 0px 0px 4px; list-style:none; }
/*#content #page.verIdea #comentarios li { display:block;border-bottom:1px solid #aaa; margin-bottom:6px; }*/
#content #page.verIdea #comentarios li { display:block; margin-bottom:10px; }
/*#content #page.verIdea #comentarios li:hover { background-color:#f7fafa; }*/
#content #page.verIdea #comentarios div.co_left { margin:1px 0px;width:95px;float:left; }
#content #page.verIdea #comentarios div.co_left .autorInfo_nombre{ border-bottom:0px dotted #ccc; }
#content #page.verIdea #comentarios div.co_left .autorInfo_ideas{ border-bottom:0px dotted #ccc; padding-left:2px; color:#777; }
#content #page.verIdea #comentarios div.co_left .autorInfo_comments{ border-bottom:0px dotted #ccc;  padding-left:2px; color:#777; }
#content #page.verIdea #comentarios div.co_left .avatar{ float:left; width:40px; border:1px solid #777; margin:0 4px; }
#content #page.verIdea #comentarios div.co_right { margin:1px 0px;width:420px;float:right; }
#content #page.verIdea #comentarios div.co_right .ideaInfo{ border-bottom:1px dotted #ccc; }

#content #page.verIdea #comentarios div.co_right .ideaInfo .autor{ color:#3399DD; border:1px solid #3399DD; }
#content #page.verIdea #comentarios div.co_right .ideaInfo .editor{ color:#DB0A00; border: 1px solid #DB0A00; }
#content #page.verIdea #comentarios div.co_right .ideaInfo .date{ color:#777;float:left; }
#content #page.verIdea #comentarios div.co_right .ideaInfo .anchor{ float:right; }
#content #page.verIdea #comentarios div.co_right .comment{ padding-left:2px;border-left:0px dotted #ccc; min-height:60px; text-align:left; }
#content #page.verIdea #comentarioForm { margin-left:4px; padding:5px; background-color:#ececec; }
#content #page.verIdea #comentarioForm #via { border-bottom:1px solid #fff;}
#content #page.verIdea #comentarioForm #via span { width:80px; display:block; float:left; font-size:100%; font-weight:bold; }
#content #page.verIdea #comentarioForm #crea span { width:80px; display:block; float:left; font-size:100%; font-weight:bold; }
#content #page.verIdea #comentarioForm p{ margin:0px; padding:0px; }
#content #page.verIdea #comentarioForm p textarea { padding:2px 3px; background:white url(images/comentario_txbg.gif) no-repeat scroll center; }
#content #page.verIdea #comentarioForm p .button{ margin-top:5px;}

#content #page.faq dl dt { margin-top:15px; }
#content #page.faq dl dt a{ font-size:110%; font-weight:bold; text-decoration:none; color:#222; }
#content #page.faq dl dt a:hover{ text-decoration:underline; }

#content #page.contacto p, #content #page.acercade p{ margin:10px; line-height:1.7em; font-size:110%; }

#content #page.listaIdea {  }


#sidebar .menu{ margin-bottom:15px; border: 0px solid #333;}
#sidebar .menu h2{ margin:0px 0px 2px 0px; font-size:1.6em; font-weight:normal;}
#sidebar .menu ul{ margin:0px; padding:0px; list-style:none;}
#sidebar .menu ul li  { border-bottom:1px solid #f0f0f0; padding:1px 0px; }
#sidebar .menu ul li.selected { /*border-bottom:1px solid #ff8833;*/ }
#sidebar .menu ul li.selected a{ color:#39d; font-size:120%; }
#sidebar .menu ul li a{ margin:2px 0px 1px 2px; padding:0px; font-size:1.1em; color:#222; text-decoration:none; }
#sidebar .menu ul li a:hover{ color:#39d; font-size:120%; }
#sidebar .red h2{ color:#db0a00; }
#sidebar .orange h2{ color:#ff8833; }




/*
Otros estilos
* * * */

#formWrapper {width:auto;}
#formWrapper h2 {font:bold 12px 'lucida grande'; border-bottom:1px dotted #AAAAAA; display:block;text-align:left;color:#f30;margin-top:15px;}
#formWrapper p , #formWrapper span {font-size:11px;text-align:justify;}
#formWrapper .smallText {font-size:10px;text-align:left;display:block;color:#555;}
#formWrapper .required {font-size:10px;color:#f00;}
#formWrapper .error {font-size:10px;color:#f00;display:block;}
#formWrapper .msg {font-size:10px;color:#00a;}
#formWrapper .separador {border-top:1px dotted #ddd; padding:2px 0px; }

#formWrapper .tableForm { margin-top:10px; width:100%; }
#formWrapper .tableForm td { font-size:11px; vertical-align:top; }
#formWrapper .tableForm .buttonRow { border-top:1px dotted #AAAAAA; padding-top:6px; text-align:right; }

/*div tags*/
#formWrapper #tagsDiv{ margin: 1px 0px; padding: 0 0 2px 0; }
#formWrapper #tagsDiv p{ margin: 3px 0 0 3px; }
#formWrapper #tagsDiv dl{ margin:0 0 0 2px; }
#formWrapper #tagsDiv dl dt{margin:0px; font-weight:bold;}
#formWrapper #tagsDiv dl dd{margin:-2px 0 0 0;}
#formWrapper #tagsDiv ul{ list-style-type:none; margin:0; padding:0; }
#formWrapper #tagsDiv li{ padding:0 5px; margin: 0 0 2px 0; float:left; }
#formWrapper #tagsDiv li a{ color:#444; border-bottom:1px solid #999; text-decoration:none; }
#formWrapper #tagsDiv li a:hover{ color:#111; border-bottom:1px solid #000; text-decoration:none; }
#formWrapper #yourTagsSpan { display:block; margin: 4px 0 0 0; }


input.text, textarea, select{
	padding:2px;
	font: normal 11px 'Lucida Grande', Lucida, Helvetica, Arial, sans-serif;
    line-height:1.5em;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(images/fieldbg.gif) repeat-x top;
    overflow:auto;
    color:#333;
}
input:focus, textarea:focus { background: #ffffd0; }
input.text, select{ height:17px; padding: 1px 0px 0 2px; overflow:hidden;}



.blueBox, .grayBox, .yellowBox, .lightGrayBox, .redBox{	margin:0px 0px 10px 0px; padding:5px; font-size:.9em; text-align:justify; }
.redBox{ border-top: 2px solid #ab6464; border-bottom: 2px solid #ab6464; background: #fbdfcf; }
.blueBox{ border-top: 2px solid #A5ADC9; border-bottom: 2px solid #A5ADC9; background: #ECEDF4; }
.blue2Box{ border: 1px solid #A5ADC9; background: #ECEDF4; }
.grayBox{ border: 1px solid #c2c2c1; background: #F4F4F4; }
.yellowBox{ border-top: 2px solid #FAD426; border-bottom: 2px solid #FAD426; background: #FCF7C1; }
.lightGrayBox{ border: 1px solid #c2c2c1; background: #F9F9F9; }


img{ border:0px; }
p{ margin:5px 0; }


.width30 {width:30%;}
.width50 {width:50%;}
.width70 {width:70%;}
.width90 {width:90%;}
.width95 {width:95%;}
.width98 {width:98%;}
.width99 {width:99%;}
.width100 {width:100%;}


.t1 { font-size: 1em; }
.t2 { font-size: .90em; }
.t3 { font-size: .80em; }


a.orange { color:#f90; text-decoration:none; }
a.blue1 { color:#39d; text-decoration:none; }
a.gray { color:#777; }

#captchita { border:1px solid #7c7c7c; }

.error 		{font-size:10px;color:#f00;display:block;}
.image      { border: 1px solid #ccc; background: #eee; height: 200px; padding: 10px; }
.clearer    { clear:both; }
.right      { direction: rtl; text-align:right; }
.center     { text-align:center; }
.left       { text-align:left; }
.justify    { text-align:justify; }
.nodisplay  { display:none; }
.nomargin   { margin:0px; }
.button     { cursor: pointer; }
.star       { cursor: pointer; }
.bold       { font-weight:bold; }
.underlined { text-decoration:underline; }


/**/