/*
      KKKKK   KKKK    CCCCCCCCCCCCC
     KKKK    KKKK    CCCCCCCCCCCCC
     KKKK  KKKK      CCCCC
     KKKK KKKK       CCCCC
     KKKKKKK         CCCCC
     KKKKKK          CCCCC
     KKKKKKKK        CCCCC
     KKKK  KKKK      CCCCC
     KKKK   KKKK     CCCCC
     KKKK    KKKK    CCCCCCCCCCCCC
     KKKK     KKKK   CCCCCCCCCCCCC

	
	#	KRISCHAU.COM CSS FILE
	#	---------------------- 	
	#	@author	gonzo@flat.com (matt kosoy)
	#	@date 	feburary 19, 2007 
	#
*/


/* BEGIN CHAU'S CSS */

*{
	outline:none;
}

body{
	font-size: 63%;	
	background:transparent url('../img/chau_background.jpg') no-repeat 0 0;

}

div, img{
	margin:0;
	padding:0;
	border:0;
}


a{ 
	border:none;
	text-decoration:none; 
	color:#ff11ff;
}

a:hover{
	text-decoration:underline;
}




#header{
	width:38.3em;
	height:auto;
	margin: 4.5em 0 0 20em;
}

#header h1{	
	display:block;
	margin: 0;
	padding:0;
	height:4em;
	text-align:center;
	text-indent:-9009px;
	background:transparent url('../img/kris_chau.png') no-repeat 0 0;	
}

#header h1 a {
display:block;
width:100%;
height:100%;
outline:none;
}

#nav{
	margin:0 0 0 2.5em;
	padding:0;
}

#nav ul{
	margin:0;
	padding:0;
}

#nav ul li{
	display:inline;
	margin: 0 0.5em 0 0;
}



#nav ul li a:hover{
	background-color:transparent;
}

#page {
	float:left;
	width:80em;
	margin:0 0 0 10em;
	padding:0;
}


	


#col{
	 width: 15em;
	 margin: 0 0 0 10em;
}





#main{
	width:40em;
	float:left;
	height:auto;
	margin: 0 0 0 10em;
	font-family: Arial;
	background-color: transparent;
	color: #666;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
}

#main h1{
	margin: 1em 0;
	font-family: Verdana;
	background-color: transparent;
	color: #333;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 2.3em;
	font-weight: bold;
}

#main h1.section{
	float:left;
	margin:3em 0 0.5em 0;
}



#worksub{ 
	float:left;
	margin: 8em 0 0 1em;
}



.content, .row, .news_bar_content{
	float:left;
	width: 38em;
	height:auto;
	margin: .5em 0;
	font-size: 1em;
	line-height: 1.1em;
	font-weight:normal;	
}	

.news_bar_content{
	width: 18em; 
	border-bottom:1px solid #ccc; 
	margin:0 0 1em 0; 
	padding: 0 0 1em 0;
}


.content h2, .news_bar_content h2{
	font-family: Verdana;
	background-color: #fff;
	color: #333;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.5em 0 1em 0;
}


.content p{
	margin: 0 0 .5em 0;
}

.content small{
	font-style:italic;
}

.content img{
	padding: 0.4em;
	border: 1px solid #CCC;
}

h2.archive{
	float:left;
	font-size: 1.6em;
	margin:2em 0 0.5em 0;
	color:#F1F;  
	width:100%;
	line-height:1.5em;
}


div.row{
	margin: 0 0 1em 1em;
}

span.label{
	float:left;
	width:35em;
	height:auto;
	margin: 0 .5em 0 0;
	font-weight:bold;
	font-style:italic;
}

span.former{
	width: 39em;
}

span.former input{
	border:1px solid #333;
}

span.former input, span.former textarea{
	width:34em; 
	height:2.25em;
	line-height:1em;
	font-size:1em;
	border:1px solid #333;	
	padding:5px;
	color:#333;
	font-family:arial, sans-serif;
}
span.former textarea{
	height:25em;
}
span.former input[file]{
	border:none;
}

span.former input:focus, span.former textarea:focus  {
	background-color:#eee;
}


#main_links{
	float:left;
	width: 70em;
	height:auto;
	margin: 5em 0 0 10em;
	padding:0;
}

#main_links h1, #main_links h2{
	margin: 1em 0;
	font-family: Verdana;
	background-color: transparent;
	color: #333;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 2.3em;
	font-weight: bold;
}

#main_links h2{
	font-size:1.6em;
}

/* LINKS PAGE STYLES */
#people, #places, #things{
	float:left;
	width: 22em;
	height: auto;
	margin: 0 1em 0 0;
	padding;0;
}


#people ul, #places ul, #things ul{
	margin: 0;
	padding:0;
}

#people ul li, #places ul li, #things ul li{
	list-style-type:none;
	margin: 0 0 0.5em 0;
	padding:0;
}


#outside{
	float:left;
	width: 19em;
	margin: 10.5em 0 0 2em;
	font-family: Verdana;
	color: #666;
}

#outside h1{
	font-family: Verdana;
	background-color: #fff;
	color: #333;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 1.1em;
	font-weight: bold;
	margin: .5em 0;
}

#outside ul{
	width: 19em;
	margin:0;
	padding:0;
	width:18em;
	text-align:center;
}

#outside ul li{
	list-style-type:none;
	float:left;
	width:5em;
	margin:0 0.45em 0.45em 0.45em;
}



#adminpanel dl {
	text-align:center;
	width: 18em;
	margin: 0;
	padding: 0 0 0.5em 0;
	background: #FCF ;
}

#adminpanel dt {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 1.15em;
	line-height:1.75em;
	color: #fff;
	font-weight:normal;
	border-bottom: 1px solid #fff;
	background-color:#F0C;
}
	
#adminpanel dd {
	margin: 0.5em 0;
	padding:0;
	color: #666;
}

#adminpanel dl dd a{
	text-transform:uppercase;
	color:#333;
}


#adminpanel{
		position:absolute;
		top: 260px;
		left: 20px;
	}


#footer{
	clear:both;
	float:none;
	display:block;
	margin: 5em 0 5em 20em;
	font-family: Verdana;
	background-color: transparent;
	color: #333;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1em;
	font-size: 1em;
	font-style: italic;
}
