/* CSS Document */

/* -------------------------------------------------------------- 

	Theme Name: Resolution
	Theme URI: http://fearlessflyer.com
	Description: Resolution is a sleek and modern wordpress theme with bold colors and beautiful typography. Twin column in the home and archive pages, single column in the inner post pages. Icons from http://www.iconshock.com/iphone-icons/, fonts by http://www.fontsquirrel.com and layout and concept by FF. 
	Author: Fearless Flyer Web Design
	Author URI: http://fearlessflyer.com
	Version: 1.0
	

-------------------------------------------------------------- */
* {padding:0; margin:0;}
body { background:url(images/bg-2.png) no-repeat; #95beff; }
a {color: #CF0000;}
a:hover {}
a img {border:none;}
#wrap {width:980px; padding:0 10px; background: url(images/wrap.png) repeat-y; margin:0 auto; }
.right{float:right;}
.left{float:left;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 8, 2012 */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ChunkFiveRoman';
    src: url('fonts/chunkfive-webfont.eot');
    src: url('fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/chunkfive-webfont.woff') format('woff'),
         url('fonts/chunkfive-webfont.ttf') format('truetype'),
         url('fonts/chunkfive-webfont.svg#ChunkFiveRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CopseRegular';
    src: url('fonts/copse-regular-webfont.eot');
    src: url('fonts/copse-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/copse-regular-webfont.woff') format('woff'),
         url('fonts/copse-regular-webfont.ttf') format('truetype'),
         url('fonts/copse-regular-webfont.svg#CopseRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* header
-------------------------------------------------------------- */
#header{
	position:relative;
}
#topLinks{
	height:42px; 
	background:#000000;
	clear:both;
}
#topLinks ul li {
	float:left; 
	color:#333333; 
	list-style:none; 
	font-family:'CopseRegular'; 
	font-size:12px; 
	font-style:italic;
	padding:0 8px 0 6px;
	line-height:10px;
	border-right:1px solid #181818;
}
#topLinks ul li:last-child, #topLinks ul li.last  {
	border-right:none;
}
#topLinks ul li a {
	text-decoration:none; 
	color:#333333; 
	text-decoration:none;
}
#topLinks ul li a:hover, #topLinks ul li:hover {
	color:#F2B100;
}
#topLinks ul{
	position:relative; 
	top:15px;
}
#topLinks ul.first{
	left:55px;
	width: 500px;
}
#topLinks ul.second{
	left:310px;
	width: 650px;
}


#header-image {
	background:url('images/upal.jpg');
	width:980px; 
	height:400px; 
	display:block; 
	clear:both;
}
#logo a{
	background:url('images/logo.png');
	background-repeat: no-repeat;
	position:absolute; 
	display:block;
	width:187px; 
	height:183px;
	top:1px;
	left:45px;
	text-indent:-999px;

}
#logo a:active{
	top:6px;
}
/*
#slogan {
	font-family:'ChunkFiveRoman'; font-size:35px; text-shadow: 1px 1px 2px black; text-transform:uppercase; text-align:center; color:#ffe24a; position:relative; left:96px; top:110px; height:83px;
}*/
#access {
	font-family: 'BebasNeueRegular'; 
	background:#0d5995;
	margin: 100px 0 0 0;
	width: 980px;
	display:block;
	position:absolute; 
	bottom:0;
	height:51px;
	border-top:1px solid #000;
	
}
#access .menu-header,
div.menu {
	font-size: 18px;
	margin-left: 14px;
	height:51px;
	max-width:960px;
	 
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	height:51px;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
	height:51px;	
}
#access a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:6px 13px 0 13px;
	line-height:38px;
	height:45px;
}
#access ul ul {
	display:none;
	position:absolute;	
	/*top:38px;*/
	left:0;
	float:left;	 
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;	
	background-image:none;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
#access ul ul li:last-child{
	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
