@charset "UTF-8";

/* 
 * Theme Name: Fedora Blogger Network
 * Theme URI: http://webdesign.pixelhome.es/fbn
 * Description: Plantilla para el blog de FBN 
 * Version: 0.1
 * Author: Pixel Home 
 * Author URI: http://www.pixelhome.es
 */
 
 
/****** Index ******
*
* 1. Cuerpo
* 2. Basics
* 3. Logo
* 4. Img Cabecera
* 5. Topbar
* 6. Search
* 7. 
*
********************/


/**********************
*
*		Cuerpo 
*
**********************/

body {
	background:#666 url(images/fondo.gif);
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #666;
}

	#page {
		margin: -9px auto;
		width:970px;
		padding: 0;
	}


/**** Basics ****/

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}


a:link,
a:visited {
	text-decoration: none;
	color: #666;
	font-size:10px;
}

a:active,
a:hover {
	color: #008cfc;
	font-size:10px;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Verdana", Arial, Sans-Serif;
    font-weight:normal;
    color: #b3b3b3;
}

h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 15px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

.left {
    float: left;
    }
.right {
    float: right;
    }
.center {
    clear: both;
    margin: 0 auto;
    }
.alignleft {
    float: left;
    margin: 0 10px 0 0;
    }
.alignright {   
    float: right;
    margin: 0 0 0 10px;
    }
.clear {
    clear: both;
    }

.alert {
    font-weight: bold;
    color: #fff;
    background-color: #red;
    padding: 15px;
    }

textarea,
input {
    border: 1px solid #ccc;
    color: #999;
    }
textarea:focus,
input:focus {
    border: 1px solid #ddd;
    }
label {
    display: block;
    font-size: 110%;
    font-weight: bold;
    }

blockquote {
    background: #eee url(images/blockquote.gif) no-repeat 16px 8px;
    border: 1px solid #eee;
    font-style:italic;
    margin: 0;
    padding: 0 25px 0 64px;
    color: #777;
    }
code {
    font-family: "Verdana", Arial, Fixed;
    background: #eee url(images/code.gif) no-repeat 0 0;
    border: 1px solid #eee;
    font-style:italic;
    margin: 0;
    padding: 0 25px 0 64px;
    color: #777;
    }

img {
	margin: 0 auto;
	border: 0px;
}


img.banner {
	width: 144px;
	height: 72px;
	padding: 0;
	margin: 0;
}
/***** logo *****/

		a.logo,
			a:active.logo,
			a:hover.logo,
			a:link.logo,
			a:visited.logo {
    		width:404px;
    		height:88px;
    		float:left;
    		background-image:url(images/logo.png);
    		padding: 0px;
    		background-repeat: no-repeat;
    		margin: 11px 0 5px 3px;    		
}


/**** Img Cabecera  *****/

	a.cabecera
		a:active.cabecera,
		a:hover.cabecera,
		a:link.cabecera,
		a:visited.cabecera {
			background-image:url(images/cabecera.png);
			height:150px;
			width:970px;
			background-repeat: no-repeat;
			padding:0px;
}


	
/***** Topbar ****/

		#topbar {
			width: 970px;
			height:35px;
			padding: 0;
			margin: 0;
				
}
		#topbar-left {				
			width: 25px;
			height:35px;
			background: left url(images/top_left.png) no-repeat;
			
}

		#topbar-content {
			height: 35px;
			background: #666;
			margin: -35px 25px 0 25px;
			width: 920px;
	
}

		#topbar-right {
			width: 25px;
			height: 35px;
			background: right url(images/top_right.png) no-repeat;
			float: right;
			margin: -35px 0 0 0;
	
}


/**********************
 * 		Search 
 * ********************/

#topbar-content .search {
	left:0px;
	
}

	#topbar-content .search p {
		margin-left: -10px;
	}
	
	input#S {
		width: 190px;
		height: 20px;
		line-height: 100%;
    	padding: 4px 4px 2px 6px;
    	border: none;
    	color: #666;
    	background: url(images/search_bkg.png) no-repeat;
    	margin-left: -2px;
}

	input#S .p {
		margin-left: -15px;
}

    #sw {
    	margin: 5px 0px 0px 0px;
}

.sf{
    float:left;
	padding: 8px 20px 2px 0px;
	margin-left: -15px;
	}
	

/********************************
 * 			Enlaces Fijos 
 *******************************/

#topbar-content .top-links {
	float: right;
	color: WHITE;
	font-size: 12px;
	margin-right: 7px;
	margin: 0;
	padding: 0;
}

	#topbar-content	.top-links ul {
		list-style: none;
}
		#topbar-content	.top-links ul li {
			display:inline;
			float:right;
			padding: 0px 0 0 10px;
		}
		
			#topbar-content .top-links ul li a {
				color: WHITE;
				font-size: 12px;
}

			#topbar-content .top-links ul li a:hover {
				color: #0097fc;
}

		#topbar-content .top-links span {
				height: 5px;
}
		
