/*
Theme Name: tema-participa
Theme URI: http://www.participa.com/theme/
Description: Theme para el proyecto participa
Version: 1
Author: Rosario
Author URI: --
*/

body {
background-color: #333;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#ccc;
padding:0;
margin:0;
}

#header {
height:200px;
background-color:#333;
}

a {color: #cc0000;}
a:hover {color: #ff0000}
a:active { color:#ff0000;}

h1 {
font-size: 20px;
line-height:1.5em;
padding:5px 15px;
margin:0 }

h2 {
font-size:12px;
font-weight: normal;
margin:0;}


h3 {
font-size:14px;
font-weight: normal;
margin:0;}


h4 {
font-size:12px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

h5 {
font-size:10px;
font-weight: normal;
color: #cc0000;
}




img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#contenedor_general {
width: 900px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #333;
}

/* -----------------content--------------------- */
#contenido {
background-color: #333;
padding: 0px;
margin: 0 200px 0 200px;
line-height:1.5em;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

#center {
float: left top;
width: 520px;
background-color:#333;
margin: 0 190px;
padding: 0;
}

/* --------------left navi------------- */

#left {
float: left;
width: 180px;
background-color:#333;
margin-top: 0;
padding: 0;
}
#right {
float: right;
background: url("images/news.png") no-repeat 88px -1px;
width: 160px;
background-color:#333;
margin-bottom: 10px;
padding: 10px;
border:1px solid #6600ff;
}



/* -----------footer--------------------------- */
#footer {
color #cc0000;
clear: both;
border-top:1px dashed #aaa;
padding: 0;
text-align: left; }


/* ----------toogle---------------------------- */
#comentarios {
width: 480px;
border:1px solid #00ccff;
padding: 0 10px 0 10px;
}

.toggle{
    background:#333;
}

.leavecomment{
    width:95%;
    text-align: right;
    margin:0 auto; 
margin-bottom: 10px;  
}

/* ----------news---------------------------- */
.news {
float:right;
height:27px;
width:127px;
font-size:13pt;
text-align:right;
color:#ccc;
padding:0 5px 0 27px;
margin:0 0 20px;
}

.datetime {
float:right;
height:10px;
width:65px;
font-size:8pt;
text-align:right;
color:#999;
padding:0 5px 0 27px;
}



.story .details {
text-align:right;
font-size:12px;
color:#666;
height:10px;
margin-top:10px;
border-top:1px dotted #6600ff;
}



/* ----------comentarios---------------------------- */


ol#comments {
list-style-type:none;
color:#999;
margin:1em 0;
padding:0 2em;
}

ol#comments li {
list-style-type:none;
border:1px dotted #0066cc;
margin:5px;
padding:10px;
}



* html #comments cite {
width:23%;
}

#comments cite span {
display:block;
}

#comments cite .author {
font-size:1em;
margin:3px 0;
}

#comments cite .author a {
text-decoration:none;
color:#ccc;
}

#comments cite .date {
margin-bottom:5px;
}

.commentOfficialUser 
{ 
color:#333;
border: 1px dotted #CC0000;
background-color: #0099cc;   
padding: 10px;
margin:5px;
   }

input,textarea {
background:#444;
border:1px solid #999;
font:12px/150% Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
padding:2px;
}



#categoria {
padding: 15px 0 15px 0;
border-bottom: 1px dotted #cc0000;
}

#navigation {
padding: 10px 0 10px;
}

#navigation a {
color: #cc5555;
text-decoration: none;
}