/*
Theme Name:		Cutline 
Theme URI:		http://cutline.tubetorial.com
Description:	A squeaky clean, feature-rich theme for WordPress designed and coded by <a href="http://pearsonified.com">Chris Pearson</a> and <a href="http://ifranky.com">Franky</a>. With updates by <a href="http://brandingdavid.com">David Peralty</a> and <a href="http://www.stellify.net">Sophia Lucero</a>. Cutline is managed by <a href="http://www.splashpress.com">Splashpress Media</a>.
Version:		2.2 
Author:			Chris Pearson and David Peralty
Author URI:		http://cutline.tubetorial.com/
Tags: 			white, black, silver, two-columns, fixed-width, right-sidebar, theme-options, threaded-comments, microformats, sticky-post
*/

body { background: #fff; color: #000; font-family: helvetica, arial, sans-serif; text-align: center; padding: .5em}

* { padding: 0; margin: 0; }

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

a { color: #333; text-decoration: underline; }

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

	a:hover { color: #5F5F5F; text-decoration: underline; }
	
	a img { border: none; }
	
blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

abbr, acronym { border-bottom: 1px dotted #D9D9D9; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Monaco, "Courier New", Courier, monospace; }

pre { width: 445px; margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; float: left; clear: both; }

* html pre { font-size: 1.0em; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { font-size: 1.4em; }

.flickr_blue { color: #D9D9D9; }

.flickr_pink { color: #5F5F5F; }

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

h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; }

h1 { font-size: 2.0em; letter-spacing: .5em; }

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

	#masthead h1 { padding: 0.2em 0.3em 0.8em; font-variant: small-caps; text-align: left; clear: both; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #000; text-transform: none; text-decoration: none; }
	
h2 { font-size: 1.6em; border-top: 1px solid #000; font-variant: small-caps; }

	h2 a { font-weight: bold; line-height: 1.8em; text-decoration: none; }
	
	h2 a:visited { color: #000; text-decoration: none; }
	
	h2 a:hover { text-decoration: none; }
	
	.posts h2 { margin: 0 0 0.1em 0; line-height: 2.0em; border-bottom: solid 1px #D9D9D9; }
	
	.pages h2, h2.page_header { margin: 0 0 0.75em 0; line-height: 2.0em; border-bottom: solid 1px #D9D9D9; }
	
	h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; font-variant: small-caps !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 1px solid #000 !important; border-bottom: solid 1px #D9D9D9; }
	
	.h2 span a { text-align: right; }
	
h3 { font-size: 1.4em; font-variant: small-caps; }

	#masthead h3 { margin: 0 0 0.3em 0; padding: 0em 0.3em 0em 0.4em; font-variant: normal; font-weight: normal; font-size: 1.8em; color: #888; text-align: left; }

	.entry h3 { margin: 2.5em 0 0.5em 0; padding: 0 0 0 0; }
	
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	
	h3.comments_headers { font-size: 1.6em; line-height: 1.8em;  border-top: 1px solid #000; clear: both; }
	
	h3.respond { font-size: 1.6em; line-height: 1.8em; border-top: 1px solid #000; border-bottom: 1px solid #D9D9D9; }

h4 { font: normal 1.2em Helvetica, Georgia, Times, serif; }

	h4 a, h4 a:visited { text-decoration: none; }
	
	h4 a:hover { color: #000; text-decoration: underline; }
	
	.posts h4 { font-variant: small-caps; font-weight: bold; line-height: 1.6em; padding: 0.4em 0 1.0em 128px; }

		.posts h4.meta { float: left; font-variant: normal; font-weight: normal; width: 115px; padding: 0 0 1.25em; }
	
	.pages h4 { font-size: 1.2em; line-height: 1.6em; margin: 0 0 4.0em 0; padding: 0.4em 0 0 0; clear: both; }
	


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

#container { width: 896px; margin: 10px auto 0 auto; }
					
	#content_box { width: 896px; text-align: left; float: left; clear: both; }
	
		#content { width: 632px; padding: 0 8px 0 0; float: left; }
		
		* html #content { overflow: hidden; }
		
		#sidebar { width: 256px; float: left; }
		
		* html #sidebar { overflow: hidden; }
		
	#footer { width: 896px; padding: 1.0em 0; border-top: 2px solid #ccc; font: normal 1.1em/1.3em Helvetica, Arial, sans-serif; float: left; clear: both; }

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

#masthead { width: 896px; border-top: 5px solid #000; /*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: 836px; height: 175px; } */ /* 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 { width: 896px; list-style: none; margin: 0.5em 0 1.2em 0; padding: 0; background: #1D1D1D; float: left; clear: both; }

	ul#nav li { text-align: left; float: left; font: 1.4em Helvetica, Arial, sans-serif; font-variant: small-caps; width: 126px; border-right: 2px solid #FFF; display: block; }
	
		ul#nav li a, ul#nav li a:visited { display: block; padding: 0.4em 1.8em 1.5em 0.5em; color: #FFF; text-decoration: none; }
	
		ul#nav li a:hover { color: #FF