/*
FIFO Studios Theme for WordPress
Theme Name: FIFO Studios
Theme URI: http://www.FIFOstudios.com
Description: The FIFO Studios theme. Phwoar!
Version: 1 (WP2.7.1)
Author: Alan Johnson
Author URI: http://www.FIFOstudios.com
Tags: FIFO Studios
 
Blue (Headings): #00539f
Dark Blue (Main font color): #141b42
Orange (Link color): #f9aa3b
Grey: #878786
Grey Dark Border: #b8b8b6
Grey LightBorder: #d6d6d6
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*************START MAIN******************/
body					{	font-family: Arial, sans-serif; color: #141b42; font-size:16px;  
							background: url(style/images/Background.jpg) top center repeat-x white; margin: 0 auto;
							letter-spacing:0;
						}
#header					{	background:url(style/images/Banner.jpg) top center no-repeat #ffffff; height:98px; width:960px;margin: 0 auto;float: none;}
#logo					{	background:url(style/images/Logo.png) top center no-repeat; float:left; height:62px; width:160px; margin:10px 0 0 8px;}
#wrapper 				{	width: 960px;margin: 0px auto;height: auto;}
#container 				{	background:url(style/images/PageGradient.gif) top center repeat-x #fdfdfd;
							border:solid; border-color:#878786; border-width:1px;
							margin: 0px auto;
							padding:0 8px 0 8px; /* Top, Right, Bottom ,Left */
							width: 942px;
							border:solid; border-color:#878786; border-width:1px;
							min-height:300px;/* for not-IE */
							height:auto !important;/* for IE */
							height:300px;/* for IE */
						}
