/*  
Theme Name: Pattern
Theme URI: http://www.sweetsp.com
Version: 1.0
Description: Pattern is a Wordpress Theme with 2 columns a clean design.
Author: sweetsp.com
Author URI: http://www.sweetsp.com

*/
* {
	margin: 0;
	padding: 0;
	outline: none;
}
img {
	border: none;
}
a, a:visited {
	text-decoration: none;color: #111;
}
a:hover {
	text-decoration: none;
	color: #09F;
}
body {
	text-align: center;
	background: #0e0e0e url('images/bgpt.gif') left top;
	font: normal 100%/150% calibri, arial, helvetica, sans-serif;
	color: #333;
	padding: 30px 0;
}
#wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: #FFF url('images/tbl.gif') no-repeat left top;
}
#header {
	height: 120px;
	/*overflow: hidden;*/
	clear: both;
	background: url('images/tbr.gif') no-repeat right top;
}
h1 {
	float: left;
	font-size: 10px;
	line-height: 10px;
	padding: 38px 0 0 25px;
	width: 350px;

}
h1 a, h1 a:visited {
	color: #FFF;
	display: block;
	position: relative;

}
h1 a span {
	display: block inline;
	width: 700px;
	height: 55px;
	position: absolute;
	top: 0;
	left: 0;
float: left;
	cursor: pointer;
        background: url('images/sjs_logo.png') no-repeat left top;
	
}
#des {
	font-size: 9px;
	line-height: 9px;
	clear: left;
	padding-left: 5px;
	color: #999;
        visibility: hidden;
}
ul {
	list-style: none outside;
}

.apost ul {list-style: disc outside;}
#menu {
	float: right;
	margin: 55px 20px 15px 0;
	display: inline;
	background: url('images/bt.gif') repeat-x left top;
}
#menu li {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	overflow: hidden;
}
#menu li a {
	float: left;
	padding: 0 10px;
	height: 40px;
	color: #FFF;
	font: normal 15px/40px calibri, verdana,helvetica,sans-serif;
	background: url('images/bth.gif') repeat-x left top;
}
#menu li a {
	background: url('images/bt.gif') repeat-x left top;
}
#menu li a:hover,
#menu li a.current {
        color: #feb705;
	background: url('images/bth.gif') repeat-x left top;
}
#menu #mst {
	height: 40px;
	width: 15px;
	background: url('images/btl.gif') no-repeat left top;
}
#menu #tof {
	margin-right: 0;
	background: url('images/btr.gif') no-repeat right top;
}
#menu #tof a {
	margin-left: 355px;
	padding: 0 10px 0 22px;
	background: url('images/feed.png') no-repeat left;
	font: normal 11px/40px calibri, verdana;
}
* html #menu #tof a {
	background: url('images/feed.gif') no-repeat left;
}
#searchform {
	margin-top: 30px;
	padding-left: 5px;
}
input#s {
	float: left;
	padding: 5px 5px 6px;
	width: 112px;
	border: none;
	color: #888;
	background: url('images/input.gif') no-repeat left top;
	font-size: 11px;
}
input#ss {
	float: right;
}
input#searchsubmit {

}
#main {
	float: left;
	clear: both;
	width: 580px;
	padding: 0px 0 50px;
}
.apost {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 0 10px;
	background: url('images/p.gif') repeat-x left top;
}
.apost h2 {
	padding: 13px 0 0 15px;
	font: bold 24px/28px calibri, verdana;
	background: url('images/pleft.gif') no-repeat left top;
}
.apost h2 a,
.apost h2 a:visited {
	font-size: 20px;
	color: #09F;
}
.apost h2 a:hover {
	color: #46484B;
}
.ahead {
	float: right;
	width: 8px;
	height: 39px;
	background: url('images/pright.gif') no-repeat right top;
}

.apost p a:link, .apost p a:visited{
        border-bottom: 1px dotted;
}

.date {
	text-align: center;
	float: left;
	display: inline;
	width: 38px;
	height: 51px;
	margin: 10px 0 0 -48px;
	padding-top: 3px;
	color: #FFF;
	background: url('images/date.gif') no-repeat left top;
	font-weight: bold;
}

* html .date {
	position: relative;
	z-index: 1;
}
.date span {
	display: block;
	font-size: 24px;
}

