/*
Seraccesible.net Style Sheet
Concept Design: Marco Giacomuzzi
CSS Programming: Marco Giacomuzzi
*/

/* GLOBAL ELEMENTS ---------------------------------------*/ 
body {
	margin: 0;
	padding: 0;
	background: #e5e5e5 url(http://www.seraccesible.net/images/3.gif) right top repeat-y;
	color: #333;
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}

blockquote { border: 1px solid #ddd; margin-right: 0; margin-left: 20px; padding: 4px 7px 0 7px; background: #f0f0f0 }

p, form, h1, h2, h3, h4, h5, h6{ margin: 0 0 .8em 0; padding: 0 }

ul, ol, dl{
	margin: 0 0 .8em 0;
	padding: 0;
}
		
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif }
h1 { margin-top: 1em; font-size: 2em; color: #cc0066; letter-spacing: -1px; line-height: normal }
h2 { margin-top: 1.2em; font-size: 1.65em }
h3 { margin: 1.2em 0 .4em 0 }
#sidebar h3 { font-size: 1.1em }

small, .small { font-size: 0.9em }

cite { font-style: italic }


/* LINKS ---------------------------------------*/ 
a { border-bottom: 1px dotted #06c; color: #06c; text-decoration: none }
a:visited { color: #666; text-decoration: none }
a:hover { border-bottom: 0; color: #004794; text-decoration: none }

a img { border: 0 }
.post h1 a, .post h1 a:visited  { border-bottom-color: #cc0066; color: #cc0066; text-decoration: none }
.post h1 a:hover { border-bottom: 0; text-decoration: none }
.post a { font-weight: bold }

/*CLASSes ---------------------------------------*/
.author-posted {
	margin-bottom: 1em;
	color: #777;
	font-size: .9em;
}

.caps { font-size: 0.9em; letter-spacing: 0.1em }
.clr { clear: both }
.floatL { float: left; margin: 0 1em 1em 0 }
.floatR { float: right; margin: 0 0 1em 1em }
.inline { display: inline }

ol.code {
	border: 1px solid #fff;
	margin-left: 0;
	padding: .3em .5em .3em 3.6em;
	
}

	ol.code li {
		border-bottom: 1px solid #e5e5e5;
		padding: .2em .4em;
		background-image: none !important;
		background-color: #f0f0f0 !important;
		font: 1em/1.45em Courier, "Courier New", monospace;
		list-style-type: decimal !important;
	}

.banner { padding-bottom: 8px }
.banner a { border: 0 }

/* ACCESIBILITY LINKS ---------------------------------------*/  
#accessibility {
	position: absolute;
	top: -10000px;
}

/* CONTAINER ---------------------------------------*/
#container {
	padding-left: 3%;
	background: transparent url(http://www.seraccesible.net/images/2.gif) right top no-repeat;
	color: #333;
}

/* HEADER ---------------------------------------*/
#head {
	position: relative;
	margin-right: 350px;
}

	#head a { border-bottom: 1px solid #c8c8c8 }
	#head a:hover { border-bottom: 1px solid #999 }
	#head .logo { padding-top: 38px }
	
	#head .mg-photo {
		position: absolute;
		top: 19px;
		right: 320px; /* Para IE 6 */
		right /**/:/**/ -29px;
	}
	
/* SIDEBAR ---------------------------------------*/
#sidebar {
	position: absolute;
	top: 0;
	right: 0;
	width: 305px;
	font: 1.1em 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

	#sidebar a { border-bottom: 0; text-decoration: none }

	/*--- Marco Giacomuzzi ---*/
	#marcog h2 {
		margin: 5px 0 0;
		color: #d9d9d9;
		font: bold 1.4em Arial, Helvetica, sans-serif;
		font-style: normal;
		text-transform: uppercase;
		letter-spacing: normal;
	}
	
	#marcog ul {
		margin: 1.3em 0 0;
		list-style: none;
		line-height: 130%;
	}
	
		#marcog ul li a {
			padding-left: 11px;
			background: #d9d9d9 url(http://www.seraccesible.net/images/4.gif) left center no-repeat; 
			color: #666;
			font: .9em Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			text-decoration: none;
		}
			
		#marcog ul li a:hover {
			background: #d9d9d9 url(http://www.seraccesible.net/images/4.gif) left center no-repeat;
			color: #06c;
			text-decoration: underline;
		}
			
	/*--- Buscador ---*/
	#sidebar #searchform { margin: 40px 0 25px 0 }
		
		#sidebar #searchform fieldset { border: none }

		#sidebar #searchform label {
			display: block;
			margin-bottom: .2em;
			font: bold 1.2em Arial, Helvetica, sans-serif;
		}
		
		#sidebar #searchform #livesearch {
			width: 245px;
			height: 26px;
			border: 0;
			padding: 4px 2px 2px 34px;
			background: transparent url(http://www.seraccesible.net/images/9.gif) 0 0 no-repeat;
			color: #009900;
			font: bold 1.6em Arial, Helvetica, sans-serif;
		}
		
	#sidebar div.mi-flickr a { border: none }


	#LSResult {
		position: absolute;
		background-color: #333;
		color: #fff;
		width: 290px;
	}

	#LSShadow { padding: 5px }
	#LSRes { background-color: #444 }
	.LSRow { padding: 0 5px }
	#LSHighlight { background-color: #333 }
	#LSHeader { padding: 2px 2px 8px }
	.lsDate { display: block; color: #fff }

	#LSRes a { display: block; border-bottom: 1px dotted #666; padding: 3px 0 }

	#LSResult a:link { color: #ccc }
	#LSResult a:visited { color: #999 }
	#LSResult a:hover { color: #fff }

	/*--- Listado de enlaces ---*/
	#sidebar .links-1 {
		float: left;
		width: 130px;
		margin-bottom: 10px;
		color: #555;
		font: .85em Arial, Helvetica, sans-serif; 
	}

	#sidebar .links-2 {
		float: left;
		width: 150px;
		border-left: 1px solid #ccc;
		margin-bottom: 10px;
		padding-left: 12px;
	}
	
	/* Feed RSS */
	#sidebar .feed {
		margin-top: 0;
		padding: 2px 0 2px 24px;
		background: url(http://www.seraccesible.net/images/7.gif) left center no-repeat;
	}

	#sidebar .podcast {
		margin-top: -5px;
		padding: 10px 0 8px 36px;
		background: url(http://www.seraccesible.net/images/97.gif) left top no-repeat;
	}
	
	/* Encabezados */
	#sidebar .links-1 h2,
	#sidebar .links-2 h2,
	#sidebar .book h2 {
		margin: 1.4em 0 .3em 0;
		color: #333;
		font: 1.5em Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: bold;
	}
	
	/* Lista */
	#sidebar .links-1 li,
	#sidebar .links-2 li,
	#sidebar .book li {
		padding-left: 12px;
		background: url(http://www.seraccesible.net/images/4.gif) left 5px no-repeat;
		list-style: none;
		line-height: 135%;
	}
		
	/* Enlaces */
	#sidebar .links-1 a,
	#sidebar .links-2 a,
	#sidebar .book a { color: #06c; font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; text-decoration: none }

	#sidebar .links-1 a:visited,
	#sidebar .links-2 a:visited,
	#sidebar .book a:visited { color: #666 }
	
	#sidebar .links-1 a:hover,
	#sidebar .links-2 a:hover,
	#sidebar .book a:hover { color: #666; text-decoration: underline }
	
	/* Libros */
	#sidebar .book {
		clear: both;
		border-top: 1px solid #bbb;
	}
	
	
