/*
  Helius Theme for phpBB version 2+
  Created by Vjacheslav Trushkin
  http://www.trushkin.net
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #FFFFFF;
	scrollbar-arrow-color:  #1D2938;
	scrollbar-face-color: #9DB3CC;
	scrollbar-track-color: #D6DEE9;
	scrollbar-highlight-color: #C8D3E1;
	scrollbar-3dlight-color: #EAEFF4;
	scrollbar-shadow-color: #7492B6;
	scrollbar-darkshadow-color: #3A5370;
}

/* General font families for common tags */
a { text-decoration: none; color: #364D67; }
a:visited	{ text-decoration: none; color: #2C3E52; }
a:hover		{ text-decoration: none; color: #FF6600; }
a:active	{ text-decoration: none; color: #FF0000; }
hr	{ height: 0pt; border: solid #364D67 0pt; border-top-width: 1pt;}


/* This is the outline round the main forum tables */
.forumline	{ background-color: #edeff2;border:solid 1pt; }


/* Main table cell colours and backgrounds */
.row1	{ background-color: #EDEFF2; border:solid 3pt #FFF;}
.row1_over	{ background-color: #F8F9FA; }


/*
  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 :-)
*/

/* The largest text used in the index page title and toptic title etc. */
h1,h2	{
			font-weight: bold; font-size: 18pt; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color: #000000;
}
.maintitle	{
			font-weight: bold; font-size: 18pt; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color: #364D67;
}
.subtitle	{
			font-size: 18pt; font-family: Arial, Helvetica, sans-serif;
			text-decoration: none; font-weight: bold; color: #364D67;
}


/* General text */
.gen { font-size : 12pt; }
.genmed { font-size : 12pt; }
.gensmall, .gensmall2,.gensmallgray { font-size : 2vmin; background-color:#edeff2;}
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #364D67; text-decoration: none; font-size : 9pt;}
.genmedgray,a.genmedgray { color: #a0a0a0; text-decoration: none;  font-size : 9pt;}


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-weight: bold; font-size: 14pt; color: #364D67; }
a.mainmenu 	{ text-decoration: none; color: #364D67; font-size: 14pt;}
a.mainmenu:visited 	{ text-decoration: none; color: #364D67; font-size: 14pt;}
a.mainmenu:active 	{ text-decoration: none; color: #364D67; font-size: 14pt;}
a.mainmenu:hover{ text-decoration: none; color: #364D67; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 3vmin; letter-spacing: 1pt; color: #364D67}
a.cattitle, .cattitle a	{ text-decoration: none; color: #364D67; }
a.cattitle:visited, .cattitle a:visited { text-decoration: none; color: #2C3E52; }
a.cattitle:hover, .cattitle a:hover { text-decoration: none; color: #FF6600; }
a.cattitle:active, .cattitle a:active { text-decoration: none; color: #FF0000; }


/* Forum title: Text and link to the forums used in: index.php */
forumlink,a.forumlink,.forumlink		{ font-weight: bold; font-size: 8pt; color: #364D67; }
recent,.recent,a.recent		{ font-weight: bold; font-size: 10pt; color: #364D67; background-color:#edeff2; }
recent_unread,.recent_unread,a.recent_unread		{ font-weight: bold; font-size: 10pt; color: #FF4D67; background-color:#edeff2; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11pt; color : #000000;}
a.nav			{ text-decoration: none; color: #364D67; }
a.nav:hover		{ text-decoration: none; color: #FF6600; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11pt; color : #000000; }
a.topictitle:link   { text-decoration: none; color: #364D67; }
a.topictitle:visited { text-decoration: none; color: #2C3E52; }
a.topictitle:hover	{ text-decoration: none; color: #FF6600; }
a.topictitle:active	{ text-decoration: none; color: #FF0000; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size: 11pt; color: #000000;}
a.name:link   { text-decoration: none; color: #364D67; }
a.name:visited { text-decoration: none; color: #2C3E52; }
a.name:hover	{ text-decoration: none; color: #FF6600; }
a.name:active	{ text-decoration: none; color: #FF0000; }

/* Location, number of posts, post date etc */
.postdetails		{ font-size: 10pt; color: #000000; }


/* The content of the posts (body of text) */
.postbody { font-size: 12pt;}
a.postlink:link	{ text-decoration: none; color: #364D67; }
a.postlink:visited { text-decoration: none; color: #2C3E52; }
a.postlink:hover { text-decoration: none; color: #FF6600; }
a.postlink:active { text-decoration: none; color: #FF0000; }

.offtopic {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #808080; font-style:oblique;
border:1pt solid #D1D7D7;
border-left-width: 5pt; border-top-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt
   }
   
/* 
Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 10pt; color: #006600;
	background-color: #F1F4F8; border: #525E6E; border-style: dashed;
	border-left-width: 1pt; border-top-width: 1pt; border-right-width: 1pt; border-bottom-width: 1pt
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;font-style:oblique;
	border: #525E6E; border-style: solid;
	border-left-width: 5pt; border-top-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt
}


/* Copyright and bottom info */
.copyright		{ font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1pt;}
a.copyright, a.copyright:visited, .copyright a, .copyright a:visited { color: #444444; text-decoration: none;}
a.copyright:hover, a.copyright:active, .copyright a:hover, .copyright a:active { color: #000000; text-decoration: none;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 14pt Verdana, Arial, Helvetica, sans-serif;
}

form { display: inline; }

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

input { text-indent : 2pt; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color: #EAEFF4;
	color: #000000;
	font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

/* None-bold submit button */
input.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 ;)
*/
input.helpline { background-color: #DDE2EC; border: solid 1pt #DDE2EC; }


<style type="text/css">
.floats
{
/* ÐÐ¾Ð¼Ð¿ÐµÐ½ÑÐ¸ÑÑÐµÐ¼ Ð¾ÑÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ float-Ð±Ð»Ð¾ÐºÐ°Ð¼Ð¸, ÑÑÐ¾Ð±Ñ Ð¾Ð½Ð¸ Ð·Ð°Ð½Ð¸Ð¼Ð°Ð»Ð¸ Ð²ÑÐµ Ð´Ð¾ÑÑÑÐ¿Ð½Ð¾Ðµ Ð¿ÑÐ¾ÑÑÑÐ°Ð½ÑÑÐ²Ð¾ */
margin: -3em -0em -0em -2em;

/* Ð­ÑÐ¸ Ð¿ÑÐ°Ð²Ð¸Ð»Ð° Ð´Ð»Ñ IE */
position: relative;
display: inline-block;
clear: both;
}
.floats:after
{
content: '';
display: block;
clear: both;
}
.floats .left
{
position: relative;
float: left;

/* Ð£Ð±Ð¸ÑÐ°ÐµÐ¼ ÑÐ´Ð²Ð¾ÐµÐ½Ð¸Ðµ Ð¾ÑÑÑÑÐ¿Ð¾Ð² Ð² IE */
display: inline;

/* ÐÑÑÑÐµÐ¼ Ð²ÑÐµ, ÑÑÐ¾ Ð²Ð´ÑÑÐ³ Ð²ÑÐ»ÐµÐ·Ð»Ð¾ Ð·Ð° Ð½Ð°ÑÐ¸ Ð¾Ð³ÑÐ°Ð½Ð¸ÑÐµÐ½Ð¸Ñ */
overflow: hidden;

/* ÐÑÑÑÐ¿Ñ Ð¼ÐµÐ¶Ð´Ñ float-Ð±Ð»Ð¾ÐºÐ°Ð¼Ð¸ */
margin: 1em 0 0 1em;

/* ÐÐ°Ð´Ð°ÐµÐ¼ Ð¼Ð¸Ð½Ð¸Ð¼Ð°Ð»ÑÐ½ÑÑ ÑÐ¸ÑÐ¸Ð½Ñ Ð¿Ð¾ ÐºÐ°ÑÑÐ¸Ð½ÐºÐµ Ð¸ ÑÐµÐºÑÑÑ */
width: 14em;
min-width: 200pt;
}
.floats .l


eft .r
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats .left .min
{
/* ÐÐ°Ð´Ð°ÐµÐ¼ Ð¼Ð¸Ð½Ð¸Ð¼Ð°Ð»ÑÐ½ÑÑ Ð²ÑÑÐ¾ÑÑ Ð¿Ð¾ ÐºÐ°ÑÑÐ¸Ð½ÐºÐµ */
margin: 0 0 0pt 0;

/* ÐÐ°Ð´Ð°ÐµÐ¼ Ð¼Ð¸Ð½Ð¸Ð¼Ð°Ð»ÑÐ½ÑÑ Ð²ÑÑÐ¾ÑÑ Ð¿Ð¾ ÑÐµÐºÑÑÑ */
height: 1em;

/* ÐÑÐ±Ð»Ð¸ÑÑÐµÐ¼ Ð·Ð½Ð°ÑÐµÐ½Ð¸Ðµ Ð¼Ð¸Ð½Ð¸Ð¼Ð°Ð»ÑÐ½Ð¾Ð¹ ÑÐ¸ÑÐ¸Ð½Ñ Ð¿Ð¾ ÐºÐ°ÑÑÐ¸Ð½ÐºÐµ Ð´Ð»Ñ IE */
width: 200pt
;
}
</style>
