/*  
Theme Name: Amazium
Author: Sergio Ordóñez
Author URI: http://www.sosfactory.com/
Date: Dec 2009
*/

/*=== Setup ===*/
img, div, a, ul, span, li  {
	behavior: url(js/iepngfix.htc)/*ie transparency*/
}

*{
	margin: 0;
	padding: 0;
	line-height: 125%;
}

body{
	background-color: #e0d6c8;
	color: #464441;
	font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif;
	font-size:13px;
}

p {
	line-height: 19px;
	padding-bottom:1.3em;
	text-align:left;
}	

img {border:0;}
	
a, a:visited {color: #325a83; text-decoration: none;}
a:hover {color: #799a07;}
	
li{list-style: none;}
	
/*=== Header ===*/

#header {
	background: #e0d6c8 url(../images/body-bg.gif) repeat-y center ;
	height: 125px;
	margin: 0 auto;
	width: 963px;
	}
		
	#header h1 a {
		background: url(../images/header-logo.png) no-repeat top left;
		display: block;
		width: 343px;
		height: 125px;
		text-indent: -9999px;
		float: left;
		cursor: pointer;
		}

#lava {
	position:relative;
	text-align:center;
	width:450px;
	height:35px;
	float: right;
	margin: 65px 19px 0 0;
	font-weight: bold;
	}
	
	#lava ul {
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		position:absolute;
		top:1px;
		z-index:100;
		right: 0px;
		}
	
		#lava li {
			margin:0 15px; 
			float:left;
			}
		
			#lava a, #lava a:visited {
				color: #464646;
				text-decoration: none;
				display: block;
				font-size: 15px;
				}
			
			#lava a:hover {color: #fff;}

	#lava #box {
		position:absolute; 
		left:0; 
		top:0; 
		z-index:50; 
		background:url(../images/tail.gif) no-repeat right center; 
		height:20px;
		padding-right:8px;
		margin:1px 0 0 -10px;
		}
		
	#lava #box .head {
		background:url(../images/head.gif) no-repeat 0 0;
		height:20px;
		padding-left:10px;
		}

/*=== Illustration ===*/

#illustration {
	background: url(../images/illustration-bg.jpg) repeat-y center;
	margin: 0 auto;
	width: auto;
	height: auto;
	background-color: #274e78;
	}
	
	#illustration .wraper{
		margin: 0 auto;
		width: 951px;
		border: 1px solid #244a79;
		}
/*=== Expertise ===*/

#expertise {
	background: #527ab5 url(../images/expertise-bg.jpg) repeat-x;
	margin: 0 auto;
	height: auto;
	}
	
		#expertise h2 {
			color: #002d55;
			font: bold 18px Arial, Helvetica, sans-serif;
			margin: 0 0 18px 0;
			padding: 0 0 0 30px;
		}

	#expertise .wraper{
		height: 100%;
		width: 951px;
		margin: 0 auto;
		border-left: 1px solid #4f749f;
		border-right: 1px solid #4f749f;
	}

		#exp-a, #exp-c {
			width: 330px;
			float: left;
			padding: 30px 0;
			border-left: 1px solid #88c4e3;
			border-right: 1px solid #3973bb;
		}

		#exp-b {
			width: 285px;
			float: left;
			padding: 30px 0;
			border-left: 1px solid #88c4e3;
			border-right: 1px solid #3973bb;
		}

			#exp-a ul, #exp-b ul, #exp-c ul {padding: 0 0 0 95px; height: 100px;}
				
			#exp-a ul{background: url(../images/icon-exp-a.png) no-repeat top left;}
			#exp-b ul{background: url(../images/icon-exp-b.png) no-repeat top left;}
			#exp-c ul{background: url(../images/icon-exp-c.png) no-repeat top left;}
	
				#exp-a li, #exp-c li {float: left; width: 200px; height: 21px;}
				#exp-b li {float: left; width: 170px; height: 21px;}

				#exp-a li  {background: url(../images/bullet-exp-a.gif) no-repeat center left;}
				#exp-b li  {background: url(../images/bullet-exp-b.gif) no-repeat center left;}
				#exp-c li  {background: url(../images/bullet-exp-c.gif) no-repeat center left;}
				
					#exp-a li a, #exp-b li a, #exp-c li a  {
							padding: 0 0 0 20px;
							font-size: 13px;
							display: block;
							color: #fff; font-size: 13px;}
							
					#exp-a li a:hover , #exp-b li a:hover , #exp-c li a:hover {color: #002d55;}

/*=== Content ===*/

