/*
title = Style sheet of the Unstable design of http://programandala.net

--
Design "Unstable"
Based on https://unstable.nl (Andreas van Cranenburgh)
--
(cc) 2008 Algunos derechos reservados, Marcos Cruz (http://alinome.net)
Publicado bajo licencia de Creative Commons del tipo "Reconocimiento", versión 2.5
http://creativecommons.org/licenses/by/2.5/es/deed.es
*/


/***************************************
Puesta a cero

Idea inspirada en:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
http://nettuts.com/html-css-techniques/weekend-quick-tip-create-your-own-resetcss-file/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, fieldset, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: inherit;
	background-color: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes:none; 
}

/***************************************
*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #bbb;
	color: #000;
	padding: 1em;
	margin: 0;
	}

/***************************************
Inline elements
*/

strong {
	font-weight:bolder;
}

em {
	font-style:italic;
}

pre code {
	display: block;
	padding:1em;
	overflow:auto; /* CSS <3 */
	overflow-x:scroll; /* CSS 3 */
	overflow-y:hidden; /* CSS 3 */
	-ms-overflow-y: hidden; /* IE 8 */
	}

code {
	font-family: monospace;
	background-color: #99FF66;
	}

h2 code,
h3 code {
	font-family:inherit;
}


img {
	border-width: 0px;
	margin-bottom: .5em;
	}

img.clearleft {
	clear: left;
}

img.clearright {
	clear: right;
}

img.clearboth {
	clear: both;
}

img.right {
	float:right;
	margin: 1em 0 1em 1em;
	}

img.left {
	float:left;
	margin: 1em 1em 1em 0;
	}

abbr[title], acronym[title], .glossary[title] {
	cursor:help;
	border-bottom: 1px dotted #CCCCCC;
}

sup, sub {
	font-size:70%;
}
sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

kbd {
	/* Style from http://mess.redump.net/mess:howto */
	border-radius: 4px; /* CSS3 syntax */
	-moz-border-radius: 4px; /* Mozilla engine syntax */
	-webkit-border-radius: 4px; /* Apple Webkit engine syntax */
	-opera-border-radius: 4px; /* Opera engine syntax, not supported yet */
	-khtml-border-radius: 4px; /* KHTML engine syntax, not supported yet */
	border-color: #cfcfcf #666666 #666666 #cfcfcf;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	font-family: sans-serif;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0 2px 0 1px;
	text-align: center;
	vertical-align: top;
}

.sasSpectrumUDG {
	border-radius: 2px; /* CSS3 syntax */
	-moz-border-radius: 2px; /* Mozilla engine syntax */
	-webkit-border-radius: 2px; /* Apple Webkit engine syntax */
	-opera-border-radius: 2px; /* Opera engine syntax, not supported yet */
	-khtml-border-radius: 2px; /* KHTML engine syntax, not supported yet */
	border-style: solid;
	border-width: 1px;
	padding: 0 2px;
	font-weight:normal;
}

code.sasSpectrumToken {
	border-radius: 2px; /* CSS3 syntax */
	-moz-border-radius: 2px; /* Mozilla engine syntax */
	-webkit-border-radius: 2px; /* Apple Webkit engine syntax */
	-opera-border-radius: 2px; /* Opera engine syntax, not supported yet */
	-khtml-border-radius: 2px; /* KHTML engine syntax, not supported yet */
	border-style: solid;
	border-width: 1px;
	padding: 0 2px;
	font-weight:normal;
	display:inline;
}

q:lang(es) { quotes: "\00AB" "\00BB" "\0093" "\0094" }
q:lang(eo) { quotes: "\00AB" "\00BB" "\0093" "\0094" }
/* q:lang(eo) { quotes: "\0093" "\0094" "\0091" "\0092" }  */
q:lang(en) { quotes: "\0093" "\0094" "\0091" "\0092" } 
q:before { content: open-quote }
q:after { content: close-quote }

/***************************************
Block elements
*/

p {
	margin-bottom: .5em;
	text-align: justify;
	/* background-color: yellow; */
	}

