/*
Theme Name: JB Online
Theme URI: http://blog.jbonline.es/
Description: Tema para el blog de JB
Version: 1.0
Author: be Pixel
Author URI: http://www.bepixel.com/


*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #070707 url(img/bg.jpg) repeat-x top center;
	color: #a2a2a2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

a {
	color: #a2a2a2;
	text-decoration:none;
}

a:hover {
	color:#FCD81B;
}

/* misc */
.clearer,.footer {
	clear: both;
}

/* structure */
.container {
	margin: 0 auto;
	text-align: left;
	width: 992px;
}

/* header */
.top {
	height: 258px;
	margin-bottom:4px;
}
.header {
	height:141px;
	background-image:url(img/cabeceraGolden.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:81px;
        cursor:pointer;
}

/* menu */
.menu {
	height:36px;
	margin-left:50px;
	background-color:#0c0c0c;
	padding-left:30px;
}

.menu a {
	font-size:13px;
	color: #a2a2a2;
	line-height:35px;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px 23px;
	background-image:url(img/bgmenu.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	display:inline;
	border-left:1px solid #171717;
	border-right:1px solid #000;
	border-top:1px solid #111;
}

.menu a:hover {
	color:#FCD81B;
	background-image:url(img/bgmenu_over.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-left:1px solid #252525;
	border-top:1px solid #1f1f1f;
}

.menu ul {
	display: inline;
	height:36px;
}

.menu li {
	position:relative;
	float: left;
	list-style: none;
	display:inline;
	height:36px;
}

/* content */
.content {
	margin-left:50px;
	border-top:28px solid #111;
	border-bottom:20px solid #111;
	padding:0 12px 0 13px;
	background-image:url(img/bgcontent.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}

.left {
	float: left;
	width: 607px;
	padding:25px 33px 25px 17px;
}

.item {
	margin-bottom:20px;
}

.left h1 a {
	color:#fff;
	font-size:21px;
	font-weight:normal;
}

.left h1 a:hover {
	color:#FCD81B;
}

.item h4 {
	font-size:13px;
	font-weight:normal;
	color:#4a4a4a;
	text-transform:uppercase;
	margin:4px 0;
	background-image:url(img/bg_h2_sidebar.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
}

.post {
	clear:both;
	background-image:url(img/bg_h2_sidebar.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:10px 0;
}

.post h4 {
	font-size:13px;
	font-weight:normal;
	color:#4a4a4a;
	text-transform:uppercase;
}

.left p {
	padding:15px 0 0 0;
}

.left p img {
	margin:0 10px 10px 0;
	float:left;
}

.entry p {
	padding:0;
	margin-bottom: 15px;
}

.entry a {
	color:#FCD81B;
}

.entry a:hover {
	text-decoration: underline;
}

.entry strong {
	color: #fff;
}

.entry ul {
	margin-left: 40px;
	margin-bottom: 15px;
}

.entry li {
	margin-bottom: 8px;
}

.post img {
	width:140px;
	margin:0 10px 10px 0;
	float:left;
}

.estirar:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.estirar {
display : inline-block;
}

.info {
	clear:both;
	padding-top:10px;
}

.info a {
	font-size:11px;
	padding:1px 0 0 8px;
	display:block;
	background-image:url(img/bgcomment.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:24px;
	color:#030303;
	width:95px;
}

.info a:hover {
	color:#666;
}

#previouslink {
	float:left;
	width:50%;
	text-align:left;
}

#nextlink {
	float:left;
	width:50%;
	text-align:right;
}

#nextlink a, #previouslink a {
	color:#FCD81B;
	font-size:12px;
}

h2 {
	font-size:13px;
	color:#FCD81B;
	font-weight:bold;
	height:28px;
}

h2.pagetitle {
	text-transform:uppercase;
	background-image:url(img/bg_h2_sidebar.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
}

h3 {
	font-size:13px;
	color:#FCD81B;
	font-weight:bold;
	height:28px;
	line-height:40px;
	background-image:url(img/bg_h2_sidebar.jpg);
	background-position:top;
	background-repeat:repeat-x;
	display:block;
}

#commentform {
	margin:10px 0;
}

#commentform td {
	padding:5px 0;
	vertical-align:top;
}

#commentform .label {
	text-align:right;
	width:120px;
	padding-right:10px;
}

.left .textinput {
	border:1px solid #FCD81B;
	padding:3px;
	font-size:10px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	width:230px;
	left:130px;
}

.left textarea {
	height:120px;
}

.commentlist {
	margin-left:37px;
	font-size:13px;
	font-weight:bold;
}

.commentlist li {
	background-image:url(img/bg_h2_sidebar.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:15px;
}

.commentlist cite a{
	font-style:normal;
	color:#FCD81B;
}

.commentlist p {
	font-weight:normal;
	font-size:12px;
}

/* sidebar */
.right {
	float:right;
	width:206px;
	border-top:1px solid #060606;
	padding:25px 27px 25px 25px;
}
.right img{
	padding-bottom: 15px;
}
.right h2 {
	font-size:13px;
	color:#FCD81B;
	font-weight:bold;
	height:28px;
	line-height:13px;
	text-transform:uppercase;
	background-image:url(img/bg_h2_sidebar.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.right ul {
	margin:15px 0;
}

.right li {
	list-style:none;
	padding:2px 0;
}

#categories li {
	float:left;
	width:50%;
}

#tags {
	clear:both;
	padding:15px 0 0 0;
}

#tags a {
	margin:0 2px;
}

.right form {
	margin:15px 0;
}

.right #s {
	border:1px solid #FCD81B;
	padding:3px;
	font-size:10px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	width:130px;
	margin-right:10px;
	float:left;
}

.right #sidebarsubmit {
	float:left;
}

#blogroll {
	clear:both;
	padding:15px 0 0 0;
}

.right .banner img {
	margin:15px 0;
}

.rsslink {
	background-image:url(img/rss.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}

/* footer */
#footer {
	background: #000;
	color: #222;
	padding: 10px 5px;
	margin-left:50px;
	text-align:center;
	font-size:11px;
}

#footer a {
	color: #222;
}

#footer a:hover {
	color:#FCD81B;
}
#hola {
clear:both;
padding:15px 0 0;
}

#hola1 {
float:left;
margin-right:7px;
}

#hola1 img {
padding-bottom:0px;
}
#hola2 {

}

#nosvemos {
clear:both;
padding:15px 0 0;
}
#nosvemos ul li {
display:inline;
}
#nosvemos ul li img {
padding-bottom:4px;
padding-right:2px;
}
#hola {
clear:both;
padding:15px 0 0;
}


#hola1 {
float:left;
margin-right:7px;
}

#hola1 img {
padding-bottom:0px;
padding-top:18px;
}
#hola2 {
width:140px;
margin-left:75px;
padding-top:15px;
}

#nosvemos {
clear:both;
padding:15px 0 0;
}
#nosvemos ul li {
display:inline;
}
#nosvemos ul li img {
padding-bottom:4px;
padding-right:2px;
}