/*  
Theme Name: ElderScrolls.Net theme
Theme URI: http://www.elderscrolls.net/
Description: Тема ElderScrolls.Net.
Version: 1.0
Author: TERAB1T
Author URI: http://www.elderscrolls.net/
*/

BODY{ 
	background: #000;
	color: #FFF;
	font-family: Comic Sans MS;
	line-height: 1.4;
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
	padding: 0; /* required for Opera to have 0 margin */
	text-align: center; /* centers board in MSIE */
}

TABLE,
TR,
TD{
	color: #D7CEA4;
	line-height: 1.4;
	letter-spacing: 0;
	font-size: 12px;
}

.txt{
	color: #969696;
	font-size: 11px;
	margin-left: 0;
	margin-right: 0;
	text-align: justify;
}

.txt A:link,
.txt A:visited,
.txt A:active{
	color: #F4AD54;
	text-decoration: none;
}

.txt A:hover{
	color: gray;
}

A:link,
A:visited,
A:active{
	font-size: 11px; 
	color: #F4AD54;
	text-decoration: none;
}

A:hover{
	color: gray;
}

DIV.center{
	color: #D7CEA4;
	margin-left: 0;
	margin-right: 0;
	text-align: justify;
}

.a{
	font-size:11px; 
	color: #F4AD54;
}

IMG.link{
	width: 30px;
	height: 18px;
	float: right;
	border: 0;
}

IMG.link2{
	width: 30px;
	height: 18px;
	float: left;
	border: 0;
}

IMG.splash{
	width: 460px;
	height: 55px;
	border: 0;
}

IMG.nav{
	width: 8px;
	height: 12px;
	border: 0;
	float: left;
}

IMG.pic{
	border: 0;
}

IMG.box{
	width: 30px;
	height: 30px;
	border: 0;
}

IMG.mw{
	width: 32px;
	height: 32px;
	border: 0;
}

IMG.mw2{
	width: 16px;
	height: 16px;
	border: 0;
}

IMG.ob{
	width: 64px;
	height: 64px;
	border: 0;
}

IMG.sys{
	width: 62px;
	height: 62px;
	border: 0;
}

IMG.up{
	width: 18px;
	height: 24px;
	border: 0;
}

/* 
 * ========================================
 * Menu setup
 * ========================================
 */

.menu A:link,
.menu A:visited,
.menu A:active{
	font-size: 11px;
	width: 100%;
	color: #F4AD54;
	text-decoration: none;
	background-image: url(/img/gfx/nav_m_off.gif);
	background-repeat: no-repeat;
}

.menu A:hover{
	color: gray;
	width: 100%;
	background-image: url(/img/gfx/nav_m_on.gif);
	background-repeat: no-repeat;
}

 A:link.menu2,
 A:visited.menu2,
 A:active.menu2{
	font-size: 11px;
	width: 100%;
	color: white;
	text-decoration: none;
	background-image: url(/img/gfx/nav_mnew_off.gif);
	background-repeat: no-repeat;
}

 A:hover.menu2{
	color: gray;
	width: 100%;
	background-image: url(/img/gfx/nav_m_on.gif);
	background-repeat: no-repeat;
}

 A:link.menu3,
 A:visited.menu3,
 A:active.menu3{
	font-size: 11px;
	width: 100%;
	color: gray;
	text-decoration: none;
	background-image: url(/img/gfx/nav_m_on.gif);
	background-repeat: no-repeat;
}

 A:hover.menu3{
	color: gray;
	width: 100%;
	background-image: url(/img/gfx/nav_m_on.gif);
	background-repeat: no-repeat;
}

.t_menu UL{
	text-align:left;
	margin: 0;
	padding: 0;
}

.t_menu UL LI{
	list-style-type: none;
	text-align:left;
	margin: 0;
	padding: 0;
}

.t_menu UL LI A{
	text-align:left;
	color: #F4AD54;
	text-decoration: none;
	padding-left: 11px;
	display: block;
}

.t_menu2 UL{
	text-align:left;
	margin: 0;
	padding: 0;
}

.t_menu2 UL LI{
	text-align:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.t_menu2 UL LI A{
	text-align:left;
	color: #F4AD54;
	text-decoration: none;
	padding-left: 12px;
	display: block;
}

.t_menu3 UL{
	text-align:left;
	margin: 0;
	padding: 0;
}

.t_menu3 UL LI{
	text-align:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.t_menu3 UL LI A{
	text-align:left;
	color: #F4AD54;
	text-decoration: none;
	padding-left: 9px;
	display: block;
}

.menu3 {
padding-left: 47px;
}

.menu_name {
text-align: center;
margin-left:41px;
width: 147px;
height: 15px;
border: 1px solid #3d3d3c;
	background: #212121;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.menu_name:hover {
cursor: pointer;
cursor: hand;
}

#menu-div p {
margin: 10px;
}

#menu-div h6 {
font-family: Arial;
position: absolute;
margin-left:3px;
margin-top:0px;
color: #3d3d3c;
font-size: 11px;
}