pre {
	/*margin: .5em 2em 1em 2em;*/
	margin-top: .5em;
	margin-bottom: .5em;
	font-family: courier, monospace;
	white-space: pre-wrap;
	/* white-space is a shortcut for white-space and text-wrap: */
	/*
	white-space-collapse: preserve;
	text-wrap: normal;
	*/
	/* word-break and word-wrap are not supported by Firefox<3.1:*/
	word-break: break-all;
	word-wrap: break-word;
	}
/*
pre code {
	white-space: pre-wrap;
}
*/
blockquote {
	margin: 0 3em .5em 2em;
	border-left: 1em solid #DDDDDD;
	padding-left:1em;
	 }

table {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .5em;
	}

hr {
/*  width: 90%;
	margin-left: 5%;
	margin-right: 5%; */
/*  display:none; */
	}

/***************************************
Titles
*/

h1 {
	font-size:200%;
	margin-bottom: 1em;
	clear:left;
	}

h2 {
	clear: left;
	font-size:160%;
	margin-top: 1em;
	margin-bottom: .5em;
	}

h3 {
	font-size:120%;
	margin-top: 1em;
	margin-bottom: 1em;
	}

h4 {
	font-size:110%;
	margin-top: 1em;
	margin-bottom: 1em;
	}

/***************************************
Links
*/

a {
	text-decoration: underline;
	border: 0;
	}

a:link { color: #0000FF; }
a:visited { color: #800080; }
a:hover { text-decoration: none; }
a:active { color: #FF0000; }

a.external { padding-right: 15px; }

a.external:link { background: url(../files/design/unstable/external_link_0000ff.png) no-repeat scroll right; }
a.external:visited { background: url(../files/design/unstable/external_link_800080.png) no-repeat scroll right;}
a.external:active {	background: url(../files/design/unstable/external_link_ff0000.png) no-repeat scroll right;}

a.pending { color: #FF0000; }

/***************************************
Lists
*/

ol, ul {
	list-style-image: none; 
	margin: 0 0 .5em 3em;
	list-style-position: outside;
}

ol {
	list-style-type: decimal;
}

ul {
	list-style-type: circle;
}

li > ul,
li > ol {
	margin-left: 2em;
}

div.sections ul {
	margin:.5em 0;
	list-style: none;
}

div.sections ul li {
	display: inline;	
	float: left;
	margin-right: .5em;
}

/***************************************
Tables
*/

table
{
	border-collapse: collapse;
	/*border: 1px solid gray;*/
}
thead
{
	margin-bottom: .5em;
}
th
{
	font-weight: bold;	
	border-bottom: 1px solid gray;
	padding: .2em;
}
thead
{
	margin-bottom: .5em;
}
tr
{
	border-bottom: 1px dotted gray;
}	
td
{
	padding: .2em;
}
tfoot
{
}

/***************************************
Content 
*/

div#page {
	clear:both;
	padding: 2em 4em 2em 4em;
	background: #fff;
	color: #000;
	border-top: 1px solid #000;
	border-bottom: 5px solid #000;
	border-left: 1px solid #000;
	border-right: 5px solid #000;
	border-radius: .5em; /* CSS3 syntax */
	-moz-border-radius: .5em; /* Mozilla engine syntax */
	-webkit-border-radius: .5em; /* Apple Webkit engine syntax */
	-opera-border-radius: .5em; /* Opera engine syntax, not supported yet */
	-khtml-border-radius: .5em; /* KHTML engine syntax, not supported yet */
	}

#page ul.data {
	margin:0;
	list-style: none;
	list-style-image: none; 
}

/***************************************
Top zone
*/

div#top {
	clear: both;
	padding-top:.2em;
	}

	/*margin-bottom: 2em; */
}

#top h1 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 .5em 0 0;
	float: left;
	}
	
#top h1 a {
	/* text-decoration: none;
	color: #000;*/
	;
	}

#sitetitle {
	float:left;
}