.pcat,
.pauth {
	display: block;
	padding-left: 35px;
	background: url('images/cat_blue.gif') no-repeat 15px 4px;
	font: normal 14px/20px calibri,verdana;
}
.apost p,
.apost blockquote {
	/*clear: both;*/
	padding: 10px 15px;
	text-indent: 5px;
	font: normal 14px/20px calibri, verdana;
	text-align: justify;
}
.apost blockquote {
	padding: 10px 50px;
	background: url('images/quote.gif') no-repeat 35px 22px;
	color: #666;
}
.apost #srel,
.apost #linklist,
.apost .subh {
	padding: 15px;
}
.apost ul {
	padding-left: 50px;
}
.pfoot {
	font-size: 11px;
	border-bottom: 1px solid #DDD;
	padding: 3px 10px;
	overflow: hidden;
	margin-left: 12px;
	width: 94%;
}
.pfl {
	float: left;
	padding-left: 20px;

	color: #039AFF;
	background: url('images/comments.gif') no-repeat left;
}
.pfl a,
.pfl a:visited {
	color: #999;
}
.pfl a:hover {
	color: #65C1FF;
}
p.nopost {
	font: normal 15px/20px calibri, verdana;
}
.lead {
	clear:both;
	padding: 10px 0 10px 25px;
}
.lead .ppre {
	float: left;
}
.lead .pnex {
	float: right;
}
#sidebar-one {
	float: right;
	width: 180px;
	padding: 0 20px 50px 0;
}
#sidebar-one h2 {
	color: #333;
	font-size: 16px;
	margin: 25px 0 5px;
}
#sidebar-one ul li {
	font-size: 12px;
}

#recentcom ul li{ font-size: 10px; !important}

#sidebar-one ul li a {
	display: block;
	padding: 0 18px 0 8px;
	min-height: 28px;
	line-height: 28px;
	color: #666;
	border-top: 1px solid #FFF;
	border-bottom: 1px dotted #DDD;
	background: url('images/brick.gif') no-repeat 188px center;
}
* html #sidebar-one ul li a {
	height: 28px;
}
#sidebar-one ul li a:hover {
	color: #09F;
	border-top: 1px solid #F6F6F6;
	background: #F6F6F6;
}
.none {
	display: none;
}
#cmbox {
	clear: both;
	width: 530px;
	margin: 0 auto;
}
.nocomments {
	font-size: 13px;
	padding-left: 25px;
}
#commentform {
	padding: 10px 25px;
}
#commentform p {
	padding-bottom: 10px;
}
#commentform input,
#commentform textarea {
	border: 1px solid #999;
	padding: 5px 8px;
	color: #666;
}
#commentform input:focus,
#commentform textarea:focus {
	border-color: #65C1FF;
}
#commentform p#psubmit {
	width: 268px;
}
#commentform input#submit {
	float: right;
	border: none;
	padding: 0;
}
#commentform label {
	padding-left: 8px;
	font-size: 15px;
	color: #888;
}
#author,
#email,
#url,
#comment {
	width: 250px;
}
.commentlist {
	list-style: none outside;
	background: url('images/p.gif') repeat-x left top;
}
.commentlist li {
	border-bottom: 1px dotted #DDD;
	padding-top: 5px;
	margin: 0 25px 15px;
}
.commentlist li p {
	padding: 15px 0 10px 0;
	clear: both;
	font-size: 13px;
	text-align:justify;
	text-indent: 5px;
}
.commentlist li em {
	font-size: 12px;
}
span.cauth,
span.cdate {
	display: block;
}
span.cauth {
	font-size: 12px;
}
span.cauth a,
span.cauth a:visited {
	font-size: 15px;
	color: #09F;
}
span.cauth a:hover {
	color: #46484B;
}
span.cauth em {
	font-size: 11px;
}
span.cdate {
	font-size: 11px;
	color: #BBB;
}
h3#respond,
h3#comments {
	font-size: 16px;
	padding: 10px 10px 15px;
	color: #09F;
}
h3#respond {
	padding-left: 30px;
}
h3#comments {
	height: 62px;
	line-height: 62px;
	margin-left: 20px;
	padding-left: 25px;
	background: url('images/comments.gif') no-repeat left;
}
.postarchive {
	clear: both;
}
h3.atitle,
h3#srel {
	padding-left: 15px;
	font-size: 16px;
}
#widgets {
	clear: both;
	padding: 20px 0 0;
	overflow: auto;
	width: 100%;
}
.widgetd {
	float: left;
	width: 358px;
	padding: 10px 0 0 28px;
}
.widgetd h2 {
	font: normal 18px/22px calibri, verdana;
	color: #46484B;
	padding: 20px 0;
}
.widgetd li ul li {
	font-size: 12px;
	border-bottom: 1px dotted #DDD;
}
.widgetd a,
.widgetd a:visited {
	color: #888;
	display: block;
	padding: 2px 10px;
	min-height: 22px;
	line-height: 22px;
}
* html .widgetd a {
	height: 22px;
}
.widgetd a:hover {
	color: #09F;
	background: #F6F6F6;
}
#footer {
	position: relative;
	padding: 0 30px 0 0;
	clear: both;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 13px;
	background: url('images/bbr.gif') no-repeat right bottom;
}
span#f2 {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('images/bbl.gif') no-repeat left bottom;
}


