/*
Theme Name:		Cutline OIB
Theme URI:		http://www.momentumtime.com
Description:		Theme based on <a href="http://pearsonified.com">Chris Pearson</a>'s <a href="http://cutline.tubetorial.com">Cutline</a>, with updates by <a href="http://stellify.net">Sophia Lucero</a> (Version 1.4-3CS). Cutline is managed by <a href="http://www.splashpress.com">Splashpress Media</a>.
Version:		0.2
Author:			Ray Fusci
Author URI:		http:/www.momentumtime.com/
Tags: 			white, black, three-columns, fixed-width, right-sidebar, left-sidebar, theme-options, threaded-comments, microformats, sticky-post
*/

body
	{ background: #ffffff;
	 color: #333333;
	 font: 62.5% Verdana, Arial, sans-serif;
	 text-align: center }

*
	{ padding: 0 0 0 0;
	 margin: 0 0 0 0 }

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

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

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

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

	a img
		{ border: none }

blockquote
	{ font-family: Verdana, Arial, sans-serif;
	 color: #666666;
	 margin: 0 1.5em 1.5em 1.5em;
	 padding: 0 0 0 10px;
	 border-left: 1px solid #999999 }

abbr, acronym
	{ border-bottom: 1px dotted #999999;
	 text-transform: uppercase;
	 cursor: help }

code
	{ color: #009900;
	 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 0 0 0 !important }

p.unstyled
	{ font-size: 1.4em }

.flickr_blue
	{ color: #0066cc;
	 text-transform: lowercase }

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

.green	{ color: #009900 }

.red	{ color: #ff0000 }

.orange	{ color: #ff3300 }

.purple	{ color: #990099 }


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

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

h1
	{ font-size: 3.6em;
	 letter-spacing: -0.03em }

	#masthead h1
		{ padding: 0.4em 0 0.2em 0;
		 border-top: 1px solid #cccccc;
		 text-align: center;
		 clear: both }

	h1 a, h1 a:visited, h1 a:hover
		{ color: #000000;
		 text-decoration: none }

h2
	{ font-size: 2.0em }

	h2 a
		{ color: #000000;
		 text-decoration: none }

		h2 a:visited
			{ color: #666666;
			 text-decoration: none }

		h2 a:hover
			{ color: #009900;
			 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;
		 background: url('images/hr_title_sep.gif')
				 0 100% no-repeat }

	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 0.4em 2px !important;
		 border-top: 3px solid #000000 !important;
		 background: url('images/hr_dot_black.gif')
				 0 100% repeat-x !important }

h3
	{ font-size: 1.0em;
	 text-transform: uppercase }

	#masthead h3
		{ margin: 0 0 0.75em 0;
		 font-weight: normal;
		 font-size: 1.8em;
		 text-transform: none;
		 color: #999999;
		 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
	{ font: 1.2em Verdana, Arial, sans-serif;
	 color: #999999 }

	h4 a, h4 a:visited
		{ color: #999999;
		 text-decoration: none }

		h4 a:hover
			{ color: #999999;
			 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
	{ width: 970px;
	 margin: 0 auto 0 auto }
					
	#left_ads
		{ width: 140px;
		 text-align: left;
		 margin: 0 0 0 0;
		 padding: 0 20px 0 0;
		 overflow: hidden;
		 float: left;
		 clear: both }

		#left_ads ul
			{list-style: none }

		#left_ads ul li
			{ padding: 8px 40px 7px 0;
			 font: bold 1.0em Verdana, Arial, sans-serif;
			 text-transform: uppercase }

		#left_ads img
			{ width: 140px;
			 padding: 0 0 20px 0 }	

		/*---:[ classified styles ]:---*/

		#left_ads h2
			{ font-weight: bold;
			 font-size: 0.9em;
			 line-height: 1.1em;
			 text-transform: uppercase;
			 letter-spacing: normal;
			 margin: 0 0 0 0;
			 padding: 0.4em 0 0.5em 0.4em;
			 border-top: 2px solid #000000;
			 background: url('images/hr_dot_black.gif')
				 0 100% repeat-x }

		#left_ads p
			{ font-size: 0.8em;
			 padding: 0.4em 0 0.8em 0.4em; }

		#ruler
			{ background: url('images/hr_tag_sep.gif')
				 20px 100% no-repeat }

	#content_box
		{ width:810px;
		 text-align: left;
		 float: left }

		#l_sidebar
			{ width: 160px;
			 margin: 0 0 0 0;
			 padding: 0 0 0 0;
			 float: left }

		#content
			{ width: 440px;
			 margin: 0 0 0 0;
			 padding: 0 25px 0 25px;
			 float: left }

		#sidebar
			{ width: 160px;
			 margin: 0 0 0 0;
			 padding: 0 0 0 0;
			 float: right }

		#sidebar img
			{ padding: 0 0 20px 0 }

	#footer
		{ width: 810px;
		 padding: 1.2em 0 0 0;
		 border-top: 2px solid #cccccc;
		 text-align: left;
		 float: right }

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

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

	a.mastheadlogo
		{ display: block;
		 width: 810px;
		 height: 116px;
		 float: left }
	 /* 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! */

	#masthead td
		{ font-weight: bold;
		 font-size: 1.0em;
		 text-transform: uppercase;
		 text-align: left;
		 padding: 0 2px 0 0;
		 letter-spacing: normal }

		#masthead td a, #masthead td a:visited
			{ text-decoration: none }
		#masthead td a:hover
			{ text-decoration: underline }

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

	ul#nav li
		{ padding: 8px 20px 7px 0;
		 font: bold 1.0em Verdana, Arial, sans-serif;
		 text-transform: uppercase;
		 float: left }

		ul#nav li a, ul#nav li a:visited
			{ color: #000000;
			 text-decoration: none }

		ul#nav li a:hover
			{ color: #000000;
			 text-decoration: underline }

		ul#nav li.current_page_item a, ul#nav li.current_page_item a:visited,
		ul#nav li.current_page_item a:hover
			{ color: #009900;
			 text-decoration: underline; }

	ul#nav li.navsearch
		{ padding: 2px 40px 2px 0 }

	ul#nav li.rss
		{ padding: 8px 0 7px 0;
		 float: right }

		ul#nav li.rss a
			{ padding: 8px 18px 7px 0;
			 background: url('images/icon_rss.gif') 100% 50% no-repeat }

#header_img
	{ position: relative;
	 margin: 0 0 1.0em 0;
	 border-bottom: 1px solid #000000;
	 float: left }

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

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

.entry, .comment .reply
	{ font-size: 1.4em;
	 line-height: 1.65em; }

	.entry blockquote
		{ font-size: 1.0em }
	
	.entry p
		{ margin: 0 0 1.5em 0 }

	.entry ul, .entry ol
		{ margin: 0 0 1.5em 0 }
	
	.entry ul
		{ list-style: none }
	
		.entry li
			{ margin: 0 0 0.5em 0 }
		
			.entry ul li ul, .entry ul li ol,
			.entry ol li ul, .entry ol li ol
				{ margin: 0.5em 0 0.5em 30px }
	
	.entry dl
		{ margin: 0 0 1.5em 0 }
			
		.entry dt
			{ font-weight: bold;
			 margin: 0 0 0.5em 0 }
		
		.entry dd
			{ margin: 0 0 1.5em 20px }
		
	.entry .ad
		{ margin: 0 0 0.5em 15px;
		 float: right }
	
	.entry .ad_left
		{ margin: 0 15px 0.5em 0;
		 float: left }

	.entry img, .entry .gallery img
		{ border: 3px double #cccccc;
		 margin: 0.1em 0; }

	.entry img.left, .entry img.alignleft
		{ padding: 3px 3px 3px 3px;
		 margin: 0.5em 15px 0.5em 0;
		 float: left; clear: left; }
		
	.entry img.right, .entry img.alignright
		{ padding: 3px 3px 3px 3px;
		 margin: 0.5em 0 0.5em 15px;
		 float: right; clear: right; }

	.entry img.center, .entry img.aligncenter
		{ display: block;
		 padding: 3px 3px 3px 3px;
		 margin: 0 auto 1.5em auto;
		 float: none; clear: both; }

	.entry img.off
		{ padding: 0 0 0 0 !important;
		 border: none !important }

	.entry img.stack
		{ clear: none !important }

	.entry div.alignleft
		{ text-align: left;
		 float: left; }

	.entry div.alignright
		{ text-align: right;
		 float: right; }

	.entry div.aligncenter
		{ text-align: center;
		 margin: 0 auto; }

	.entry div.wp-caption
		{ margin-bottom: 1.5em;
		 border: 3px double #cccccc;
		 overflow: hidden;
		 max-width: 490px; }

		.entry .wp-caption img
			{ display: block;
			 margin: 5px auto;
			 border: none; }
	
		.entry .wp-caption-text
			{ margin: 0 5px;
			 font-size: 0.8em;
			 line-height: 1.3em; }

	.entry .gallery
		{ margin: auto auto 15px; }

		.entry .gallery .gallery-item
			{ margin: 0 0 0.6em; }

		.entry .gallery .gallery-icon, .entry .gallery .gallery-caption
			{ margin: 0; }

		.entry .gallery .gallery-caption
			{ margin: 5px;
			 font-size: 0.8em;
			 line-height: 1.3em;
			 text-align: left; }

.tagged
	{ padding: 0.4em 0 0 0;
	 background: url('images/hr_tag_sep.gif') no-repeat;
	 font-size: 1.2em;
	 line-height: 1.6em;
	 color: #999999;
	 clear: both }

	.tagged a, .tagged a:visited
		{ padding: 0.25em 0.25em 0.25em 0.25em;
		 color: #333333;
		 text-decoration: none }
	
	.tagged a:hover
		{ color: #ffffff;
		 background: #333333;
		 text-decoration: none }
	
	.add_comment
		{ display: block;
		 padding: 0 0 0 20px;
		 font-weight: bold;
		 float: right }

.navigation
	{ width: 440px;
	 font-size: 1.4em;
	 float: left }
	
	.previous
		{ padding: 0 100px 0 0;
		 float: left }
	
	.next
		{ padding: 0 0 0 100px;
		 float: right }

.clear
	{ width: 440px;
	 height: 1px;
	 margin: 0 25px 5.0em 25px;
	 clear: both }

.left_ads_clear
	{ margin: 0 0 0 0;
	 padding: 11px 0 0 0 }

.rule
	{ background: url('images/hr_tag_sep.gif') no-repeat }

.flat
	{ margin: 0 25px 2.0em 25px !important }

.whitespace
	{ margin: 0 25px 3.5em 25px !important }

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

ul.sidebar_list
	{ list-style: none }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat
		{ width: 100%;
		 margin: 0 0 1.0em 0;
		 font-size: 1.2em;
		 line-height: 1.0em;
		 float: left }

		li.widget h2, li.linkcat h2
			{ font-weight: bold;
			 font-size: .75em;
			 line-height: 1.1em;
			 text-transform: uppercase;
			 letter-spacing: normal;
			 margin: 0 0 0 0;
			 padding: 0.4em 0 0.5em 0.4em;
			 border-top: 2px solid #000000;
			 background: url('images/hr_dot_black.gif')
				 0 100% repeat-x }

		li.widget p
			{ margin: 0 0 1.5em 0;
			 padding: 0 10px 0 0 }
		
		li.widget ul, li.linkcat ul
			{ list-style: none;
			 margin: 0 0 0 0 }
		
		li.widget ol, li.linkcat ol
			{ margin: 0 0 0.5em 20px }
		
			li.widget li, li.linkcat li
				{ margin: 0.8em 0 0.8em 0 }
			
				li.widget li a, li.widget li a:visited,
				li.linkcat li a, li.linkcat li a:visited
					{ text-decoration: none }
				
					li.widget li a:hover,
					li.linkcat li a:hover
						{ text-decoration: underline }
			
				li.widget li .recent_date
					{ padding: 0 0 0 2px;
					 font-weight: bold;
					 font-size: 0.7em;
					 color: #999999 }
		
		li.widget ul.flickr_stream
			{ list-style: none;
			 margin: 0 0 0 0;
			 padding: 0 10px 0 0 }
		
			li.widget ul.flickr_stream li
				{ margin: 0 0 0 0;
				 padding: 0 5px 5px 0;
				 display: inline }
			
				li.widget ul.flickr_stream li a img
					{ padding: 3px 0 0 0 }
				
				li.widget ul.flickr_stream li a:hover img
					{ background: #ff3399 }
		
			/*---< FlickrRSS styles for the widget only >---*/
		
			li.widget_flickrrss { }
			
				li.widget_flickrrss a img
					{ margin: 0 5px 5px 0;
					 padding: 3px 3px 3px 3px }
				
				li.widget_flickrrss a:hover img
					{ background: #ff3399 }
				
/* Calendar styles */
#wp-calendar
	{ empty-cells: show;
	 color: #000000;
	 padding: 10px 0 10px 0;
	 width: 90%;
	 border: 1px solid #cccccc;
	 margin: 0 6% 0 4% }

/* month and year */
#wp-calendar caption
	{ width: 95%;
	 font-size: 0.7em;
	 letter-spacing: 0.2em;
	 padding: 5px 5px 5px 5px;
	 list-style: none;
	 margin: 0 0 0 0;
	 text-align:center }

/* days (table data) */
#wp-calendar td
	{ padding: 1px 0 1px 0;
	 font-size: 0.75em;
	 text-align: center }

#wp-calendar td#prev a, td#next a
	{text-decoration: none }

#wp-calendar td#prev a:hover, td#next a:hover
	{text-decoration: underline }

#wp-calendar #today
	{ background: #ffcc00;
	 border-bottom: 1px solid #000000 }

/* days of the week (table header) */
#wp-calendar th
	{ text-transform: capitalize;
	 font-size: 0.75em;
	 font-weight: bold;
	 text-align: center }

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

#footer p
	{ margin: 0 0 0 0;
	 font-size: 1em;
	 color: #999999;
	 text-align: right }

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

/*---:[ comment styles ]:---*/

#comments
	{ width: 440px;
	 clear: both }

	ul#comment_list
		{ margin: 0;
		 border-top: 1px solid #cccccc; }
		
		ul#comment_list li.comment
			{ padding: 1.2em 0 1.2em 1.2em;
			 list-style: none;
			 overflow: hidden;
			 border-bottom: 1px dotted #cccccc;
			 height: 1%; }

		ul#comment_list li.even
			{ background: #ffffff; }

		ul#comment_list li.odd
			{ background: #ffffff; }

		ul#comment_list li.trackback, ul#comment_list li.pingback
			{ background: url('images/trackback_bg.gif'); }

			ul#comment_list li.comment ul.children
				{ margin: 0 0 0 1.2em; }

				ul#comment_list li.comment ul.children li.comment
					{ border-top: 1px dotted #cccccc;
					 border-bottom: none;
					 padding-bottom: 0;
					 margin-top: 1.2em; }
				
			.comment_meta
				{ margin: 0 0 1.2em; }
		
				.comment_avatar .avatar
					{ float: right;
					 padding: 0 1.2em 1.2em 1.2em; }			

				.comment_num
					{ padding: 0 15px 0 20px;
					 font-weight: bold;
					 font-size: 1.4em;
					 float: right }
				
				.trackback .comment_num
					{ padding: 0 0 0 20px }
				
					.comment_num a, .comment_num a:visited
						{ color: #999999;
						 text-decoration: none }
					
						.comment_num a:hover
							{ color: #cc0000;
							 text-decoration: none }
				
				.comment_meta strong
					{ font-size: 1.6em }
					
				.comment_time
					{ font: normal 1.1em Verdana, Arial, sans-serif;
					 color: #999999 }
		
			.comment .entry
				{ padding: 0 15px 0 15px }
			
				.comment .entry p
					{ margin: 0 0 1.0em 0 }

/*---:[ comment form styles ]:---*/

#respond
	{ padding: 2.4em 0 0;
	 clear: both;
	 overflow: hidden; }

#comment_form
	{ width: 440px;
	 padding: 1.0em 0 0 0;
	 float: left }

	#comment_form p
		{ padding: 0.6em 0 0.6em 0 }
	
		#comment_form label
			{ padding: 0 0 0 10px;
			 font-size: 1.2em }

		#comment_form .text_input
			{ width: 191px;
			 padding: 3px 3px 3px 3px;
			 color: #333333;
			 font: normal 1.4em Verdana, Arial, sans-serif;
			 border-top: 2px solid #999999;
			 border-right: 1px solid #cccccc;
			 border-bottom: 1px solid #cccccc;
			 border-left: 2px solid #999999 }
		
		#comment_form .text_area
			{ width: 431px !important }
	
			#comment_form .text_input:focus
				{ border-top: 2px solid #666666;
				 border-right: 1px solid #cccccc;
				 border-bottom: 1px solid #cccccc;
				 border-left: 2px solid #666666 }
	
		#comment_form .form_submit
			{ padding: 0.4em 4px 0.4em 4px;
			 background: url('images/submit_bg.gif');
			 border: 3px double #999999;
			 border-top-color: #cccccc;
			 border-left-color: #cccccc;
			 font: bold 1.4em Verdana, Arial, sans-serif;
			 cursor: pointer }

		#comment_form p.subscribe-to-comments
			{ font-size: 1.4em }
		
			#comment_form p.subscribe-to-comments label
				{ font-size: 1.0em }

/*---:[ search form styles ]:---*/

#search_form { }

	#search_form .search_input
		{ width: 201px;
		 padding: 3px 3px 3px 3px;
		 color: #009900;
		 font: bold 1.0em Verdana, Arial, sans-serif;
		 text-transform: uppercase;
		 border-top: 2px solid #999999;
		 border-right: 1px solid #cccccc;
		 border-bottom: 1px solid #cccccc;
		 border-left: 2px solid #999999 }
	
		#search_form .search_input:focus
			{ border-top: 2px solid #666666;
			 border-right: 1px solid #cccccc;
			 border-bottom: 1px solid #cccccc;
			 border-left: 2px solid #666666 }