/* 
				Author: Karina Armijo http://www.blueraindesigngroup.com
				Table of Contents:
					layout
					typography
			*/
			
			
			
			
			/* layout
			----------------------------------------------- */
			
			*{
				margin: 0;
				padding: 0;
				}
			
			body{
				background: #f9f2da;
				color: #eee;
				font: 76% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;  
				}
				
#container{
background: #f9f2da;
width: 730px;
text-align: left;
}

#sidebar{ 
padding: 10px;
width: 250px;
}

#content{ 			
width: 450px;
}
			
			
			/* typography
			----------------------------------------------- */
			
			p {	
			line-height: 1.5em;	
			margin-bottom: 1.0em; 
			font-size: 0.9em;
			color: #020202;
			}
			
			p.lead { 
			font-size: 1.0em;
			color: #020202; }
			
			ol, ul{ margin: 0.5em 0 1.2em 2em; }	
			ol, ul, dl { line-height: 1.5em; }
			ol li{ margin-bottom: 0.2em; }
			li{ font-size: 1.1em; }
			li strong {color: #020202;}
			dl{ margin: 0.5em 0 1.2em 0; }
			dt{
				font-size: 1em;
				font-weight: bold; 
				color: #020202;
				padding-top: 0.4em;
				}
			dd{	
				font-size: 0.9em;
				color: #020202;
				margin-bottom: 1.0em;
				padding-bottom: 0.9em;
				}
			dd a:hover { border-bottom: 1px dotted #8ad459; }
			address {
				padding-top: 0em;
				margin-bottom: 1.0em;
				padding-bottom: 0.3em;
				border-bottom: 1px dashed #660099;
				}
				
			h1, h2, h3, h4{ font-family: "Trebuchet MS",Verdana,Sans-Serif;}
			
			h1 { font-size: 2.5em; color: #660099; }
			h1 a { color:#660099; border: none; }
			h1 em{ color: #660099; font-style: normal; }
			
			h2 {
				font-size: 1.5em;
				letter-spacing: 0.4pt;
				color: #660099;
				text-transform: uppercase;
				padding-top: 0.5em;
				}
			h3 {
				font-size: 1.0em;
				letter-spacing: 0.2pt;
				color: #996699;
				text-transform: uppercase;
				padding-top: 0.5em;
				}
			h4  { 
				color: #660099;
				font-size: 1.1em; 
				text-transform: uppercase; 
				letter-spacing: 0.1pt; 
				padding-top: 0.5em; 
				}
			a{
				xfont-weight: bold;
				color: #9933cc;
				text-decoration: none;
				}
			
			p a:hover { border-bottom: 1px dotted #8ad459;}
			a img{ 	
			border: none;
			padding-right: 0.3em;
			}
			
			small{ font-size: 0.8em; }
			
			pre{
				display: block;
				margin: 1.0em 0;
				padding-left: 0.8em;
				border-left: 1px solid #222;
				background-color: #000;
				overflow: auto;
				}
				
			pre code{ line-height: 1.1em;}
			
			fieldset{ border: none; }
			
			/* sidebar
			----------------------------------------------- */
			#sidebar a{
				color: #7f1385;
				}
			#sidebar p a:hover{ border-bottom: 1px dotted #996699; }
			#sidebar p em { 
			color: #000000; 
			font-style: italic;
			line-height: 1.8em;	
			margin-bottom: 1.0em; 
			font-size: 1.1em;}	
			
			#sidebar h1 a { color: #660099; font-weight: bold }
			#sidebar h1 a:hover { color: black }
			
			#nav{ list-style: none; margin: 2.0em 0; width: 15em;}
			#nav li{ padding: 0; margin: 0; }
			#nav a { color: #f9f2da; background-color: #990099; display: block; padding: 0.3em 0.2em 0.2em 0.8em; height: 2.1em; border-bottom: 1px solid #f9f2da; }
			
			#nav a:hover{
				color: #f9f2da;
				background-color: #996699;
				}	
			
			/* content
			----------------------------------------------- */
			#content ul{ margin-left: 4px;}
			#content ul li{
				list-style: none;
				padding: 0 0 0 12px;
				background: url(../images/bullet.gif) no-repeat 0 6px;
				}
			.download{
				background-color: #333;
				border: 1px solid #444; 
				padding: 0.7em 1.5em; }
			.download:hover{
				background-color: #555;
				border: 1px solid #777;
				}

			#content ul.download li{
				padding: 0.3em 0;
				background-image:none;
				}
			.download img{ padding-right: 0.3em; }
			.download li strong{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 2.25em; color: #fff;}
			.download li em{ font-style: normal; color: #660066; }