/* 
	On a Whim CSS
	by Ben Kutil
	
	= YAHOO RESET - Copyright (c) 2007, Yahoo! Inc.
	= LAYOUT
	= TOOLS
	
*/

/*	= YAHOO RESET
---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


/*	= LAYOUT
------------------------------------------------------------------------ */
	
	body { background: url(http://assets.whimsyreason.com/images/ow/bg-body.gif) 5px top repeat; /*background: url(http://assets.whimsyreason.com/images/ow/_d/15pt.png) 5px top;*/ }
	
	#header { margin:22px 0 0 55px; height:75px; }
		#header #branding-logo { display:inline; float:left; margin:23px 15px 0 0; padding:13px 15px 13px 0; border-right:1px solid #e44a00;}
		#header #branding-tagline { display:inline; float:left; width:500px; margin:36px 0 0 0; font-size:15px; line-height:22.5px; font-style:italic; text-transform:lowercase;}
	
	#nav { position:absolute; top:0; left:0; width:100%; height:22px; background: url(http://assets.whimsyreason.com/images/ow/bg-nav-tier1.gif) 0 top no-repeat; }
		#tier1 { margin:0 0 0 55px; }
		#tier1 li { display:inline; float:left; margin:0 12px 0 0;}
			
			#tier1 a { font-size:12px; font-weight:normal; text-decoration:none; color:#582700; text-transform:lowercase; letter-spacing:1px; line-height:22.0px; }
			#tier1 a:hover {  }
			
			#tier1 abbr { border:none; cursor:default; }
				#tier1 abbr.whimsy { font-style:italic; }
				#tier1 abbr.reason { font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; }

	#content { width:925px; margin:0 0 0 10px; background: url(http://assets.whimsyreason.com/images/ow/bg-content.gif) left top no-repeat; }
		#main-content { display:inline; float:left; margin:45px 30px 0 50px; width:600px; background: url(http://assets.whimsyreason.com/images/ow/sep-content.png) right 15px no-repeat;}
			#main-content .entry { margin:0 20px 47px 0; padding:0 0 1px 0; }
				#main-content .entry img { display:inline; float:left; margin: 0 12px 0 -3px; border:3px solid #c6c4a4; }
				
				.entry dl { display:inline; float:left; width:100%; margin:0 0 0 -6px; padding:15px 0 0 6px; background: url(http://assets.whimsyreason.com/images/ow/sep-messy_dot.gif) left top repeat-x; }
				.entry dt, .entry dd { display:inline; float:left; font-size:10.5px; font-weight:normal; color:#021825; }
				
				.entry dd { margin:0 25px 0 3px; }
				
				
				
		#sub-content { display:inline; float:left; width:225px; margin:45px 0 0 0; }
			#sub-content .col { display:inline; float:left; width:45%; margin:0 10% 0 0; }
#sub-content #col02 {margin:0;}
				#sub-content .module { margin:0 0 45px 0; }
	
	#footer { width:900px; margin:30px 0 0 55px; font-size:10px; }
	
	
/*	= TYPOGRAPHY
------------------------------------------------------------------------ */
	
	body { font-family: "Claredon Std", "Century Old Style Std", "Century Schoolbook", Georgia, serif; font-size:10px; line-height:15px; color:#271100; }
	
	a { color: #cc5900; }
	a:hover { text-decoration:none; color:#271100; }
	
	#sub-content .nav a { font-family: "Helvetica", sans-serif; font-size:10.5px; line-height:15px; text-decoration:none; }
	#sub-content .nav a:hover { text-decoration:underline; }
	
	h2 { margin:0 0 15px 0; font-size:15px; line-height:22.5px; font-weight:normal; color:#271100; }
	#sub-content h2 { margin-bottom: 0; }
	h3 { margin:0 0 15px 0; font-size:21px; line-height:22.5px;letter-spacing:1px;font-weight:lighter;color:#271100; }
	
	p { margin:0 0 15px 0; font-size:12px; line-height:22.5px; color:#271100; }
	.module p { line-height:15px;}
	
	
/*	= FORMS
------------------------------------------------------------------------ */
	form .ctrl { display:inline; float:left; margin:0 0 7.5px 0; }
		form .ctrl span { display:inline; float:left; padding:3px; }
			form .ctrl input { line-height:22px; border:none; background:none; }
			
	#frm-search .ctrl span { background:#8caab6; }
		#frm-search .ctrl span input { background:#dfebfa; border: 1px solid #3b6d84;}
		
	#frm-newsletter .ctrl span { background:#d4c6ab; }
	#frm-newsletter .ctrl input { border:1px solid #e08249; background:#fff; }
	
#sub-content #newsletter { margin: 0 0 1em 0; }
	#sub-content #newsletter form p { display: inline; float: left; margin: 0 12px 0 0; }

	#sub-content #newsletter form div.ctl { display: inline; float: left; margin: 0 12px 6px 0;}

	#sub-content #newsletter form div.ctl.submit { margin-top: 4px;}

	#sub-content #newsletter form span { display: block; padding:1px; border:1px solid #d0ebdc;}

	#sub-content #newsletter form div.submit span { border:none; }

	#sub-content #newsletter form input.text
		{
		height:24px;

		line-height:24px;
		vertical-align:middle;
		color: #582700;
		border:1px solid #9d9873;
		background: #faf9e3;
		}

	#index #sub-content #newsletter .ctl { width: 100px;}
#index #sub-content #newsletter .ctl input.text { width: 94px; }
	
/*	= TOOLS
------------------------------------------------------------------------ */
	/*clearfix*/
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block;}
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }
	
	/*accessibility*/
	
     .accessibility { position:absolute; top:-999em; left:-999em; }