@import "lib.less";

body {
.no_margin_padding_border();
background-color:#efefef;
font-family:Arial,Helvetica,sans-serif;

	a {
	color:#e40601;
	text-decoration:none;
	}
}

.header {
display:block;
height:113px;
background-image:url(../images/header-bg.jpg);

	.header_inner {
	width:960px;
	margin:auto;
	
		img.logo {
		float:left;
		}
		
		.header_social {
		width:400px;
		height:70px;
		float:left;
		display:block;
		overflow:auto;
		
			.inner {
			padding:30px 0 0 40px;
			}
			
		}
		
		form {
		width:300px;
		height:70px;		
		float:left;
		
			input.text {
			width:200px;
			border:none;
			padding:5px;
			color:#444444;
			.border_radius(2px);
			margin:34px 0 0 0;
			float:right;
			}
			
		}
		
		ul.main_menu {
		float:left;
		overflow:auto;
		padding:10px 0 0 40px;
		
			li {
			float:left;
			padding:0 28px 0 0;
			
				a {
				color:#ffffff;
				text-transform:uppercase;
				.text_shadow (2px 2px 3px #000000);
				
					&:hover {
					color:#ffd00a;
					}
					
				}
				
			}
			
			li.last {
			padding:0;
			}
			
		}
		
	}
	
}

.main_container {
padding:20px 0 20px 0;
width:960px;
margin:auto;
overflow:auto;

	.home_text {
	padding:0 0 20px 0;
	font-size:14px;
	color:#666666;
	line-height:20px;

		.inner {
		padding:20px;
		.border_radius(5px);
		background-color:#ffffff;
	
			p {
			padding:0;
			}
			
		}

	}
	
	.home_top {
	width:960px;
	display:block;
	height:400px;
	
		#homepage_banner {
		width:636px;
		height:390px;
		display:block;
		float:left;
		margin:0 15px 0 0;
		.border_radius(5px);
		
			img {
			.border_radius (5px);
			}
			
			.carousel {
			z-index:1;
			.border_radius(5px);
			
				.carousel-inner {
				.border_radius(5px);
				
					a {
					text-decoration:none;
					}
					
				}
				
			}
			
		}
		
		.fb_box_container {
		float:left;
		width:305px;
		background-color:#ffffff;
		.border_radius(5px);
		
			iframe {
			margin:10px 3px 0 7px;
			}
		}
		
		.home_small_banner {
		width:305px;
		height:114px;
		background-color:#ffffff;
		.border_radius(5px);
		float:left;
		margin:20px 0 0 0;
		}
		
	}
	
	ul.pagination {
	clear:both;
	float:left;
	display:block;
	height:32px;
	padding:0;
	border-left:1px solid #eeeeee;
	
		li {
		color:#305a8a;
		font-size:14px;
		float:left;
		display:block;
		margin:0 5px 0 0;
		padding:5px 0 0 0;
		font-weight:bold;
		
			a {
			font-weight:normal;
			color:#888888;
			text-decoration:none;
			padding:5px 12px 5px 12px;
			.border_radius(4px);
			background-color:#ffffff;
			
				&:hover {
				color:#305a8a;
				background-color:#f7f7f7;
				}
				
			}
			
		}
		
		li.current {
		padding:5px 12px 5px 12px;
		.border_radius(4px);
		background-color:#faac02;
		color:#ffffff;
		}		
		
	}

	.breadcrumb_navigation {
	padding:0 0 20px 0;
	font-size:14px;
	display:block;
	overflow:auto;
	}
	
	.home_post_items, .pagination_post_items {
	padding:0;
	clear:both; 

		.home_post_item_container {
		.border_radius(5px 5px 5px 5px);
		background-color:#ffffff;
		float:left;
		margin:0 15px 15px 0;
		width:310px;
		height:400px;
		overflow:auto;	

			.home_post_inner {
			padding:20px;
			font-size:14px;
			color:#444444;
			
				a {
				display:block;
				font-weight:bold;
				padding:0 0 10px 0;
				}
				
				a.bottom_link {
				padding:20px 0 0 0;
				text-align:right;
				font-weight:normal;
				}
				
			}
			
		}
	
	}
	
	.home_post_items {
	padding:25px 0 0 0;
	}
	
	.post_container {
	width:610px;
	display:block;
	overflow:auto;
	font-size:14px;
	color:#444444;
	float:left;
	padding:0 20px 0 0;
	
		h2 {
		background-color:#3b3b3b;
		padding:20px 30px 20px 30px;
		color:#ffffff;
		font-size:20px;
		font-weight:normal;
		.border_radius(5px 5px 0 0);
		}
	
		img.content_image {
		float:left;
		}
		
		.content_inner {
		clear:both;
		padding:30px 30px 20px 30px;
		background-color:#ffffff;
		.border_radius(0 0 5px 5px);
		
			p {
			padding:0 0 10px 0;
			}
			
		}
		

		
	}
	
	.rightbar_container {
	float:left;
	display:block;
	width:330px;
	overflow:auto;
	
		.fb_box_container {
		width:330px;
		background-color:#ffffff;
		.border_radius(5px);
		
			iframe {
			margin:20px 0 0 18px;
			}
			
		}
		
		.banner_container {
		width:330px;
		background-color:#ffffff;
		.border_radius(5px);
		margin:20px 0 0 0;
		padding:20px 0 20px 0;
		
			.banner_inner {
			padding:0 0 0 20px;
			}
			
		}
		
		h3 {
		background-color:#555555;
		padding:10px 20px 10px 20px;
		color:#ffffff;
		font-size:20px;
		font-weight:normal;
		.border_radius(5px 5px 0 0);
		margin:20px 0 0 0;
		}	

		ul {
		overflow:auto;

			li {
			clear:both;
			overflow:auto;
			background-color:#ffffff;
			border-bottom:1px solid #eeeeee;
			padding:10px;
			font-size:13px;
			color:#444444;
			width:310px;
			
				a {
				font-weight:bold;
				}
				
				img.content_image {
				float:left;
				margin:0 10px 0 0;
				}
				
				.post_preview {
				float:left;
				padding:0 0 10px 0;
				}

			}
			
			li.last {
			border-bottom:none;
			.border_radius(0 0 5px 5px);
			}
		
		}
		
	}

}

.footer {
background-image:url(../images/bg-footer.png);
background-position:bottom;
background-repeat:repeat-x;
background-color:#575757;
overflow:auto;

	.inner {
	width:960px;
	padding:40px 0 50px 0;
	margin:auto;
	font-size:16px;
	color:#ffffff;
	overflow:auto;
	
		.column {
		float:left;
		width:230px;
		}
		
		h3 {
		font-size:16px;
		font-weight:normal;
		padding:0 0 15px 0;
		text-transform:uppercase;
		}
		
		a {
		color:#ffffff;
		display:block;
		padding:0 0 5px 0;
		
			&:hover {
			color:#dddddd;
			}
			
		}
	}
}