/*  
Theme Name: TEST -- El Blog de Magento
Theme URI: http://www.elblogdemagento.com
Description: Theme de WordPress para el Blog de Magento
Version: 0.1
Author: Gerard Pastor
Author URI: http://www.elblogdemagento.com

*/

/* Test */
/*
#header, #footer { border:1px solid #f00 !important; }
#sidebar { border:1px solid #0f0 !important; }
#content { border:1px solid #00f !important; }
.box { border:1px solid #000 !important; }
*/


/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0;
}

/* Default */

body { font: .9em/1.3em Arial,Helvetica,Tahoma,Verdana,Sans-Serif; }/**/
body { font: .85em/1.3em Verdana, Arial, Helvetica, sans-serif; }
input, button, textarea { font: 1em Arial,Helvetica,Tahoma,Verdana,Sans-Serif;}
input, button { vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
a img { border: 0; }
hr { display: none; }

/* Generic */

h1 { font-size: 2em; line-height: 1em; }
h2 { font-size: 1.4em; line-height: 1.2em; }
h3 { font-size: 1.2em; line-height: 1em; }

h1 a:hover, h2 a:hover, h3 a:hover, #nav a { text-decoration:none; }

small { font-size: .8em; }

.box h3 {
	margin-top: 12px;
}

.box.post h3 {
	margin-top: 4px;	
}

/* Colors */

body {
	background-color: #252525;
	color: #666;
}

a {
	color: #cc3399;
}

a:hover {
	
}


#header { background: #252525 no-repeat url(images/header.png) left 0; }
#s {
	color:#666666;
}
#nav {
			margin-left:10px;
			border-left: 1px solid #ddd;
			height:33px;
		}
#nav li a {
	background: #ccc repeat-x url(images/menu-bg.png) 0 bottom;
	color: #333;
	
	border-right: 1px solid #ddd;
}
#nav li a:hover {
	background: #ccc repeat-x url(images/menu-bg.png) center top;
	color: #fff;
	
}
#sidebar-toggler {
	color:#FFFFFF;
}


#top-nav, #top-nav a {
	color: #fff;
}
#top-nav a:hover {
	
}

#footer { background: #fff repeat-y url(images/footer.png) bottom center; }

.box-top {
	background: no-repeat url(images/box-top.png) center bottom;
}

.box-bot {
	background: no-repeat url(images/box-bot.png) center top;
}
.box {
	background: #fff repeat-y url(images/box-mid.png) center center;
}

/* -> Resizable Box */

.box-left {
	
	background: #fff repeat-y url(images/box-mid-l.png) left center;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.box.box-right {
	background: repeat-y url(images/box-mid-r.png) right center;

}


.box-top.box-left {
	background: no-repeat url(images/box-top-l.png) left bottom;
}

.box-bot.box-left {
	background: no-repeat url(images/box-bot-l.png) left top;
}

.box-top .box-right {
	background: no-repeat url(images/box-top-r.png) right bottom;
	height: 20px;
}

.box-bot .box-right {
	background: no-repeat url(images/box-bot-r.png) right top;
	height: 20px;
}




/* -> End Resizable Box */


.box .box-label {
	color: #fff;
	cursor: default;
}

.box.post .box-label {
	background: no-repeat url(images/label.png) 0 0;
	color: #fff;	
}
.box#related .box-label {}
.box.comments .box-label {}
.box.respond .box-label {}
.box.notfound .box-label {}
.box.search .box-label {}

