@CHARSET "UTF-8";

/*
 * Sample General
 * 
 */

body {
	background:#C65E4E;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:90%;
}

.clean {
	clear: both;
	font-size: 1px;
	height: 0px;
	line-height: 0px;
}

#pageWrapper {
	width:400px;
	margin:10px auto;
}

/*
 * Page Header
 * 
 */
#header {
	padding-top:10px;
}

	#header .logo {
		width:5px;
		height:1px;
		float:left;
		background:url(logo.png) no-repeat;	
	}
	
	#header .title {		
		font-size:1.5em;
		color:#333333;
		float:left;
		
		border-left:#666666 dotted 1px;
		padding-left:5px;
		margin-left:5px;
	}
	
	#header .title small{		
		font-size:1.0em;
	}

/*
 * Page Footer
 * 
 */

#footer {
	color:#333333;
}

#footer a,
#footer a:link{
	color:#000000;
}
	#footer .link{
		font-size:1em;
		/*text-align:left;*/
		margin:3px 0;
	}
	
	#footer .copyright{
		font-size:.8em;
	}

/*
 * Each Example
 * 
 */

 .example { 	
	float:center;
	margin:1px;
	width:90%;
 }

	 .example > .title{
	 	font-size:1em;
		font-weight:bold;
		padding:10px;
		margin-bottom:10px;
		border-bottom:#a74e46 dotted 1px;
	 }
	 
	 .example > .container{
	 	margin:0 auto;
		background:#a74e46;
	 }
	 
	 .example > .description{
		
	 }
	 
	 .example > .doc{
		background:#BBBBBB;
	 }
	 
	 .example > .code{
		
	 }