/*=== Body ========================================================================================== */
html { margin: 0; padding: 0; }
body {
	font: 92% helvetica,verdana,arial,sans-serif;
	background: #320000;
	color: #efd0a0;
	margin: 0;
	padding: 8px;
}

table {font-size: 100%;}

/*=== Anchors ======================================================================================= */
a:link    {text-decoration: none; color: #d01111;}
a:visited {text-decoration: none; color: #D00000;}
a:hover   {text-decoration: underline; color: #961e1e;}

a#list:link    {text-decoration: underline; color:#d01111;}
a#list:visited {text-decoration: underline; color: #D00000;}
a#list:hover   {text-decoration: none; color: #961e1e;}

a:link.BrightCell    {text-decoration: underline; color: #ff9900;}
a:visited.BrightCell {text-decoration: underline; color: #ff9900;}
a:hover.BrightCell   {text-decoration: underline; color: #ff9900;}

a:link.ActiveBrightCell    {text-decoration: underline; color: #ff9900; font-weight: bold;}
a:visited.ActiveBrightCell {text-decoration: underline; color: #ff9900; font-weight: bold;}
a:hover.ActiveBrightCell   {text-decoration: underline; color: #ff9900; font-weight: bold;}



/*=== Form elements ================================================================================= */
input, select, textarea {
	background: #efd0a0;
	border: #000000 1px solid;
	font: 100% Verdana, Arial, Geneva, Helvetica, sans-serif;
}
.InputDark, .TextareaDark, .SelectDark {background: #550000; border: #efd0a0 1px solid; color: #efd0a0;}
input:disabled, select:disabled {background: #400000; border: #a4885d 1px solid; color: #a4885d;}

input:focus:not(:disabled)::-moz-focus-inner { border-color: #a4885d; }

pre { font: 100% helvetica,verdana,arial,sans-serif; }

/*=== Panels ================================================================================= */
.paginator-goto-form {
	position: absolute;
	z-index: 1999;
	background: #320000;
	border: 1px solid #efd0a0;
	padding: 3px;
	-webkit-box-shadow: 2px 2px 4px rgba(239, 208, 160, 0.5);
	-moz-box-shadow:    2px 2px 4px rgba(239, 208, 160, 0.5);
	box-shadow:         2px 2px 4px rgba(239, 208, 160, 0.5);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s 0.2s, opacity 0.2s ease-in-out;
	-moz-transition:    visibility 0s 0.2s, opacity 0.2s ease-in-out;
	-o-transition:      visibility 0s 0.2s, opacity 0.2s ease-in-out;
	-ms-transition:     visibility 0s 0.2s, opacity 0.2s ease-in-out;
	transition:         visibility 0s 0.2s, opacity 0.2s ease-in-out;
}
.paginator-goto-form.paginator-visible {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition:    opacity 0.2s ease-in-out;
	-o-transition:      opacity 0.2s ease-in-out;
	-ms-transition:     opacity 0.2s ease-in-out;
	transition:         opacity 0.2s ease-in-out;
}
.paginator-goto-text {
	margin: 0;
}
.paginator-goto-button {
	margin: 0 0 0 3px;
}

/*=== Text elements ================================================================================= */
.small {font-size: 99%;}
.supersmall {font-size: 95%;}
.smaller {font-size: 90%;}

.news {font-size: 100%; background: #320000; color: #efd0a0; padding: 5px; }

.Error {color: #ee0000;}
.New {color: #ff0000; font-weight: bold; font-size: 100%;}
.Caption {color: #ffcc33; font-weight: bold; font-size: 110%;}
.BigBright {color: #ffcc33; font-weight: bold; font-size: 120%;}
.SmallBright  {color: #ff9900; font-weight: bold; font-size: 95%;}
.Bright, a.Bright {color: #ff9900;}
.Bright2 {color: #ffcc33;}
.Bright3 {color: #bb0000;}
.Bright4 {color: #ff7733;}
.Text, a.Text {color: #efd0a0 !important;}
.fText {text-align: justify; text-indent: 20px; }
.BrightLink {color: #ff9900; text-decoration: underline;}
.Subheader {color: #ffcc33; font-weight: bold; font-size: 105%;}
.LittleLightedBG {background: #492208;}
.LittleLightedBG2 {background: #400000;}
.LightedBG {background: #660000;}
.BlockHeader {border-bottom: 1px solid #660000; margin-bottom: 6px;}

.BG {background: #320000;}
.TextBG {background: #441111;}
.LightBG {background: #550000;}

.RowCaptionLight {background: #efd0a0; color: #000000; font-weight: bold;}
.RowCaptionDark {background: #320000; color: #efd0a0; font-weight: bold;}
.RowCaptionLight2 {background: #550000; color: #efd0a0; font-weight: bold;}
.RowCaptionSmall {background: #390000; color: #efd0a0; font-weight: bold; font-size: 90%;}
.caption-big {
	font-weight: bold; 
	font-size: 110%;
}

.Warning {background: #320000; color: #ff9900; font-weight: bold;}
.Light {background: #492208;}
.alfa {font-size: 120%; font-weight: bold; background: #320000; color: #ff9900; padding: 15px; }
.TextAlfa {font-size: 115%; font-weight: bold; background: #320000; color: #ff9900; padding: 2px; border: #ff9900 1px solid;}

.review_theme {background: #330000; color: #ff9900; font-weight: bold;}
.review_caption {background: #330000; color: #efd0a0;}
.review_text {background: #efd0a0; color: #000000; font-size: 100%; text-align: justify;}
.review_userinfo {background: #440000; color: #efd0a0;}
.review_light {color: #ff9900;}
.review_line {color: #660000;}
.review_caption {color: #ff9900; font-weight: bold;}
.simpletext {color: #efd0a0}
.quote {color: #efd0a0; font-size: 90%; padding: 5px 3px;}
.quote p {margin: 0;}
.quote_author { color: #efd0a0; font-size: 100%; font-style: italic;}
.movie_text { font-size: 100%;}
.movie_link { font-size: 100%; color: #ffcc33; text-decoration: underline;}
.movie_name { color: #ffcc33; font-weight: bold; font-size: 100%; }
.movie_stephen { color: #ff9900;}
.hero_name { color: #ff9900;}

.ChronologyTime  {color: #ff9900;}
.ChronologyPlace {color: #bb0000;}
.ChronologyEvent {color: #efd0a0;}
.ChronologyBook  {color: #efd0a0;}

.NumerologyBright {color: #ff9900; font-style: italic;}

.SmallNav, .SmallNav2 {
	float: right;
	padding: 4px 4px 4px 4px;
	margin: 10px 10px 10px 10px;
	background: #550000;
	width: 200px;
}

.SmallNav2 {
	margin: 2px;
	padding: 2px;
	width: 150px;
}

.SmallNav3 {
	padding: 4px 4px 4px 4px;
	margin: 10px 10px 10px 10px;
	background: #550000;
	width: 200px;
}

.SmallNav4 {
	font-size: 90%;
	float: right;
	padding: 8px;
	margin: 10px 0px 0px 10px;
	background: #550000;
	width: 210px;
}

.Actor {color:#ffcc33;}
.ScriptWriter {color:#ff9933;}
.Producer {color:#f71f02;}
.Director {color:#ee0000;}
.Writer {color:#ff6600;}
.BasedOn {color:#ff9900;}
.BasedOnIdea{color:#ec710e;}

.filterHighlight { color:#ff9933; }

.jsDisabled .forJsEnabled,
.jsEnabled .forJsDisabled {
	display: none;
}

.padded-top {
	margin-top: 14px;
}
.padded-bottom {
	margin-bottom: 14px;
}

.sortIcon {
	border: none;
	margin-left: 1px;
	color: #efd0a0;
}

/*=== Tooltips ================================================================================= */
.tooltip-pointer {
	position: relative;
	/*display: inline-block;*/
}
.tooltip {
	position: absolute;
	z-index: 1999;
	bottom: 2.2em;
	left: 0;
	white-space: nowrap;
	padding: 5px 7px;
	border: 1px solid #efd0a0;
	opacity: 0.9;
	font-size: 100%;
	color: #ff9900;
	background-color: #660000;
	-moz-border-radius:    4px;
	-webkit-border-radius: 4px;
	border-radius:         4px;
}
.tooltip:before,
.tooltip:after {
	content: "";
	position: absolute;
	z-index: 2000;
	bottom: -7px;
	left: 1.4em;
	border-top: 8px solid #660000;
	border-right: 8px solid transparent;
	border-bottom: 0;
	border-left: 8px solid transparent;
}
.tooltip:before {
	border-top-color: #efd0a0;
	bottom: -8px;
}

.tooltip-top-right {
	left: auto;
	right: 0;
}
.tooltip-top-right:before,
.tooltip-top-right:after {
	left: auto;
	right: 1.4em;
}

.tooltip-clickable {
	cursor: pointer;
}

/*=== CSS-based tooltip ===*/
.tooltip_css
{
  position: relative;
  background: #320000;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  outline: none;
}

.tooltip_css span
{
  visibility: hidden;
  position: absolute; 
  bottom: 10px;
  left: 50%;
  z-index: 999;
  width: 600px;
  height: 400px;
  margin-left: -300px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ffffff;    
  overflow: scroll;  
}

.tooltip_css:hover
{
  border: 0; /* IE6 fix */
}

.tooltip_css:hover span
{
  visibility: visible;
}

/*=== Lists ================================================================================= */
ul.ad {
	list-style: square;
	margin: 0.6em 0;
	padding: 0 0 0 10px;
	font-size: 90%;
}

/*=== BB Code ================================================================================= */
.bb-smile {
	vertical-align: middle;
}

.bb-spoiler-inline,
.bb-spoiler-inline * {
	color: black;
	background: black;
}

.bb-quote-block,
.bb-code-block {
	margin: 6px 0 6px 6px;
	border-left: 2px solid #ff9933;
	padding: 0 0 0 6px;
}
.bb-quote-block
 .bb-quote-block
  .bb-quote-block
   .bb-quote-block
    .bb-quote-block
     .bb-quote-block
      .bb-quote-block
       .bb-quote-block
        .bb-quote-block
         .bb-quote-block {
	/* Collapse 10th level */
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
.bb-quote-header,
.bb-code-header {
	margin: 0 0 2px 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
}
.bb-code {
	font-family: "Courier New", monospace !important;
	margin: 0;
	padding: 0;
	overflow: auto;
}
.bb-pre {
	margin: 0;
	padding: 0;
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;
}

/*=== Crosslinks ==================================================================================== */
.crosslink {
	background: url(bin/parchment.jpg) #d6c38d repeat;
	font-size: 100%;
	color: #000000;
	padding: 10px;
	margin: 0;
	text-align: justify;
}

/*=== Menubar ======================================================================================= */
.menubar {
	text-align: center;
	font: 90% tahoma, fantasy, sans-serif;
	color: #ffcc33;
	margin: 14px 0;
}
.menubar-item {
	color: #ffcc33 !important;
	white-space: nowrap;
	display: inline-block; /* for icons in Opera */
}
.menubar-current {
	text-decoration: underline !important;
}
.menubar-item-section {
	color: #efd0a0 !important;
	background: url("/bin/menu/navblock.gif") left 70% no-repeat;
	padding-left: 10px;
	margin-left: 2px;
}
.menubar-link-important {
	color: #ff9900 !important;
}
.menubar-link-marked {
	color: #dd0000 !important;
}
.menubar-link-darktower {
	color: #ff9900 !important;
	background: url("/bin/menu/rose_small.gif") right center no-repeat !important;
	padding-right: 11px;
}
.menubar-link-translations {
	color: #ffcc33 !important;
	background: url("/bin/menu/magnifier_small.gif") right center no-repeat !important;
	padding-right: 17px;
}
.separator,
.menubar-separator {
	width: 25%;
	border: none;
	height: 2px;
	background: #660000;
	color: #660000; /* for IE */
}

/*=== Caution ======================================================================================= */
#caution {
	font-size: 90%;
	text-align: center;
}
#caution-note {
	color: #efd0a0;
	margin-bottom: 14px;
}
#caution-note a {
	color: #ffcc33 !important;
}
#caution-errors {
	color: #ff9933;
}

/*=== Copyright ======================================================================================= */
#copyright, .copyright {
	text-align: center;
	color: #efd0a0;
	font-size: 90%;
	margin: 14px 0;
}
#copyright a, .copyright a {
	color: #ffcc33 !important;
}

.stats {
	text-align: center;
	font-size: 90%;
	margin: 14px 0;
}

/*=== Home ======================================================================================= */
.menubar-section ul,
.menubar-section ol,
.menubar-section dl {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

img {
	border: none;
}

.container {
	width: 900px;
	margin: 0 auto;
	background: #400000;
}

.header {
	height: auto;
	vertical-align: middle;
	margin-top: 10px;
}

.logo {
	float: left;
	width: 250px;
	padding: 5px;
}

.menubar-section {
	text-align: right;
	font: 100% tahoma, fantasy, sans-serif;
	float: left;
	width: 145px;
	margin: 14px 0;
	padding-right: 10px;
}

.content {
	padding: 5px;
	background: #400000;
	position: relative;
	clear: both;
	font-size: 100%;
}

.sidebar_r {
	width: 300px;
}

.announcements {
	width: 300px;
	margin-bottom: 20px;
	top: 0;
}

.subscribe {
	width: 300px;
	margin-bottom: 20px;
	top: 0;
}

.quotes {
	width: 300px;
	margin-bottom: 20px;
	top: 0;
}

.ads {
	width: 300px;
	margin-bottom: 20px;
	top: 0;
}

.tips {
	width: 300px;
	margin-bottom: 20px;
	top: 0;
}

.announcements_title {
	padding: 5px;
	margin: 2px;
	color: #ff9933;
	background: #480000;
	font-weight: bold;
}

.announcements_title {
	padding: 5px;
	margin: 2px;
	color: #ff9933;
	background: #480000;
	font-weight: bold;
}

.news_content {
	width: 100%;
}

.news_title {
	padding: 5px;
	margin: 2px;
	color: #ff9933;
	background: #480000;
	font-weight: bold;
}

.news_img {
	padding: 2px;
	float: right;
	border: 0px;
	width: 100px;
	clear: both;
}

.news_date {
	text-align: right;
	font-style: italic;
	padding: 2px;
	margin-top: 10px;
	background: #480000;
	color: #ff9933;
}

.counters {
	padding: 10px 0;
	background: #320000;
	position: relative;
	clear: both;
	font-size: 100%;
	text-align:center;
}

.menu a:visited   {text-decoration: none; color: #ffcc33;}
.menu a:link      {text-decoration: none; color: #ffcc33;}
.menu a:hover     {text-decoration: underline; color: #ffcc33;}

#error {
	width: 75%;
	margin: 19px 0;
	padding: 19px;
	background: #550000;
	border: 1px solid #770000;
}