#clear, .clear          {   clear:both; height:1px;font-size:1px;}
form#searchform			{	margin:0;padding:0; float:right;}
button					{}
a 						{	color: #f9aa3b; outline: none; text-decoration:none;}
#dropmenu a, .sideMain_bottom a, .sideSub_bottom_btn a, .more a { font-weight:bold; }
a:hover 				{	text-decoration:underline;} 
.more 					{	text-align:right; font-size:12px; margin-bottom:8px;margin-right:20px;}
p 						{	margin:0 0 10px 0;}
img						{	margin:8px;}
h1	 					{	color:#00539f; font-size:24px; text-decoration:none; margin:10px 0 10px 0; border-bottom:#00539f solid 1px;}
h1 a, h1 a:hover		{	color:#00539f;text-decoration:none;}
h2, h2 a, h2 a:hover	{	color:#000000; font-size:18px; text-decoration:none; margin:10px 0 5px 0;}
.newstitle 							{text-align:left; font-size:14px; border-top: solid #CCCCCC 1px; margin-bottom:8px;}
.newstitle a,.newstitle:hover a		{font-family: Arial, Helvetica, sans-serif; text-decoration:none;}
hr { width:80%;color:#d6d6d6;background-color: #d6d6d6;height: 1px;}
h3                      {   font-size: 18px; }
/************* SITELINKS ***********/
#nav 					{	width:960px; height: 28px; margin:auto; white-space:nowrap; line-height:23px; background-color:#FFFFFF;z-index:300;}
#nav ul					{	list-style-image:none;list-style-position:outside;list-style-type:none;display: block; margin:0px 0px 0px 8px; padding:0px; height:23px; text-align:center;}
#nav li 				{	border: #000000 solid; border-width:1px;background:url(style/images/Nav_btn.gif) top center repeat-x white;
							vertical-align:middle;text-align: center;
							width:133px; height:23px;display: block;float: left;padding:0; margin:0;	
						}

#nav li ul              {   margin:0 0 0 -2px;}
#nav li ul li           {   width:200px;}
#nav li ul li:hover a   {   color: #ffffff;text-decoration:none;background:url(style/images/Nav_btn.gif) top center repeat-x white;}


#nav li a				{	display:block; height:23px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; white-space:nowrap;}
#nav li:hover a, 
.current_page_item a	{	color: #ffffff; height:23px; text-decoration:none;background:url(style/images/Nav_btn_hover.gif) top center repeat-x white;}
.current_page_item a	{	display:block; font-weight:bold; text-decoration:none; white-space:nowrap; background:url(style/images/currentpage.gif) center top no-repeat;}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a 					{	float: none;}
/* End IE5-Mac hack */


/******************Structure*************/
/*****************LeftColumn***********************/
#left_column			{	width: 200px;margin: 8px 8px 8px 0px; /* Top, Right, Bottom ,Left */height: auto;float: left;}
.left_column_Narrow     {   width: 200px;margin: 0px 8px 8px 0px; padding:0;/* Top, Right, Bottom ,Left */height: auto;float: left; vertical-align:top;}
/********CenterColumn*********/
#center_column 			{	margin: 8px 0px 8px 0px; /* Top, Right, Bottom ,Left */width: auto;height: auto;float: none;}
#three_column           {   margin: 0 210px 0 210px; }
/********CenterColumn*********/
#Leftcontent_column 	{	margin: 8px 0px 8px 0px; /* Top, Right, Bottom ,Left */width: auto;height: auto;float: none;}

/*****************RightColumn***********************/
#right_column			{	width: 200px;margin: 8px 0px 8px 8px; /* Top, Right, Bottom ,Left */height: auto;float: right;}
/*****************RightColumnWIDE***********************/
.right_column_WIDE      {   width: auto;margin: 0px 0px 8px 210px; padding:0;height: auto; vertical-align:top;}

#servicelink li 			{	list-style-image:none;list-style-position:outside;list-style-type:none;
							display: block; height: 30px; margin:auto; white-space:nowrap;
							font-family: Arial, sans-serif; color: #141b42; font-size:14px; font-weight:bold; text-decoration:none; line-height:30px;
							width:150px;
							margin:0 0 4px 0px; /* Top, Right, Bottom ,Left */
							padding: 0 0 0 40px; /* Top, Right, Bottom ,Left */
							border-bottom: #cfdeed solid 1px;
}
.wd			{	background:url(style/images/Icon_WebDesign.gif) left top no-repeat;}
.wa			{	background:url(style/images/Icon_WebApplication.gif) left top no-repeat;}
.ec			{	background:url(style/images/Icon_eCommerce.gif) left top no-repeat;}
.seo		{	background:url(style/images/Icon_SEO.gif) left top no-repeat;}
.gd			{	background:url(style/images/Icon_GraphicDesign.gif) left top no-repeat;}
.wm			{	background:url(style/images/Icon_Webmaster.gif) left top no-repeat;}
.pm			{	background:url(style/images/Icon_ProjectManagement.gif) left top no-repeat;}
.wh			{	background:url(style/images/Icon_WebHosting.gif) left top no-repeat;}

#servicelink a			{	display:block; height:30px; color: #141b42;}
#servicelink a:hover	{	color: #141b42; height:30px; text-decoration:underline;}

/*****************Main Side Column***********************/
.sideMain_top 			{	background:url(style/images/Sidebar_MainHeader2.gif) top center #FFFFFF;height: 36px;vertical-align: top;}

.sideMain_text 			{	font-family: Arial, Helvetica, sans-serif;font-weight:bold; color:#FFFFFF; font-size:16px; text-align:center; line-height:32px;}

.sideMain_content 		{	background:url(style/images/Sidebar_BG.gif) top center repeat-y white;
							font-family: Georgia, "Times New Roman", Times, serif; font-style:normal;
							font-size: 10px;
							padding: 4px;/* Top, Right, Bottom ,Left */
							text-align: left;
						}

.sideMain_bottom 		{	background:url(style/images/Sidebar_footer_off.gif) top center white;
							height: 34px; line-height:26px; text-align:right; padding-right:30px;
						}
/*****************Secondary Side Column***********************/
.sideSub_top 			{	background:url(style/images/Sidebar_SubHeader.gif) top center #FFFFFF;
							height: 30px;
							vertical-align: top; margin-top:5px;
						}

.sideSub_text 			{	font-family: Arial, Helvetica, sans-serif;font-weight:bold; color:#00539f; font-size:16px; text-align:left; line-height:32px;
							padding: 0 4px 0 4px;/* Top, Right, Bottom ,Left */
						}

.sideSub_content 		{	background:url(style/images/Sidebar_BG_SUB.gif) top center white;
							font-family: Georgia, "Times New Roman", Times, serif; font-style:normal;
							font-size: 10px;
							padding: 4px;/* Top, Right, Bottom ,Left */
							text-align: left;
						}

.sideSub_bottom 		{	background:url(style/images/Sidebar_footer_SUB.gif) top center white;
							height: 34px; line-height:26px; text-align:right; padding-right:30px;
						}
.sideSub_bottom_btn		{	background:url(style/images/Sidebar_footer_SUB_off.gif) top center white;
							height: 34px; line-height:26px; text-align:right; padding-right:30px;
						}
.sideSub_bottom_btn_hvr	{	background:url(style/images/Sidebar_footer_SUB_over.gif) top center white;
							height: 34px; line-height:26px; text-align:right; padding-right:30px;
						}
/******************END Structure*************/

/***********FOOTER******************/
#footer					{	background:url(style/images/footer.gif) top center #ffffff;
							clear: both; 
							width: 950px;
							height: 28px;
							margin: 0 auto;
							text-align: right;
							font: 10px Arial, Helvetica, sans-serif;
							font-weight:normal;
							color: #ffffff;
							line-height: 40px;
							padding-right:10px;
						}
#footer a				{	color: #f9e8d1;}
#footer a:hover			{	color: #ffffff; text-decoration:underline;}

/**********POST********************/
div.services_content    {   margin-left: 210px; }
div.segment, div.infobox{   z-index:1; border-top:1px solid #a5bfd4; border-bottom: 1px solid #a5bfd4; padding:0px 0 10px 5px; margin-bottom:20px; background:url(style/images/segment-bg.jpg) repeat-x #ffffff;}
span.post-date          {   font-size:14px;margin-left:40px; }
div.post{ margin:20px; }

#intro-para             {   margin: 20px 0 20px 0; padding-bottom: 20px; border-bottom:1px solid #aaaaaa;}

#intro h1                {   text-transform:uppercase; font-size:14px; border:none; }
#intro h1 a              {   text-decoration:underline; color:#f9aa3b;}
#intro .post            { margin: 0; }


.question               {   background:url(style/images/qa_question.jpg) left top no-repeat; padding:10px 0 0 30px; color:#878786;
                            min-height:28px;/* for not-IE */
                            height:auto !important;/* for IE */
                            height:28px;/* for IE */
                        }
.answer                 {   background:url(style/images/qa_answer.jpg) left top no-repeat; padding:10px 0 0 30px; margin-bottom:40px; color:#00539f;
                            min-height:28px;/* for not-IE */
                            height:auto !important;/* for IE */
                            height:28px;/* for IE */
                        }
.boxtitle               {   color:#000000; font-size:18px; text-decoration:none; margin:0;  padding:4px 20px 0 0; height:20px;float:left;}                    
.boxsubtitle            {   color:#00539f;font-size:12px; font-weight:normal; padding-top:7px;line-height:18px;}                 
div.iconrow                {   margin:0 0 0 8px; }
img.iconrow                {   height:15px; margin:14px 0 0; width:21px; }

#right_column_WIDE h3   {   padding-top: 12px; }

.commentbox             {   border:#a5bfd4 solid 1px; background-color:#f7f7f6; padding:8px; margin:0;font-weight:normal;
                            min-height:82px;
                            clear:right;
                        }
.commenter              {   color:#00539f;font-size:12px; font-weight:normal; float:left; padding:0 8px 0 0; margin:0;}
.commentarrow           {   float:left; position:relative;z-index:100;top:1px;width:16px; background:url(style/images/comment_tag.gif) right bottom no-repeat ;}  
.clientcompany          {   color:#f9aa3b;font-size:12px; font-weight:normal; float:left; padding:0 0 0 4px; margin:0;}     
.commentdate            {   background:url(style/images/Icon_Calendar.gif) left top no-repeat; float:right; vertical-align:bottom;padding-left:20px;
                            color:#999999; font-weight:normal; margin:0; z-index:0;
                        }