/*
Theme Name: Scriptia 2
Theme URI: http://scriptia.net/
Description: 
Version: 0.1
Author: Choan C. Gálvez
Author URI: http://choangalvez.nom.es/
*/

@media screen, projection { /* hide stylesheet from Mac IE */

body {
	margin: 0;
	padding: 0;
	font: 87.5%/1.5 lucida grande, lucida sans unicode, trebuchet ms, bitstream vera sans, verdana;
	_font-size: 75%;
	background: #fff;
	color: #333;
}

input, td, th, td td {
	_font-size: 1em;
}

#wrap {
	position: relative;
	zoom: 1;
}

#masthead {
	width: 30em;
	padding: 10px 0;
	height: 80px;
	_height: 100px;
	_text-align: center;
	margin-bottom: -132px;
	position: absolute;
	z-index: 1001; /* fix? for IE */
	top: 0;
	left: 0;
	top: 32px;
	background: #336;
}

	#masthead h1 {
		margin: 0;
	}

	#masthead h1 a, #masthead h1 span{
		display: block;
		margin: 0 auto;
		width: 282px;
		background: transparent url(i/logo.png) top left no-repeat;
		height: 0;
		padding-top: 73px;
		_height: 73px;
		overflow: hidden;
	}

#menu {
	position: absolute;
	_position: relative;
	z-index: 1000; /* required if fixed */
	top: 0;
	left: 0;
	width: 30em;
	line-height: 32px;
	height: 32px;
	background: #f96;
}

	#menu map {
		display: block;
		width: 100%;
	}

	#menu ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}

	#menu li {
		margin: 0; padding: 0;
		display: inline;
		color: #eee;
		text-transform: lowercase;
	}

	#menu a {
		color: #eee;
		font-weight: bold;
		text-decoration: none;
	}
	
	#menu a:hover {
		/*border-top: 12px solid #eee;*/
		color: #fff;
		text-shadow: #eea 0px 0px 6px;
	}
	
	#menu span {
		color: #336;
		font-weight: bold;
	}

	#menu li:before {
		content: " | ";
	}

	#menu li:first-child:before {
		content: "";
	}

#breadcrumb {
	position: absolute;
	top: 0;
	left: 380px;
	line-height: 32px;
	color: #eee;
}

#main {
	margin-left: -30em;
	width: 100%;
	float: right;
	_margin-top: -32px;
	margin-bottom: 2em;
}

#main-inner {
	margin-left: 30em;
	padding: 0 20px;
	max-width: 80em;
}

#main div.entry {
	margin: 0 0 2em;
}

#main div.entry .title,
#main div.entry h3,
#main div.entry h4,
#main div.entry h5,
#main div.entry h6
{
	margin: .4em 0;
	font-family: "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	font-size: 2.5em;
	line-height: 1.2;
	font-weight: normal;
	color: #f96;
	color: #336;
}

/* Safari only */
#main div.entry .title {
	text-shadow: #666 2px 2px 2px;
}

#main div.entry h4,
#main div.single h3 {
	font-size: 2em;
}

#main div.single h4 {
	font-size: 1.5em;
}

#main div.entry h5,
#main div.entry h6
{
	font-size: 1.2em;
}

#main div.more-posts div.entry {
	padding-left: 20px;
	background: url(i/star.png) 0 2px no-repeat;
	margin: 0 0 2em;
}

#main div.more-posts div.meta {
}

#main div.more-posts h3 {
	font-size: 1.4em;
	margin-bottom: 0;
	line-height: 1.2em;
}

#main div.more-posts h3 a {
	text-decoration: none;
}

div.entry .title a {
	text-decoration: none;
	color: #336;
}
	
	div.entry .title a:hover {
		text-decoration: underline;
		color: #e63;
	}
	

div.meta {
	font-size: .916em;
}

div.meta h4 {
	display: none;
}

div.meta ul {
	margin: 0; padding: .2em 0;
	border: 1px dotted #aaa;
	border-width: 1px 0;
}

div.meta li {
	margin: 0; padding: 0;
	display: inline;
}

div.meta li:before {
	content: " | ";
}

div.meta li:first-child:before {
	content: "";
}

div.related h3, div#comments h3, div#respond h3, div#precomments-ad div.title, div.more-posts h2, #main .pagetitle {
	background: #336;
	color: #eee;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
	padding: .2em .4em;
	text-align: left;
}

