/*

Theme Name: Other Side

Description: To Get to the Other Side

Version: 0.1

Author: tvorog



*/



html, body{height:100%;} 



body {

	padding:0;

	margin:0;

	background:#2a332e url(img/bg-chess.gif) repeat left top fixed;

	color: #000000;

	text-align:center;

}



.clear{

	clear:both;

}



#outer{

	min-height:100%;

	width:746px;	

	background:#ebe8dd;

	background:#f9f5e3;

	

	

	margin:0 auto;

	text-align:left;

	position:relative;

	border:3px solid #d2cdc2;

	border-width:0 3px;

	

	color: #000000;

	font-family:Georgia;

	font-size:15px;

	line-height:24px;

	z-index:1;

	

}

#outer p {padding-left:6px; padding-right:6px}



#header {	

	background: url(img/tape1.jpg) repeat-x;

	height:123px;

	position:absolute;

	width:100%;

}



#footer {

	position:absolute;

	bottom:0;

	left:-73px;

	background:url(img/footer.gif) no-repeat;

	height:35px;	

	width:845px;	

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;

}



#footer ul{

	margin:10px 20px 0 110px;

	padding:0;

	list-style:none;	

}



#footer ul li{

	float:left;

	margin: 4px 15px 0 0;

	color:#201b15;

	font-size:12px;	

	line-height:14px;	

}

#footer ul li.t{

	float:right;

}



a.red,

a.red:visited{

	color:#c3b199;	

	border-bottom:1px dotted #c3b199;	

	text-decoration:none;

}



a.red:hover,

a.red:active{

	color:#fff;

	background:#8e2601;

}



#clearfooter{clear:both;height:50px;}





/*****************/

table.tbl-download{
	width: 370px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;
	float:right;
	line-height:125%;	
	padding:5px;	
	margin:0 0 20px;
	font-size:0.85em;
	background:#E8E3CC none repeat scroll 0 0;
	border:1px solid #DAD1BE;
	color:#333333;
}

table.tbl-download a{
	font-size:1.2em;	
}

table.tbl-download a:hover,
table.tbl-download a:active{
	color:#fff;
}

table.tbl-download p{
	margin:0  0 1em;
}

/*****************/



.head{

	position:relative;

	margin: 0 0 0 -86px;

	padding:13px;

	width:885px;

	height:210px;

	background:url(img/header.gif) no-repeat 0 100%;

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;

}



.head h1 {

	margin:0 0 0 100px;

	padding:0;	

	width: 323px;

	height:40px;

	position:absolute;

	top:90px;

	left:360px;

}

.head h1 a{	

	height:40px;

	display:block;

	position:relative;

	overflow:hidden;	

}

.head h1 a em{ 

	position:absolute;

	left:-1000px;

}



.head p{

	color:#13100b;

	margin:0;

	line-height:12px;

	text-align:center;

	font-size:12px;

	font-weight:bold;

	position:absolute;	

	width:353px;

	top:140px;

	left:436px;

}



.head ul{

	list-style:none;

	margin:33px 0 0 55px;

	/*padding:0;*/

	width:166px;

}



.head ul a{

	color:#0d0c04;

	display:block;

	line-height:16px;

	font-size:12px;	

	text-decoration:none;

	padding:3px 0px 3px 13px;

	margin:5px 0;

	text-align:left;

	background:url(img/black-bg.png) no-repeat -300px 0;

}



.head ul li.current_page_item a,

.head ul a:hover,

.head ul a:active{

	color:#0d0c04;

	font-weight:bold;

	background:url(img/black-bg.png);

}



.txt{

	padding:0px 0 0px;

	margin:60px 60px 0;

}



div.ie6{

	

}



#tbl-cont{
	position:absolute;
	left:-39px;
	top:200px;
	width:400px;
}

#btn_contact{
	position:absolute;
	width:36px;
	height:110px;
	overflow:hidden;
	top:300px;
	right:-39px;
	top:220px;
}

#btn_contact a{
	display:block;
	width:36px;
	height:110px;
	background:url(img/btn_contact.gif) no-repeat 0 0;
}

#btn_contact a span{
	display:none;
}

#btn_contact.fixed{
	position:fixed;
	top:220px;	
	z-index:100;
	right:auto;
	position:fixed;
	top:10px;
	left:auto;
	margin:0 0 0 748px;
	z-index:100;
}


#tbl-cont.hidden{
	position:absolute;
	width:36px;
	height:166px;
	overflow:hidden;
	top:300px;
}



