/*
Theme Name: Fita.Su Theme v. 3
Theme URI: http://www.891rpm.com/themes/fitasu
Description: Beautiful light and professional designed WordPress theme by <a href="http://www.891rpm.com">891rpm.com</a>.
Author: Mikhail P. Romanov
Author URI: http://www.891rpm.com
Tags: fixed width, two columns, valid XHTML, simple, blue, clean, widgets, widget ready, 2columns, right sidebar, gravatars, rounded corners, transparent
Version: 3.0.0
*/



::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}



a {
    color: #800000;
    text-decoration: underline;
}

a img {
    border: none;
}

a:hover {
    color: #A0522D;
    text-decoration: underline;
}

blockquote {
    border-left: 5px solid #ccc;
    margin-left: 1.5em;
    padding-left: 5px;
}

/*++++++++++++++++++ The BACKGROUND IMAGE +++++++++++++++++++++*/
/*+++++ replace "(images/default.jpg)" with another image from the /images directory of the theme ++++*/

body {
		/*background-image: url(images/default.jpg);*/
		background-image: url(images/bg3.jpg);
		background-attachment: fixed;
		background-position: top center;
		background-repeat: repeat-x repeat-y;
		background-color: #bf8553;
		color: #000;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		margin: 0;
		padding: 0;
}

#bg1 {
		background: url(images/rog5.png) no-repeat left bottom;
		position: fixed; /* ���������� ���������������� */
		bottom: 0px; /* ��������� �� ������� ���� */
		left: -50px; /* ��������� �� ������� ���� */
		z-index: 2;
		
		width: 567px;
		height: 600px;
		
		opacity: 0.5;
		filter:alpha(opacity=50);
		zoom:1;
}

cite {
		font-size: 100%;
		font-style: normal;
}

h1 {
		font: 20px Tahoma, Verdana, Arial, sans-serif;
		margin: 15px 0 2px 0;
		padding-bottom: 2px;
		font-weight: bold;
}

h2 {
		font: 95% Tahoma, Verdana, Arial, sans-serif;
		margin: 15px 0 2px 0;
		padding-bottom: 2px;
}

h3 {
		font-family: Tahoma, Verdana, Arial, sans-serif;
		margin: 0 0 5px 0;
}

p, li {
		font: 12px Tahoma, Verdana, Arial, sans-serif;
		line-height:17px;
}

/* ++++++++++++++++++ The Main Container ++++++++++++++++++ */

.main {
		width:960px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		z-index: 3;
}

/* ++++++++++++++++++ HEADER ++++++++++++++++++ */

#header {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		overflow: hidden;
		font-family: Tahoma, Verdana, Arial, sans-serif;
}

		#headerleft {
				/* background:url(/wp-content/uploads/logos.gif) no-repeat 0 0; */
				width: 220px;
				height: 150px;
				
				display: inline;
				float: left;
				position: relative;
				margin-left: 10.0px;
				margin-right: 10.0px;
				
				/*background-color: red;*/
		}

				#headerlogo {
					background:url(images/fita_logo.png) no-repeat 0 0;
					width:101px;
					height:150px;
					margin-top: 0px;
					margin-bottom: 0px;
					margin-left: 119px;
					margin-right: 0px;					
					cursor: pointer;
				}

		#headerright {
				width:700px;
				height:150px;
				cursor:default;
				cursor:default;

				display: inline;
				float: left;
				position: relative;
				margin-left: 10.0px;
				margin-right: 10.0px;

				/*background-color: orange;*/
		}

		#headerright a {
				cursor: pointer;
				float: right;
				margin: 0px;
		}

		#headerright a:hover {
				cursor:pointer;
		}

				#headmenu {
							/* letter-spacing:-1px; */
							font-weight: normal;
							float:right;
							margin: 0;
							/*padding: 60px 20px;*/
							color:#fff;
							overflow:hidden;
							/*background-color: yellow;*/
							margin-top: 60px;
				}

				#headmenu a {
						font-size: 18px;
						color:#800000;
						padding:3px 10px 2px 10px;
						margin:0 0 0 3px;
						line-height:21px;
						text-decoration: underline;
						/*background-color: green;*/
				}

				#headmenu a:hover {
						 color:#A0522D;
				}

				#headmenu ul {
						 margin-top:0;
				}

				#headmenu ul li {
						 float:right;
						 list-style-type:none;
						 font: 22px Tahoma, Arial, Verdana, sans-serif;
						 line-height:17px;
				}

/* ++++++++++++++++++ CONTENT ++++++++++++++++++ */