#content {
	background: #e0d6c8 url(../images/body-bg.gif) repeat-y center;
	margin: 0 auto;
	width: 951px;
	height: auto;
	padding: 0 6px;
	}

		#content h3{
			font-size: 30px;
			font-weight: normal;
			margin:0 0 15px;
		}


	#col-a {
		background: url(../images/glow.jpg) no-repeat bottom left;
		width: 271px;
		float: left;
		padding: 40px 30px;
		height: 333px;
		} 
	
	#col-b {
		width: 226px;
		float: left;
		padding: 40px 30px;
		border-right: 1px dashed #c9c4bb;
		border-left: 1px dashed #c9c4bb;
		height: 333px;/*must be the longest then set same height in col-a*/
		} 
	
	#col-b li {
		width: 206px;
		background: url(../images/bullet-col.gif) no-repeat 0 3px;
		padding: 0 0 25px 20px;
		display: block;
		float: left;
		}

		.post-details {
			font-size: 10px;
			height: 15px;
			width: 100%;
			margin: 8px 0 0 0;
			}
			
		.date {
			float: left;
			}
			
		.comments {
			background: url(../images/comments.gif) no-repeat 0px 1px;
			float: right;
			padding-left: 14px;
			display: block;
			}
		
		.comments a:hover {
			text-decoration: underline;
			}

	#col-c {
		width: 271px;
		float: left;
		padding: 40px 30px;
		} 

		#col-c p{
			padding: 0;
			margin: 0 0 10px;
			}

		.testimonial-author {
			font-size: 11px;
			margin: 0 0 25px 0;
		}

		.col-button-a {
			float: left;
			height:29px;
			width: 173px;
			margin: 10px 0 0 0;
			z-index: 8500;
			}
		
		.col-button-b, .col-button-c {
			float: left;
			height:29px;
			width: 173px;
			margin: 10px 0 0 0;
			}
			
		.col-button-a a, .col-button-b a, .col-button-c a {
			display:block;
			text-indent: -9000px;
			height: 29px;
			width: 173px;
		}
			
		.col-button-a a {background: url(../images/button-col-a.gif) no-repeat top left;}
		.col-button-b a {background: url(../images/button-col-b.gif) no-repeat top left;}
		.col-button-c a {background: url(../images/button-col-c.gif) no-repeat top left;}
		
		.col-button-a a:hover, .col-button-b a:hover, .col-button-c a:hover	{background-position:bottom;}

/*=== Footer ===*/

#footer {
	background: #e0d6c8 url(../images/body-bg.gif) repeat-y center;
	height: auto;
	margin: 0 auto;
	width: 963px;
	}

	#footer #contact {
		background-color: #fff;
		border-top: 1px solid #dfd5c7;
		width: 951px;
		margin: 0 6px;
		poistion: relative;
		height: auto;
		}

			#footer h4{
				font: normal 18px Arial, Helvetica, sans-serif;
				padding: 25px 0 25px 80px;
				border-bottom: 1px solid #dbdbdb;
				margin: 0 30px;
				position: absolute;
				z-index: 9000;
				width: 818px;
				}

		#chat {
			position: relative;
			float: left;
			width: 951px;
			height: 77px;
			}

			span.character {
				background:transparent url(../images/character.png) no-repeat left top;
				display:block;
				left:30px;
				position:absolute;
				text-align:center;
				top:-25px;
				width:80px;
				z-index:1000;
				height: 110px;
			}
			
			#footer .col-list-a {float: left;padding: 30px;}
			#footer .col-list-a li{float: left; margin: 0 7px 0 0;}
			#footer .col-list-b {padding: 30px 0 30px 50px;float: left;border-left: 1px dashed #dbdbdb;}
			#footer .col-list-b li{margin: 0 7px 5px 0;padding: 0 0 0 20px;}
			#footer .col-list-c {padding: 30px 0 0 50px;float: left;}
			#footer .col-list-c li{margin: 0 7px 5px 0;padding: 0 0 0 20px;}
			#footer .col-list-d {float: left;padding: 30px 0 0 50px;}
			#footer .col-list-d li{margin: 0 7px 0 0;}

			.col-list-c #phone{background: url(../images/phone.gif) no-repeat left center;}
			.col-list-c #email{background: url(../images/mail.gif) no-repeat left center;}
			.col-list-c #skype{background: url(../images/skype.gif) no-repeat left center;}

	#footer #nav {
		background: #e0d6c8 url(../images/footer-bg.gif) no-repeat center top;
		width: 927px;
		height: 70px;
		padding: 20px 0 0 36px;
		font-size: 11px;
		}

			#footer #nav ul li {float: left; margin: 0 20px 0 0;}
			#footer #nav ul a {color: #464441;}
			#footer #nav ul a:hover {text-decoration: underline;}

		#designed-by {
			float:right;
			padding: 0 30px 0 0;
		}
		
		#copyright {
			float: left;
			clear: both;
			margin: 3px 0 0 0;
			}
