/* Weppler+Mahovsky stylesheet */

/*	for testing: 
border:1px dotted #F60; 
*/


* { margin:0; padding:0; }
BODY { background:#EEE; font:9pt/12pt Arial,Helvetica,Verdana; color:#000; }


#Header { width:auto; background:#999; height:auto; padding:5px 20px; color:#FFF; }
#GlobalNav { margin:5px 20px 30px; font:9pt/10pt Arial,Helvetica,Verdana; height:10pt; overflow:hidden; }
#Container { position:relative; clear:both; width:auto; margin:20px; min-height:200px; 
	float/**/:none; 
	}
	.full { float:left; width:100%; }
	.threefourths { float:left; width:73%; }
	.half { float:left; width:48%; }
	.quarter { float:left; width:23%; }
#Footer { clear:both; width:auto; padding:30px 20px; font:8pt/12pt Arial,Helvetica,Verdana; color:#999; }

#pagination { clear:both; float:left; width:99%; height:15pt; text-align:right; margin:10px 20px; font:8pt/12pt Arial,Helvetica,Verdana; }

.box { width:170px; height:170px; text-align:center; }
	.bigbox { width:200px; height:220px; text-align:center; }

.prevnext { position:absolute; top:150pt; }
.bottom { position:relative; margin-top:24pt; width:150%; }


/* additional styles */
.clear { clear:both; }
.float { float:left; }
.right { text-align:right; }
.center { text-align:center; }

/* text formatting */
H1 { font:14pt/18pt Helvetica,Arial,Verdana; }
.hed { font:8pt/12pt; font-weight:bold; text-transform:uppercase; margin-top:12pt; }
.caption { font:9pt/12pt; margin-top:6pt; }
P { margin-top:6pt; }

A { color:#666; text-decoration:none; }
	A:visited { color:#666; }
	A:hover { color:#F00; text-decoration:underline; }
	A.red { color:#F00; }
.hed A { color:#000; }

IMG { margin:0 10px 10px 0; border:0; }
	.box IMG, .bigbox IMG { margin:0; }

/* secondary text formatting */
.grey { color:#666; }


/* list formatting */
UL { list-style:none; margin-left:10px; }
UL.nav LI:before {	content:"\00BB \0020"; }
UL.inline { margin:0; }
	UL.inline LI { display:inline; margin-right:20px; }
UL.info { margin:0; }
	UL.info LI { margin:3pt 0; }

DL.bio { margin-left:50px; text-indent:-50px; }


/* special page styles */
#homepage	{ position:absolute; width:500px; height:500px; margin-top:-250px; margin-left:-250px; top:50%; left:50%; 
	background:#999; text-align:center; }


/* easy clearing */
#Container:after { content:'[DO NOT LEAVE IT IS NOT REAL]'; display:block; height:0; clear: both; visibility:hidden; }
#Container { display:inline-block; }
/*\*/
#Container { display:block; }
/* end easy clearing */