#access ul ul li a {
	background-image:none;
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	background:#fff;
	color:#000;
	height:auto;
	line-height:1.1em;
	padding:10px 12px;
	width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #05477c;
	color:#fff;		
}
#access ul li:hover > ul {
	display:block;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#000;	
}
/*
#access .menu-header  ul:first-child.menu li.current-menu-item {
	background:url('images/menu-bg-active.png'); 
	background-position:0 -53px; 
	color:#000;
}
#access .menu-header  ul:first-child.menu li.current-menu-item a {
	background:url('images/menu-bg-active.png') top right; 
	color:#000;  
} */
#access .menu-header  ul.sub-menu li.current-menu-item a {
	background-image:none !important;
}
#access .menu-header  ul.sub-menu li.current-menu-item li {
	background-image:none !important;
}
#access .menu-header  ul.sub-menu li {
	height:auto; 
	background: #2c508a; !important; 
	background-image:none !important;
}
#access .menu-header  ul.sub-menu li a {
	background: #05477c; 
	color:#fff !important; 
	background-image:none !important;
}

#access .menu-header  ul.sub-menu a {
	font-size:18px;
}
#access .menu-header  ul.sub-menu li:hover > a,
#access .menu-header  ul.sub-menu ul :hover > a {
	background: #0d5995;
	color:#fff;
}
#search {
	width:280px; 
	height:39px; 
	padding:12px 0 0 0; 
	position:absolute; 
	right:0; 
	top:0;
	}
