/*
Theme Name:		Cutline 3-Column Right
Theme URI:		http://pearsonified.com
Description:	A squeaky clean, feature-rich theme for WordPress designed and coded by <a href="http://pearsonified.com">Chris Pearson</a>.
Version:		1.1
Author:			Chris Pearson
Author URI:		http://pearsonified.com/
*/

body, body.mceContentBody { background: #fff; color: #333; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; }
body.mceContentBody { text-align: left;}
* { padding: 0; margin: 0; }



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

a, body.mceContentBody a { color: #0060ff; text-decoration: underline; }

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

	a:hover { color: #df0000; 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 #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Courier, monospace; }

pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }

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

p.bottom { margin: 0 !important; }

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

.flickr_blue { color: #007ae4; text-transform: lowercase; }

.flickr_pink { color: #ff2a96; text-transform: lowercase; }

.green { color: #090; }

.red { color: #f00; }

.orange { color: #f40; }

.purple { color: #909; }



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

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

h1, body.mceContentBody h1 { font-size: 3.6em; letter-spacing: -0.03em; border-top:4px solid; border-bottom: 1px solid #DDD; margin-bottom: 10px; padding-top: 4px; }

	#masthead h1 { padding: 0.4em 0 0.2em 0; border-top: 1px solid #ccc; text-align: left; clear: both; }
	
	h1 a, h1 a:visited, h1 a:hover, body.mceContentBody h1 a 
	{ color: #000; text-decoration: none; }
	
h2, body.mceContentBody h2 { font-size: 2.0em; color: #971A14;}

	h2 a { color: #000; text-decoration: none; }
	
		h2 a:visited { color: #555; text-decoration: none; }
	
		h2 a:hover { color: #FF2C22; text-decoration: none; }
	
	.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }
	
	.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; }
	
	h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #000 !important; background: url('../images/hr_dot_black.gif') 0 100% repeat-x !important; }
	
h3, body.mceContentBody h3 { font-size: 1.3em; text-transform: uppercase; margin-bottom: 8px; color: #A5231D;}

	#masthead h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: center; }

	.entry h3 { margin: 2.5em 0 0.5em 0; }
	
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	
	h3.comments_headers { font-size: 1.4em; }

h4, body.mceContentBody h4 { font: italic 1.0em Georgia, "Times New Roman", Times, serif; color: #888;margin-bottom: 7px; }

	h4 a, h4 a:visited { color: #888; text-decoration: none; }
	
		h4 a:hover { color: #888; text-decoration: underline; }
	
	.posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('../images/hr_title_sep.gif') 0 100% no-repeat; }



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

#container { background:transparent url(../images/gradient-lightgrey.jpg) repeat-x bottom;
margin:0px auto 0pt;
width:770px;
padding-bottom:1px;}
					
	#content_box { width: 770px; text-align: center;  }
	
		#content { padding: 0 20px 0 0; width: 500px; text-align: left; margin: 0 auto 20px;  }
				
	#footer { width: 770px; padding: 1.2em 0 0 0; border-top: 2px solid #ccc; float: left; clear: both; }
		


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

#masthead { width: 770px; position: relative; }

	/* #masthead a { display: block; width: 970px; 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#menuList { list-style: none; width: 750px; padding: 0 10px;  background: transparent url('../images/hr_dot_black.gif') repeat-x; border-bottom: 3px solid #000; float: left; clear: both; }

	ul#menuList li { font: bold 1.1em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; }
	
		ul#menuList li a, ul#menuList li a:visited { padding: 0.85em 5px; color: #A21C16	; text-decoration: none; }
	
		ul#menuList li a:hover { color: #000; text-decoration: underline; }
		
		ul#menuList li a.current, ul#menuList li a.current:visited, ul#menuList li a.current:hover { color: #000; text-decoration: underline; }
			
#header_img { position: relative; margin: 0 0 3.0em 0; border-bottom: 1px solid #000; float: left; clear: both; overflow: hidden; width: 770px;}

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



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

.pages p, .pages li, body.mceContentBody p, body.mceContentBody li { font-size: 1.4em; line-height: 1em; margin-bottom: 25px; }

#lang, #path {
	position: relative;
	float: right;
	padding-top: 20px;
	padding-bottom: 10px;
	z-index: 2;
	font-size: 1.1em;
}
#path {
	position: relative;
	float: left;
}

#teaser{
	z-index: 1;
	font-family:"Arial";
	font-size:1.3em;
	margin:0px auto 30px;
	position:absolute;
	right:0px;
	text-align:justify;
	top:50px;
	width:341px;
	font-family:"Georgia";
}

#teaser .quoteL, 
#teaser .quoteR{
font-size : 48px;
font-family : "Georgia";
font-weight : bold;
color : #A21C16;
margin: 5px 5px 300px 5px;
}

#teaser .quoteL{
float : left;
}

#teaser .quoteR{
float : right;
}

#teaser p{
}

#teaser a, .pages a, body.mceContentBody a {
color : #A21C16;
border-bottom : 1px dashed;
}

#teaser a:hover, .pages a:hover;{
border-bottom : 1px solid;
}

#teaser hr{
display : none;
}

#teaser>hr{
display : block;
clear : both;
border : 0;
margin : -5px;
padding : 0;
}

/*---:[ footer styles ]:---*/
.clear { clear: both; }
#footer p { margin: 0 0 0.923em 0; font-size: 1.3em; color: #888; text-align: right; }

	#footer a, #footer a:visited { color: #888; text-decoration: none; }
		
		#footer a:hover { color: #888; text-decoration: underline; }