/*---:[ Cookies 'n Cream website template design information - "style.css"
/*---:[ ------------------------------------------------------------------
/*---:[ Project:	Cookies 'n Cream
/*---:[ Author: 	Chris Pearson
/*---:[ Author URI:	http://pearsonified.com/
/*---:[ Date:		5/1/06
/*---:[ Info:		Kick-ass web designs and stuff for smart people - http://pearsonified.com
/*---:[ ------------------------------------------------------------------ ]:---*/

body { background: #fff; color: #000; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; }

* { padding: 0; margin: 0; }


/*---:[ global elements ]:---*/

a { color: #1c9bdc; text-decoration: underline; }

	a:visited { color: #000; text-decoration: underline; }

	a:hover { color: #1873a1; text-decoration: underline; }

p { margin: 0 0 15px 0; }

blockquote { padding: 5px 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; }


/*---:[ headlines ]:---*/

h1 { font-weight: bold; font-size: 4.0em; line-height: 1.8em; }

	#header h1 { text-align: right; }
	
h2 { font-weight: normal; font-size: 2.0em; margin-bottom: 10px; }

	.entry h2 { color: #000; line-height: normal; }
	
	/*#sidebar h2 { font-size: 1.2em; text-transform: uppercase; letter-spacing: .3em; padding: 0 0 2px 10px; margin-bottom: 5px; border-bottom: 1px solid #dedede; color: #000; }*/
	
	#sidebar h2 { color: #bbb; margin-bottom: 0; }
	
h3 { font-weight: normal; font-size: 1.5em; margin-bottom: 4px; color: #bbb; }


/*---:[ core layout elements ]:---*/

#container { width: 770px; margin: 0 auto; }

	#page { width: 770px; float: left; }

		#header { width: 770px; margin-bottom: 30px; float: left; }
		
			#nav { width: 100%; border-top: 4px solid #000; border-bottom: 2px solid #000; float: left; }
			
				#nav ul { list-style: none; }
			
					#nav li { float: left; }
					
						#nav li a, #nav li a:visited { display: block; height: 3.0em; padding: 0 1.2em; line-height: 3.0em; color: #000; text-decoration: none; font-size: 1.4em; text-transform: uppercase; letter-spacing: .3em; }
					
						#nav li a:hover { color: #fff; background: #000; text-decoration: none; }
		
			#pic { border-bottom: 2px solid #000; }
			
		#content_box { width: 770px; padding-bottom: 20px; text-align: left; float: left; }
		
			#content { width: 500px; padding-right: 40px; float: left; }
			
			#sidebar { width: 230px; padding-top: 10px; /*background: #f5f5f5;*/ color: #444; font-size: 1.2em; line-height: 1.5em; float: left; }
			
		#footer { width: 770px; padding-top: 8px; border-top: 4px solid #000; font-size: 1.2em; text-transform: uppercase; letter-spacing: .3em; float: left; clear: both; }
		

/*---:[ content styles ]:---*/

.entry { font-size: 1.4em; line-height: 1.7em; color: #444; float: left; }

	.entry ul, .entry ol { margin: 0 0 15px 40px; color: #000; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { padding: 3px 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; }
	
	.entry dl { margin-bottom: 15px; }
			
	.entry dt { font-weight: bold; color: #000; }
	
	.entry dd { margin: 0 0 0 20px; font-style: italic; }

	.entry img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }

	.entry img.left_off { margin: 0 10px 5px 0; float: left; }
	
	.entry img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }

	.entry img.right_off { margin: 0 0 5px 10px; float: right; }
	
	.entry img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }
	
	.entry img.center_off { display: block; margin: 0 auto 15px auto; }
	

/*---:[ sidebar styles ]:---*/

.sidebar_section { width: 230px; padding-top: 10px; margin-bottom: 25px; background: #f5f5f5; float: left; }

#sidebar p { padding: 0 10px; margin-bottom: 10px; }

#sidebar ul, #sidebar ol { list-style: square; padding-left: 20px; margin-bottom: 12px; }

	#sidebar li { padding: 3px 10px 3px 0; }
	

/*---:[ footer styles ]:---*/

#footer a, #footer a:visited { color: #000; text-decoration: none; }

#footer a:hover { color: #000; text-decoration: none; }