/* CONTENT ---------------------------------------*/
#content {
	margin-right: 380px;
	padding: 20px 0 0 2%;
	font-size: 1.2em;
	line-height: 150%;
}

	/*--- Post ---*/
	#content .post { margin: 0 4% 4em 0 }
	#content .post h1 { margin-bottom: .4em }
	#content .post p { margin-bottom: 1.2em }
	
		/* Lista */
		#content .post ul { margin-left: 15px }
		#content .post ol { margin-left: 25px }

		#content .post ul li,
		#content .post ol li { margin-bottom: .45em }

		#content .post ul li {
			padding-left: 13px;
			background: url(http://www.seraccesible.net/images/16.gif) 0 6px no-repeat;
			list-style: none;
		}
		
	/*--- Imagen ---*/
	#content .post img {
		border-color: #d7d7d7;
		border-style: solid;
		border-width: 3px 3px 6px 3px;
	}
	
	#content .post .img-center { margin: 1.2em 0; text-align: center }

	#content .page-nav a { margin-right: 15px }

/*FOOTER ---------------------------------------*/
#foot {
	height: 15em;
	margin: 60px 500px 0 0;
	font: 1.1em Arial, Helvetica, sans-serif;
	line-height: normal;
}

	#foot .first {
	padding-top: 20px;
	background: transparent url(http://www.seraccesible.net/images/5.gif) left top no-repeat;
	}