#content {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		overflow: hidden;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		/*background-color: lightblue;*/
		position: relative;
		z-index: 3;
}

/* ++++++++++++++++++ CONTENT.POSTS ++++++++++++++++++ */

.storywrap {
        width:460px;
		
		/* ������ ��������� ��� ��������*/
		height: 600px;
		overflow: auto;
		
		display: inline;
		float: right;
		position: relative;
		margin-left: 10.0px;
		margin-right: 10.0px;
        
		/*text-align: justify;*/
		
		/*background-color: cyan;*/

        opacity: 1.0;
		filter:alpha(opacity=100);
		zoom:1;
}

.storytitle {
        color:#000;
        padding-bottom:2px;
        border-bottom:1px solid #800000;
        text-align:left;
		list-style-type:none;
}

		.storytitle a {
				font-size:14px;
				font-weight:bold;
				text-decoration: none;
		}

		.storytitle a:hover {
				color:#A0522D;
		}
	
.post {
		/* clear:both; */
		/*padding-bottom:10px;*/
		overflow:visible;
}

.storycontent p a {
		text-decoration:underline;
}

.storycontent a:hover {
	   text-decoration:underline;
}

.storycontent li {
		list-style-type: square;
}


/* ++++++++++++++++++ CONTENT.SIDEBAR ++++++++++++++++++ */

#sidebar {
        width:460px;
        color:#000;

		display: inline;
		float: left;
		position: relative;
		margin-left: 10px;
		margin-right: 10px;

        text-align:left;
        /*padding-bottom:50px;
        padding-top:10px;*/
        margin-top: 20px;
        margin-bottom: 15px;
        overflow:hidden;

		opacity: 1.0;
		filter:alpha(opacity=85);
		zoom:1;
}

		#search {
				list-style-type:none;
				/*padding:5px 5px 5px 0;*/
		}

				.notfound {
						margin:40px 100px 0 100px;
						text-align:center;
						font-weight:bold;
						background:#fff;
						padding:20px 10px;
				}

				.notfound a {
						text-decoration:underline;
				}

		#sidebar form {
				margin: 0;
				padding:0;
				list-style-type:none;
		}

		#sidebar input#s {
				text-align:left;
				margin-left:0px;
				width: 77%;
				color: #cc9966;
				font-weight:bold;
				font-family: Tahoma, Verdana, Arial,sans-serif;
				font-size:14px;
		}
		
		.form1 {
				color: #000000;
				background-color: #ffcc99;
				font-size: 16px;
				border: 3px;
		}

		#sidebar a {
				font-family: Tahoma, Verdana, Arial;
				font-weight:normal;
				font-size:16px;
				/*color:#8B4513;*/
				color:#800000;
				text-decoration:none;
		}

		#sidebar a:hover {
				 color:#A0522D;
				 text-decoration:underline;
		}


		#sidebar h3 {
				font-weight: bold;
				font-size: 14px;
				margin-top: 10px;
				margin-right: 0px;
				margin-bottom: 10px;
				margin-left: 0px;
				color: #000000;
		}

		#sidebar li {
				list-style-type: none;
		}
		
		#sidebar ul {
				color: #fff;
				font-weight: bold;
				margin: 0;
				padding-left: 0px;
		}

		#sidebar ul li {
				font-family: Tahoma, Verdana, Arial, sans-serif;
				padding:0 10px 1px 10px;
				margin:3px 0 0 0;
				font-size:12px;
		}

		#sidebar img {
				opacity: 1.0;filter:alpha(opacity=100);zoom:1;
				border: 1px solid #800000;			
		}

		#sidebar img.disk {
				opacity: 1.0;filter:alpha(opacity=100);zoom:1;
		}

		#exclusive {
				font-size: 22px;
				font-weight: normal;
				text-align: center;
				margin-top: 20px;
				margin-bottom: 30px;
background-color: yellow;				
		}

		#exclusive a {
				font-size: 22px;
				font-weight: normal;
				text-align: center;
				text-decoration:underline;
		}
		
		/*#exclusive a.neon {
				text-shadow: 0 0 0.2em white, 0 0 0.2em white, 0 0 0.2em white;
		}*/
		
		.wb {
				width: 220px;
				height: 110px;
				float: left;
				margin: 0px;
				padding-top: 10px;
				padding-bottom: 10px;
				padding-left: 0px;
				padding-right: 10px;
		}
		
		.wb img {
				margin-left: 10px;
				margin-right: 10px;
				margin-top: 0px;
				margin-bottom: 0px;
		}
		
		.wb a {
			font-weight: bold;
		}
		