.menu_cont {
padding: 6px;
margin-top:2px;
margin-left:41px;
width: 135px;
border: 1px solid #3d3d3c;
background: #212121;
}



/* 
 * ========================================
 * Color setup
 * ========================================
 */

SPAN.white{
	color: #FFF;
}

SPAN.red{
	color: red;
}

SPAN.green{
	color: #02DA02;
}

SPAN.green2{
	color: #00A651;
}

SPAN.gold{
	color: gold;
}

SPAN.blue{
	color: #00AEEF;
}

SPAN.black{
	color: #000;
}

SPAN.yellow{
	color: #FFE930;
}

/* 
 * ========================================
 * Table setup
 * ========================================
 */

TD.sm{
	font-size: 9px;
}

TABLE.t1{
	border-color: #3D3D3C #3D3D3C #3D3D3C #3D3D3C;
	border-style: solid;
	border-width: 1px;
}

TD.t1_1{
	border-color: #3D3D3C #3D3D3C #000 #000;
	border-style: solid;
	border-width: 1px;
	background-color: #212121;
	text-align: right;
}

TD.t1_2{
	border-color: #000 #000 #000 #000;
	border-style: solid;
	border-width: 1px;
	text-align: center;
}

TD.t1_3{
	border-color: #3D3D3C #3D3D3C #000 #000;
	border-style: solid;
	border-width: 1px;
	padding: 3;
	background-color: #212121;
	text-align: center;
}

TD.t1_4{
	border-color: #000 #000 #000 #000;
	border-style: solid;
	border-width: 1px;
}

TD.t1_5{
	border-color: #3D3D3C #3D3D3C #000 #000;
	border-style: solid;
	border-width: 1px;
	background-color: #212121;
	text-align: left;
}

TD.t1_6{
	border-color: #000 #000 #000 #000;
	border-style: solid;
	border-width: 1px;
	text-align: right;
}

TD.t1_7{
	border-color: #000 #000 #000 #000;
	border-style: solid;
	border-width: 1px;
	padding: 10;
}

TD.t1_8{
	border-color: #3D3D3C #3D3D3C #000 #000;
	border-style: solid;
	border-width: 1px;
	background-color: #212121;
	padding: 7;
}

TD.t2_2{
	border-color: #000 #3D3D3C #000 #000;
	border-style: solid;
	border-width: 1px;
	text-align: center;
}

TR.gray{
	background-color: #121212
}

TD.mw-bg{
	background-position: top left;
	background-repeat: no-repeat;
	height: 32px;
}

/* 
 * ========================================
 * Legal information
 * ========================================
 */

TD.legal{
	margin-left: 0;
	margin-right: 0;
	text-align: justify;
	padding: 15px;
}

/* 
 * ========================================
 * Calendar
 * ========================================
 */

TD.calendar{
	font-family: Lucida Console;
	color: #D7CEA4;
	font-size: 10px;
	padding: 0;
}

.calendar A:link,
.calendar A:visited,
.calendar A:active{
	color: #F4AD54;
	font-size: 10px;
	text-decoration: none;
}

.calendar A:hover{
	color: gray;
}

DIV.calendar{
	font-family: Lucida Console;
	color: #F4AD54;
	font-size: 10px;
	padding: 0;
}

/* 
 * ========================================
 * News
 * ========================================
 */

H1{
	BACKGROUND: none; COLOR: #F4AD54; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Arial; TEXT-DECORATION: none; margin: 0px;
  /*font-family: Verdana;
	color: #F4AD54;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;*/
}

DIV.h1{
	text-align: right; BACKGROUND: none; COLOR: #F4AD54; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana; TEXT-DECORATION: none; margin: 0px;
  /*color: #F4AD54;
	font-weight: bold;
	font-size: 12px;
	text-align: right;*/
}