.ptags {
	display: block;
	padding-left: 35px;
	background: url('images/tag_blue.gif') no-repeat 15px 4px;
	font: normal 11px/20px verdana;
}
.gravatar{
display: block; float: left; margin-right: 8px;}

.separador{
        margin: 0 auto;
        margin-top: 5px;
        width: 550px;
	border-bottom: 1px solid #DDD;}

.center{
margin-left: auto;
margin-right: auto;
}

/*   Asides */
.dateasides {
	text-align: center;
	float: left;
	display: inline;
	width: 38px;
	height: 51px;
	margin: 10px 0 0 -48px;
	padding-top: 6px;
	color: #FFF;
	background: url('images/dateasides.jpg') no-repeat left top;
	font-weight: bold;
}

.datepinypuk {
	text-align: center;
	float: left;
	display: inline;
	width: 85px;
	height: 51px;
	margin: 10px 0 0 -95px;
	padding-top: 6px;
	color: #FFF;
	background: url('images/datepinypuk.png') no-repeat left top;
	font-weight: bold;
}

#asidesh2 a:link, #asidesh2 a:visited{
color: #ffa200
}
#asidesh2 a:hover{
color: #46484b
}

.twitter-item{
text-align: justify;
color: #0099ff;}

.sjssocial{
display:block;
background: url(social/social.jpg) top left no-repeat;
width: 190px;
height: 151px;
margin: 0 auto;
}

.sjssocial h2{
visibility: hidden;
}

.socialimg{
display:block;
float:left;
}

.adminlock{
width: 28px;
height: 18px;
display: block;
margin-top: 12px;
margin-left: 10px;
float: left;
background: url(images/adminlock.png) top left no-repeat;
}

.adminlock:hover{
background-position: 0px -18px;}

.traduccionwp{
display:block;
background: url(images/descargazipwpsjs.jpg) top left no-repeat;
width: 190px;
height: 150px;
margin: 0 auto;
}
.alignright {
       display:inline;
       float: right;
       padding: 5px;
       margin: 5px;
       border: 1px solid #ddd;       

}

.alignleft {
       display:inline;
	float: left;
       margin: 5px;
       padding:5px;
       border: 1px solid #ddd;
}

.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;
   padding: 2px;
   border: 1px solid #ddd;
   
}




p.twit{height: 33px!important; padding-left: 55px; line-height: auto; font-size: 12px; background: url(images/twitbird.png) top left no-repeat;}
p.twit:hover{height: 33px!important; padding-left: 55px;  background: url(images/twitbird.png) bottom left no-repeat;}
.twitting {display: block; clear: both;
font-size: 12px;
line-height: 15px;
	border-bottom: 1px solid #d3efff;
	padding: 10px 10px;
	margin-left: 12px;
	width: 94%;}

.twitting:hover {display:block; clear: both;
font-size: 11px;
border-bottom: 1px solid #00a4ff;
	padding: 10px 10px;
	margin-left: 12px;
	width: 94%;}

.img a {border: 2px solid red}
.btc-powered {visibility: hidden;}

.more-link a {text-align: right;}





p.tweet {

	background: #fff;

	background: rgba(0,153,255,0.7);

	padding: 10px 12px 10px 12px;

	min-height: 48px;

	color: #fff;

	font-size: 18px !important;

	line-height: 22px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

        margin: 0px auto;
    
        width: 550px;

        margin-left: 10px;

}



p.tweet span.metadata {

	display: block;

	width: 100%;

	clear: both;

	margin-top: 8px;

	padding-top: 12px;

	height: 40px;

	border-top: 1px solid #fff;

	border-top: 1px solid rgba(255,255,255,0.3);

}



p.tweet span.metadata span.timestamp {

}



p.tweet span.metadata span.author {

	line-height: 19px;

}



p.tweet span.metadata span.author img {

	float: left;

	margin: 0 7px 0 0px;

	width: 38px;

	height: 38px;

}



p.tweet a:link, p.tweet a:visited {color: rgba(255,255,255,0.7)}


p.tweet a:hover {

	color: #fff;

	text-shadow: 0 0 1px rgba(0,0,0,0.01);

	/*text-decoration: underline;*/

        border-bottom: 1px solid rgba(0,0,0,0.01);

}



p.tweet span.timestamp {

	font-size: 12px;

	display: block;

}