/*  

Theme Name: Bikume
Author: Antxon Benito
Author URI: http://www.bikume.com/
Description: Bikume

*/


body {
	/*font-size: 12px;
	font-family: Verdana, Sans-Serif;
	color: #000;
	background: #e5e5e5;*/
	
		PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	background-image: url(images/fondopunteado.gif);  
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	FONT: 12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; 
	COLOR: #333; 
	PADDING-TOP: 0px; 
	/*TEXT-ALIGN: center;*/
	
	
	}	

a:link, a:visited {
	color: #db7300;
	text-decoration: underline;
	font-weight: bold;
	}	

a:hover, a:active {
	color: #000;
	text-decoration: underline;
	}

h1 {
    /*padding-top: 135px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background:url(images/cabeceradentro3b.jpg);
	overflow:hidden;
	height:?px;
	voice-family:"\"{\"";
	voice-family:inherit;
	height:0;
	text-align:center;
	border-top: 5px solid #e2ec62;*/
	
	
	font-family: Trebuchet MS, Sans-Serif;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 8px 0 0px 0;
	padding: 0;
	color: #db7300;
    display:inline;
	background:url(images/logobikume.gif);
	}

h1 a:link, h1 a:visited {
        color: #db7300;
        text-decoration: none;
}

h1 a:hover, h1 a:active {
        text-decoration: underline;
}

h2 {
	font-family: Trebuchet MS, Sans-Serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0px 0 8px 0;
	padding-bottom: 10px;
        padding-right: 5px;
        padding-top: 5px;
	color: #333;
	text-align:right;
	border-bottom: 2px dashed #e2ec62;
        background: url(images/fondotitulo.jpg) no-repeat center right;
        }

h2 a:link, h2 a:visited {
        color: #333;
        text-decoration: none;
        font-weight: normal;
}

h2 a:hover, h2 a:active {
        text-decoration: underline;
        background: none;
        color: #000;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 8px 12px;
	padding: 0;
	color: #333333;
	}
	
h3.comments {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 8px 0px;
	padding: 0;
	color: #000;
	}
	
h4 {
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	padding: 0;
	color: #335555;
	}	

#container {
	width: 94%;
	margin: 0px auto;
	/*margin-top: 50px;*/
	
	/*WIDTH: 744px; 
	w: 724px; */
	border-right: 1px solid #c4d72f; 
	border-left: 1px solid #c4d72f; 
	border-bottom: 8px solid #b63200; 
	background:#fff;
}

#header {
	margin: 0 0 12px 0;
	padding: 0px 0 0 /*24px*/ 0;
	/*background:url(images/fondocabecera.jpg);*/
	/*background: url(images/fondocabecera.jpg) /*no-repeat top left*/
	background: url(images/fondobikume.jpg) /*no-repeat top left*/; 
}

#headerimg 	{ margin:0; height: 224px; width: /*760px;*/100%; /*background: url(images/logotipo.jpg) no-repeat top left;*/ background: url(images/cabecerabikume.jpg) no-repeat top left;} 

#menu {
	BORDER-TOP: #c4d72f 1px dotted; WIDTH: 100%; BORDER-BOTTOM: #a20606 1px dotted; HEIGHT: 27px; BACKGROUND-COLOR: #fff; 
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: #fff
}
#menu LI {
	PADDING-RIGHT: 10px; PADDING-LEFT: 12px; /*FONT-WEIGHT: 200;*/ FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 5px; BACKGROUND-COLOR: #fff; background-image: url(../imagenes/flecharoja.gif); 	background-repeat: no-repeat;
}
#menu A {
	BORDER-left: 1px dotted #e2ec62 ;/*BORDER-RIGHT: #7c1919 1px dashed;*/ PADDING-RIGHT: 9px; PADDING-LEFT: 9px; /*FONT-WEIGHT: bold;*/ PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: /*#a20606*/#db7300; PADDING-TOP: 5px; TEXT-DECORATION: none; 
}
#menu A:link {
	BORDER-left: 1px dotted #e2ec62 ;/*BORDER-RIGHT: #7c1919 1px dashed;*/ PADDING-RIGHT: 9px; PADDING-LEFT: 9px; /*FONT-WEIGHT: bold;*/ PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: /*#a20606*/#db7300; PADDING-TOP: 5px; TEXT-DECORATION: none; 
}
UL#menu LI#active {
	COLOR: #e2ec62; BACKGROUND-COLOR: #deebe5
}
#menu A:hover {
	COLOR: #c4d72f; BACKGROUND-COLOR: #fff; BORDER-left: 1px dotted #a20606 ; background-image: url(../imagenes/flechaverde.gif); 	background-repeat: no-repeat; text-align:right; /*PADDING-LEFT: 12px;*/ 
}


/*#navbar {
	height: 43px;
	margin: 0px 0 8px 0;
	padding: 0px;
	background: url(images/navbar-bkground.gif) repeat-x top left;
}

#navbarlist {
	height: 28px;
	float: left;
	margin: 0px;
	padding: 15px 0 0 18px;
	font: bold 12px Verdana, Sans-Serif;
	letter-spacing: -1px;
	list-style: none;
}

#navbarlist li {
	display: inline;
	margin: 0px;
	padding: 0 30px 0 0;
}

#navbarlist a:link, #navbarlist a:visited {
	color: #fff;
	text-decoration: none;
}

#navbarlist a:hover, #navbarlist a:active {
	text-decoration: underline;
}*/

#left-corner {
	float: left;
	height: 43px;
	width: 7px;
	background: url(images/left-corner.gif) no-repeat top left;
}