#main .pagetitle {
	margin: 0 -20px;
	padding: 0 20px;
	line-height: 32px;
	height: 32px;
	position: relative;
	z-index: 40;
	overflow: hidden;
}

#main .pagetitle a {
	text-decoration: none;
	color: #f96;
}

#precomments-ad {
	text-align: center;
}

#comments h4 {
	position: relative;
}

#comments h4 a {
	background: url(i/feed-icon-14x14.png);
	color: green;
	position: absolute;
	right: .4em;
	top: .6em;
	width: 14px;
	height: 14px;
	text-indent: 14px;
	overflow: hidden;
	z-index: 1000;
}


#comments .comment {
	border-left: 6px solid #336;
	padding: .8em 1em 1px;
	margin: 0 0 2em;
	position: relative;
	min-height: 6em;
	background: #f0f0f0;
}

#comments div.from-author {
	border-color: #f96;
	background: #ffffdd;
}

div.comment * {
	position: relative;
}

cite.comment-author {
	font-weight: bold;
	font-style: normal;
}

span.comment-number {
	font-size: 6em;
	color: #e5e5e5;
	position: absolute;
	line-height: 1;
	right: 0;
}

div.from-author span.comment-number {
	color: #ffb;
}

#about {
	width: 28em;
	_width: 30em;
	padding: 4px 1em;
	background: #336;
	clear: left;
	float: left;
	position:relative;
	margin: 132px 0 0;
	_margin-top: 100px;
	z-index: 10;
}

#about div.entry {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background: #434372;
	color: #eee;
	padding: 8px;
}

#about p {
	margin: 0;
}

#about h2, #menu h2, p.skip, #search h2 {
	position: absolute;
	left: -1000px;
	width: 200px;
	overflow: hidden;
}


p.skip {
	z-index: 100000;
}

#wrap p.skip a:focus {
	position: fixed;
	top: 30%;
	left: 0;
	width: 80%;
	margin-left: 9%;
	padding: .4em 1%;
	text-align: center;
	background: #fff;
	color: #c63;
	border: 4px solid #336;
	z-index: 100001;
	font-size: 4em;
	font-weight: normal;
	line-height: 1.2;
	text-decoration: none;
}

#wrap p.skip a:focus:hover {
	text-decoration: underline;
}


#wrap p.skip a:focus:after {
	content: " ↓";
	color: #c63;
}

#footer p.skip a:focus:after {
	content: " ↑";
	color: #c63;
}

#footer {
	position: relative;
	z-index: 50000;
}



#search {
	width: 30em;
	padding: 20px 0;
	float: left;
	clear: left;
	background: #336;
	position: relative;
}

	#label-q {
		display: none;
	}
	
	#search form {
		background: #fff;
		margin: 0 2em;
		border: 4px solid #434372;
		padding: 1em;
	}

	#search a img {
		border: none;
	}

	#search ul, #search li {
		margin: 0; padding: 0; list-style: none;
	}
	
	#search li {
		display: inline;
	}
	
	#search li label {
		display: inline-block; /* fix for IE7 zoom */
	}


#sidebar {
	background: #336;
	color: #eee;
	width: 28em;
	_width: 30em;
	padding: 18px 1em 12px;
	float: left;
	clear:left;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-radius-bottomright: 12px;
	position: relative;
	margin-bottom: 2em;
	
}

	#sidebar a, #about a {
		text-decoration: none;
		color: #f96;
	}
	
	#sidebar a:visited:after, #about a:visited:after {
		content: "\00A0\2713";
		color: #c96;
	}
	
	#sidebar a:hover {
		text-decoration: underline;
	}	

	#sidebar h2 {
		margin: 0 0 .4em;
		font-size: 1.4em;
		_zoom: 1;
		border-bottom: 1px solid;
		text-transform: uppercase;
		font-weight: normal;
	}

	#sidebar h3, #recent li {
		margin: 0;
		font-size: 1.15em;
	}

	#sidebar div.more {
		border-bottom: 1px solid;
	}

		#sidebar div.more p {
			text-align: right;
			margin: 0;
		}

		#sidebar div.more a:after {
			content: "\00A0\21D2";
		}


#recent, #recent-comments, #quicklinks {
	margin-bottom: 2em;
}

	#recent ul, #recent li {
		margin: 0; padding: 0;
		list-style: none;
	}

	#recent li {
		line-height: 1.2;
		margin-bottom: .6em;
	}
	
	#quicklinks h2 {
		position: relative;
	}
	
	#quicklinks h2 a {
		background: url(i/feed-icon-14x14.png);
		position: absolute;
		right: 0;
		top: .4em;
		width: 14px;
		height: 14px;
		text-indent: 14px;
		overflow: hidden;
		display: inline-block;
		display: -moz-inline-box;
	}

