/*
Theme Name: Artemis
Theme URI: http://frostpress.com/themes/artemis/
Description: Two-column theme with widget placement in both in a sidebar and at the bottom, with a soft blend of blue, white and sand colors. Widget in the sidebar with tabbed lists of recent comments, popular posts, categories and tags saves a lot of space.
Version: 1.1.2
Author: Frostpress
Author URI: http://frostpress.com
Tags: light, white, blue, two-columns, right-sidebar, fixed-width, threaded-comments, sticky-post

This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)

"It's not how one dies, its how one lives that truly matters."
*/

/* basic */
        #container {width:1000px; margin:0px auto 0px; overflow:hidden; background:#FFFFFF; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);}
	body { margin:0px; padding:0px; background-color:#f2f0ee; font-size:14px; line-height:170%; color:#444444; font-family:Verdana, Arial, Helvetica, sans-serif; }
        #m {width: 202px; float: left; text-align: left; padding-left: 40px;}
        #w {width: 400px; float: right; margin-top: 50px;}
	a { color:#4f7230; outline:none; }
	a:hover { text-decoration:none; color:#7eb64c; }
	blockquote { padding:1px 10px 1px 10px; margin:10px 0px 10px 10px; background-color:#EFEFEF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
	blockquote blockquote { background-color:#E1E1E1; display:inline-block; }
	pre { padding:5px 10px 5px 10px; margin:10px 0px 10px 0px; background-color:#F2F2F2; line-height:160%; overflow:auto; }
	input, select, textarea { padding:6px; background:#FFFFFF url('images/search-box.gif') left top repeat-x; border:solid 1px #CCCCCC; font:normal 13px/100% Verdana, Arial, Helvetica, sans-serif; color:#666666; }
	input:hover, select:hover, textarea:hover { border-color:#B5B5B5; }
	textarea { line-height:160%; }
	form { margin:0px; padding:0px; }
	ul { list-style:square; color:#0a019e; list-style-image:url('images/dot.gif'); }
	p { margin:11px 0px 11px 0px; }
	acronym, abbr { cursor:help; border-bottom:1px dashed #999; }
	code { font:1.1em 'Courier New', Courier, Fixed; }
        qwe {font-family: Tahoma; font-size: 25px;}
        #top-menu ul li {display: inline; padding-right: 25px; padding-bottom: 5px;}
        hr {color: #0b02aa;}
        #top-menu {margin: 8px;}
        h2 {font-size: 18px;}
        #breadcrumbs{font-size: 10px;}
        hr .line {color:#000000;}

/* header */
	#header {overflow:hidden; background:#fafafd; width:1000px; margin:0px auto 0px; border-bottom:solid 3px #0b02aa; border-right:solid 1px #E7E2DE; border-left:solid 1px #E7E2DE; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);}
		#header .innerwrap {overflow:hidden; padding:10px 0px 10px 0px; }
		#header h1 { color:#FFFFFF; font:bold 36px/100% Helvetica, Arial, sans-serif; margin:0px 0px 10px 0px; padding:0px; letter-spacing:-1px; }
		#header h1 a { color:#FFFFFF; }
		#header h4 { color:#7B8DA8; font:bold 14px/100% Helvetica, Arial, sans-serif; margin:0px 0px 0px 0px; padding:0px; }

	/* menu */
	#menu { overflow:hidden; float:right; margin:0px 0px 0px 0px; font:bold 14px/100% Helvetica, Arial, sans-serif; }
	#menu ul { overflow:hidden; list-style:none; margin:0px; padding:0px; }
	#menu ul li { padding:0px; margin:0px; display:inline; }
	#menu ul li a { display:block; float:left; color:#0a019b; padding:8px; }
	#menu ul li a:hover { text-decoration:none;}
	#menu li.current_page_item a, #menu li.current_page_item a:hover { background:#576982; color:#FFFFFF; }
	#menu ul li a.subscribe { color:#FF9900; }
	#menu ul li a.subscribe:hover { color:#FFB94F; }

/* layout */
	#main {margin:0px auto 0px; width:1000px; overflow:hidden; background:#f2f0ee; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);}
		.innerwrap { width:1000px; margin:0px auto 0px; overflow:hidden; }
		#main .innerwrap { background:url('images/bg_c1.gif') left top repeat-y; }
			#a1 { width:959px; float:left; overflow:hidden; background:#FFFFFF; border:solid 1px #E7E2DE;  border-top:0; border-bottom:0; padding:20px; }
			#c1 { width:710px; float:left; overflow:hidden; background:#FFFFFF; border:solid 1px #E7E2DE; border-top:0; border-bottom:0; padding:20px;}
			#c2 { width:240px; height:100%; float:left; overflow:hidden;  background:#FFFFFF;}

/* post */
	.post { overflow:hidden; margin:0px 0px 20px 0px; padding:0px 0px 10px 0px; }

	.post-title, { overflow:hidden;  margin:10px 0px 10px 0px; }
		.post-title h1, .post-title h1 a{ text-align: center; padding:0px; font:bold 22px/100% Verdana; text-decoration: none; }
                .post-title h2 {font:bold 20px/100% Verdana;}
		.post-title h1 a { color:#444444;}
		.post-title h1 a:hover { color:#666666; }
		.post-date { display:inline-block; background-color:#F1EEEB; padding:1px 6px 1px 6px; }
		.post-categories { }
		.post-author { /*display:none;*/ }

	.post-text { overflow:hidden; }
		.post-text img { border:solid 4px #E9E4E0; }
	.post-foot { overflow:hidden; padding:8px 0px 8px 0px; color:#C9C0B8; }
		.post-meta a { color:#A7988B; }
		.post-meta a:hover { color:#BFB5AA; }
		.comments-link { display:block; background:url('images/comment.gif') left 0px no-repeat; padding:0px 0px 0px 30px; margin:0px 0px 0px 0px; float:right; font:bold 14px/150% Arial, Helvetica, Verdana, sans-serif; height:40px; }

	#submenu { float:right; overflow:hidden; margin:0px 0px 5px 5px; padding:10px; background-color:#F2F0EE; }
	#submenu ul { margin:0px; padding:0px 0px 0px 15px; }

	.sep { background:url('images/sep.gif') center top no-repeat; height:17px; margin:0px 0px 5px 0px; }

/* comments */
	.commentlist { padding:0px; margin:0px; overflow:hidden; }
	.commentlist ul { margin:0px; padding:0px; list-style:none; list-style-image:none; }
	.commentlist li { margin:0px; padding:0px; overflow:hidden; }

	ul.children { margin:0px 0px 0px 25px; }
	.children .avatar { width:35px; height:35px; }

	.comment { overflow:hidden; background-color:#F1EEEB; margin:0px 0px 10px 0px; padding:0px; }
	.comment blockquote { background-color:#E2DCD6; }
	.comment.bypostauthor { background-color:#EBEDF1; }
	.comment-head { background-color:#E3DDD7; padding:3px 10px 3px 10px; }
	.comment-avatar { float:left; overflow:hidden; padding:10px; }
	.comment-text { overflow:hidden; padding:10px 10px 10px 0px; }
		.comment-meta { overflow:hidden; border-bottom:dashed 1px #CCCCCC; padding:0px 0px 5px 0px; }
			.comment-writer { display:inline; font-weight:bold; }	
			.comment-date { display:inline; margin-left:5px; }
			.comment-date a, .comment-reply a { color:#999999; }
			.comment-date a:hover, .comment-reply a:hover { color:#666666; }
			.comment-reply { float:right; }

	.trackbacklist { margin:20px 0px 0px 0px; padding:0px; }
	.trackbacklist li { margin:0px 0px 10px 0px; padding:10px 10px 10px 10px; overflow:hidden; background-color:#F2F1EE; }

	#respond #comment { width:97%; max-width:97%; }

/* widgets */

	#widgets {overflow:hidden; list-style:none; list-style-image:none; margin:0px; padding:0px; }
	.widget { list-style:none; margin:0px 0px 20px 0px; overflow:hidden; }
	.widget ul { margin:0px 0px 0px 20px; padding:0px; color:#0a019e;}
	.widget ul li { padding:5px 0px 0px 0px; color:#0a019e;}
	.widget h2, .submenu h2 { margin:0px 0px 5px 0px; padding:0px; color:#0a019e; font:bold 16px/100% Arial, Helvetica, Verdana, sans-serif; }

	#widgets-bottom { overflow:hidden; list-style:none; list-style-image:none; margin:0px; padding:0px; }
	#widgets-bottom .widget { float:left; width:290px; margin:0px 20px 20px 0px; }
	#widgets-bottom .widget h2 { color:#8091AA; }

	.recent .tabs { list-style:none; margin:0px; padding:0px; overflow:hidden; }
	.recent .tabs li { padding:0px; margin:0px; display:inline; }
	.recent .tabs li a { float:left; display:block; padding:2px 6px 2px 6px; background-color:#DEDAD8; color:#333333; margin-right:5px; border-bottom:solid 4px #F2F0EE; }
	.recent .tabs li a:hover { background-color:#D5CDCA; }
	.recent .tabs li a.active { background-color:#E7E4E2; border-bottom:solid 4px #E7E4E2; }
	.recent ul { list-style:none; margin:0px; padding:0px; }
	.recent ul li { margin-bottom:4px; background-color:#E7E4E2; width:100%; padding:5px 10px 5px 10px; overflow:hidden; }

	#tab-comments { margin:0px; padding:0px; }
	.tab-comments-avatar { float:left; overflow:hidden; margin:3px 10px 3px 0px; }
	.tab-comments-text { float:left; overflow:hidden; width:230px; }
	#tab-comments li { overflow:hidden; }
	#tab-categories li a { background:url('images/dot.gif') left 5px no-repeat; padding-left:17px; }

/* navigation + search */
	.navigation {width:1000px; margin:0px auto 0px; overflow:hidden; background-color:#E8E4E1; }
	.navigation .innerwrap { background:url('images/bg_navigation.gif') left top repeat-y; padding:20px 0px 20px 0px; }
	.Nav { margin:4px 0px 0px 20px; }
	.navigation span { display:none; }
	.navigation a { padding:5px 10px 5px 10px; background-color:#DCD6CD; color:#333333; }
	.navigation a:hover { background-color:#CCC4B7; }
	.navigation .on { padding:5px 10px 5px 10px; }

		#search { overflow:hidden; float:right; }
		#search input { padding:6px; width:290px; }

/* footer */
	#footer {width:1000px; margin:0px auto 0px; color:#95A5B9; border-top:solid 3px #0b02aa; padding:20px 0px 20px 0px; }
	#footer h3 { font:bold 15px/100% Arial, Helvetica, Verdana, sans-serif; color:#778AA2; margin:0px 0px 10px 0px; padding:0px; }
	#footer i { font-style:normal; color:#C6CFD9; }
	#footer ul { margin:0px 0px 0px 20px; padding:0px; }
	#footer img { border:solid 4px #4E5F76; }
	#footer a { color:#E4B887; text-decoration:none; }
	#footer a:hover { text-decoration:none; color:#F0D9BF; }

	#footer-info { text-align:center; margin-top:40px; color:#657D9A; }
	#footer-info a { color:#899BB1; }

/* Wordpress defaults */
	.overflow { overflow:hidden; }
	.center { text-align:center; }
	.noborder { border:0 !important; }
	
	p img { padding: 0; max-width: 100%; }
	img.centered { display: block; margin-left: auto; margin-right: auto; }
	img.alignright { margin:0px 0px 7px 7px; display: inline; }
	img.alignleft { margin:0px 7px 7px 0px; display: inline; }
	.alignright { float: right; }
	.alignleft { float: left }

	/* Begin Calendar */
	#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
	#wp-calendar a { text-decoration: none; }
	#wp-calendar caption { font-weight:bold; text-align: center; }
	#wp-calendar th { font-style:normal; font-weight:normal; text-transform: capitalize; }
	#wp-calendar { empty-cells: hide; width: 200px; }
	#wp-calendar #next a { padding-right: 10px; text-align: right; }
	#wp-calendar #prev a { padding-left: 10px; text-align: left; }
	#wp-calendar a { display: block; background-color:#B3AAA2; color:#333333; }
	#wp-calendar #today { background-color:#BDC6D5; }
	#wp-calendar caption { text-align: center; width: 100%; }
	#wp-calendar td { text-align: center; background-color:#E0DBD8; }
	#wp-calendar .pad { background-color:#F2F0EE; }
	/* End Calendar */

	/* Captions */
	.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.wp-caption { border: 1px solid #E9E4E0; text-align: center; background-color: #E9E4E0; padding-top: 4px; margin: 10px;
				-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.wp-caption img { margin: 0; padding: 0; border: 0 none; }
	.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
	/* End captions */

.sprav {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
   }
.sprav:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; right: 0; bottom: 5px; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: yellow; /* Полупрозрачный цвет фона */
    color: #fff; /* Цвет текста */
    text-align: left; /* Выравнивание текста по центру */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
   }