/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/extend/themes/twentyten
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: http://wordpress.org/
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: twentyten
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


@font-face {
font-family: 'Andale Mono';
font-style: normal;
font-weight: normal;
src: local('Andale Mono'), url('css/AndaleMono.woff') format('woff');
}


* {
	margin: 0;
	padding: 0;
}

html, body { height: 100%; color:#3a3a3a; font-size:14px;}

h1 { font-size:25px; font-weight:normal; color:#3a3a3a;}

h1,h2,h3,h4,h5,h6 { margin-left:-1px;}

.bg { background:url(img/body-bg.png) top center repeat-y; max-width:1980px; border:0px solid #000;
margin-left:auto; margin-right:auto; display:table; height:100%; border:0px solid #06C;}

.bg-bottom { background:url(img/body-bg-bottom.png) center bottom no-repeat; display: table-cell; height:100%; position:relative;
padding-bottom:50px; border:0px solid #F00; vertical-align:top;}

.heder { background:url(img/header-bg.jpg) top center no-repeat;
height:531px;}

.top-menu-wrap { background:url(img/top-menu-bg.jpg) top center repeat-x;
text-align:center;}

.top-menu { padding:0xp ; margin:0px; list-style:none; *display:table; width:100%; height:58px;}
.top-menu li { *display:table-cell; height:58px; vertical-align:middle; text-align:center;
display:inline-block; position:relative;}
.top-menu li:after { content:url(img/top-menu-sep.jpg); display:table-cell; position:absolute; top:0px; left:-6px;}
.top-menu li:first-child:after { background:none; content:none;}
.top-menu li a { color:#FFF; font-size:14px;  margin-left:15px; margin-right:20px; display:block;
margin-top:15px;
}.top-menu li a:hover{ text-decoration:none;}

.top-menu li:hover{ background:url(img/top-menu-li-hover-bg.jpg) top center repeat-x;}

.footer { color:#FFF; text-align:right; margin-top:25px; position:absolute; bottom:0px;}
.footer p { margin-top:15px;}

.date { color:#4d8795; margin-top:10px; margin-bottom:10px;}


/* CUSTOM STYLE */

.top-menu ul {
	position: absolute;
	width: 340px;
	margin: 0;
	text-align: left;
	background: #1D6EA2;
	top: 57px;
}
.top-menu ul li {
	border-bottom: 1px solid #38c1ef;
}
.top-menu ul li:after {display: none;}
.top-menu ul li:last-child {border:none;}
.top-menu ul li {text-align: left; height: auto; float: none; background: none; width:100%;}
.top-menu ul li a {margin-left:0; text-align: left; margin-top:0; display: block; width:324px; padding:8px; margin-bottom:3px;}
.top-menu ul ul {left:100%; top:0;}
.top-menu ul li:hover {
	background-color:#459AD3;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #38C1EF),
	color-stop(1, #459AD3)
	) !important;
	background-image: -o-linear-gradient(bottom, #38C1EF 0%, #459AD3 100%) !important;
	background-image: -moz-linear-gradient(bottom, #38C1EF 0%, #459AD3 100%) !important;
	background-image: -webkit-linear-gradient(bottom, #38C1EF 0%, #459AD3 100%) !important;
	background-image: -ms-linear-gradient(bottom, #38C1EF 0%, #459AD3 100%) !important;
	background-image: linear-gradient(to bottom, #38C1EF 0%, #459AD3 100%) !important;
}
.wpcf7 input[type='text'], .wpcf7 input[type='email'], .wpcf7 textarea {
	width:450px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}