/* v1.0 | 20080212 
 * http://meyerweb.com/eric/tools/css/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}
blockquote:before,
blockquote:after,
q:before,
q:after {content: '';content: none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* FONTS */
@font-face	{font-family: 'PerspectiveSansBold';
			src: url('fonts/persansb.eot');
			src: local('Perspective Sans Bold'), local('PerspectiveSansBold'), url('fonts/persansb.woff') format('woff'), url('fonts/persansb.ttf') format('truetype'), url('fonts/persansb.svg#PerspectiveSansBold') format('svg')
			}

/*	Basics	*/
body	{font:normal 13px/22px "Trebuchet MS", "Lucida Grande", arial, sans-serif;background: url('images/layout/bg.jpg') #000;color: #fff;text-shadow:0 1px 1px rgba(0,0,0,0.35)}
h1,
h2,
h3,
.nav a 	{font-family: PerspectiveSansBold, "Lucida Grande", "Trebuchet MS", arial}
h1,
h2,
h3				{margin: 22px 0 22px}
h1				{font-size: 22px;margin-top:0}
h2				{font-size: 20px}
h3				{font-size: 16px}
.first-header	{font-size: 22px}
p {margin: 22px 0 0}
ul,
ol	{padding-left: 40px;list-style: outside disc;font-size:12px;margin:11px 0 0}
ol	{list-style: outside decimal}
h1 + *,
h2 + *,
h3 + *	{margin-top: 0}
a	{color: #fff;text-decoration:underline;text-shadow:none}
strong 	{text-shadow:none}
cite	{font-size:12px}
blockquote {font-size:12px;margin-left:11px;padding-left: 44px;padding-top: 11px;text-align:justify;background:url(images/layout/quote.png) no-repeat}
.figure		{margin: 22px 0}
.figure	img {background:#fff;padding:3px;border:1px solid #DEA375;display:block;margin:auto;
			-moz-box-shadow: 1px 1px 4px #000; /* FF3.5+ */
			-webkit-box-shadow: 1px 1px 4px #000; /* Saf3.0+, Chrome */
			box-shadow: 1px 1px 4px #000; /* Opera 10.5, IE 9.0 */
			filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=1px, OffY=1px, Color='#000000'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1px, OffY=1px, Color='#000000')"; /* IE8 */}
.figure	p	{text-align:center;margin:5px;font-size:12px}
/*	Form	*/
fieldset	{margin: 22px 0;width:100%}
input[placeholder],
textarea	{display: block;width:100%;padding:3px;border:1px solid #DEA375;color: #9C5341;text-shadow: 0 1px 1px rgba(108,68,49,0.6);
			-moz-box-shadow: 0px 1px 4px rgba(222,163,117,.6); /* FF3.5+ */
  			-webkit-box-shadow: 0px 1px 4px rgba(222,163,117,.6); /* Saf3.0+, Chrome */
         	box-shadow: 0px 1px 4px rgba(222,163,117,.6); /* Opera 10.5, IE 9.0 */
   			filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=1px, Color='#DEA375'); /* IE6,IE7 */
          	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=1px, Color='#DEA375')"; /* IE8 */}
input[placeholder]:focus,
textarea:focus	{
				-webkit-box-shadow:0 1px 4px rgba(222,163,117,1);
				-moz-box-shadow:0 1px 4px rgba(222,163,117,1);
				box-shadow:0 1px 4px rgba(222,163,117,1)}
::-webkit-input-placeholder {text-shadow: none}
textarea	{height:88px;overflow: auto}
label		{display:block;margin: 11px 0}
input[type=checkbox]	{margin:0 22px}
input[type=submit]			{display:block;height:22px;padding: 0 11px;margin: 22px auto;background: #ad6e4f;border:1px solid #DEA375;color:#fff;text-shadow: 0 1px 1px rgba(0,0,0,.6);
							-webkit-border-radius:6px;
							-moz-border-radius:6px;
							border-radius:6px;
							background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEA375), to(#6B4431), color-stop(.5,#9C5341));/* Saf4+, Chrome */
							background: -moz-linear-gradient(top center,#DEA375,#9C5341,#6B4431);/* FF3.6 */
							-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.6); /* FF3.5+ */
							-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.6); /* Saf3.0+, Chrome */
							box-shadow: 0px 2px 4px rgba(0,0,0,0.6); /* Opera 10.5, IE 9.0 */
							filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#000000'); /* IE6,IE7 */
							-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#000000')"; /* IE8 */}
input[type=submit]:hover	{text-shadow: 0 1px 1px rgba(0,0,0,1);
							background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEB385), to(#5B3421), color-stop(.5,#9C5341));
							background: -moz-linear-gradient(top center,#EEB385,#9C5341,#5B3421);
							-webkit-box-shadow:0 2px 4px rgba(0,0,0,1);
							-moz-box-shadow:0 2px 4px rgba(0,0,0,1);
							box-shadow:0 2px 4px rgba(0,0,0,1)}

/*	Grid	*/
#wrapper {margin: 1px auto; width: 768px}
.block,
.nav li,
.header h1	{display:inline;float: left; margin: 1px; padding: 22px 30px 5px;background:url('images/layout/bg_t.png');
			background: rgba(0,0,0,0.6)}
.one	{width: 66px}
.two	{width: 194px}
.three	{width: 322px}
.four	{width: 450px}
.five	{width: 578px}
.six	{width: 706px}

/*	Navigation */
.header a		{text-decoration:none}
.header .home	{display: block;height: 62px;padding-bottom: 22px}
.header .home a	{display: block;width: 322px;height:55px;background: url('images/layout/sprites.png') center center no-repeat;text-indent: -9999px}
.nav	{text-align: center;font-size: 12px;line-height: 1.0}
.nav ul	{margin: 0}
.nav li	{height: 33px;padding: 19px 30px 0}

/* Stuff */
.info		{float: left}
.info div {
	height:242px
}
.info ol,
.info ul,
.info p,
.footer {font-size: 11px;}
.footer * {text-align: center;padding: 20px 30px}

/*	Blog	*/
#contentwrapper {background:url('images/layout/bg42.png') repeat-y;overflow:hidden;clear:both;margin-top:1px}
.article {padding-top:22px;padding-bottom:22px}
.article .header h2 {margin-left:72px}
.article > .header .time		{display: block;width: 54px;padding: 3px;height: 52px;float: left;position: relative;margin: 0;border: 1px solid #DEA375;background:#9C5341}
.article > .header span	{position: absolute;display: block;text-align: center;font-family: PerspectiveSansBold, "Lucida Grande", "Trebuchet MS", arial}
.article > .header .dia	{font-size: 44px;top: 0;left: 0;right: 18px;bottom: 21px;line-height: 31px;letter-spacing: -5px}
.article > .header .mes	{font-size: 16px;line-height: 13px;bottom: 2px;left: 2px;right: 2px;letter-spacing: -1px;}
.article > .header .ano	{font-size: 15px;line-height: 9px;display: block;top: 15px;right: -10px;
						-moz-transform: rotate(270deg);  /* FF3.5+ */
						-o-transform: rotate(270deg);  /* Opera 10.5 */
						-webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
						filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
						-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */}
.article > .header > .who			{float:left;clear:both;width:50px;font-size:12px;backgrounds:#f00;margin:11px 0 0 0;line-height:14px}
.article .body,
.article .footer,
.article .comentarios			{border-left:1px solid #DEA375;margin:0 0 0 50px;padding-left:22px}
.article .footer * {text-align: center;padding:0}
.article .footer .previous	{width: 40%;float:left}
.article .footer .next	{width: 40%;float:right}
.article .footer .number-comments {clear:both}
.article .footer {padding: 44px 0 22px 22px;overflow:hidden}
.article .footer p {font-size:13px;padding:0;margin:0}
.article .comentarios	{padding:0 0 0 22px;clear:both}
.article .comentarios ol {list-style:none;padding:0;margin:0}
.article .comentarios h3 {border-bottom: 1px solid #dea375}
.article .comentarios h3:first-child {margin-top:0}
.article .comentarios .comment {padding:5px;margin:2px 0}
.article .comentarios .comment:nth-child(2n) {background:rgba(0,0,0,.2)}
.article .comentarios .comment:nth-child(2n+1) {background:rgba(0,0,0,.4)}
.article .comentarios .comment .header p {margin:0;padding-bottom:2px;border-bottom:1px solid #333}
.article .comentarios .comment .header + p {margin:6px 0 0}

/*      Sidebar         */
.sidebar {padding-bottom:22px;background:none;border-top:1px solid #a97455;margin-top:0}
.sidebar > ul,
.sidebar .xoxo {list-style:none;margin:0;padding:0}
.sidebar h1   {margin: 22px 0 11px;font-size:20px;clear:both;}
.sidebar label {clear:both;display:block;margin:0}
.sidebar #s {width:110px}
.sidebar #searchsubmit {margin:0;float:right}
.sidebar input {float:left;margin-bottom:22px}


/*	Special classes	*/
.right	{float: right;margin: 0 0 11px 11px}
.left	{float: left;margin: 11px 11px 0 0}
.border	{background: #fff;padding: 4px;
		-webkit-border-radius:4px;
		-moz-border-radius: 4px;
		border-radius:4px;
		-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.6); /* FF3.5+ */
		-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.6); /* Saf3.0+, Chrome */
		box-shadow: 2px 2px 8px rgba(0,0,0,0.6); /* Opera 10.5, IE 9.0 */
		filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=2px, OffY=2px, Color='#000000'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2px, OffY=2px, Color='#000000')"; /* IE8 */}
.inclina	{margin-right: -4px;
			-moz-transform: rotate(356deg);  /* FF3.5+ */
			-o-transform: rotate(356deg);  /* Opera 10.5 */
			-webkit-transform: rotate(356deg);  /* Saf3.1+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3.956);  /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3.956)"; /* IE8 */}
.no-bullet {padding: 0;list-style: none}
.uppercase {text-transform: uppercase;letter-spacing: 1px}

/*	Javascript	*/
.ui-accordion	{
	padding-bottom:30px
}
.ui-accordion > div {
	border: 1px solid #DEA375
}
.ui-accordion-header {
	cursor: pointer;font-size: 16px;line-height: 16px;margin: 0;padding:5px;
	background: #ad6e4f;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEA375), to(#6B4431), color-stop(.5,#9C5341));/* Saf4+, Chrome */
	background: -moz-linear-gradient(top center,#DEA375,#9C5341,#6B4431);/* FF3.6 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEA375', endColorstr='#6B4431'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEA375', endColorstr='#6B4431')"; /* IE8 */
	
}
.ui-accordion-content {
	padding:11px 5px 5px;border-top: 1px solid #DEA375;
}
.ui-accordion-content p {
	margin: 0 0 11px;
}