/*  
Theme Name: Homres Inc.
Theme URI: http://wordpress.org/
Description: Homres System Innovators, Inc.
Version: 1.0
Author: Pia Miranda
Author URI: http://so-phobic.com
*/

*{margin: 0px; padding: 0px}
a, a:link, a:active, a:visited{
color : #e33c01;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

body{
background: #f3f8fd; 
font-size: 9pt; font-family: Arial;
margin: 0px; padding: 0px;
text-align: center; color: #3d3d3d;
}

input,select,textarea{
padding: 4px;
}

#wrapper{
width: 897px; margin: 0px auto; line-height: 8pt;
}
	#header{
	height: 282px; width: 100%;
	background: url("images/bg_top.png" ) no-repeat top center;
	}
		#logo{
		width: 210px; float: left;
		margin-left: 21px; margin-top: 49px;
		}
		#menu-orig{
		width: 192px; float: left;
		margin-top: 47px; margin-left: -1px;
		line-height: 0; line-spacing: 0;
		}
			#menu-orig img{display: block; margin:0; padding:0;}
	#middle{
	height: 68px; width: 100%; clear: both;
	background: url("images/bg_middle.png" ) no-repeat top center;
	}
		#middle-committed{
		width: 301px; float: left;
		text-align: left;
		}
			#middle-committed p{ padding: 35px 5px 0px 17px }
		#middle-loyal{
		width: 296px; float: left;
		text-align: left;
		}
			#middle-loyal p{ padding: 35px 5px 0px 10px }
		#middle-responsible{
		width: 300px; float: left;
		text-align: left;
		}
			#middle-responsible p{ padding: 35px 5px 0px 12px }
		#middle-committed, #middle-loyal, #middle-responsible{
		font-family: Arial; font-size: 8pt; color: #fff; line-height: 11pt;
		}
	#content{
	width: 100%;
	background: url("images/bg_bottom.png" ) no-repeat top center;
	text-align: left;
	}
		#content-left, #content-right2{
		float: left; width: 304px; padding-top: 10px;
		}
			#content-left p{
			font-size: 9pt; line-height: 15pt; margin: 10px 0px;
			}
			.cl-spacer{ width: 9px; float: left }
			.cl-left{ float: left; width: 14px}
			.cl-center{
			float: left; width: 280px;
			background: #e5ebf3;
			}
			.cl-center-content{
			float: left; width: 278px;
			background: #e0e8f2;
			border-left: 1px solid #d8dfe9; border-right: 1px solid #d8dfe9; border-bottom: 1px solid #d8dfe9; 
			}
			.cl-center-content p{
			line-height: 14pt; padding: 0px 20px;
			}
		#content-right, #content-left2{
		float: left; width: 593px; padding-top: 20px;
		}
		#content-left2{ width: 583px} #content-right2{width: 314px}
			.main-profile{
			margin-left: -1px;
			background: url('images/featured_right.png') no-repeat 0px 10px;
			}
			.main-profile2{
			background: url('images/featured_right.png') no-repeat 303px 10px;
			}
			#main-profile{
			height: 169px; background: url('images/profile_bg.png') repeat-x bottom left;
			}
				#main-profile-inner{
				background: url('images/profile_right.png') no-repeat top right;
				padding: 28px; padding-bottom: 30px;
				font-family: Georgia; font-style: italic; font-size: 10pt; line-height: 17pt; color: #545454;
				}
			.main-news{
			padding: 0px 10px; font-family: Arial; line-height: 12pt; font-size: 9pt;
			}
			.main-news h3 a, .main-news h3, .about-item h3, #content-left h3, .post-item h3{
				color: #1d5389;
				font-weight: normal; text-transform: uppercase
			}
			.main-news p{ padding: 5px 0px}
			.about-item p{padding: 2px 0px}
		.about-item, .post-item{
		padding: 0px 10px; font-family: Arial; line-height: 12pt; font-size: 9pt;
		}
			.about-item h2, #content-left h2, .post-item h2{
				font-family: Georgia; font-style: italic; font-size: 12pt;
				margin-bottom: 10px;
			}
			.post-item ol, .about-item ul{ margin:0; padding: 0; }
			.post-item  li, .about-item ul li{ margin-left: 25px; }
			.post-item li { padding-bottom: 20px;}
			.post-item p{ margin: 10px 0px; line-height: 12pt; }
			.post-item h2{font-size: 18pt; font-weight: normal; margin-bottom: 25px; color: #1d5389}
			.post-item h3{ font-size: 10pt; }
		.aboutus_sidelist{
		list-style: none; line-height: 14pt;
		}
		.aboutus_sidelist li{
		display: block; border-bottom: 1px solid #e2e2e2;
		}
		.aboutus_sidelist li a{
			display: block;
			background: url('images/user_suit.png') no-repeat 15px 6px;
			padding: 4px; font-weight: bold; color : #0173c0;
			padding-left: 40px; text-decoration: none;
		}
		.aboutus_sidelist li a:hover{
			display: block;
			background: url('images/user_suit.png') no-repeat 15px 6px #b9c8dd;
			padding: 4px; font-weight: bold; color : #0173c0;
			padding-left: 40px;  text-decoration: none;
		}
		.aboutus_hidden{
		display:block; background : #b9c8dd; padding : 5px 10px;
		}
		.aboutus_hidden ul{
		list-style: none;
		}
		.aboutus_hidden li{
			display: block;
				background: url('images/bullet_green.png') no-repeat 0px 6px;
				padding: 4px; color : #393939; font-weight : normal;
				padding-left: 20px; border: none; margin-left : 5px;
		}
	
	.products_sidelist{
	list-style: none; line-height: 14pt;
	}
	
		.products_sidelist ul{
		list-style: none;
		}
		
		.products_sidelist li{
		display: block; border-bottom: 1px solid #e2e2e2
		}
		
		.products_sidelist li a{
			display: block;
			background: url('images/folder.png') no-repeat 15px 5px;
			padding: 4px; font-weight: bold; color : #0173c0;
			padding-left: 40px; text-decoration: none;
		}
		
		.products_sidelist li a:hover{
			background: url('images/folder.png') no-repeat 15px 5px #b9c8dd;
			padding: 4px; font-weight: bold; color : #0173c0;
			padding-left: 40px; text-decoration: none;
		}
		
			.products_sidelist li li a{
			display: block;
			background: url('images/bullet_red.png') no-repeat 20px 6px;
			padding: 4px; font-weight: normal; color : #383838;
			padding-left: 40px;
			}
			
			.products_sidelist li li a:hover{
				background: url('images/bullet_blue.png') no-repeat 20px 6px #b9c8dd;
				padding: 4px; font-weight: normal; color : #0173c0;
				padding-left: 40px;
			}
		.products_sidelist p{
		font-size: 8pt; line-height: 12pt;
		}
		.products-item{
		padding: 0px 15px;
		}
		.products-item p{
		margin: 10px 0px;
		}
		
			.isbricks{
			background: url('images/bricks.png') no-repeat center left;
			padding-left : 24px; pading-top : 2px; padding-bottom: 2px;
			}
			.islist{
			list-style:  none;
			}
			
			.islist li{
			background: url('images/bullet_green.png') no-repeat 0px 1px;
			padding-left : 22px; pading-top : 2px; padding-bottom: 2px;
			}
			
	.services-cell{
	float: left; width: 135px; border: 1px solid #d1d1d1; text-align : center; margin-left: 3px;
	}
		.celltitle{
		background : #d1d1d1; text-align : center;
		text-transform : uppercase; height: 30px; padding-top : 10px; font-size : 11pt;
		}
		
		.celltitle2{
		font-weight: bold; background: #cae1ef
		}
		
		.cellheight{
		padding-top: 7px;
		height: 25px; border-bottom : 1px solid #e1e1e1
		}
		
		.cellheight2{
		padding-top : 7px;
		height: 25px; background : #f5f5f5;  border-bottom : 1px solid #e1e1e1
		}
		
		.cellheight3{
		height: 200px;
		}
	
	.services-cell2{
	float: left; width: 48%; border-right: 1px solid #d1d1d1; margin-left: 3px;
	}
	
	.services-networking{
	background: url('images/services_networking.png') no-repeat top left;
	height: 165px; border-bottom: 1px solid #d2d2d2
	}
	.services-webdevt{
	background: url('images/services_webdevt.png') no-repeat top left;
	height: 165px; border-bottom: 1px solid #d2d2d2
	}
	.services-consultancy{
	background: url('images/services_consultancy.png') no-repeat top left;
	height: 165px;
	}
	.services-training{
	background: url('images/services_training.png') no-repeat top left;
	height: 165px;
	}
	.services-networking p,.services-webdevt p, .services-consultancy p, .services-training p{
	padding: 70px 5px 10px 215px;
	font-size: 9pt; line-height: 12pt;
	}
	.downloads-general{
	background: url('images/downloads-general.png') no-repeat top left;
	height: 165px; border-bottom: 1px solid #d2d2d2
	}
	.downloads-sugar4{
	background: url('images/downloads-sugar4.png') no-repeat top left;
	height: 165px; border-bottom: 1px solid #d2d2d2
	}
	.downloads-general ul, .downloads-sugar4 ul {
	padding: 70px 5px 10px 210px;
	font-size: 9pt; line-height: 12pt;
	}
		.downloads-sugar4 ul{padding-top: 63px;}
		.downloads-general li, .downloads-sugar4 li{ list-style: none; padding: 4px 0px 4px 25px }
		.downloads-sugar4 li{ padding-top: 2px; padding-bottom: 2px }
		.type-pdf{ background: url('images/bullet-pdf.png') center left no-repeat;}
		.type-pps{ background: url('images/bullet-pps.png') center left no-repeat;}
		.type-jpeg{ background: url('images/bullet-jpeg.png') center left no-repeat;}
		.type-exe{ background: url('images/bullet-exe.png') center left no-repeat;}
	
	.form-cell{
	float: left; width: 200px;
	}
	
	#footer{
	background: #1d1d1d; padding-top: 40px; padding-bottom: 10px;
	color: #8a8a8a; font-family: Arial; font-size: 8pt;
	}
		#footer a{ color: #a7a7a7 }
		#footer ul{margin:0; padding:0; text-transform: uppercase;}
		#footer ul li{ display: inline; padding: 0px 10px; border-right: 1px solid #8a8a8a }
		
.div2{
float: left; width: 50%;
}
.bright{
border-right: 1px solid #d8dfe9
}
.line16{ line-height: 16pt }
.cred{ color: red }
.isbutton{
background : #1d5389; color : #FFF; font-weight: bold; text-transform : uppercase; border: none; display: inline;
}

/******** BLOG CSS ***************/
.navigation{
padding: 10px 0px
}
	.alignleft{ float: left} .alignright{ float: right}
	.alt{ background: #ddebf9; padding: 5px;} 
	.postmetadata{ margin: 10px 0px;} .postmetadata small{ display: block; padding: 5px}

.commentlist{
padding-left: 20px;
}
.avatar{float: left; margin-right: 10px}.fn {font-weight: bold;} .comment-meta{ font-size: 7pt}
.comment  p{ display: block; padding: 7px 0px}