#sitesubtitle {
	font-size: 75%;
	margin-top: .4em;
}

/***************************************
Side zone
*/
/*
#side {
	width: 10em;
	clear: both;
	float:left;
	font-size: 80%;
	margin-bottom: 1em;
	}

#side p {
	text-align: left;
	}

#side h1 {
	display:none;
	}

#side h2 {
	font-size:110%;
	font-weight: bold;
	margin-top: 0;
	}

#side h3 {
	font-size:100%;
	font-weight: bold;
	margin-top: 0;
	}

#side ul+h2 {
	border-top: 1px solid;
	padding-top: 1em;
	}

#side ul+h2 ,
#side ul+h3 {
	margin-top: 1em;
	}

#side .toolicons ul {
	list-style: none;
}

#side .toolicons li {
	height: 18px;
}

#side .toolicons a {
	background:none;
	}
*/

/***************************************
Main zones
*/

div#main {
	border-top: 1px solid gray;
	clear: both;
	padding-top:1em;
	}

/***************************************
Header zone
*/

div#header {
	}

/***************************************
Footer zone
*/

#footer {
	margin-top:1em;
	/*font-size:80%;*/
}

#footer .hr {
	clear:both;
	width:25%;
	border-top: 1px solid gray;
}

#footer h2 {
	margin-top:0;
}

#footer .relativelinks {
	clear:both;
	margin-bottom:1em;
}

#abbrs {
	padding-bottom: 1em;
	clear:both;
}
#abbrs #hr {
	width:25%;
	border-top: 1px solid gray;
}
#abbrs dl dd ,
#abbrs dl dt {
	border-bottom: 1px dotted #CCCCCC;
	float: left;
}
#abbrs dl dt {
	clear: both;
	float: left;
	width: 8em;
}
#abbrs dl dd {
}

#footnotes {
	padding-bottom: 1em;
	clear:both;
}

/***************************************
Bottom zone
*/

div#bottom {
	clear: both;
	margin-top: 1em;
	border-top: 1px solid gray;
	padding-top: .5em;
	font-size: 80%;
	}

#bottom #pageicons ul {
	margin: 0;
	}

#bottom #pageicons ul li {
	display: inline;
	}

#bottom #pageicons ul li+li {
	margin-left: 7px;
	}

#bottom #pageicons a {
	background:none;
	padding-right:0;
	}

/***************************************
Forms
*/

input[type="submit"] {
	border: 1px outset gray;
}

input[type="text"] + input[type="submit"], 
input[type="password"] + input[type="submit"] {
	margin-left: 1em;
}

#searchbox,
#loginbox {
	float: right;
}

#searchbox {
	font-size: 80%;
}

#SimploSearchForm label,
#SimploLoginForm label {
	display:none;
}

#SimploSearchForm fieldset,
#SimploLoginForm fieldset {
	border:none;
	padding:.5em;
}


/***************************************
Control panel
*/

ul.SimploControlPanel {
	background-color: #F0F0F0;
	font-size: 1em;
	line-height: 1em;
	margin: .5em auto;
	padding: .5em;
	list-style: none;
	-moz-border-radius: .5em; /* Mozilla engine syntax */
	-webkit-border-radius: .5em; /* Apple Webkit engine syntax */
	-opera-border-radius: .5em; /* Opera engine syntax, not supported yet */
	-khtml-border-radius: .5em; /* KHTML engine syntax, not supported yet */
}

ul.SimploControlPanel li {
	margin:0 1em 0 0;
	display:inline;
	}

/***************************************
Breadcrumbs and relatives
*/

ul.SimploBreadCrumbs {
	margin: .5em 0 ;
	list-style: none;
	display:inline;
}

ul.SimploBreadCrumbs li {
	display:inline;
}

ul.SimploBreadCrumbs li:after {
	content: " /";
}
/*
ul.SimploBreadCrumbs li+li {
	border-left: 1px dotted gray;
}
	*/

#header .prevlink,
#header .nextlink {
	font-size: 80%;
}

.nextlink,
.toplink {
	float:right;
}