.commentlist li { border-bottom: 1px solid #ccc; }
.commentlist { border-top: 1px solid #ccc; }
.commentlist .comment-body, .comment-reply {
	background:#fff;
	border-left: 1px solid #ccc;
	
}

.commentlist .alt { background:#eee; }
/*.commentlist .admin { background:#bbb; }
.commentlist .admin.alt { background:#aaa; }*/

.commentlist .admin { background:#ffa866; } /**/
.commentlist .admin .commentmetadata { color: #fff; } /**/
.commentlist .admin .commentmetadata a {/**/
	color: #fff;
}
.comment-num {
	color:#ddd;	
	cursor: default;
}
.alt .comment-num {	color:#fff;	}
/*.admin .comment-num {	color:#aaa;	}
.admin.alt .comment-num {	color:#bbb;	}*/
.admin .comment-num {	color:#fff;	} /**/
.admin.alt .comment-num {	color:#fff;	} /**/





.actions {
	background: #ccc repeat-x url(images/actions.png) top center;
}

.actions a {
	color: #666;
}

.entry {
	border-top: 1px solid #ccc;
}
.entry img {
	border: 1px solid #ccc;	
}



.entry ul li {
	list-style-image: url(images/icons/bullet_black.png);
}


.box#related li {
	list-style-image: url(images/icons/bullet_go.png);
}



.comment-rss a {
	background: no-repeat url(images/icons/feed.png) 0 center;
	
	padding:10px;
	padding-left: 20px;
}

.box.post .post-comments {
	background: no-repeat url(images/icons/comments.png) 0 center;
	padding:10px 0;
	padding-left: 20px;
}



#sidebar li {
	/*
	background: #fff;
	border: 1px dashed #666;
	*/
	background: #333;
}

#sidebar h2 {
	color: #fff;
	padding-bottom: 10px;
	border-bottom:1px solid #999;
}


#sidebar li.categories li {
	list-style-image: url(images/icons/folder.png);	
}
#sidebar li.videotutoriales li {}
#sidebar li.bSuite_widget_popular_posts li {
	list-style-image: url(images/icons/star.png);
}
#sidebar li.bSuite_widget_popular_refs li {
	list-style-image: url(images/icons/star.png);	
}
#sidebar li.widget_tag_cloud li {}

.videotutoriales label {
	border: 1px solid #999;
	cursor: pointer;
}
.videotutoriales label.open {
	border-bottom: 1px solid #333;
	
}
.videotutoriales p.embed {
	border: 1px solid #999;
}


.box#share .actions a {
	color: #ff7800;
	font-weight: 900;
}

.dlimg img {
	border:none;
}

.wp-smiley {
	border: none !important;
	margin: 0 1px !important;
	padding: 0 1px !important;
}

/* Layout */

#page {
	
	position: absolute;
	
	width: 940px;/**/
/*	width: 960px;*/
	left: 50%;
	margin-left: -470px;
	
}

	#header {
		height: 180px;
		margin: 0 0px 0px;
	}
		#top-nav {
			position: absolute;
			right: 0;
			padding: 5px 10px;
		}
			#top-nav a {
				padding: 0 15px;
			}
		#headerimg { 
			height: 137px;
		}
			#headerimg h1, .description {
				text-indent: -30000px;
			}
		#header #searchform {
			position:absolute;
			right:40px;
			top:46px;
		}
			#s {
				background:transparent;
				border:medium none;
				height:20px;
				margin:2px 0 0;
				width:107px;
				font-size:15px;
			}
			#searchsubmit {
				background:transparent;
				border:medium none;
				height:30px;
				width:40px;
				text-indent:-30000px;
				cursor:pointer;
			}
		#nav {
			margin-left:20px;
		}
			#nav li {
				float: left;
			}
			#nav a {
				display: block;
				
				height: 26px;
				width:90px;
				
				padding-top: 7px;
				
				text-align: center;
			}
			
		#sidebar-toggler {
			font-size:9px;
			margin:8px 10px 0 0;
			position:absolute;
			right:167px;
			top:136px;
		}
		
		#link-feed, #link-email {
			display:block;
			height:40px;
			position:absolute;
			right:70px;
			text-indent:-30000px;
			top:117px;
			width:40px;
		}
		#link-email {
			right:29px;
		}
	
	#content {
		float: left;
		width: 630px; /**/
		width: 650px; /**/
		width: 670px;
	}
	
	#sidebar {
		float: right;
		width: 290px; /**/
		width: 260px;
		margin-right:10px;
	}
	
	#footer {
		clear: both;
		padding:20px 10px 10px; /**/
		padding:20px 20px 10px;
		margin: 0 10px;
	}
		#footer h2 { display: none; }
		#footer-credits {
			float: left;
		}
		#footer-menu {
			float: right;
			text-align: right;
		}
		#footer-disclaimer {
			clear: both;
			margin-top: 60px;
			text-align: center;
		}

