/* General page style. The scroll bar colours only visible in IE5.5+ */
BODY 				{font-family: Arial, Helvetica, sans-serif; background: #000; margin: 0 5px 5px 5px; text-align: center;}

/* XXX vlozeni stylu pro hlavicku z info webu - zacatek */
#page 				{width: expression(document.body.clientWidth > 1260? "1260": "100%" );}
#pageroztah 			{width: expression(document.body.clientWidth < 779? "779px": "auto" ); min-width: 779px; max-width: 1247px; margin: auto; text-align: left; position: relative;}

/* Hlavička */
#hlavicka			{width: 100%; height: 96px; color: #fff; background: url(http://www.snowboardel.cz/images/bghead.jpg) 370px 0 no-repeat; position: relative;}
#hlavicka H1 			{width: 370px; height: 96px; background: url(http://www.snowboardel.cz/images/logo.jpg) no-repeat; margin: 0;}
#hlavicka H1 A 			{width: 370px; height: 96px; display: block;}
#hlavicka H1 SPAN 		{display: none;}

/* Hledani */
#hledani 			{width: 282px; height: 91px; background: url(http://www.snowboardel.cz/images/bgfind.gif) 100% 100% no-repeat; position: absolute; right: -1px; top: 0; z-index: 1000;}
#hledani #web 			{width: 255px; height: 53px; background: url(http://www.snowboardel.cz/images/bgfind_web.gif) no-repeat; display: block; position: absolute; right: 0; top: 0;}
#hledani A 			{color: #c62426; font-size: 70%; font-family: Arial;}
#hledani SPAN 			{color: #c62426; font-weight: bold; position: relative; left: 82px; top: 33px;}
#hledani FORM 			{color: #fff; font-weight: bold; font-size: 70%; margin: 63px 0 0 29px;}
#hledani INPUT			{width: 120px; height: 17px;}
#hledani .submit_find 		{width: 21px; height: 17px; border: 0; vertical-align: middle; margin: -3px 0 0 0;}

/* Menu */
#menu_clanky			{width: auto; background: url(http://www.snowboardel.cz/images/bgmenu.gif) no-repeat #c62426; font-size: 75%; list-style-type: none; line-height: 22px; _line-height: 14px; margin: 0 0 2px 0; padding: 0 290px 0 34px;}
#menu_clanky LI			{margin: 0; padding: 0; display: inline;}
#menu_clanky A 			{_width: 11%; color: #fff; background: #c62426; height: 22px; font-weight: bold; font-size: 90%; text-decoration: none; padding: 4px 6px; text-align: center;}
#menu_clanky>LI A		{padding: 4px 1.8%;}
#menu_clanky A:hover,
#menu_clanky #active 		{color: #000 !important; background: #fff !important;}

#menu_clanky_prave		{background: #f00; list-style-type: none; font-size: 75%; line-height: 22px; _line-height: 14px; margin: 0; padding: 0; position: absolute; right: -1px; top: 96px; text-align: right;}
#menu_clanky_prave LI		{margin: 0; padding: 0; display: inline;}
#menu_clanky_prave A 		{color: #000; background: #fff; height: 22px; font-weight: bold; font-size: 90%; text-decoration: none; padding: 4px 9px;}
#menu_clanky_prave A:hover,
#menu_clanky_prave #active 	{color: #fff !important; background: #777 !important;}
#menu_clanky_prave #forum 	{color: #fff; background: #777;}

/* XXX vlozeni stylu pro hlavicku z info webu - konec */

/* General font families for common tags */
FONT, TH, TD, P 			{font-family: Arial, Helvetica, sans-serif;}
A:link, A:active, A:visited 		{color: #000; text-decoration: underline;}
A:hover					{color: #c62426;}
HR					{height: 0; border: 0 #000 solid; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline				{background: #fff; border: 2px #c62426 solid;}

/* This is the outline round the main forum tables */
.forumline				{background: #000; border: 2px #777 solid;}

/* Main table cell colours and backgrounds */
TD.row1					{background: #fff;}
TD.row2					{background: #efefef;}
TD.row3					{background: #dfdfdf;}

/* 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: #efefef;}

/* Header cells - the blue and silver gradient backgrounds */
TH					{color: #fff; font-size: 11px; font-weight: bold; background: #c62426; height: 25px;}
TD.cat, TD.catHead,
TD.catSides, TD.catLeft,
TD.catRight, TD.catBottom 		{background: #cfcfcf; border: #fff; border-style: solid; 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; border: #fff; border-style: solid; height: 28px;}
TD.row3Right, TD.spaceRow 		{background: #dfdfdf; border: #fff; border-style: solid;}

TH.thHead, TD.catHead 			{font-size: 12px; border-width: 1px 1px 0px 1px;}
TH.thSides, TD.catSides, TD.spaceRow	{border-width: 0px 1px 0px 1px;}
TH.thRight, TD.catRight, TD.row3Right	{border-width: 0px 1px 0px 0px;}
TH.thLeft, TD.catLeft	  		{border-width: 0px 0px 0px 1px;}
TH.thBottom, TD.catBottom  		{border-width: 0px 1px 1px 1px;}
TH.thTop	 			{border-width: 1px 0px 0px 0px;}
TH.thCornerL 				{border-width: 1px 0px 0px 1px;}
TH.thCornerR 				{border-width: 1px 1px 0px 0px;}

/* The largest text used in the index page title and toptic title etc. */
.maintitle, H1, H2			{font-weight: bold; font-size: 22px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 120%; color: #000;}

/* General text */
.gen 					{font-size: 12px;}
.genmed 				{font-size: 11px;}
.gensmall 				{font-size: 11px;}
.gen, .genmed, .gensmall 		{color: #000;}

/* The register, login, search etc links at the top of the page */
.mainmenu				{font-size: 11px;}

/* Forum category titles */
.cattitle				{font-weight: bold; font-size: 12px; letter-spacing: 1px;}

/* Forum title: Text and link to the forums used in: index.php */
.forumlink				{font-weight: bold; font-size: 12px;}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav					{font-weight: bold; font-size: 11px;}


/* titles for the topics: could specify viewed link colour too */
.topictitle				{font-weight: bold; font-size: 11px;}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name					{font-size: 11px;}

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

/* The content of the posts (body of text) */
.postbody 				{font-size: 12px;}

/* Quote & Code blocks */
.code 					{font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600; background: #fafafa; border: 1px #d1d7dc solid;}
.quote 					{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;	background: #fafafa; border: 1px #d1d7dc solid;}

/* Copyright and bottom info */
.copyright				{font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

/* Form elements */
INPUT, TEXTAREA, SELECT 		{color: #000; font: normal 11px Arial, Helvetica, sans-serif; border-color: #000;}

/* The text input fields background colour */
INPUT.post, TEXTAREA.post, SELECT 	{background: #fff;}
INPUT 					{text-indent: 2px;}

/* The buttons used for bbCode styling in message post */
input.button 				{background: #c62426; color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

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

/* None-bold submit button */
input.liteoption 			{background: #c62426; color: #fff; 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: #dee3e7; border-style: none;}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");