DIV.h2{
	color: #F4AD54;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

B.mail{
	font-family: Verdana;
	color: #F4AD54;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}

/* 
 * ========================================
 * EOF
 * ========================================
 */

/* 
 * ========================================
 * EOF
 * ========================================
 */

/* 
 * ========================================
 * EOF
 * ========================================
 */
 
 .vk_but {
        margin-left:0px;
        display:inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        background: url(http://img.elderscrolls.net/vk-but.png) no-repeat;
        opacity:0.4;
        transition:opacity .2s;
        -moz-transition:opacity .2s; /* Firefox 4 */
        -webkit-transition:opacity .2s; /* Safari and Chrome */
        -o-transition:opacity .2s; /* Opera */
}

.vk_but:hover {
        opacity: 1.0;
        background-position:0px -21px;
}

.fb_but {
        margin-left:4px;
        display:inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        background: url(http://img.elderscrolls.net/fb-but.png) no-repeat;
        opacity:0.4;
        transition:opacity .2s;
        -moz-transition:opacity .2s; /* Firefox 4 */
        -webkit-transition:opacity .2s; /* Safari and Chrome */
        -o-transition:opacity .2s; /* Opera */
}

.fb_but:hover {
        opacity: 1.0;
        background-position:0px -21px;
}

.tw_but {
        margin-left:4px;
        display:inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        background: url(http://img.elderscrolls.net/tw-but.png) no-repeat;
        opacity:0.4;
        transition:opacity .2s;
        -moz-transition:opacity .2s; /* Firefox 4 */
        -webkit-transition:opacity .2s; /* Safari and Chrome */
        -o-transition:opacity .2s; /* Opera */
}

.tw_but:hover {
        opacity: 1.0;
        background-position:0px -21px;
        
}

#tweet { 
 background: url('http://img.elderscrolls.net/last_tweet.png') no-repeat;/* Путь к файлу с исходным рисунком */
 position: absolute;
 display: inline-block; 
 width: 28px;  /* Ширина рисунка */
 height: 18px;  /* Высота рисунка */
}

#tweet:hover {
 background-position:0px -18px;
}

#cut {
position: absolute;
clip:rect(0px, 650px, 18px, auto);
font-family:Comic Sans MS;
font-size:11px;
}

#cut a {
font-family:Comic Sans MS;
font-size:11px;
}

.read { 
 background: url('http://img.elderscrolls.net/read.png') no-repeat;/* Путь к файлу с исходным рисунком */
 position: relative;
 display: inline-block; 
 width: 106px;  /* Ширина рисунка */
 height: 35px;  /* Высота рисунка */
}

.read:hover {
 background-position: 0px -35px;
}

.download { 
 background: url('http://img.elderscrolls.net/download.png') no-repeat;/* Путь к файлу с исходным рисунком */
 position: relative;
 display: inline-block; 
 width: 106px;  /* Ширина рисунка */
 height: 35px;  /* Высота рисунка */
}

.download:hover {
 background-position: 0px -34px;
}

#forum { 
 background: url('http://img.elderscrolls.net/forum.png') no-repeat;/* Путь к файлу с исходным рисунком */
 position: relative;
 top: 4px;
 display: inline-block; 
 width: 48px;  /* Ширина рисунка */
 height: 20px;  /* Высота рисунка */
}

#forum:hover {
 background-position: 0px -29px;
}

#archive { 
 background: url('http://img.elderscrolls.net/archive.png') no-repeat;/* Путь к файлу с исходным рисунком */
 position: relative;
  top: 4px;
 display: inline-block; 
 width: 100px;  /* Ширина рисунка */
 height: 20px;  /* Высота рисунка */
}

#archive:hover {
 background-position: 0px -29px;
}

#search { 
 background: url('http://img.elderscrolls.net/search.png') no-repeat;/* Путь к файлу с исходным рисунком */
 position: relative;
  top: 4px;
 display: inline-block; 
 width: 48px;  /* Ширина рисунка */
 height: 20px;  /* Высота рисунка */
}

#search:hover {
 background-position: 0px -29px;
}

#rss { 
 background: url('http://img.elderscrolls.net/rss.png') no-repeat;/* Путь к файлу с исходным рисунком */
 position: relative;
  top: 4px;
 display: inline-block; 
 width: 48px;  /* Ширина рисунка */
 height: 20px;  /* Высота рисунка */
}

#rss:hover {
 background-position: 0px -29px;
}

      .brd
        {
        border: 2px solid transparent;
        }
        
    .brd:hover
        {
        border-radius: 5px;
        border: 2px solid #393939;
        }
  
.imgteaser { /* общий блок */
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-align:left;
}

.imgteaser img { /* изображение */
  border: none; 
}

.imgteaser .more { /* "подробнее" */
  background-color: #000;  
  color: #FFF;
  min-height:20px;
  width:100%;
  font-family:Verdana;
  font-size: 12px;
  padding:10px;
  opacity:.6; 
  position: absolute;
  bottom:0px;
  transition:all .2s;
  -moz-transition:all .2s; /* Firefox 4 */
  -webkit-transition:all .2s; /* Safari and Chrome */
  -o-transition:all .2s; /* Opera */
}

.imgteaser:hover .more { /* "подробнее" */
opacity:0.8;
min-height:50px;
}

.imgteaser .more2 { /* "подробнее" */
position:absolute;
padding-right:25px;
opacity:0;
font-size:11px;
line-height:15px;
}

.imgteaser:hover .more2 { /* "подробнее" */
opacity:1;
}