/* Box & Box-label */

.box-top, .box-bot {
	height: 20px;
}

.box-bot {
	margin-bottom: 10px;
}


.box {
	/*margin: 0 0 10px;*/
	
	padding: 20px 30px 20px;
	padding: 20px 40px 10px;
}
.box.post {}
.box#related {}
.box.comments {
	padding: 20px 30px 0; /**/
	padding: 20px 50px 0;
}
.box.respond {}
.box.notfound {}
.box.search {}

.box .box-label {
	position: absolute;
	display:block;
	
	width: 40px;/*60*/
	height: 40px;/*80*/
	
	padding: 20px 10px;
	
	margin-left: -70px;
	margin-top:-20px;
	
	text-align: center;
	line-height: 1em;
	
}
.box.post .box-label {}
	.published {
		float:left;
		
		margin-top:8px;
	}	
		.pub-date, .pub-month {
			display: block;
			width:40px;	
		}
		.pub-date { font-size: 24px; }
		.pub-month { font-size: 12px; margin-top: 3px; }
.box#related .box-label {}

.box.respond .box-label {}
.box.notfound .box-label {}
.box.search .box-label {}


/* Post */

.post {
		
}

.entry {
	margin-top:10px;
	line-height: 1.5em;
	text-align: justify;	
}
	.entry img, .entry embed {
		margin: 7px;
		padding: 2px;

	}
	
	.entry p {
		margin: 20px 0;
	}
	
	.entry ul, .entry ol {
		margin: 10px 20px 10px;
		padding-left: 10px;
		text-indent: -15px;
	}
	.entry ol {
		list-style-type: decimal
	}
	
	.entry li {
		margin: 3px 0;
		padding-left: 15px;
	}

/* Related */

.box#related ul {
	margin: 10px 20px 10px;
	padding-left: 10px;
	text-indent: -15px;
}
.box#related li {
	margin: 3px 0;
	padding-left: 15px;
}
/* Comments */

div.comment-rss, .box.post .post-comments {
	/*position: absolute;*/
	/*left: 490px;*/
	float:right;
	margin: -32px -16px 0 0;
}

div.comment-rss {
	margin-right:-38px;
}
.box.post .post-comments {
	margin-top: -42px;
	left: 500px;
}


ol.references {
	margin: 10px 20px 10px;
	padding-left: 10px;
	list-style-type: decimal;
	font-size: .9em;
}

.commentlist {
	margin: 30px -30px 0;
	margin: 30px -39px 0; /**/
}
.commentlist li {

}
	.commentmetadata {
		float:left;
		padding:15px 10px 10px;
		margin-bottom: 30px;
		width: 170px;
		
		z-index:2;
	}
		.gravatar-container {
			width: 48px;
			height:48px;
			padding:5px;
			float: left;
		}
		.commentlist cite {
			padding:5px;
			font-size:16px;
			margin:10px 0;
		}
		.commentlist small {
				
		}
		
	.comment-num {
		position: absolute;	
		margin-top:-30px;
		padding-left: 5px;
		font-size: 3em;
		/*z-index:-1;*/
	}
	.comment-body { background:#f00;/**/
		/*float:right;*/
		/*width: 450px;*/
		margin-left:180px;
		min-height: 150px;
		_height: 150px;
	}	
		.commentlist p {
			padding: 5px 20px 5px 15px;
			
			text-align: justify;
		}
		.commentlist p br {
			margin: 10px 0;
		}
		.comment-reply {
			padding: 10px;
			margin-left:180px;
			text-align:right;	
		}
		
.nocomments {
	margin: 10px 0 0px;
	padding-bottom: 16px;
	text-align: center;	
}