#tag-explanation {
	margin: 2em 0;
	padding: 12px;
	background: #f9f8f4;
}

#taglist {
	width: 13.4em;
	float: left;
}

#taglist ul, #taglist li {
	margin: 0; padding: 0;
	list-style: none;
}

#taglist li {
}


div.navigate ul {
	margin: 1em 0;
	border: 1px solid #336;
	background: #f0f0f0;
	text-align: center;
	padding: .4em 0;
}

div.navigate li {
	display: inline;
	margin: 0;
	padding: 0;
}

div.navigate li.prev a:before {
	content: "\2190 ";
}

div.navigate li.next a:after {
	content: " \2192";
}

div.navigate li.prev:after {
	content: " | ";
}


#footer {
	clear: both;
	background: #336;
	line-height: 32px;
	overflow: hidden;
	color: #eee;
	width: 100%;
}

	#footer p {
		margin: 0;
	}
	
	#footer a {
		color: #eee;
	}

#license {
	background: #f96;
	width: 30em;
	text-align: center;
	float: left;
}
	
#footer-links {
	margin-left: 30em;
	padding-left: 20px;
}

ins {
	text-decoration: none;
}

p {
	margin: 0 0 .8em;
}

form {
	margin: 0;
}

#respond {
	_zoom: 1;
}

#respond label {
	width: 8em;
	display: -moz-inline-box;
	display: inline-block;
	text-align: left;
}

#respond p.textarea label {
	display: none;
}

#respond input[type=text] {
	width: 24em;
}

input[type=text],
textarea {
	border: 1px solid #336;
	background: #f0f0f0;
	font-family: lucida grande, trebuchet ms;
	font-size: 1em;
}

input[type=text]:focus,
textarea:focus {
	background: #f0f0fa;
	border-color: #900;
}

input[type=text]:hover,
textarea:hover {
	border-color: #f96;
}

input[type=submit] {
	background: #336;
	color: #eee;
	border-color: #336;
}

input[type=submit]:hover {
	background: #338;
}

form p {
	text-align: center;
}

form p.textarea {
	text-align: left;
}

textarea {
	/* webkit only */
	resize: vertical;
}


small.hint {
	font-size: .925em;
	display: block;
	margin: .2em 0 .8em;
	line-height: 1.2;
}

p.buttons {
	text-align: center;
}

#comment {
	width: 100%;
}

hr {
	display: none;
}

span[lang] {
	font-style:	italic;
}

dfn {
	font-weight: bold;
	font-style: normal;
}

a {
	color: #f96;
	color: #c63;
}

#search a {
	text-decoration: none;
}

a:link:not([href*="scriptia."]):after {
	content: "*";
}

#search a:link:after,
a:link[href^="/"]:after,
a:link[href^="#"]:after {
	content: "";
}

a:visited {
	color: #336;
}

a:hover {
	text-decoration: underline;
	color: #e63;
}

span.u-r-here {
	font-weight: bold;
}

code {
	font-size: 1.1em;
	font-family: monaco, monospace;
}

p code, li code {
	color: #800;
}

pre code {
	color: #333;
}

#sidebar code {
	color: #ffa;
}

pre {
	max-width: 100%;
	_width: 100%;
	padding: 12px;
	border: 1px solid #336;
	background: #eee;
	overflow: auto;
	_overflow: scroll;
	resize: vertical;
}

th,
td {
    font-size: 1em;
}


/**
 * ads
 */
div.adsense-subtitle468x60,
div.adsense-category1,
div.adsense-category2,
div.adsense-default
{
	margin: 1em 0;
	padding: .8em;
	background: #f9f8f4;
}

div.adsense-home336x280 {
	text-align: center;
	background: #f9f8f4;
	padding: 1.2em;
	width: 336px;
	margin: 2em auto;
}


div.adsense-skyscrapper {
	background: #434372;
	padding: 12px;
	float: right;
	width: 120px;
	_width: 144px;
/*	height: 600px;*/
/*	_height: 624px;*/
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/* TODO: decidir colorín
*::-moz-selection {
	background-color: #ffc;
}
*::selection {
	background-color: #ffc;
}
*/

} /* end media */