#right-corner {
	float: right;
	height: 43px;
	width: 7px;
	background: url(images/right-corner.gif) no-repeat top left;
}

.bodyline	{ background-color: #FFFFFF; /*border: 1px #98AAB1 solid;*/ padding: 20px; padding-bottom: 40px; background: #f1f1f1 url(images/content_bg.gif) ;}

#footer {
	/*margin: 0px;
	padding: 0px 0 50px 0;
	color: #797979;*/
	
	clear: both;
	padding: 5px;
	margin-top: 0px;
	background-color: white;
}

#footer ul {
	margin: 0px;
	padding: 15px 0 0 0px;
	font: 11px Verdana, Sans-Serif;
	letter-spacing: -1px;
	list-style: none;
	text-align: center;
}

#footer ul li {
	display: inline;
	margin: 0px;
	padding: 0 15px 0 0;
}

#footer a:link, #footer a:visited {
	color: #797979;
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	color: #000;
	text-decoration: underline;
}

#content {
	margin: 0px 0 70px 0;
	padding: 0px;
	line-height: 16px;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	
	}

.pagenav { list-style:none; }

.blog {
	margin: 0 0 30px 0;
	padding: 0px 0px 0 0px;
	}

.article {
	margin: 0px 0 0px 0;
	padding: 0px 0 10px 0;
	border-bottom: 1px solid #e7e7e7;
	}

.article p {
	margin: 2px 0 10px 0;
	padding: 0;
	}

.postmetadata {
	font-family: verdana, arial, sans-serif; 
	font-size: 9px;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0px;
	}


#lateral {
			float: left;
			width: 200px;
			\width: 210px;
			w\idth: 200px;
			margin: 0;
			margin-right: 5px;
			padding: 5px;
			background-color: white;
			margin-top: 60px;
		}

.sidenav {
	font-size: 11px;
	padding: 0px;
	margin: 0px 0 15px 0;
	border: 1px dotted #CCCCCC;
	/*background: #f1f1f1;*/
	background: #f1f1f1 url(images/fondopunteado.gif) ;
	}
	
#loginbox {
	font-size: 11px;
	padding: 0px;
	margin: 0px 0 15px 0;
	border: 1px solid #CCCCCC;
	background: #f1f1f1;
	}

#searchform {
        margin-bottom: 15px;
	}

#clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

#footinfo {
        padding: 15px 0 0 40px;
        margin: 0px;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: left;
	}

.footer-bottom {
	height: 5px;
	margin: 0px;
	padding: 0px;
	background: url('images/footer_bottom.gif') no-repeat;
}

#commentcontainer {
	padding: 10px 40px 0px 40px;
	margin: 0 0 40px 0px;
	float: left;
}
	
#commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}

	

.commentlist li {

	font-weight: bold;

	border-bottom: 1px solid #C0C9CE;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}

	

#leavereply {

	text-align: left;

	padding: 20px 0 0 0;

	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #777;

	}

	

code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}

	

#archiveheader {

	padding: 0 0 20px 0;

	}

	

#google {

	font: 10px verdana, sans-serif;

}



.yahoo {

	width: 385px;

	height: 20px;

	font: 10px verdana, sans-serif;

}



	

/* End Typography & Colors */

	

	

	





/* End Structure */





/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */

.sidenav ul {
	margin: 5px 0 15px 20px;
	list-style: none;
	padding: 0;
}

.sidenav ul li {
	line-height: 13px;
	list-style-image: url('images/arrow_C_ver2.gif');
	padding-bottom: 5px;
	margin: 0 0 0 15px;
	}
	
#loginbox ul {
	margin: 5px 0 15px 20px;
	list-style: none;
	padding: 0;
}

#loginbox ul li {
	line-height: 13px;
	list-style-image: url('images/arrow_C_ver2.gif');
	padding-bottom: 5px;
	margin: 0 0 0 15px;
	}
	
.tabs {

	float: left;

	margin-right: 10px;

	line-height: 20px;

}



#navcontainer {

	width: 705px;

	height: 25px;

	padding: 0;

	margin: 0;

	}



#music {

	padding: 0px;

	margin: 10px 0 0 15px;

	line-height: 20px;

	}

	

#music li {

	list-style-image: url('images/arrow_A_ver2.gif');

	padding-bottom: 5px;

	margin: 0px;

	}



/* End Entry Lists */







/* Begin Form Elements */



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 380px;

	padding: 2px;

	}



#commentform {

	margin: 0;

	float: left;

	}

	

#submit {

	float: left;

	}

	

.dropdown {

	margin: 0;

	font: 10px Verdana, Sans-Serif;

	background: #e7e7e7;

}

	

/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 0px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 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;

	background: none;

	}



.navigation {

	display: block;

	margin-top: 10px;

	margin-bottom: 20px;

	}

/* End Various Tags & Classes*/





.img-shadow {

  float: right;

  background: url(images/shadowAlpha.png) no-repeat bottom right !important;

  background: url(images/shadow.gif) no-repeat bottom right;

  margin: 15px 0px 10px 20px;

  }



.img-shadow img {

  display: block;

  position: relative;

  background-color: #fff;

  border: 1px solid #a9a9a9;

  margin: -6px 6px 6px -6px;

  padding: 4px;

  }

  

  .corners {

  	margin: 0px;

	padding: 0px;

}

img {

padding: 10px;

}
#listas ul {
			width: 500px;
			}
#listas ul:after {
			display: block;
			content: ".";
			visibility: hidden;
			}
#listas ul#duescolumnes li {
			float: left;
			width: 50%;
			}

.fleft{clear:left; flota:left;}
.fright{clear:right; flota:right;}