@import url("screen-boxes.css"/*tpa=http://www40.brinkster.com/espaciosg/-css/screen-boxes.css*/);

/* degeneradxs - screen stylesheet */
/*
CONTENTS OF THIS FILE:
1. layout
2. content

COLORS USED:
black:		 #333;
dark grey: 	 #666;
medium grey: #ccc;
light grey:  #eee;
strong pink: #f8f;
light pink:  #fbf;
sky blue:	 #6bf;
light blue:	 #adf;

NOTES:
-> all css filters, hacks and workarounds are marked [!].
*/

/* testing - background colors (uncomment these to debbug) */
/*#content 			{ background: #fcc; }
#content-main		{ background: #cfc; }
#content-related	{ background: #ccf; }
#content-highlight	{ background: #ffc; }
#teaser				{ background: #cff; }*/

/* layout - basic structure */
* { margin: 0; padding: 0; } /* global white space reset @ http://leftjustified.net/journal/2004/10/19/global-ws-reset/ */
hr { display: none; }

#wrapper, #footer {
width: 740px;
margin-left: auto;
}
/* [!] ie5.x fix */ body { text-align: right; } #wrapper { text-align: left; }

	#header, #navigation { padding: 0 1.2em; }
	#content { padding: 1.2em 1.2em 3em; } /* [!] greater bottom padding prevents positioned footer from overlapping */
		#teaser,
		#content-related,
		#content-highlight {
		margin-bottom: 1em; padding: 1px;
		}
		#teaser { padding: 0; }
		#content-main { margin-bottom: 1.5em; }
		#content-related   { float: left; width: 48.5%; }
		#content-highlight { float: right; width: 48.5%; }
	#footer { clear: both; padding-top: 1em; padding-bottom: 1em; }


/* layout - clear contained floats (www.positioniseverything.net/easyclearing.html) */
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content { display: inline-block; }
/* [!] ie fix hidden from ie-mac \*/ * html #content { height: 1%; } #content { display: block; } /* end hide */


/* layout - position the footer on the bottom of the page (www.themaninblue.com/experiment/footerStickAlt/) */
html, body { height: 100%; }
#wrapper { position: relative; min-height: 100%; }
/* [!] ie fix hidden from ie-mac \*/ * html #wrapper { height: 100%; } /* end hide */
#footer { position: relative; margin-top: -3.2em; }


/* layout - visual stuff */
body {
font: 76%/100% Verdana, Arial, Helvetica, sans-serif;
color: #333;
background: #f3f3f3 url("-img/body-background.png"/*tpa=http://www40.brinkster.com/espaciosg/-css/-img/body-background.png*/) top right;
}

