/*
Theme Name:		Cutline
Theme URI:		http://pearsonified.com
Description:		A squeaky clean, minimalistic two-column wonder.
Version:		1.02-wpcom
Author:			Chris Pearson
Author URI:		http://pearsonified.com/
Tags:			custom header, page navigation, two columns, fixed width
*/

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

* { padding: 0; margin: 0; }


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

a { color: #0060ff; text-decoration: underline; }

a:visited { color: #333;  }

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

/*---:[ header styles ]:---*/

#masthead { width: 800px; /*height: 100px; background: url('images/logo.gif') no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }

	/* #masthead a { display: block; width: 770px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */

ul#nav { list-style: none; width: 770px; padding: 0 10px; background: url('images/hr_dot_black.gif') repeat-x; border-bottom: 3px solid #000; float: left; clear: both; }

	ul#nav li { padding: 12px 40px 10px 0; font: bold 1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; }
	
		ul#nav li a, ul#nav li a:visited { color: #000; text-decoration: none; }
	
		ul#nav li a:hover { color: #000; text-decoration: underline; }
		
		ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #090; text-decoration: underline; }
		
	ul#nav li.rss { padding: 12px 0 10px 0; float: right; }
			
		ul#nav li.rss a { padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }
			
#header_img { margin: 0; border-bottom: 1px solid #000; float: left; clear: both; position:relative; }

	#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */




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

#container { width: 770px; margin: 15px auto 0 auto; }
					
	#content_box { width: 770px; text-align: left; float: left; clear: both; 
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:2px solid #cccccc;
	}
	
		#content { width: 770px; padding: 0; float: left; overflow: hidden; }
		
		* html #content { overflow: hidden; }
		
		#sidebar { width: 230px; float: left; overflow: hidden; }
		
		* html #sidebar { overflow: hidden; }
		
	#footer { width: 770px; padding: 12px 0; border-top: 2px solid #ccc; font: bold 1.2em/1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; clear: both; }
		




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

h1 { font: bold 3.6em Helvetica, Arial, sans-serif; letter-spacing: -0.03em; }

* html h1 { letter-spacing: -0.1em; }

	#masthead h1 { padding: 15px 0; border-top: 1px solid #ccc; text-align: center; clear: both;
		background-image:url(img/dots.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	 }
	
	h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	position:absolute;
	left: 32px;
	top: 97px;
	text-align:left;
	font-weight:normal;
	width:399px} 

h3 { 
	 font: normal 2.5em Georgia, "Times New Roman", Times, serif; color: #000; 
	 width:358px;
	 border-bottom:1px solid #cccccc;
	 margin-top:40px;
}
		
dl {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin:20px auto auto 63px;
}

dt {
	font-weight:bold;
}

dd {
	margin-bottom:1em;
}

dt a {
	text-decoration:none;
	color:black;
}

		
div.widgetTop {
	height:325px;
}

div.widgetBottom {
	height:412px;
}

div#widgetLastFM {
	width:185px;
	padding-right:20px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	border-right:1px solid #cccccc;
}
div#widgetFlickr {
	width:300px;
	padding-right:20px;
	margin-right:20px;
	margin-top:20px;	
	margin-bottom:20px;
	float:left;
	border-right:1px solid #cccccc;	
}
div#widgetTwitter {
	width:176px;
	float:left;
	margin-top:20px;	
	margin-bottom:20px;
}

div#widgetTwitter a {
	font-size: 10px; color: #990000; text-decoration: none;
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
div#widgetYouTube {
	clear:both;
	width:745px;
	margin-bottom:20px;
}

div.rss-box {
	display:none;
}