input#s {
	height:17px; 
	padding:5px; 
	width:150px; 
	margin-right:7px; 
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:none;
} 
input.go{
	background:url(images/search-btn.png); 
	width:92px; 
	height:28px; 
	border:0; 
	margin-right:15px; 
	position:relative;
}
input.go:active{
	top:1px;
}
/*main*/
#main-container {
	
}
#main-container.index {
	width:685px;
	padding:15px 0 15px 30px; 
	float:left;
}
#main-container.single {
	width:916px; 
	padding:15px 32px 15px 32px; 
	clear:both;
}
#main-container.single .post-row{
	padding:15px 50px 15px 50px;
}
.post-row {
	clear:both; 
	margin:0 0 40px 0;
}
.image-wrap{
	background:url(images/thumb-shadow.jpg) no-repeat left bottom; 
	overflow:hidden; 
	padding-bottom:16px; 
	float:right; 
	margin:5px 0 10px 30px;
}
img.indexThumbs {
	border-radius:3px; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-bottom:1px solid #ccc;
}
.post-cats{
	display:block; 
	overflow:hidden;
	margin:0 0 5px 0;
	padding-bottom: 10px;
}
.post-cats ul.post-categories {
	margin-left:-5px;
}
.post-cats ul.post-categories li {
	float:left; 
	list-style:none;
}
.post-cats ul.post-categories li a {
	color:#FFFFFF; 
	background:#cf0000; 
	box-shadow: 2px 2px 0px #ddd;
	-webkit-box-shadow: 2px 2px 0px #ddd;
	-moz-box-shadow: 2px 2px 0px #ddd; 
	border-bottom:1px solid #fff;  
	border-right:1px solid #fff;
	font-family:'BebasNeueRegular'; 
	display:block; 
	margin:0 0 0 5px;
	font-size:14px; 
	padding:3px 5px;  
	text-decoration:none;   
	position:relative;
}
.post-cats ul.post-categories li a:active {
	top:1px;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.post-date{
	background:#f2b100; 
	box-shadow: 2px 2px 0px #ddd; 
	-moz-box-shadow: 2px 2px 0px #ddd;
	-webkit-box-shadow: 2px 2px 0px #ddd;
	border-bottom:1px solid #fff;  
	border-right:1px solid #fff;
	font-family:'BebasNeueRegular'; 
	margin:0 0 0 5px;
	font-size:14px; 
	padding:3px 5px; 
	line-height:24px;
}
.post-title{
	margin:0 0 18px 0;
}
.post-title a {
	color:#000000;
	text-decoration:none;
	font-family:'Times New Roman';
	text-shadow: 
		1px 1px 0 #fff,
		1px 1px 0 #fff, /* end of 2 level deep grey shadow */		
		1px 1px 0 #ccc,
		1px 1px 0 #ccc,
		1px 1px 0 #ccc,
		1px 1px 0 #ccc; /* end of 4 level deep dark shadow */
	position:relative;
}
.post-title a:hover {
	color:#cf0000;
}
.post-title a:active {
	top:1px;
	text-shadow:none;
}
.post-title.archive {
	font-size:30px; 
	line-height:30px;
}
.post-title.single {
	font-size:36px; 
	line-height:36px;
	margin-bottom:30px;
}
.post-navigation.inSingle{
	clear:both; 
	width:100%;
	height:25px; 
	padding:10px 0;
}
.post-navigation a{
	text-decoration:none;
	font-size:12px;
	font-family:'CopseRegular'; 
	color:#CF0000;
}
.post-navigation a:hover {
	color:#333333;
}
.comment-count {
	float:right; 
	background:url(images/comments-bubble.png); 
	width:52px;
	height:43px;
	margin:0 0 10px 15px;
	font-family:arial; 
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	text-shadow:1px 1px 0 #fff;
	padding:11px 0 0 0;
	color:#666;
	
}
.post-content {
	font-family:'Times New Roman', serif;
	font-size:17px; 
	line-height:20px; 
	color:#000; 	
	overflow:hidden;
	text-align:justify;
	padding:0 10px 0 0;
	z-index:0;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#333333; 
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding-top:7px;
	margin-bottom:25px;
	clear:both;
}
.post-content p {
	padding:0 0 25px 0;
}
.post-content a{
	color:#CF0000;
	text-decoration:none;
}
.post-content a:hover {
	color:#333333;
}
.post-content img.alignright {display:inline; margin:8px 0 15px 30px;}
.post-content img.alignleft {display:inline; margin:8px 30px 15px 0;}
.post-content img.aligncenter {clear:both; margin:10px auto; display:block; }
.post-content img.alignnone {clear:both; margin:10px auto; display:block; }
.post-content a img.alignright {display:inline; margin:8px 0 15px 30px;}
.post-content a img.alignleft {display:inline; margin:8px 30px 15px 0;}
.post-content a img.aligncenter {clear:both; margin:10px auto; display:block; }
.post-content a img.alignnone {clear:both; margin:10px auto; display:block; }
.post-content ol {padding:10px 10px 30px 25px; margin-left:10px;}
.post-content ol li ol {padding-left:20px;}
.post-content ol li ul {padding-left:20px;}
.post-content ul {padding:10px 10px 30px 20px; margin-left:10px;}
.post-content ul li ol {padding-left:20px;}
.post-content ul li ul {padding-left:20px;}

.post-content h1{font-size:32px; font-weight:normal; line-height:40px; padding-bottom:10px;}
.post-content h2{font-size:28px; font-weight:normal; line-height:36px; padding-bottom:10px;}
.post-content h3{font-size:24px; font-weight:normal; line-height:30px; padding-bottom:10px;}
.post-content h4{font-size:20px; font-weight:normal; line-height:28px; padding-bottom:10px;}
.post-content h5{font-size:16px; font-weight:normal; line-height:24px; padding-bottom:10px;}
.post-content h6{font-size:12px; font-weight:normal; line-height:18px; padding-bottom:10px;}

.wp-caption {padding:8px 3px 0px 3px; border:1px solid #ebebeb; text-align:center; margin:0 auto;}
.wp-caption.alignright {margin:8px 0 15px 30px;} 
.wp-caption.alignleft {margin:8px 30px 15px 0;}
.wp-caption.aligncenter{clear:both; margin:15px auto; display:block; }
.wp-caption.alignnone {clear:both; margin:15px auto; display:block; }
p.wp-caption-text {text-align:center; font-family:georgia; font-style:italic; font-size:13px; line-height:13px; padding:10px 15px;}

.alignright {float:right;}
.alignleft {float:left;}
.alignnone {clear:both;}
.aligncenter {margin-left: auto; margin-right: auto;}

blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:20px 10px 0px 25px; margin:0 5px 25px 15px; border-left:2px solid #E4E4E4;}
blockquote blockquote {}

.gallery {clear:both; margin-bottom:25px; margin-top:25px;}
.gallery a img {background:#f5f6f6; border:1px solid #ebebeb;   padding:8px;}
.gallery a img:hover {background:#fff;} 
.gallery-item {float: left;	margin-top: 10px; text-align: center; width: 33%;}
.gallery-caption { margin-left: 0; font-size:9px;} 

.post-meta {
	clear:both; 
	line-height:23px;
	font-size:17px; 
	font-family: 'CopseRegular', Arial, Helvetica, sans-serif; 
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:15px 20px 15px 10px;
	background:#f4f4f4;
	text-shadow:1px 1px 0 #fff;
}
.post-meta a {
	color:#CF0000;
	text-decoration:none;
}
.post-meta a:hover {
	color:#333333;
}
.post-meta span {
	 padding: 6px 0 0 38px; 
	 margin-left: 10px;	 
}
.post-meta .author{
 	background:url(images/salesman_30.png) no-repeat;
}
.post-meta .cats {
	background:url(images/folder_30.png) no-repeat;
}
.post-meta .date {
	background:url(images/calendar_30.png) no-repeat;
}
.post-meta .searc{
 	background:url(images/search.png) no-repeat;
}

/*comments*/

#respond {
	background:#F4F4F4; 
	padding:0px 50px 5px 50px; 
	border: 1px solid #CCCCCC;
	margin:75px 0 35px 0;
	font-family:'CopseRegular';
	font-size:17px;
}
#respond h3 {color:#000000;
	text-decoration:none;
	font-size:34px;
	font-family:'ChunkFiveRoman';
	text-shadow: 
		1px 1px 0 #fff,
		1px 1px 0 #fff, /* end of 2 level deep grey shadow */		
		1px 1px 0 #ccc,
		1px 1px 0 #ccc,
		2px 2px 0 #ccc,
		2px 3px 0 #ccc; /* end of 4 level deep dark shadow */
 	position:relative;
	top:-27px;
	left:-25px;	
	}
#respond .left {
	margin-right:35px; 
	padding-left:5px;
}
p.loggedinas {
	padding:0 0 25px 0;
}
input.comment-form-input-fields {
	background:#fff; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:5px 3px 6px 3px;
	border-top:2px solid #666;
	border-left:2px solid #666;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	font-size:17px;
	width:250px;	 
	margin-bottom:20px;
}
.comment-form-labels {
	margin-bottom:4px;
	text-shadow:1px 1px 0 #fff;
}
.comment-form-labels small {
	color:#CF0000;
	font-size:10px;	
	margin-left:5px;
}
p.author {
	background:url(images/id_30.png) no-repeat;
	background-position:0 -5px;
	padding-left:40px;
}
p.email {
	background:url(images/envelope_30.png) no-repeat;
	background-position:0 -5px;
	padding-left:40px;
}
p.url {	
	background:url(images/mac_address_30.png) no-repeat; 
	background-position:0 -5px;
	padding-left:40px;
}
p.comm {
	background:url(images/corel_30.png) no-repeat; 
	background-position:0 0;
	padding-left:40px;
	float:left;
}
textarea#comment {
	background:#fff; 
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:5px 3px 6px 3px;
	border-top:2px solid #666;
	border-left:2px solid #666;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	font-size:17px;
	width:320px;	 
	height:180px;
	margin-bottom:20px;
	
}
input#submit {
	background:url(images/comment-send.png); 
	width:193px;
	height:41px;
	border:none;
	text-indent:-9999px;
	position:relative;
	top:25px;
	left:510px;
}
input#submit:active {
	top:26px;
}
p.commentmoderation {
	clear:both;
}
ol.commentlist{
	clear:both; 
	padding:25px 45px 25px 35px;
	font-family:'CopseRegular'; 
	font-size:17px; 
	line-height:27px;
	color:#666666;
}
ol.commentlist li {
	list-style:none;
	margin-bottom:30px;
}
ol.commentlist ul.children {
	padding:25px 0;
}
ol.commentlist ul.children li {
	padding-left:35px;
	margin-left:35px;
	border-left:1px dashed #ccc;
	margin-bottom:30px;
}
ol.commentlist li img.avatar {
	float:left; 
	background:#CCCCCC;	 
	padding:10px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:7px 20px 10px 0;
}
.comment-meta {
	font-size:12px;
}
h3#comments {
	font-family:'BebasNeueRegular'; 
	font-size:20px; 
	font-weight:normal; 
	clear:both;
	margin:50px 0 35px 0;
}
#cancel-comment-reply {
	position:relative;
	top:-15px;
}