/****** Header ****/

		#header {
			width: 970px;
			height: 251px;
			margin: 55px 0 0 0;
			padding: 0;
}

		#header_top {
			width: 970px;
			height: 101px;
			padding: 0 0 0 0 ;
			margin: 0;
			
			
}

			#header_top-left {
				background: left no-repeat url(images/head_left.png);
				float: left;
				height: 101px;
				margin: 0 0 0 0;
				padding: 0 0 0 0 ;
				width: 29px;
	
}

			#header_top-content {
				background: #fff;
				height: 101px;
				margin: 0 29px 0 29px;
				padding: 0 0 0 0 ;
				width: 912px;
	
}

				
			#header_top-right {
				background: right no-repeat url(images/head_rig.png);
				float: right;
				height: 101px;
				margin: -101px 0 0 0 ;
				width: 29px;
				padding: 0;
	
}

		#header_img {
			background: #7c7c7c url(images/cabecera.png);
			height: 150px;
			width: 970px;
			margin: 0;
			padding: 0;
	
}


/***** Nav Header ****/

.navheader {
	float: right;
}

	.navheader li {
			float: left;
			height: 23px;
}

		.navheader li a {
				color: #008cfc;
				display: block;
				font-size: 15px;
				text-align: center;
				/** Safari 4 Decoración de texto off*/
				text-decoration: none;
				/** end Safari 4 **/
}

		.navheader li.active a, 
		.navheader li a:hover, 
		.navheader li.current_page_item a {
				color: #fff;
				background: url(images/span_left.png) top left no-repeat;
				margin:0;
				padding:0 0 0 2px;
				text-decoration: none;
				height:23px;
				
}

		.navheader {
			list-style: none;
			margin-right:1px;
			padding: 0px;
}

		.navheader li {
			padding: 0px 0px 0px 2px;
			margin: 0px;
			display: inline;
			line-height: 15px;
}

			.navheader li a {
				padding: 0px 0px 0px 2px;
				background: white;
				float: left;
}
				.navheader li a span {
						padding:  4px 4px 4px 2px;
						display: block;
						float: right;
						background: white;
						text-decoration: none;
						
}
				.navheader li a span {
						float: none;
}
				.navheader	li.active a span,
							li a:hover span,
							li.current_page_item a span,
							li.current_page_item span   {
							background : url(images/rect1082.png) top right no-repeat;
							padding:4px 4px 4px 2px;
						
}


				.navheader li a:hover,
							li.current_page_item a {
								background-position: 0% 0px;
								text-decoration: none;
								
							
}

				.navheader li.active a span, li a:hover span,
							li.current_page_item a span {
								background-position: 100% 0px;
								
}

			
/***** Jisko ******/

		#mensajes {
			background-image: url(images/jisko_bkg.png);
			height: 45px;
			width: 970px;
}

		#mensajes li {
			display:inline;
		}
		
		
		#mensajes a {
			font-size: 12px;
}
		
		
		.noticias {
			float:left;
			height: 25px;
			width: 91px;
			margin: -3px auto 5px;
			padding: 0px 6px 3px 12px;
		}		
		
		.noticias h2 {
			color:#1a1a1a;	
		}
		
		#twitter {
			margin: 0px -20px 0px 0px;
			padding: 16px 0px 3px 0px;
		}
		
			ul.twitter {
				font-size:16px;
				color:#373737;
				
		
}
	
			li.twitter-item {
				display: inline;
				padding: 2px 2px 2px 0px;
				margin-left: -50px;
}
	

	

/***** Wrapper ****/

		#wrapper {
			background-color: #fff;
			width: 970px;

}

/**** Content ****/

			#content {
				float:left;
				margin: 0;
				width: 770px;
				clear: both;
				
}


				#content .post {
					
					color: #333;
}


				#content .post-date {
					color: #666;
					display: block;
					font-size: 9px;
					margin: 0 10px 5px 2px;
}

				#content p.post-tags,
						 ul.post-tags {
							list-style-type: none;
							margin: 5px 0 0 0 ;
							padding: 0 15px 0 0;
}

					#content p.post-tags a,
							 p.post-tags li {
								padding: 0 0 0 0 ;
}

					#content ul.post-tags li a:link,
							 	ul.post-tags li a:visited,
								ul.post-tags li a:hover,
								ul.post-tags li a:active,
								p.post-tags a:link,
								p.post-tags a:visited,
								p.post-tags a:hover,
								p.post-tags a:active {
									color:  #333;
}

					#content .post-under {
								color: #333;
								display: block;
								font-size: 10px;
								padding: 10px 0 0 0 ;
								text-align:  right;
}

					#content .post-main {
								padding: 10px 25px 25px 25px;
								text-align: justify;
}

					#content .post-title {
								color : #0097fc;
								margin: 0 0 0 0 ;
								padding: 0 0 5px 0;
}
				
						#content .post-title a {
													color: #0097fc;
													text-decoration: none;
													font-size:22px;
}

					#content img.post,
								img.post.a {
									border: 0px;
									margin: 0 auto;
					}

					#content .post-entry {
							background: transparent url(images/separator_title.gif) no-repeat left bottom;
							color: #333;
							padding: 0 0 20px 2px;
							text-align: justify;
}

					#content .archiv-entry {
							color: #333;
							padding: 0 0 20px 2px;
}

					#content .links-entry {
							color: #333;
							padding: 0 0 20px 2px;
}



