/*
Theme Name: InfoReach2
Theme URI: http://www.einforeach.com
Description: The Inforeach Skin
Version: 1.0
Author: Kian Ann
Author URI: http://www.kianann.com/
*/

/* Reset to look the same across browsers */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; 
	font-style: inherit; font-size: 100%; font-family: inherit; 
	vertical-align: baseline;
}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; } 
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
body { font-size: 12px; }
em { font-style: italic; }

/* main elements */
body { font-family: Arial, Helvetica, sans-serif; background: #FFFFFF;  }
#container { height: auto; width: 980px; padding: 0; margin: 0 auto; border-right: 1px dotted #AAAAAA; border-left: 1px dotted #AAAAAA; float: none; clear: both; background: #FFFFFF; }

	#top-wrap { height: auto; width: 100%; padding: 0; margin: 0; border: 0; float: none; clear: both; background: auto; }
		#top { height: 90px; width: 100%; padding: 0; margin: 0; border: 0; float: none; clear: both; background: auto; }
		
			#logo { float: left; margin: 10px 0 10px 75px; }
			#snippet { float: right; font-size: 25px; font-style:  italic; margin: 20px 50px 0 0;}

	/* menu */

	#menu-wrap { height: auto; width: 100%; padding: 0; margin: 0; border: 0; float: none; clear: both; background: #DDDDDD; }
		#menu { height: 64px; width: auto; padding: 0 48px; margin: 0; border-top: 5px solid #FFFFFF; float: none; clear: both; background: url(images/menu-bkg.jpg); }

			#pri-menu { font-weight: bold; padding: 0; }
				
				#pri-menu { font: normal 21px 'Yanone Kaffeesatz', arial, serif; text-transform: uppercase; line-height: 19px; }
				#pri-menu a { display: block; float: left; border-left: 5px solid #FFFFFF; height: 42px; padding: 22px 23px 0 22px; }
				#pri-menu a.twoline { height: 52px; padding-top: 12px; }
				#pri-menu a.lastchild { border-right: 5px solid #FFFFFF; }
				#pri-menu a:link { color: #FFFFFF; text-decoration: none; }
				#pri-menu a:visited { color: #FFFFFF; text-decoration: none; }
				#pri-menu a:hover { color: #FFFFFF; text-decoration: underline; }

	/* Middle */

	#middle-wrap { height: auto; width: 100%; padding: 0; margin: 0; border: 0; float: none; clear: both; }
		#middle { height: auto; width: 100%; padding: 0; margin: 0; border: 0; float: none; clear: both; }
		
			#maincontent { height: auto; width: 580px; float: left; padding: 20px 0 10px 55px; margin: 0; border: 0; clear: none; font-size: 1.1em; }
			#maincontent.wide { height: auto; width: 870px; padding: 20px 55px 10px 55px; margin: 0; border: 0; clear: none; font-size: 1.1em; }
									
				#maincontent .storytitle { margin: 0 0 10px 0; font: bold 2.5em Arial, Helvetica, sans-serif; letter-spacing: -0.03em;  }
				#maincontent .storycontent ol { padding: 0 0 10px 15px; margin-left: 15px; }
				#maincontent table { border-top: 1px solid #0065A5; border-left: 1px solid #0065A5; margin-bottom: 10px; }
				#maincontent table td { padding: 5px; border-bottom: 1px solid #0065A5; border-right: 1px solid #0065A5; vertical-align: top; }
				#maincontent table.noborder { border: none; }
				#maincontent table.noborder td { border: none; }
				#maincontent h1 { margin: 0 0 5px 0; font: bold 30px Arial, Helvetica, sans-serif; letter-spacing: -0.03em;  }
				#maincontent h2 { margin: 0 0 10px 0; font: normal 27px Arial, Helvetica, sans-serif; color: #b9333c; text-align: left; letter-spacing: -0.03em;  }
				#maincontent h2 a:link { color: #b9333c; text-decoration: none; }
				#maincontent h2 a:visited { color: #b9333c; text-decoration: none; }
				#maincontent h2 a:hover { color: #b9333c; text-decoration: underline; }
				#maincontent h3 { margin: 0 0 10px 0; font: bold 16px Arial, Helvetica, sans-serif; color: #000000; text-align: left;  }				
				#maincontent h4 { margin: 0 0 10px 0; font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; color: #000000;  text-transform: uppercase; }				
				#maincontent p { margin: 0 0 12px 0; line-height: 130%; }
				#maincontent ul { padding-left: 10px; margin-left: 10px; padding-bottom: 8px; }
				#maincontent li { margin: 0 0 3px 0; line-height: 130% }
				#maincontent label { padding: 5px; margin: 0;}
				#maincontent fieldset { padding: 5px; margin: 0;}
				#maincontent .feedback { padding: 5px 5px 25px 5px; border-top: 1px dotted #CCCCCC; font-style: italic;  }
				
				#maincontent #introbox { width: 980px; height: 400px; margin: -15px 10px 30px -55px; padding: 0; background: #FFFFFF; }
				#maincontent #slider { width: 980px; height: 400px; }
				#maincontent #leftside { width: 530px; float: left; }
				.boxup { border: 1px solid #CCCCCC; padding: 10px;  }
				.gradientbkg { background: url(images/gradientbkg.jpg) repeat-x }
				#maincontent #rightside { width: 320px; float: right;}
				
				.newspicture { width: 140px; float: left;}
				.home .newscontent { width: 360px; float: left; }
				.blog .newscontent { width: 440px; float: left; }
				
				
			#sidebar { height: auto; width: 270px; float: right; padding: 20px 55px 10px 0; margin: 0; border: 0; clear: none; font-size: 1.1em; }

	/* Bottom */

	#bottom-wrap { height: auto; width: 100%; padding: 50px 0 0 0; margin: 0; border: 0; float: none; clear: both; }
		#bottom { height: auto; width: 100%; padding: 0; margin: 0; border: 0; float: none; clear: both; background: #4373b1; }

			#sec-menu { text-align: center; color: #FFFFFF; padding: 10px 0 5px 0; }
				#sec-menu ul { list-style: none; }
				#sec-menu ul li { display: inline; padding: 2px 5px 2px 5px; margin: 0; }
				#sec-menu ul li a:link { color: #FFFFFF; text-decoration: none; }
				#sec-menu ul li a:visited { color: #FFFFFF; text-decoration: none; }
				#sec-menu ul li a:hover { color: #EEEEEE; text-decoration: underline; }			

			#footer-menu1 { text-align: center; color: #FFFFFF; padding: 0 0 10px 0; }
				#footer-menu1 ul { list-style: none; }
				#footer-menu1 ul li { display: inline; padding: 2px 5px 2px 5px; margin: 0; }
				#footer-menu1 ul li a:link { color: #FFFFFF; text-decoration: none; }
				#footer-menu1 ul li a:visited { color: #FFFFFF; text-decoration: none; }
				#footer-menu1 ul li a:hover { color: #EEEEEE; text-decoration: underline; }			
	
.alignright { float: right; }
.alignleft{ float: left; }
.aligncenter { text-align: center; }
.alignright.imgbdr { margin-left: 10px; margin-bottom: 10px; }
.alignleft.imgbdr { margin-right: 10px; margin-bottom: 10px; }
.margintop { margin-top: 10px; }
.marginright { margin-right: 10px; }
.marginbottom { margin-bottom: 10px; }
.marginleft { margin-left: 10px; }
.padall { padding: 10px }
.paddingtop { padding-top: 10px; }
.paddingright { padding-right: 10px; }
.paddingbottom { padding-bottom: 10px; }
.paddingleft { padding-left: 10px; }
.clear { clear: both; }
.imgbdr { padding: 0; border: 5px solid #DDDDDD; }

/* Comments */

.alt1 { margin: 0; padding: 15px 0px 15px 0px; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; background:#FAFAFA; }
.alt2 { margin: 0; padding: 0px 0px 0px 0px; }
.gravatar { background-color:#FFFFFF; color:#FFFFFF; float:right; margin:0px; padding:0px; }
.commentlist { padding: 0; }
.commentlist li { margin: 15px 0px 3px 0px; padding-right: 15px; padding-left: 15px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0px; }
#commentform textarea { width: 80%; }

ul#interviewees { margin: 10px 0; padding: 0; font-size: 11px; }
ul#interviewees li { float: left; width: 145px; padding: 10px; list-style: none; height: 220px; text-align: center; }
ul#interviewees li img { border: 5px solid #DDDDDD;}
#maincontent ul.features { padding-left: 20px; }
#maincontent ul.features li { list-style: url(images/greentick.png); vertical-align: middle; }
.rightbkg { background: #f1eae2; -moz-border-radius: 0 0 10px 10px; }
.quote { background: url(images/quote-bkg.png) no-repeat;color: #FFFFFF; font-size: 16px; text-align:  center; height: 25px; width: 505px; margin: 40px auto 10px; padding: 15px 10px 10px 10px; }
.quote a:link { color: #FFFFFF; text-decoration: none; }
.quote a:visited { color: #FFFFFF; text-decoration: none; }
.quote a:hover { color: #FFFFFF; text-decoration: underline; }

iframe.pageturner { margin-left: -55px}

.testimonial { width: 560px; padding: 15px; border: 1px dotted #FFFFBB; background: #FFFFDD; margin: 10px 0 10px 0; }
.testimonial .author { padding-top: 10px; text-align: right; font-style: italic; }