body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
	background-color: #66b4c0;
	font-family: "lucida sans", arial, sans-serif;
        font-size : 11px;
        margin: 0px;
        color: #dbdbdb;
}



b, strong {
	color : #00aeff;
	font-weight : bold;
	text-decoration : none;
}
i, em {
	color : #00aeff;
	text-decoration : none;
	text-align : justify;
}
u {
	color : #757575;
	text-decoration : underline;
}
s {
	color : #757575;
	text-decoration : line-through;
}

a:link {
color : #5d5d5d;
text-decoration : none;;;
}
a:hover, a:visited, a:active {
color : #5d5d5d;
text-decoration : underline;
;

}


p {line-height:13px; padding-left: 30px;padding-right: 30px; }


h2 { font-size: 19px;
font-family:  Arial, Helvetica, sans-serif;
	font-style: ;
	font-weight: bold;
	color: #00b4ff;
	text-align: center;
}

.title {height: 70px;
margin-bottom:-30px;
	padding: 10px;
padding-top: 50px;
	background: url('http://jonasbronline.com/wp-content/themes/sunflower/images/newscool.jpg') no-repeat left top;


}

h2 a:link, h2 a:visited {
	font-size: 16px; 
	line-height: 20px; 
	font-family: "Lucida Sans", Arial, sans-serif;
	text-transform: Capital;
	color: #222222;
	vertical-align: middle;
	font-weight: bold;
}

h2 a:hover {
	font-size: 16px; 
	line-height: 20px; 
	font-family: "Lucida Sans", Arial, sans-serif;
	color: #140c0f;
	vertical-align: middle;
	font-weight: bold;
}



.news {
background-image: url('http://jonasbronline.com/wp-content/themes/sunflower/images/newscoolbg.jpg');
	padding-left: 80px;
padding-right: 80px;
	font-family: "Trebuchet MS";
	color: #222222;
	line-height: 11px;
	padding: 8px;



}

.news a img, .news img{
	border: 1px solid #D6D6D6;
	padding: 1px; 
	-moz-border-radius:  2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;

 filter : alpha(opacity=85);
      -moz-opacity : 0.8;
      opacity : 0.8;
      -khtml-opacity: 0.8;
}
.news a:hover img  {
	border: 1px solid #333333;
	padding: 1px; 
	-moz-border-radius:  2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;

 filter : alpha(opacity=100);
      -moz-opacity : 1.0;
      opacity : 1.0;
      -khtml-opacity: 1.0;
}

.news img:hover {
border: 1px solid #D6D6D6;
	padding: 1px; 
	-moz-border-radius:  2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;

 filter : alpha(opacity=100);
      -moz-opacity : 1.0;
      opacity : 1.0;
      -khtml-opacity: 1.0;}





.date {
margin: 5px;
margin-bottom: 20px;
text-transform: uppercase;
line-height: 18px;
padding: 10px;
text-align: center;
}
.date a:link, a:visited, a:active {
color: #888888;
text-decoration: none; }

.date a:hover {
color: #888888;
text-decoration: underline;}


.comment
{
position: absolute;
width: 470px;
font-family: Tahoma;
font-size: 10pt;
color: #000000;
background: #F7F7F8;
border-bottom: 2px dotted #259599;
padding: 5px;
}


#upmenu{
background-color: #52c0ff;
position:absolute;
z-index: 200;
border-bottom-width: 0;
font:normal 11px Arial, Helvdetica, sans-serif;
line-height:18px;
}

#upmenu a{
background-color: #52c0ff;
color: #FFFFFF;
display: block;
width:100%;
text-indent: 3px;
border-bottom: 1px solid #FFFFFF;
padding: 8px;
text-decoration: none;
}

#upmenu a:hover{ /*hover background color*/
background-color: #0093e8;
color: #FFFFFF;
text-decoration:underline;
}



.linkup a {
padding-right: 10px;
	font-family: "Bebas";
	font-size: 26px;
	line-height: 10px;
	color: #45bbff;
	text-decoration: none;
text-shadow: 1px 1px 1px #5d5d5d;

}

.linkup a:hover {
padding-right: 10px;
	font-family: "bebas";
	font-size: 26px;
text-decoration: none;
	line-height: 10px;
	color: #45bbff;
text-shadow: 1px 1px 1px #5d5d5d;
}





#photolatest
{position:absolute;
margin-left:730px;
margin-top:372px;}



  .latest a img{
-moz-border-radius:  2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;

      width:65px;
      border-style: solid;
        border-width:1px;
        border-color: #999999;
        padding:1px;
	  
 filter : alpha(opacity=50);
      -moz-opacity : 0.5;
      opacity : 0.5;
      -khtml-opacity: 0.5;
}

      .latest a:hover img {
-moz-border-radius:  2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;

  width:65px;
      border-style: solid;
        border-width:1px;
        border-color: #999999;
        padding:1px;
  filter : alpha(opacity=100);
      -moz-opacity : 1.0;
      opacity : 1.0;
      -khtml-opacity: 1.0;
	  
;}






.contentside {
background-image: url('http://jonasbronline.com/wp-content/themes/sunflower/images/barbg.jpg');
padding-left:30px;
padding-right: 30px;
color:#757575;

}



      .elite a img{
      padding: 1px;
      border: 1px solid #696969;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
  
 filter : alpha(opacity=85);
      -moz-opacity : 0.8;
      opacity : 0.8;
      -khtml-opacity: 0.8;
}

      .elite a:hover img {
           border: 1px solid #002f9b;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      padding: 1px;
  filter : alpha(opacity=100);
      -moz-opacity : 1.0;
      opacity : 1.0;
      -khtml-opacity: 1.0;
      }

    
	