#tbl-cont.fixed{
	position:fixed;
	top:10px;
	left:auto;
	margin:0 0 0 -39px;
	z-index:100;
}



#tbl-cont div.content{

	width:400px;	

	position:fixed;

	top:10px;	

	background:#0d0c04;

	border:0px solid #d2cdc2;

	padding:3px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;

}

	.txt h1{

		font-weight:normal;

		margin:-50px 0 40px;

	}

	 div.content ol{

		margin:10px 0 0 0; 

		padding:0 0 0 30px;

		height:490px;

		overflow:auto;

		font-size:12px;

		color:#999;

	 }

	 

	  div.content li{

		background:#222;		

	  }

	  div.content li.alt{

		background:transparent;

	  }

	  

	  div.content .cu,

	  div.content .cd{

		background:#0d0c04;

		margin:-9px 3px -3px;

		position:relative;

		height:6px;		

	  }

	  

	  div.content .cd{

		margin:0px 3px -9px;	  

	  }

	  

	  div.content .l{

		height:6px;

		width:6px;

		background:url(img/c-ul.gif) no-repeat 0 0;

		top:0;

		left:-6px;

		position:absolute;

	  }

	  

	  div.content .r{

		background:url(img/c-ur.gif) no-repeat 0 0;

		position:absolute;

		right:-6px;

		height:6px;

		width:6px;

	  }

	  

	   div.content .cd .l{ background:url(img/c-dl.gif) no-repeat 0 0; }

	   div.content .cd .r{ background:url(img/c-dr.gif) no-repeat 0 0; }

	  

	 

	  div.content h2{		

		margin:0px 0 0 10px;

		color:#eee;

		font-size:16px;

	  }

	  

	  div.content a,

	  div.content a:visited{

		display:block;

		color:#bbb;

		text-decoration:none;

		padding:0 0 0 3px;

		width:347px;

	  }

	  div.content a:hover,

	  div.content a:active{

		color:#eee;

		background:#444;

	  }

	 

	 

.hld{

	position:relative;

}



#tbl-cont a#btn1{

	background:url(img/icon_close.gif) no-repeat;

	width:13px;

	height:13px;

	display:block;

	overflow:hidden;

	position:absolute;

	z-index:2;

	left:388px;

	top:-1px;

}

	a#btn span,

	a#btn1 span{

		display:none;

	}



	#tbl-cont a#btn{
		position:static;
		display:none;
		background:url(img/btn_table-cont.gif) no-repeat;
		width:36px;
		height:166px;		
		overflow:hidden;
		left:0;
		top:0;
	}
	
	#btn_c{
		position:static;
		display:block;
		background:url(img/btn_contact.gif) no-repeat;
		width:36px;
		height:110px;		
		overflow:hidden;
		left:100px;
		top:0;
	}

	

	#tbl-cont.hidden .content{
		display:none;
	}

	

	#tbl-cont.hidden a#btn{

		display:block;

	}

	

	

	

	

.txt h2,

.txt h3,

.txt h4,

.txt h5{

	font-weight:normal;

}





/****** WP *********/



.wp-caption { 

	margin: 5px; 

	padding:  7px 9px 7px 7px; 

	border: solid 1px #dedad2; 

	background: #fcf7ec; 

	font-size:80%; 

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;

	text-align:center;

}



.wp-caption p{

	margin:5px 0 0;

}



.txt img{

	display:block;

	margin:auto;

	padding:5px;

	border:1px solid #dedad2;

	background:#fff;

}



.alignright {

	float:right;

}



.alignleft{

	float:left;

}



div.alignright{

	float:right; 

	margin:0 -36px 1em 1em;

}



div.alignleft{

	float:left; 

	margin:0 1em 1em -36px;

}



.txt .alignright {float:right; margin:0 -36px 1em 1em}

.txt .alignleft {float:left; margin:0 1em 1em -36px;}

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



.txt a img.alignright {float:right; margin:0 0 1em 1em}

.txt a img.alignleft {float:left; margin:0 1em 1em 0}

.txt a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



.txt div.wp-caption  img.alignright {float:right; margin:0}

.txt div.wp-caption  img.alignleft {float:left; margin:0}

.txt div.wp-caption  img.aligncenter {display: block; margin-left: auto; margin-right: auto}





.txt .date{

	padding:2px 0;	

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;

	font-size:11px;

	font-weight:bold;

	color:#333;

	border:1px dotted #666;

	border-width:1px 0 0;

	line-height:13px;

}



.txt h2{

	font-size:2em;	

	margin-bottom:10px;

	color:#4a8906;

}



.navigation{

	margin:20px 35px 40px;

}