.imgteaser .more3 { /* "подробнее" */
  text-align: center;
  background-color: #000;  
  color: rgb(200, 200, 200);
  min-height:20px;
  width:100%;
  font-family:Verdana;
  font-size: 12px;
  padding: 10px 0 10px 0;
  background: rgba(0, 0, 0, 0.6); 
  position: absolute;
  bottom:0px;
}

.imgteaser:hover .more3 { /* "подробнее" */
  color: rgb(255, 255, 255);
}

.imgteaser .more4 { /* "подробнее" */
  text-align:center;
  background-color: #000;  
  color: rgb(200, 200, 200);
  min-height:20px;
  width:100%;
  font-family:Verdana;
  font-size: 11px;
  padding:4px 0px 3px 0px;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom:0px;
}

.imgteaser:hover .more4 { /* "подробнее" */
	color: rgb(255, 255, 255);
}

.imgteaser .more5 { /* "подробнее" */
text-align:center;
position:absolute;
padding-right:25px;
opacity:0;
font-size:11px;
line-height:15px;
}

.imgteaser:hover .more5 { /* "подробнее" */
opacity:1;
}

 
.opacity02 A:link,
.opacity02 A:visited,
.opacity02 A:active
  {
	color: gray;
	text-decoration: none;
  transition:opacity .5s;
  -moz-transition:opacity .5s; /* Firefox 4 */
  -webkit-transition:opacity .5s; /* Safari and Chrome */
  -o-transition:opacity .5s; /* Opera */
  }
  
.opacity02:hover A:link,
.opacity02:hover A:visited,
.opacity02:hover A:active
  {
	color: #F4AD54;
  opacity:1;
  }
  
.opacity02:hover A:hover
  {
  color: gray;;
  }
  
.opacity02
  {
  opacity:.2;
  transition:all .5s;
  -moz-transition:all .5s; /* Firefox 4 */
  -webkit-transition:all .5s; /* Safari and Chrome */
  -o-transition:all .5s; /* Opera */
  }
  
.opacity02:hover
  {
  opacity:1;
  }

.opacity05
  {
  opacity:.5;
  transition:all .5s;
  -moz-transition:all .5s; /* Firefox 4 */
  -webkit-transition:all .5s; /* Safari and Chrome */
  -o-transition:all .5s; /* Opera */
  }
  
.opacity05:hover
  {
  opacity:1;
  }
  
.comments-bg
  {
  background:url('http://img.elderscrolls.net/vk-comments.png') no-repeat;
  width:500px;
  height:42px;
  margin-top:10px;
  }
  
.comments-bg:hover
  {
  background-position:0 -42px;
  }
  
/* Возврат наверх*/

#back-top { /* салазки для возвращения наверх */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	}

#back-top a {
	width: 100px;
	height: 2000px;
	display: block;
	margin: 0;
	outline: none;
	background: rgb(0, 0, 0) no-repeat center center;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	
	text-align: center;
	font-size: 11px;
	font-family: Arial;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(244, 173, 84, 0.7);
	}

#back-top a:hover {
	background: rgb(33, 33, 33);
	color: rgb(255, 255, 255);
	}
	
/* Экспериментальная рамка на css3 */

.bor {
	border: 1px solid #9b6f11;
	padding: 1px;
	background: #000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.bor:hover {
	border-color:#3d3d3c;
}

/* Кнопки социальных сетей справа */

#social
	{
	background:url(http://elderscrolls.net/img/logo/esn_social_bg.png) no-repeat;
	width: 180px;
	height: 59px;
	}
	
#steam_social
	{
	display: block;
	position: absolute;
	margin-left: 5px;
	background: url(http://elderscrolls.net/img/logo/esn_social_buttons.png) no-repeat;
	background-position: -10px 0;
	width: 41px;
	height: 51px;
	}
	
#steam_social:hover
	{
	background-position: -10px 2px;
	}
	
#twitter_social
	{
	display: block;
	position: absolute;
	margin-left: 47px;
	background: url(http://elderscrolls.net/img/logo/esn_social_buttons.png) no-repeat;
	background-position: -50px 0;
	width: 40px;
	height: 59px;
	}
	
#twitter_social:hover
	{
	background-position: -50px 2px;
	}
	
#vk_social
	{
	display: block;
	position: absolute;
	margin-left: 89px;
	background: url(http://elderscrolls.net/img/logo/esn_social_buttons.png) no-repeat;
	background-position: -90px 0;
	width: 40px;
	height: 59px;
	}
	
#vk_social:hover
	{
	background-position: -90px 2px;
	}
	
#youtube_social
	{
	display: block;
	position:absolute;
	margin-left: 131px;
	background: url(http://elderscrolls.net/img/logo/esn_social_buttons.png) no-repeat;
	background-position: -130px 0;
	width: 40px;
	height: 59px;
	}
	
#youtube_social:hover
	{
	background-position: -130px 2px;
	}