.network {
text-align: left;
 background-color:#212829;
 border-bottom: 1px solid #373737;
   padding:10px; 
   -moz-border-radius: 4px;
-webkit-border-radius: 4px; 
 font-family:Tahoma;
	font-size:10px;
	color:#efefef;
}

.network:hover {
text-align: left;
 background-color:#626262;
 border-bottom: 1px solid #373737;
   padding:10px; 
   -moz-border-radius: 4px;
-webkit-border-radius: 4px; 
 font-family:Tahoma;
	font-size:10px;
	color:#efefef;
}


.networks a:link {
font-weight: bold;
color: #999999;}

.networks a:visited {
font-weight: bold;
color: #999999;}

.networks a:hover {
font-weight: bold;
color: #999999;
}




#tweet
{position:absolute;
margin-left:896px;
margin-top:16px;}


/* este es el DIV contenedor donde se mostrará el widget */
#twitter_div {
border: 0px; /* puede tener o no tener un borde */
color: #FFFFFF; /* es el color del texto de los mensajes */

}

/* es la lista con mensajes y conviene eliminar posibles márgenes */
ul#twitter_update_list {
margin: 0;
padding: 0;
}

/* cada item de la lista (los mensajes en si mismos) */
ul#twitter_update_list li {

border-bottom:1px solid #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
list-style-type: none;
list-style-image: url();
margin: 3px;
background:#; /* una imagen o color de fondo */
display:block;
width:215px;
text-align: left;
padding: 5px 10px;
color:#FFFFFF;
 ;

/* separarlo de los bordes del contenedor */
}
ul#twitter_update_list li:hover {
background:#66b4c0; /* una imagen o color de fondo */
}

/* es el enlace al nombre de un usuario (si existe) */
a.linkUsuario {color:#FFFFFF;}
a.linkUsuario:hover {color: #FFFFFF; text-decoration:underline;} /* efecto rollover */

/* son los enlaces interiores de los mensajes con un ícono identificatorio */
a.linkEnlaces {
background: transparent url(URL_imagenIcono) no-repeat right 50%;
color: #FFFFFF;
padding-right: 12px; /* la separación depende del ancho de la imagen */
}
a.linkEnlaces:hover {color: #fff;} /* efecto rollover */

/* es el bloque que contendrá el enlace que muestra la antigüedad del mensaje */
.linkTiempo {
display: block; /* se fuerza a que sea mostraado en una nueva línea */
float: right; /* y a la derecha */
}
.linkTiempo a { /* el enlace en si mismo con una imagen de fondo */
background: transparent url(URL_imagen) no-repeat scroll left 50%;
color: #fff;
padding-left: 12px; /* la separación depende del ancho de la imagen */
}
.linkTiempo a:hover {color:#b98ed0;} /* efecto rollover */

/* es el enlace inferior que lleva al home de nuestro Twitter */
a.linkTwitter {
color: #FFFFFF;
display: block;
width: 210px;
border-right:1px solid #cdc0d5;
border-bottom:1px solid #cdc0d5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin: 5px; /* separado del mensaje superior */
text-align: center; /* alineado a la derecha */
padding: 10px;
background-color: #e9deef;
}
a.linkTwitter:hover {color:#927b9f; background-color:#eae1f4; } /* efecto rollover */







.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 4px 6px 4px 6px; 
	margin: 3px;
font-family: georgia;
        font-size : 26px;
	color: #00aeff;
text-shadow: 1px 1px 1px black;


}
.wp-pagenavi a:hover {	
	padding: 4px 6px 4px 6px; 
	margin: 3px;
font-family: georgia;
        font-size : 26px;
	color: #FFFFFF;
text-shadow: 1px 1px 1px black;


}
.wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px; 
	margin: 3px;
font-family: georgia;
        font-size : 26px;
	color: #FFFFFF;
text-shadow: 1px 1px 1px black;

}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 3px;
font-family: georgia;
        font-size : 26px;
	color: #FFFFFF;
text-shadow: 1px 1px 1px black;

}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px; 
	margin: 3px;
font-family: georgia;
        font-size : 26px;
	color: #FFFFFF;
text-shadow: 1px 1px 1px black;
}




.footer
{
font-family: Tahoma;
font-size: 8pt;
color: #000000;
padding: 3px;
}







<--- Don't Touch--->


textarea, input, select, option {
	font-weight : normal;
	padding : 2px;
	color : #000000;
	border : 1px dotted #ab9ab5;
	background-color : #F3F3F3;
	text-align : justify;
	font-family : "Trebuchet ms";
	font-size : 10px;
width: 630px;
}
blockquote {

background: url('http://missdemi.net/wp-content/themes/rocknroll/images/textarea.jpg');
background-color: #F1ECE6;
font-family: "lucida sans", arial, sans-serif; 
font-size: 12px; 
line-height: 15px;
color:#29170B;
width: 400px;
padding: 30px;
border: #29170B 5px solid;
	 -moz-border-radius:  10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;
}

ul{
margin: 10px;
padding: 10px;
text-indent: 5px;
list-style:none;
}

img{
border:none;
}