@import "reset.less";
@import "grid.less";
@import "vars.less";
@import "mixins.less";
@import "type.less";
@import "forms.less";
@import "tables.less";
@import url("http://fonts.googleapis.com/css?family=Cuprum&subset=latin,cyrillic");

body {
	background: @colorWhite;
	#font .sans-serif(normal,);
}

// HEADER
header {
	position: relative;
	max-height: 450px;
	padding-top: @baseLine;
	background-color: #000;
	background-image: url('../images/bg-header.jpg');
	background-position: top center;
	background-repeat: no-repeat;

	nav {
		.container();
		.clearfix;
		background: #04194D url(../images/menu-bg.gif) repeat-x 0 0;
		border-top: 1px solid darken(#2E3F6B, 10);
		position: relative;

		h1 {
			position: absolute;
			left: 10px;
			top: 10px;
			.reset;
			z-index: 100;

			a {
				display: block;
				height: 80px;
				width: 240px;
				background: #f2f2f2 url(../images/logo.png) no-repeat center center;
				text-indent: -9999em;
				overflow: hidden;
				//.box-shadow(1px 1px 5px 0 rgba(0, 0, 0, 0.52));
			}
		}

		ul#main-nav {
			.column(12);
			width: auto;
			float: right;
			list-style: none;
			text-align: right;

			li {
				float: left;
				position: relative;

				a {
					display: inline-block;
					float: left;
					padding: @baseLine;
					padding-left: @baseLine;
					text-transform: uppercase;
					color: @colorWhite;
					font-family: 'Cuprum', Impact, sans-serif;
					font-size: 18px;
					text-shadow: #FFF 0px 0px 2px;
					text-decoration: none;
					background: transparent url(../images/menu-bg.gif) no-repeat bottom left;
					outline: none;

					&:hover {
						color: @colorPurple;
						text-shadow: @colorPurple 0px 0px 2px;
					}
				}

				&.current-menu-item,
				&.current-category-ancestor,
				&.current-menu-ancestor,
				&.current-menu-parent,
				&.current-category-parent {
					&>a {
						color: @colorPurple;
						text-shadow: @colorPurple 0px 0px 2px;
					}
				}

				ul.sub-menu {
					.reset();
					float: none;
					list-style: none;
					position: absolute;
					top: @baseLine * 3;
					width: 210px;
    				z-index: 999 !important;
    				background: #000D68;
    				text-align: left;

    				li {
    					width: 210px;
    					border-top: 1px solid #00004E;

    					a {
    						width: 170px;
    						display: block;
    						padding: (@baseLine / 2) @baseLine;
    						font-size: @baseFont;
    						background: none;
    					}

    					&:hover {
							background: @colorBlack url(../images/fbg.jpg) repeat scroll center center;
						}
    				}
				}
			}
		}
	}

	address {
		background: darken(@colorWhite, 5);
		.container;
		.clearfix;

		ul {
			.column(12);
			text-align: right;

			li {
				display: inline-block;
				padding: @baseLine / 2;
			}
		}
	}

	div.container {
		.container;
		.clearfix;
		background: @colorWhite;
		position: relative;

		ul#slider {
			.column(12);
			margin-top: @baseLine / 2;
			height: 400px;
			list-style: none;
			overflow: hidden;
		}

		div#slider-nav {
			position: absolute;
			overflow: hidden;
			z-index: 99;
			float: left;
			right: @baseLine * 2;
			bottom: @baseLine;

			a {
				display: block;
				float: left;
				width: 12px;
				height: 12px;
				background: url(../images/slider-nav.png) no-repeat scroll top right;
				overflow: hidden;
				text-indent: -9999em;
				margin-left: @baseLine / 4;
				outline: none;

				&.activeSlide {
					background-position: top left;
				}
			}
		}
	}

	div#page-image {
		.container;
		background: #FFFFFF;

		img {
			padding: 10px;
			padding-bottom: @baseLine;
		}
	}
}

// CONTENT

.home #content {
	
}