.top a {
    float:right;
    padding: 0px 0 25px 0;
    line-height: 220%;
    color:#999;
        }
.top a:hover {
    float:right;
    padding: 0px 0 25px 0;
    line-height: 220%;
    color:#666;
        }

.top a {
    float:right;
    padding: 0px 0 25px 0;
    line-height: 220%;
    color:#999;
        }
.top a:hover {
    float:right;
    padding: 0px 0 25px 0;
    line-height: 220%;
    color:#666;
        }

.pagenavi
 {
    float:left;
    margin: 0 0 0 0px;
    padding: 0px 0 25px 0;
    line-height: 220%;
    color:#999;
    font-size: 12px;
        }
       
.pagenavi span,
.pagenavi a {
    color: #999;
    padding: 3px 10px;
    }
.pagenavi a:hover {
    text-decoration: none;
    color: #666;
    }

.pages {
    margin: 0 0 25px 0px;
    }
.pages .older {
    float: left;
    }
.pages .newer{
    float: right;
    }
.pages .older a,
.pages .newer a {
    padding: 3px 10px;
    color: #999;
    }
.pages .older a:hover,
.pages .newer a:hover {
    text-decoration: none;
    color: #666;
    }

/***** Sidebar *****/

			#sidebar {
				float: right;
				margin: 0 0 0 0;
				width: 170px;
				padding: 25px 3px 0 0px;
				
}
				.sdb1 {
					padding: 10px 10px 10px 15px;
					margin-bottom: 0;
					
}

					.sb1 h3 {
							color: #0097fc;
							font-size: 18px;
							margin-right: 4px;
}

					.sb1 ul {
							color: #666;
							list-style: none;
							font-size: 22px;
					}
					
						.sb1 ul li {
								padding-top: 2px;
								
}

							.sb1 ul li a {
								font-size:12px;
}



				
/****** Footer ****/
			
			#footer {
				background: #323232;
				clear: both;
				height: 170px;
				width: 970px;
}


/***** NavFooter *****/

	.navfooter {
			float: left;
			color: #666;
			margin: 5px 2px 2px 10px;
			padding: 0px 0px 0px 10px;
}

		.navfooter ul {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				list-style: none;
}
		.navfooter li {
				display: inline;
}
		.navfooter a {
				display: block;
				float: left;
				padding: 1px 5px 1px 5px;
				text-decoration: none;
				font-size: 11px;
				color: #666;
}
		.navfooter a:hover {
				text-decoration: none;
				color: #fff;
}
		.active a {
				padding-left: 0px;			
}

/***** Footer_Derechos ****/

.derechos {
	float: right;
	margin-right:12px;
	padding-right:10px;
	
}

.derechos p {
	font-size:11px;
	margin-top: 6px;
	text-align:center;
}

/***********************
*   Comments        *
***********************/

.comments {
    font-size: 1.2em;
    padding-bottom: 25px;
    border-bottom: 3px double #eee;
	padding: 15px;
	outline: 0;
    }

.comments a:link, .comments a:visited {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    }

.comments a:hover, .comments a:active {
    color: #fff;
    text-decoration: none;
    }   

.alt {
    background: #eee !important;
    border: 1px solid #eee !important;
    padding: 10px 10px 0 10px !important;
    }

.alt:hover {
    border: 1px solid #ddd !important;
    }

.commentlist li:hover {
    border: 1px solid #ddd;
    }

.commentlist {
    padding: 0 0 0 15px;
    margin: 0 45px 0 45px;
    }

.commentlist li {
    list-style: none;
    padding: 10px 10px 0 10px;
    border: 1px solid #eee;
    margin: 10px;
    }

.metadate {
    font-size: 10px;
    color: #999;
    margin: 0px;
   
    }

.metaauthor {
    font-size: 12px;
    color: #666;
    margin: 0px;
   
    }

p.comment_meta {
    margin: 0 0 0px 0px;
    font-size: .9em;
	padding-left:15px;
    }

.comment_author a {
    font-weight: bold;
    text-decoration: none;
    color: #666;
    }

.comment_author a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #999;
    }

.reply {
    font-size: 20px;
    margin: 30px 0 15px 16px;
    color:#666;
    }

.cmttext {
    color: #666;
    padding: 0 0 0 15px;
    }

.cmtdiffer {
    color: #999;
	
    }

.cmtinfo {
    font-size: 11px;
	padding-left:15px;
    }

.postinput {
   
    font-size: 10px;
	padding:6px 0px 0px 15px;
	outline: 0;
    }
	
p.datos {
	color: #0097fc;
	font-size:11px;
	outline: 0;
}
   
img.cmt-gravatar {
    float:left;
    padding: 5px 10px 4px 4px;
    }