.navigation .alignleft{

	float:left;

	width:300px;

	margin:0;

}





.navigation .alignright{

	float:right;

	width:300px;

	margin:0;

}



.navigation a,

.navigation a:visited{

	display:block;

	line-height:14px;

	text-decoration:none;

	color:#000;

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;

	font-size:13px;

	font-weight:bold;

	padding:0 0;

}

.navigation a:hover,

.navigation a:active{

	color:#8e2601;

}



.txt a:link{color:#4a8906;}

.txt a:visited{color:#8e9401;}

.txt a:hover{color:#4a8906;}

.txt a:active{color:#4a8906;}



.navigation .alignleft a,

.navigation .alignleft a:visited{

	background: url(img/arr-l.gif) no-repeat 0 50%;

	padding-left:29px;

	float:left;

}



.navigation .alignleft a:hover,

.navigation .alignleft a:active{

	/*background: url(img/arr-l.gif) no-repeat 0 -157px;*/

}



.navigation .alignright a,

.navigation .alignright a:visited{

	background: url(img/arr-r.gif) no-repeat 100% 50%;

	padding-right:29px;

	text-align:right;

	float:right;

}



.navigation .alignright a:hover,

.navigation .alignright a:active{

	/*background: url(img/arr-r.gif) no-repeat 100% -157px;*/

}





ol.tbl-list{

	font-size:1.2em;

	line-height:120%;

	color:#777;	

}



ol.tbl-list li{

	margin:0;

	

}

ol.tbl-list li.alt{

	background:#e6ddca;

}



ol.tbl-list h2{

	margin:0;

	font-size:1em;

}



ol.tbl-list h2 a:link,

ol.tbl-list h2 a:visited{

	padding:5px;

	color:#222;

	border-bottom:0px dotted #999;

	text-decoration:none;

	display:block;

}

ol.tbl-list h2 a:hover,

ol.tbl-list h2 a:active{

	background:#795d33;

	color:#fff;

}



/*****************************/

.bottom{

	margin-top:40px;

}



div.translation{

	background:#fff url(img/typewriter.jpg) no-repeat 98% 10px;

	margin:0 10px 20px;

	padding:90px 60px 30px ;

	border:2px solid #bbb;

	border-width:1px 1px 1px;

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;

	/*font-family: Courier, monospace;*/

}



div.translation h2{

	font-weight:bold;

	color:#600;

	font-family: 'Courier New', Courier, monospace;

	margin:0;	

}



div.translation h3 {

	color:#660000;

	font-family:'Courier New', Courier, monospace;

	font-weight:bold;

	margin:0;

	font-size:1.5em;

	margin-bottom:10px;

}



div.translation .date{	

	background:none;

}



div.historical{

	background:#dbc8a2 url(img/hist_bg.jpg) 0 0;

	margin:60px 10px 20px;

	padding:0px 60px 30px ;

	border:1px solid #bd9a77;	

	

	color:#131943;

}	



div.ink{

	margin:-60px -60px 0 0;

	height:147px;

	background:url(img/ink.gif) no-repeat 100% 0;

}



div.historical h2{

	font-style:italic;

	font-size:2.8em;

	margin:0 0 10px;

	border-bottom:1px solid #232953;

	line-height:100%;

	color:#232953;

	

}



div.historical .date{	

	/* background:#a5885d; */

	border:0;

}



blockquote{

	background:#fcf7ec url(img/quote.gif) no-repeat 7px 5px;

	margin: 5px 25px; 

	padding:  7px 9px 7px 60px; 

	border: solid 1px #dedad2; 	

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;

	color:#333;

}



.wp-caption-text{

	line-height:120%;

	color:#333;

}



/**************/



div.wpcf7{

	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;

	color:#333;

	padding:5px 20px 5px!important;

	margin:20px 0  !important;

	border:1px solid #dad1be;

	background:#e8e3cc;

}



.wpcf7 .wpcf7-form-control-wrap input{

	width:566px;

	border:1px solid #aaa;

	height:22px;

	line-height:22px;

	padding:0 3px;

}



.wpcf7 .wpcf7-form-control-wrap textarea{

	width:566px;

	border:1px solid #aaa;

	height:250px;

	line-height:22px;

	padding:3px;

}



p.submit input{

	background:url(img/btn_submit.jpg) no-repeat 0 0;

	border:0;

	width:152px;

	height:75px;

	display:block;

	cursor:pointer;

	float:left;

	font-size:1px;

	color:#8f6e39;

}



div.wpcf7-validation-errors {

background:#fff !important;

color:red !important;

}