/*
Theme Name:		OIBwebzine
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.3
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-style: normal;
	 font-weight: normal;
	 font-size: 62.5%;
	 font-family: 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
	{ 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;
	 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 }

.green	{ color: #009900 }

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

h1, h2, h3
	{ font-weight: bold;
	 color: #000000 }

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

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 }

.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-style: normal;
	  font-weight: normal;
	  font-size: 1.2em;
	  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: 995px;
	 margin: 0 auto 0 auto }
					
#left_ads
	{ width: 160px;
	  text-align: left;
	  margin: 0 0 0 0;
	  padding: 0 25px 0 0;
	  overflow: hidden;
	  float: left;
	  clear: both }

#left_ads img
	{ display: block;
	  margin-left: auto;
	  margin-right: auto;
 	  padding: 0 0 20px 0 }	

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

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

#videoblock
	{ width: 345px;
	  text-align: left;
	  overflow: hidden;
	  float: right; }

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

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

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

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

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

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

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

#masthead
	{ width: 995px;
	  height: 116px;
	  background: url('images/OIB_Logo.jpg') no-repeat;
	  font-weight: bold;
	  font-size: 1.0em;
	  line-height: 40px;
	  text-transform: uppercase;
	  text-align: left;
	  letter-spacing: normal; }

	a.mastheadlogo
		{ display: block;
		 width: 810px;
		 height: 116px;
		 float: left }

#masthead a, #masthead a:visited
	{ text-decoration: none;
	  margin: 0 0 0 12px; }
#masthead a:hover
	{ text-decoration: underline;
	  margin: 0 0 0 12px; }

/* Masthead Social Icons */

.rsslink
	{ display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  background: url('images/social-icons-sprite.png') no-repeat 0 0; }
.twitterlink
	{ display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  background: url('images/social-icons-sprite.png') no-repeat -22px 0; }
.youtubelink
	{ display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  background: url('images/social-icons-sprite.png') no-repeat -44px 0; }
.linkedinlink
	{ display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  background: url('images/social-icons-sprite.png') no-repeat -66px 0; }
.facebooklink
	{ display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  background: url('images/social-icons-sprite.png') no-repeat -88px 0; }
.rsslink:hover
	{ display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  background-position: 0px -22px; }
.twitterlink:hover
	{ display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  background-position: -22px -22px; }
.youtubelink:hover
	{ display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  background-position: -44px -22px; }
.linkedinlink:hover
	{ display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  background-position: -66px -22px; }
.facebooklink:hover
	{ display: block;
	  float: left;
	  width: 22px;
	  height: 22px;
	  background-position: -88px -22px; }

#nav ul
	{ list-style: none;
	  width: 810px;
	  padding: 0 0 0 0;
	  float: left }

#nav ul li
	{ padding: 8px 40px 6px 0;
	  font-style: normal;
	  font-weight: bold;
	  font-size: 1.0em;
	  text-transform: uppercase;
	  float: left }

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

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

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

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

#banner
	{ margin: 2px 0 1.0em 0;
	 border-bottom: 1px solid #000000;
	 border-top: 1px solid #000000;
	 float: left }

#banner 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 }

		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, li.linkcat 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 }
				
/* 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-style: normal;
					 font-weight: normal;
					 font-size: 1.1em;
					 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-style: normal;
			 font-weight: normal;
			 font-size: 1.4em;
			 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-style: normal;
			 font-weight: bold;
			 font-size: 1.4em;
			 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-style: normal;
		 font-family: Verdana, Arial, sans-serif;
		 font-weight: bold;
		 font-size: 1.0em;
		 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 }