/*=== Blog ===*/
/*=== Entries ===*/

#wraper-blog {
	background: url(../images/glow.jpg) no-repeat bottom left; /*must be longer than sidebar or glow will be missplaced*/
	height: auto;
	float: left;
	width: 597px;
	padding: 30px 10px 20px 30px;
	}
	
.entry {
	border: 1px solid #dfd5c7;
	float: left;
	width: 557px;
	background-color: #fff;
	padding: 20px;
	margin: 0 0 10px 0;
	height: auto;
}

	.entry .left {
		float: left;
		width: 249px;
	}
	
		.entry .left img {
			float: left;
			margin: 0 0 10px 0;
		}
		
		.entry .left ul {
			float: left;
			background: url(../images/share-bg.gif) no-repeat bottom left;
			width: 234px;
			padding: 0 0 0 15px;
			height: 60px;
		}
		
		.entry .left li {
			float: left;
			margin: 0 3px 0 0;
			}


	.entry .right {
		float: right;
		width: 287px;
		padding: 0 0 0 20px;
	}
	
	.entry .right .wraper {
		float: left;
		height: 241px;
	}
	
		.entry .right h2 {
			font-size: 26px;
		
		}
		
		.entry .right p {
			float:left;
			width: 287px;
		
		}
		
		.entry .right .date {
			font-size: 11px;
			width: 287px;
			padding: 0 0 20px 0;
		}


		.entry .right .info {
			float: left;
			width: 265px;
			height: 24px;
			background-color: #ededed;
			border: 1px solid #e0e0e0;
			padding: 7px 10px 0 10px;
		}
		
		.entry .right .info a {color: #464441;}
		.entry .right .info a:hover {text-decoration: underline;}
		
		.entry .right .info .read-more {
			float: right;
			background:url(../images/read-more.gif) no-repeat center right;
			padding: 0 20px 0 0;
		}

	#previous, #next {
		background:#7893af url(../images/sidebar-title-bg.jpg) repeat-x top left;
		border:1px solid #859fbc;
		display:block;
		padding: 5px 10px;
		margin: 0 0 5px 0;
		font-weight: bold;
		width: auto;
		float: left;
		}

		#previous a, #next a {color:#fff;}
		#previous a:hover, #next a:hover {text-decoration:underline;}
			
		#previous {float: left;}
		#next {float: right;}

/*=== Sidebar ===*/
#sidebar {
	float: right;
	width: 273px;
	padding: 30px 30px 30px 10px;
	}
	
		#sidebar h3 {
			background:#7893af url(../images/sidebar-title-bg.jpg) repeat-x top left;
			border:1px solid #859fbc;
			color:#fff;
			display:block;
			padding: 5px 0 5px 10px;
			margin: 0 0 5px 0;
			font-size:16px;
			font-weight: bold;
			text-transform: uppercase;
			}
	
	#social {
		background: url(../images/socialize.jpg) no-repeat center left;
		float: left;
		width: 272px;
	}

		#social ul{
			float: right;
			}
			
		#social li{
			margin: 0 0 0 10px;
			float: left;
			}

	#search_form {
		width: 230px;
		height: 35px;
		background: url(../images/search-bar.jpg) no-repeat 10px 85px;
		float: left;
	}

		#search_form #s {
			float: left;
			border: 1px solid #e0e0e0;
			width: 143px;
			background: #ededed;
			padding: 10px 0 0 20px;
			height: 23px;
		}
		
		#search_form #go {
			float: right;
			width: 65px;
			height: 35px;
		}

	.box {
		background-color: #fff;
		border: 1px solid #dfd5c7;
		padding: 20px;
		float:left;
		margin: 10px 0 0 0;
		width: 230px;
		}

		.box li{
			float: left;
			border-bottom: 1px dashed #e3e3e3;
			padding: 7px 0 7px 25px;
			display: block;
			width: 206px;
			}
			
		.box .a {background: url(../images/bullet-sidebar-a.gif) no-repeat 0 5px;}
		.box .b {background: url(../images/bullet-sidebar-b.gif) no-repeat 0 5px;}	
		.box .c {background: url(../images/bullet-sidebar-c.gif) no-repeat 0 5px;}

/*=== Misc. ===*/

.center {
text-align: center;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
img.alignright, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}