body  { font-size:0.688rem; background-color: #fc7b8d; font-family: Verdana, Arial, Helvetica, sans-serif; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-darkshadow-color: #98AAB1; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-track-color: #EFEFEF }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.688rem; }
a:link,a:active,a:visited  { color: #83343f }
a:hover		 { color: #f5f5f5; text-decoration: underline }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

.forumline	 { background-color: #fca1ae; border: solid 2px #87313d }

/* Main table cell colours and backgrounds */
td.row1	 { background-color: #ea6c7e }
td.row2	  { background-color: #dc6374; border: none }
td.row3	 { background-color: #cb6271 }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic  { background: #ffffff url(images/cellpic2.jpg) repeat-x }

/* Header cells - the blue and silver gradient backgrounds */
th	 { color: #f5f5f5; font-weight: bold; font-size:0.688rem; background: #8b0000 url(images/cellpic3.gif); height: 25px }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom  { background: #d1d7dc url(images/cellpic1.gif); height: 28px }


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR  { font-weight: bold; height: 28px }
td.row3Right,td.spaceRow  { background-color: #cb6271 }

th.thHead,td.catHead  { font-size:0.813rem }
th.thSides,td.catSides,td.spaceRow	  { }
th.thRight,td.catRight,td.row3Right	  { }
th.thLeft,td.catLeft	   { }
th.thBottom,td.catBottom   { }
th.thTop	  { }
th.thCornerL  { }
th.thCornerR  { }

th.thTop a, th.thCornerL a, th.thLeft a, th.thCornerR a {color: #f5f5f5;}

/* The largest text used in the index page title and toptic title etc. */
h2{font-size:105%;}
.maintitle,h1	{
			font-weight: bold; font-size:1.375rem; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
			text-shadow:2px 2px #CCB3B8;
}


/* General text */
.gen { font-size:0.813rem; }
.genmed { font-size:0.688rem; }
.gensmall { font-size:0.688rem; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall  { color: #83343f; text-decoration: none }
a.gen:hover,a.genmed:hover,a.gensmall:hover	 { color: #fff; text-decoration: underline }


/* The register, login, search etc links at the top of the page */
.mainmenu		 { color: #83343f; font-size:0.688rem }
a.mainmenu		 { color: #83343f; text-decoration: none }
a.mainmenu:visited { color: #83343f; text-decoration: none }
a.mainmenu:hover { color: #800000; text-decoration: underline }


/* Forum category titles */
.cattitle		 { color: #83343f; font-weight: bold; font-size:0.813rem; letter-spacing: 1px }
a.cattitle		 { color: #83343f; text-decoration: none }
a.cattitle:hover { color: #8b0000; text-decoration: underline }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		 { color: #83343f; font-weight: bold; font-size:0.813rem }
a.forumlink 	 { color: #83343f; text-decoration: none }
a.forumlink:hover { color: #fff; text-decoration: underline }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			 { color: #83343f; font-weight: bold; font-size:0.688rem }
a.nav			 { color: #83343f; text-decoration: none }
a.nav:visited { color: #83343f; text-decoration: none }
a.nav:hover		 { color: #8b0000; text-decoration: underline }


/* titles for the topics: could specify viewed link colour too */
.topictitle			 { color: #83343f; font-weight: bold; font-size:0.688rem }
a.topictitle:link    { color: #83343f; text-decoration: none }
a.topictitle:visited  { color: #83343f; text-decoration: none }
a.topictitle:hover	 { color: #fff; text-decoration: underline }


.name			{ font-size:0.688rem; color : #000000;}

.postdetails		{ font-size:0.688rem; color : #000000; }

.postbody,.postbody p { font-size:0.813rem;}
div.postbody {word-wrap:break-word;}
a.postlink:link	 { color: #83343f; text-decoration: none }
a.postlink:visited  { color: #83343f; text-decoration: none }
a.postlink:hover  { color: #f5f5f5; text-decoration: underline }
a.java	 { color: #83343f; text-decoration: none; border-bottom:1px dotted #83343f; }
table.layout {table-layout:fixed;width:100%;}
.postbody img,.quote img{max-width:100%;height:auto}
.code  { color: #83343f; font-size:0.688rem; font-family: Courier, "Courier New", sans-serif; background-color: #ed9aa6; border: 1px solid #83343f;padding:5px;margin-top:3px }
.tablequote{margin:0 5px 0 50px;min-width:300px;display:table}
.quote  { color: #800000; font-size:0.688rem; line-height: 125%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ed9aa6; border: 1px solid #800000;padding:3px;margin-top:3px }

.copyright		{ font-size:0.688rem; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

input,textarea, select {
	color : #000000;
	font: normal 0.688rem Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
font-size:0.813rem;
}

input { text-indent : 2px; }

input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size:0.688rem; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}

/* None-bold submit button */
.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; display:inline-block;width:calc(100% - 150px); font-size:0.75rem }

.spoiler{display:table;min-width:300px;border:solid 1px #800000;margin:5px;padding:5px;clear:left;font-size:0.813rem;}
.spoilerheader{font-weight:bold;background-image:url(//webnice.ru/ico/spoiler.png);background-repeat:no-repeat;padding-left:20px;}
.spoilerheader a, .videoheader a {text-decoration:none;display:block}
.spoilerbody{padding:5px 0;}
.video{display:table;min-width:300px;border:1px solid #800000;margin:5px;padding:5px;clear:left;font-size:0.813rem;max-width:650px}
.videoheader{font-weight:bold;background-image:url(//webnice.ru/ico/video.png);background-repeat:no-repeat;padding-left:20px;line-height:16px}
.videobody{padding:5px;}
.share{padding:4px;border:1px solid #800000;display:table;margin:5px;clear:both;border-radius:3px}
.ava {display:block; margin:auto; border:0}
.avacol {width:156px; box-sizing:border-box;}
#spf {position: absolute;left: -10000px;}
.navbut a:link, .navbut a:visited, .navbut big {
background-color: #FCEAEC;
border: 1px solid #ea6c7e;
border-radius: 20px;
padding: 8px 10px;
text-decoration: none;
line-height: 3em;
color: #c13a3a;
font-weight:bold;
}
.navbut a:hover, .navbut big { background-color:#fccfd3; }
.ico { width:16px; border:none; vertical-align:middle; }
th.header { cursor: pointer; }
th.headerSortUp   { background-image: url(//webnice.ru/ico/asc.gif); background-color:#BA5362; background-repeat: no-repeat; background-position: center right; padding-right: 20px; margin-right: -1px; }
th.headerSortDown { background-image: url(//webnice.ru/ico/desc.gif); background-color:#BA5362; background-repeat: no-repeat; background-position: center right; padding-right: 20px; margin-right: -1px; }
#lenta_footer { max-width:100%; overflow:hidden; font-family:Verdana,Tahoma;font-size:11px; text-align:center; }