/*sidebar*/
#sidebar {
	min-height:250px; 
	width:262px; 
	float:left; 
	margin:0;
	padding:10px 0 0 0;
	border-left-color:gray;
	border-left-style: double; /* Стиль линии */
    	border-left-width: 3px;	
	}
.sidebar-widget{
	font-family:'CopseRegular'; 
	font-size:18px;
	width:240px;
	line-height:20px;
	clear:both; 
	display:block;  
	
	padding-left:5px;
	margin:5px 0 0 0;
}
.sidebar-widget h3 {
	font-family:'BebasNeueRegular'; 
	font-size:20px;
	/*background: url(images/nav-bg.png) repeat-x;*/
	font-weight:normal;
	line-height:25px; 
	clear:both; 
	display:block;
	margin:0 0 5px 0; 
	border-bottom:1px solid #ccc; 
	padding-bottom:12px;
}
.sidebar-widget li {
	list-style:none;
}
.sidebar-widget a {
	color:#666666; 
	text-decoration:none;
} 
.sidebar-widget a:hover {
	color:#000000;
}

/*footer*/
#footer{
	min-height:25px; 
	overflow:hidden; 
	padding-bottom:65px; 
	clear:both; 
	position:relative;
}
#colwrap {
	clear:both; 
	padding-top:50px; 
	font-family:'CopseRegular'; 
	font-size:16px; 
	line-height:16px;
}
.column.first{
	width:230px; 
	margin-right:22px; 
	height:200px;
}
.column.first p {
	color: #666666;
    font-style: italic;
    left: 28px;
    position: relative;
    text-align: right;
    top: -15px;
    width: 168px;
	text-shadow:1px 1px 0 #000;
}
.column {
	width:167px;  
	float:left; 
	margin:0 20px 0 0; 
	min-height:150px;
}
.column.last{
	margin-right:0;
}
.column h3 {
	font-family:'BebasNeueRegular'; 
	font-size:20px; 
	font-weight:normal; 
	color:#CCCCCC; 
	border-left:6px solid #cf0000; 
	padding:0 0 0 6px; 
	margin-bottom:14px; 
	text-shadow:1px 1px 0 #000; 
	line-height:21px;
}
.column li {
	list-style:none; 
	padding-bottom:3px;
}
.footer-widget {
	clear:both; 
	display:block; 
	margin-bottom:22px; 
	padding-right:10px; 
	color:#666666;
}
.footer-widget a {
	text-decoration:none; 
	color:#999999; 
}
.footer-widget a:hover {
	color:#FFFFFF;
}
table#wp-calendar {
	width:100%;
}
table#wp-calendar caption {
	margin-bottom:20px;
}
a#logo-small{
	position:relative; 
	display:block; 
	top:-38px; 
	left:62px;
}
a#logo-small:active{
	top:-37px;
}
a#ff {
	position:absolute; 
	bottom:0; 
	right:0; 
	background:#f2b100; 
	color:#333333; 
	text-decoration:none; 
	font-size:10px; 
	padding:1px 5px 2px 5px; 
	opacity:.5; 
	text-shadow:1px 1px 0 #fbd56f;
	}