/* brinkster server generated footer */ body div { display: none; background: #eee; } body div div { display: block; background: transparent; } #wrapper, #footer { display: block; }

#wrapper,
#footer {
margin-right: 18px;
background: #fff;
}
	
	#header {
	text-align: right;
	color: #ccc;
	/*border-top: 1px solid #ccc;*/ border-bottom: 1px solid #565656;
	background: #333;
	}
		#header h1 {
		position: relative;
		padding: .4em 0 .6em;
		text-transform: lowercase;
		font: 2.4em/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
			#header h1 span {
			display: block;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0; 
			background: url("-img/header-h1.png"/*tpa=http://www40.brinkster.com/espaciosg/-css/-img/header-h1.png*/) no-repeat right center;
			}
			/* [!] ie fix hidden from ie-mac \*/ * html #header h1 span { top: .1em; right: .5em; left: auto; width: 100%; height: 58px; } /* end hide */
			#header h1 a:link, 
			#header h1 a:visited, 
			#header h1 a:active,
			#header h1 a:focus,
			#header h1 a:hover 	{ text-decoration: none; color: #ccc; }
		#header p {
		display: none;
		margin: .5em 0;
		font-weight: bold;
		font-size: .9em;
		}
		/* decorative image */
		body.home #header p {
		position: absolute; right: 715px; bottom: 0;
		display: block;
		margin: 0;
		width: 270px; height: 100%;
		text-indent: -999em;
		font-size: 0;
		background: url("-img/eunuco-alpha.png"/*tpa=http://www40.brinkster.com/espaciosg/-css/-img/eunuco-alpha.png*/) no-repeat scroll bottom; /* [!] load /-js/ie-png.js for this to work in ie 5.5+ */
		}
	
	#navigation {
	font-weight: bold;
	font-size: .9em;
	color: #eee;
	border-bottom: 1px solid #ccc;
	background: #565656 url("-img/navigation-background.png"/*tpa=http://www40.brinkster.com/espaciosg/-css/-img/navigation-background.png*/) repeat-x;
	}
		/* main navigation menu */
		#navigation ul {
		list-style: none;
		padding-top: .2em; padding-bottom: .5em;
		text-align: right;
		vertical-align: top; /* [!] ie5.5/6 fix: forces ie to vertically align exactly like firefox */
		white-space: nowrap;
		text-transform: lowercase;
		}
			#navigation ul li {
			display: inline;
			margin-left: .8em;
			padding-left: 1.1em;
			border-left: 1px solid #666;
			}
				#navigation ul li a:link, 
				#navigation ul li a:visited, 
				#navigation ul li a:active 	{ text-decoration: none; color: #fff; }
				#navigation ul li a:focus,
				#navigation ul li a:hover 	{ text-decoration: none; color: #fbf; border-bottom: 1px solid #fbf; }
	
	#content {}

		/* for #teaser, #content-related and #content-highlight styling see screen-boxes.css */
		
		#content-main {}
		
	#footer {
	text-align: center;
	font-size: .9em;
	color: #f3f3f3;
	border-top: 1px solid #ccc;
	background: #565656 url("-img/navigation-background.png"/*tpa=http://www40.brinkster.com/espaciosg/-css/-img/navigation-background.png*/) repeat-x;
	}
		#footer address {
		font-style: normal;
		}
		#footer a:link, 
		#footer a:visited, 
		#footer a:active 	{ text-decoration: underline; color: #fff; }
		#footer a:focus,
		#footer a:hover 	{ text-decoration: underline; color: #fbf; }

	
/* content */
#content {
font-size: 1.1em;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
margin-top: 1em; margin-bottom: .3em;
font: 1em/100% Arial, Helvetica, sans-serif;
}
#content h2 { font-size: 1.8em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top: 0; }
#content h3 { font-size: 1.4em; }
#content h4 { font-size: 1.1em; }
#content h5 { font-size: 1em; }
#content h6 { font-size: .9em; }

#content p {
margin-bottom: .5em;
font-size: 1em;
line-height: 140%;
}
#content-main p {
text-indent: 1em;
}

#content ol,
#content ul {
list-style-position: outside;
margin-bottom: .8em; margin-left: 2.1em;
line-height: 120%;
}
	#content ol li,
	#content ul li {
	/*display: list-item;*/
	margin-bottom: .2em;
	}
	#content ol 			{ list-style-type: decimal;
											list-style-type: decimal-leading-zero; } /* 01 02 03... */
	#content ol ol 		{ list-style-type: lower-alpha; } /* a b c... */
	#content ol ol ol { list-style-type: upper-roman; } /* I II III... */
	
	#content ul 			{ list-style-type: square; }
	#content ul ul 		{ list-style-type: circle; }
	#content ul ul ul { list-style-type: disc; }
	
#content dl {
padding-left: 1em;
line-height: 120%;
}
	#content dl dt {
	font-weight: bold;
	}
	#content dl dd {
	padding-left: 1em;
	}

#content address {
margin-bottom: 1em;
padding-left: 1em;
font-style: normal; /* overrides default browser styling */
line-height: 130%;
}

/* links */
a {}

a:link { color: #05b; }
a:link:hover { color: #27d; }
a:visited { color: #929; }
a:visited:hover { color: #b4b; }

a img { border: none; }

/* "more" links - http://www.knusperpixel.com/playground/more-more-links.php */
a.more span {
position: absolute; left: -999em; /* push the span inside the anchor way off the screen */
}
/*a.more:hover,
a.more:focus {
position:	relative;
}
a.more:hover span,
a.more:focus span {
left: 3em; top: 2em;
white-space: nowrap;
padding: .2em .4em;
font-weight: normal; font-size: smaller; line-height: 110%;
text-decoration: none;
color: #666;
border: 1px solid #ccc;
background: #f3f3f3;
}
a.more:hover span:before,
a.more:focus span:before {
content: "...";
}*/

/* forms */
form {}

	fieldset { border: none; }
	
	input { line-height: 100%; }