/*META INFO ---------------------------------------*/
ul.meta-info {
	border-top: 3px solid #d5d5d5;
	margin: 1.5em 0 0 !important;
	padding-top: .5em;
	font-size: .9em;
}

	ul.meta-info a { font-weight: normal; text-decoration: none }
	ul.meta-info a:visited { color: #06c }
	ul.meta-info a:hover { text-decoration: none }

	ul.meta-info li {
		display: inline;
		padding-left: 8px !important;
		padding-right: 8px; /* para IE */
		padding-right /**/:/**/ 13px; 
		background: url(http://www.seraccesible.net/images/21.gif) right center no-repeat !important;
		list-style: none;
	}
	
	ul.meta-info li.item-3 { background: none !important }
	
	ul.meta-info li.item-1 span { padding-right: 14px; background: url(http://www.seraccesible.net/images/20.gif) right center no-repeat !important }
	ul.meta-info li.item-2 span { padding-left: 14px; background: url(http://www.seraccesible.net/images/18.gif) left center no-repeat !important }
	ul.meta-info li.item-3 span { padding-left: 14px; background: url(http://www.seraccesible.net/images/19.gif) left center no-repeat !important }
	
/*SOCIAL BOOKMARKS ---------------------------------------*/
div.social-bookmark {
	position: relative;
	top: -19px;
	text-align: right;
}

	div.social-bookmark p { display: inline; font-size: .9em }
	div.social-bookmark ul { display: inline; margin-left: 6px; padding: 7px 0 0 !important; vertical-align: middle }
	div.social-bookmark li { display: inline; padding: 0 6px 0 0 !important; background: none !important }
	div.social-bookmark img { border: none !important }
	div.social-bookmark a { border: none }

/*COMMENTS ---------------------------------------*/
p.comments_invite {
	border-top: 3px solid #ccc;
	margin-top: 1.5em;
	font-size: .9em;
}


h2#comment {
	width: 22em;
	margin-top: 1em;
	font-size: 1.3em;
	font-weight: bold;
}

/*--- Lista comentarios ---*/
ol.comments { margin-left: 2em }

	ol.comments li {
		margin-bottom: .8em;
		padding: .8em .8em 1.4em .8em;
		background: #f4f4f4;
	}
	
		ol.comments li p.small { margin: .5em 0 0 }

/*--- Formulario ---*/
#txpCommentInputForm {
	position: relative;
	margin-top: 2em;
}

#txpCommentInputForm label {
	clear: both;
	display: block;
	margin-bottom: .4em;
}

	#txpCommentInputForm .rem { margin-left: 6em }
	#txpCommentInputForm .rem label { display: inline }

	#txpCommentInputForm label span {
		display: block;
		float: left;
		width: 6em;
	}
	
	#txpCommentInputForm label input,
	#txpCommentInputForm label textarea {
		border-style: solid;
		border-width: 1px 0 0 1px;
		border-color: #a6a6a6;
		padding: .2em;
		background: #f7f7f7;
		color: #333;
		font: 1em Arial, Helvetica, sans-serif
	}
	
	#txpCommentInputForm label input { width: 17em }
	#txpCommentInputForm label textarea { width: 35em; height: 10em }
	
	#txpCommentInputForm .captcha { margin: .5em 0 .5em 6em }
	#txpCommentInputForm .captcha input { margin: 0em 0 0 10px; vertical-align: 19px }
	
#txpCommentInputForm .button { margin-left: 5.5em }
	

.comments_error {
	color: #000;
	background-color: #fff4f4 
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

/*CURRICULUM MARCO ---------------------------------------*/
#cv-editores .title-cv-first { margin-top: 2em}
#cv-editores .no-smoking {
	position: absolute;
	top: 8em;
	left: 20em;
	font-size: .8em;
}

/*--- Lista ---*/
#cv-editores li {
	padding-left: 13px;
	background: url(http://www.seraccesible.net/images/16.gif) 0 6px no-repeat;
	list-style: none;
}

#cv-editores table {
	border-collapse: collapse;
	border: 0;
	margin-bottom: 1em
}

	#cv-editores table caption {
		text-align: left;
		font-weight: bold;
	}

	#cv-editores table tr,
	#cv-editores table td {
		border-color: #f0f0f0;
		border-style: solid;
		border-width: 1px 0 0;
		padding: .3em 1.5em .3em .3em;
	}
	
	#cv-editores table th { padding: .3em 1.5em .3em .3em; text-align: left }
	#cv-editores table td.left { padding-left: .3em; font-weight: bold }
	#cv-editores table td.bgcolor { background: #f0f0f0 }