#content-wrap {
	.clearfix;
	position: relative;
	background: @colorWhite url(../images/content-bg.gif) repeat-x 0 1px;

	.content-container {
		.container;
		.clearfix;
		background: @colorWhite;

		#content {
			.column(8);

			article {
				.clearfix;

				&.post {
					margin-bottom: @baseLine;
					.clearfix;
				}

				img.post-image {
					float: left;
					margin: 0 @baseLine @baseLine 0;
				}

				span.post-date {
					color: @gray;
					font-size: @baseFont * 1.5;
				}

				h3.post-title {
					line-height: @baseLine * 1.5;
					margin-bottom: @baseLine / 2;
				}
			}
		}

		aside {
			.column(4);

		}

		h2 {
			text-transform: uppercase;
		}

		blockquote {
			.reset;
			border: none;
			margin: 0 (@baseLine * 2) @baseLine (@baseLine * 2);
			#font .serif(normal, (@baseFont * 2), (@baseLine * 1.5));
			font-style: italic;
		}

		#features {
			background: @colorBlack url(../images/fbg.jpg) repeat-y scroll top center;
			.clearfix;
			.column(12);
			margin-bottom: @baseLine;

			.feature {
				width: 273px;
				padding: @baseLine;
				float: left;
				color: darken(@colorWhite, 25%);

				h2 {
					color: @colorWhite;
					text-transform: uppercase;
					font-size: @baseFont * 1.5;
					line-height: @baseLine;
					margin-bottom: @baseLine / 2;
					font-weight: normal;
				}

				strong {
					display: block;
					margin-bottom: @baseLine / 2;
					color: @colorPurple;
					text-transform: uppercase;
					font-weight: normal;
					line-height: inherit;
				}

			}
		}

		#recent-news {
			margin-bottom: @baseLine;
			.clearfix;

			ul.list-news {
				.reset;
				list-style: none;

				li {
					.clearfix;
					margin-bottom: @baseLine / 2;

					a {
						float: right;
						width: 210px;
						text-align: left;
						font-weight: bold;
					}
				}

			}

			&>a {
				float: right;
				width: 210px;
				font-style: italic;
				color: #555;
			}
		}

		ul#pro-list {
			list-style: none;
			.reset;
			border: 1px solid #C6BDC0;
			border-bottom: none;
			margin-bottom: @baseLine;

			li {
				background: #F2EDEE;
				border-bottom: 1px solid #C6BDC0;

				a {
					display: block;
					border: 1px solid #FAFAFA;
					padding: 10px;
					color: #333;
					.clearfix;

					img {
						float: left;
						margin-right: 10px;
					}

					span.pro-title {
						font-family: 'Cuprum', Impact, sans-serif;
						font-size: @baseFont * 1.2;
						text-transform: uppercase;
					}

					span.pro-desc {
						color: #555;
						line-height: @baseFont;
						font-size: @baseFont * .75;
						display: block;
					}

					&:hover {
						text-decoration: none;
						background: @colorBlack url(../images/fbg.jpg) repeat scroll center center;
						color: @colorPurple;

						span.pro-desc {
							color: #ccc;
						}
					}
				}

				&.current-menu-item,
				&.current-post-ancestor,
				&.current-menu-parent,
				&.current-post-parent {
					a {
						background: @colorBlack url(../images/fbg.jpg) repeat scroll center center;
						color: @colorPurple;

						span.pro-desc {
							color: #ccc;
						}
					}
				}

				&:nth-child(even) {
					background: #D9D5D6;
				}
			}
		}

		a.btn-sqr {
			display: block;
			float: left;
			padding: (@baseLine / 4) (@baseLine / 2);
			background: @colorPurple;
			color: @colorWhite;
			font-family: 'Cuprum', Impact, sans-serif;
			text-transform: uppercase;
			text-decoration: none;

			&:hover {
				color: @colorPurple;
				background: @colorWhite;
			}
		}

		.cat-desc p {
			padding: @baseLine / 2;
			background: #FAFAFA;
			font-style: italic;
			color: #555;
			border: 1px dashed #C6BDC0;
		}

		.archive-row {
			.row(8,4);
		}

		.archive-grid {
			.column(4);
		}
	}
}

// FOOTER
footer {
	.container;
	background: darken(@colorWhite, 5);
	#gradient .horizontal (darken(@colorWhite, 5), @colorWhite);
	.clearfix;
	margin-bottom: @baseLine;

	ul.menu {
		list-style: none;
		.column(12);

		li {
			display: inline-block;
			padding: (@baseLine / 2);

			a {
				color: #555;
			}

			&.current-menu-item,
			&.current_page_item {
				a {
					color: @colorPurple;
				}
			}
		}
	}

	.copyr {
		.column(12);
		padding: (@baseLine / 2);
	}
}