/* Comment form */

#commentform p {
	margin: 5px 0;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 554px;/**/
	width: 100%;
	margin-left: -5px;
	padding: 5px;
}

#commentform #submit {
	margin-top: 20px;
}
.subscribe-to-comments {
	padding: 5px 0;
}
.subscribe-to-comments #subscribe {
	margin: 0;
	padding: 0;
}
.subscribe-to-comments label {
	margin: 5px;
	padding: 5px;
}
.advrt {
	display: block;	
}

/* Searh */

.box.search {}

.box.search .post {
	margin-bottom: 30px;	
}



/* Sidebar */

#sidebar h2 {
	margin-bottom: 10px;
	text-align: center;
}

#sidebar li {
	margin: 0 0 10px;
	padding: 10px 15px 20px;
	/*border: 1px solid #0f0;*/ /**/
	font-size: 1em;
}

#sidebar li ul, #sidebar li ol {
	padding-left: 10px;
	margin-left:30px;
}
#sidebar li ol {
	list-style-type: decimal
}

#sidebar li li ul {
	margin-left: 10px;
}

#sidebar li li {
	margin: 0;
	padding: 2px;
	border: none;
/*	padding-left: 15px;
	padding-left: 25px;*/
}
#sidebar li li li {
	padding-left: 0;
}




#sidebar li.categories {}
#sidebar li.videotutoriales {
	
}
#sidebar li.bSuite_widget_popular_posts {}
#sidebar li.bSuite_widget_popular_refs {}
#sidebar li.widget_tag_cloud {
	text-align: justify;	
}


.videotutoriales p.video-title {
	text-align: center;
	padding: 5px 2px 10px;
}
.videotutoriales p.embed {
	padding: 0;
}
.videotutoriales .vid {
	width: 228px;
	height: 198px;
	margin-bottom: 10px;
}
.videotutoriales a {
	float: right;
	padding-top:4px;
	font-size:12px;
}
.videotutoriales p.embed #embed {
	clear: both;
	width: 240px;
	margin: 10px 0 0;
}
.videotutoriales label {
	float:left;
	margin-top:3px;
	margin-bottom:-15px;
	font-size: 10px;
	padding: 0 5px;
	position: absolute;
}
.videotutoriales p.embed {
	display:none;
	clear: both;
	margin-top: 31px;
}
.videotutoriales p.embed #embed {
	width: 212px;
	margin: 4px;
	
}

/* Misc */

.navigation-top {
	height: 15px;
	margin: 20px 10px 10px;
	font-size: .8em;
}

.navigation {
	height: 40px;
	margin: 0 10px 10px;
	font-size: .8em;
}

.navigation .alignright, .navigation-top .alignright {
	text-align: right;
}

.actions {
	margin:20px 10px 0;
	padding: 5px;
	height: 20px;
	font-size: .8em;
}

pre, code {
		
	
}



.h2.pagetitle {
	text-align: center;	
}

p img {
	padding: 0;
	max-width: 100%;
}

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
}

.center {
	text-align: center;	
}
.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }

/* == Plugins == */

/* vid */


/* Share this */

.wp_syntax {
	margin: 10px 0 !important;
}

.comments .wp_syntax {
  display: block;
  width: auto;
  margin: 10px !important;
}
.comments .wp_syntax .code {
	
}


/* adSense */

#adsense-top, #adsense-main {
  text-align: center;
  width: 470px;
  padding: 0 100px 10px;
}


#adsense-top {
  height: 62px;
}

#adsense-main {
  height: 17px;
  
}

/* Banners */

#sidebar .banners {
  padding: 0;
}

#banner-no, #banner-ne, #banner-so, #banner-se {
  width: 125px;
  height: 125px;
}

#banner-no, #banner-so {
  float: left;
  margin: 4px 0 0 3px;
}

#banner-ne, #banner-se {
  float: right;
  margin: 4px 3px 0 0;
}

#banner-so, #banner-se {
  margin-bottom: 4px;
}