a#ff:hover{
	opacity:1.0;
}

/*Accordeon*/
section
{
        display: block;
} 

.accordion
{
        background-color: #eee;
        border: 1px solid #ccc;
        width: 600px;
        padding: 10px;
        margin: 50px auto;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 1px 0 #999;
        -webkit-box-shadow: 0 1px 0 #999;
        box-shadow: 0 1px 0 #999;
}

.accordion section
{
        border-bottom: 1px solid #ccc;
        margin: 5px;
        background-color: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
        background-image: -webkit-linear-gradient(top, #fff, #eee);
        background-image:    -moz-linear-gradient(top, #fff, #eee);
        background-image:     -ms-linear-gradient(top, #fff, #eee);
        background-image:      -o-linear-gradient(top, #fff, #eee);
        background-image:         linear-gradient(top, #fff, #eee);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

.accordion h2,
 .accordion p
{
        margin: 0;
}

.accordion p
{
        padding: 10px;
}

.accordion h2 a
{
        display: block;
        position: relative;
        font: 14px/1 'Trebuchet MS', 'Lucida Sans';
        padding: 10px;
        color: #333;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

.accordion h2 a:hover
{
        background: #fff;
}

.accordion h2 + div
{
        height: 0;
        overflow: hidden;
        -moz-transition: height 0.3s ease-in-out;
        -webkit-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out;
}

.accordion :target h2 a:after
{
    content: '';
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -3px;
        border-top: 5px solid #333;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
}

.accordion :target h2 + div
{
        height: 100px;
}