/*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
        ++++++++++++++++++ Special Stylings ++++++++++++++++++
         +++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.meta {
        font-size: 10px;
        font-family: Tahoma, Verdana, Arial, sans-serif;
        color: #808080;
        clear:both;
        padding-top:2px;
        border-top:1px solid #808080;
        margin:30px 0 0 0;
}

.meta li, ul.post-meta li {
        display: inline;

}

.meta ul {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;

}


.meta a, .meta a:visited {
        color: #808080;
        font-weight: bold;
}


.meta a:hover {
        border-bottom:1px solid #808080;
}

ul.post-meta {
        list-style: none;
}

ul.post-meta span.post-meta-key {
        font-weight: bold;
}

/* ++++++++++++++++++ FOOTER ++++++++++++++++++ */

#footer {
		position: relative;
		z-index: 3;
}

#footerbanners {
		opacity: 0.05;
		filter:alpha(opacity=5);
		zoom:1;
}


.footprint {

/*        border-top: 3px double #fff; */
        color: #fefefe;
        font-size: 11px;
        margin: 10px 0 0 0;
        /*background:#333333;*/

        padding: 3px;
        text-align: center;
        clear:both;

        opacity: 0.1;filter:alpha(opacity=10);zoom:1;
	
}

.footprint a {
        color:#fff;

}



.footerline {

/*        border-top: 3px double #fff; */
        color: #000;
        font-size: 11px;
        margin: 10px 0 0 0;
        /*background:#2e251f;*/

        padding: 3px;
        text-align: center;
        clear:both;

        /*opacity: 0.7;filter:alpha(opacity=70);zoom:1;*/
		opacity: 0.90;
		filter:alpha(opacity=90);
		zoom:1;
}

.footerline2 {
        color: #000;
        font-size: 11px;
        margin: 10px 0 0 0;
        padding: 3px;
        text-align: center;
        clear:both;
	opacity: 0.01;
	filter:alpha(opacity=1);
	zoom:1;
}


.footerline a {
        color:#800000;
        text-decoration:underline;
}

.footerline a:hover {
		color: #A0522D;
        text-decoration:underline;
}




/* +++++++++++++++ The comment section +++++++++++++++++ */


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {

        border: 1px solid #808080;
        padding: .2em;
        margin-left:10px;
}

#commentform textarea {
        width:96%;
}

#commentlist {
        width: 97%;
        font-size:11px;
        color:#000;
        margin:0 0 20px 0;
        padding: 0 0 0 10px;
}

#commentlist li {
        border:5px solid #dcdcdc;
        margin:0 0 20px 0;
        list-style-type:none;
        padding:0px;
        background:#f5f5f5;

         -webkit-border-radius:5px;
         -khtml-border-radius:5px;
         -moz-border-radius:5px;

}

#commentlist ul {margin:0; padding:0;}

#commentlist li p {font-size:12px;
        padding:5px 10px 5px 80px;
        margin:0;

}

#commentlist a {
        text-decoration:underline;
        font-weight:bold;
}

#commentlist li div.meta {padding:0; margin:0; text-align:center;}

#commentlist li .avatar {
        float:left;
        padding:0;
        margin:5px;

}

.authorcomm {float:left;
            margin:0;
            padding:0;
            width:70px;
            text-align:center;
            line-height:12px;
            font-size:10px;
}

.authorcomm a {text-decoration:none; font-weight:bold;}

/* ++++++++++++++++++ Not to much css for the Calendar ++++++++++++++++++ */

#wp-calendar {

        border: 1px solid #999;



        empty-cells: show;
        font-size: 11px;
        width:90%;
        text-align:center;
}

#wp-calendar a {text-decoration:underline; font-weight:bold;}
#wp-calendar a:hover {border:none; color:#fff;}
#wp-calendar caption {text-align:left;}



/* ++++++++++++++++++ IMAGES Size & aligment ++++++++++++++++++ */

img.alignleft {
        float: left;
        margin:0 10px 5px 0;

}

img.aligncenter {
        margin-top:10px;
        margin-bottom:10px;
        display: block;
        margin-left: auto;
        margin-right: auto;

}

img.alignright {
        float: right;
        margin:0 0 5px 10px;

}

img.size-thumbnail {
}

img.size-medium{
}

img.size-full {
}

/* ++++++++++++++++++ WORDPRESS Captions & aligment ++++++++++++++++++ */


.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.alignleft {
        float: left;
}

.alignright {
        float: right;
}

.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        padding-top: 4px;
        margin: 10px;
}

.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;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}