.prevlink {
	float:left;
}

#footer .toplink ,
#footer .prevlink {
	margin-bottom: .5em;
	clear:both;
}

/***************************************
Language menu
*/

div#langmenu {
	clear:both;
	border-top: 1px solid gray;
}

div#langmenu ul {
	float:right;
	margin:.5em 0;
	list-style: none;
	font-size:80%;
}

div#langmenu ul li {
	display:inline;
}

div#langmenu ul li+li {
	border-left: 1px dotted gray;
	padding-left: .5em;
	margin-left: .5em;
}

/***************************************
Forms
*/

fieldset {
	border: 1px solid gray;
	width: auto;
	padding: 1em;
}

legend {
	padding: 0 1em;
}

label {
	cursor: pointer;
}

label input,
label textarea {
	font-weight: normal;
}

input,
textarea {
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px inset gray;
}

input[type="radio"] + input[type="radio"],
input[type="button"] + input[type="button"],
input[type="submit"] + input[type="submit"] { 
	margin-left: 1em; 
}

/***************************************
Clear fix
*/

/* Source: http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}

.leftclearfix:after {
content: " ";
display: block;
height: 0;
clear: left;
visibility: hidden;
}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */


/***************************************
System
*/

#diff {
	white-space: pre-wrap;
	font-family:monospace;
}
#diff ins {
	color:green !important;
}
#diff del {
	color:red !important;
}
div#engineerrors {
	border: 1px solid red;
	padding: .5em;
	margin: .5em 0;
	color:red !important;
}
ul.pageadminlinks {
	list-style: none;
	margin: 0 0 0 1em;
}
ul.toc ul.pageadminlinks {
	display: inline;
}
ul.pageadminlinks li {
	display: inline;
}
ul.pageadminlinks li + li {
	margin-left: 1em;
}
.editsummary {
	margin-left: 1em;
}
table.recentchanges,
table#searchresults {
	font-size:80%;
}
table.recentchanges td.date {
	white-space: nowrap;
}

hr#previewseparator {
	margin: 1em 0 1em 0;
	height: .5em;
}


/***************************************
Photo
*/

#authorphoto {
	clear:right;
	float:right;
	margin: 0 0 1em 1em;
	padding: 3px 3px 32px 3px;
	border: 1px outset gray;
}

/***************************************
Tags
*/

div.tagList {
	clear:both;
}

div.tagList p {
	display: inline;
	float: left;
	margin-right: .5em;
	margin-bottom: 0;
}

div.tagList p:after {
	content: ": ";
}

div.tagList ul {
	display:inline;
	float:left;
	margin:.5em 0;
	list-style: none;
}
/*
div.tagList ul:after {
	content: ".";
}
*/
div.tagList ul li {
	display:inline;
	float:left;
}
/*
div.tagList ul li+li {
	margin-right: .5em;
}
	*/
div.tagList ul li+li:before {
	content: ", ";
}
/*
div.tagList ul li:after {
	content: ", ";
}
*/

div.tagList ul li:last-child:after {
	content: ".";
}

.tagCloud {
	/* clear:both; */
}

div.tagCloud ul {
	margin:.5em 0;
	list-style: none;
}

div.tagCloud ul li {
	display: inline;
	margin-right: .5em;
}
/*
div.tagCloud ul li:after {
	content: " ";
}
*/
div.tagCloud ul li a {
	white-space: nowrap;
}

table#tagresults {
	font-size:80%;
}

/***************************************
Ads
*/

.class {
	margin: 0 auto;
	text-align:center;
}

.topbanner {
	margin: 0 auto 1em auto;
}

.bottombanner {
	margin: 1em auto 0 auto;
}

.toprightad {
	clear: right;
	float: right;
	margin: 1em 0 1em 1em;
}

a.bluehost {
	text-decoration: none;
	clear: both;
	margin: 1em auto;
	text-align:center; /* needed to center nested <object> */
}

a.bluehost, a.bluehost img {
	display: block;
	margin:0 auto;
}