/* 

Styles.CSS for www.cyldan.com/version3



Made by: Jussi Witick, Arto Tiepuoli, TIK5SNB



In this file there's mainly used font modifying, background images and padding/margin (text location modifying) attributes.

All of those attributes are pretty self-explanator by their names.



*/





/* Includes basic stuff for all of the page. */

body 

{

	background-color: #191919;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 14px;

	color: #ffffff;

	margin: 0px 10%;

	padding: 0px;

	text-align: center;

}



/* Some things for preformatted textformat which is used by f.e. News-feature.

Better font and another font size is defined here. */

pre

{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

}



/* Stuff for links. Remove link underline and make different colors for links. Mouseover on link (a:hover) gives

different color than normal link has. */

a:link 

{

	color: #0033FF;

	text-decoration: none;

}



a:visited 

{

	text-decoration: none;

	color: #0033FF;

}



a:hover 

{

	text-decoration: none;

	color: #FF9933;

}



a:active 

{

	text-decoration: none;

	color: #0033FF;

}



/* Stuff for the basic table-layout of the whole page. */

#maintable

{

	border: 0px;

	text-align: center;

	padding: 0px; 	

}



/* Special definitions for the "text" section, where all the stuff goes. */

#maincontent

{

	margin-top: 0%;

	padding-top: 0px;

	border-left: 2px dotted #33;

	width: 610px;

	font-size: 14px;

	vertical-align: top;

	text-align: center;

	/* Word-wrap only seems to work in IE, if there's very long words (like about 80letters), it'll break whole site layout in FireFox. */

	word-wrap: break-word;

}



/* Some definitions for the link bar at the left side of the site, like size and background image. */

#sidebar

{

	background-image: url("images/bg_menu.jpg");

	text-align: center;

	width: 170px;

	font-size: 12px;

	vertical-align: top;

}



/* Definitions for header (located at the top of the page) */

#header

{

	height: 100px;	

}



/* Definitions for menuitem in sidebar. */

#linkmenu

{

	width: 165px;

	border: 0;

	text-align: left;

}



/* Menuitem topic's definition. */

#linktopic

{

	width: 165px;

	height: 30px;

	text-align: center;

	background: url("images/topic_small.jpg");

	border: 0;

	font-family: Georgia, Verdana, Arial, Sans-Serif;

	font-size: 12px;

}



/* Menuitem's topic's and linksection's divider. */

#linkbgup

{

	width: 165px;

	height: 2px;

	background: url("images/bg_menu_upper.jpg");

	border: 0;

}



/* Menuitem's link section. */

#linkbg

{

	width: 165px;

	padding: 7px;

	background: url("images/bg_menu_middle.jpg");

	border: 0;

	font-family: Georgia, Verdana, Arial, Sans-Serif;

	color: #888888;

	font-size: 12px;

}



/* Menuitem's linksection's ending piece. */

#linkbgbottom

{

	width: 165px;

	height: 2px;

	background: url("images/bg_menu_lower.jpg");

	border: 0;

}



/* Definitions for mainitem, like news and everything where text can be found. */

#mainframe

{

	width: 590px;

	border: 0;

}



/* Definitions for mainitem's topic section. */

#maintopic

{	

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 14px;

	color: #ffffff;

	text-align: center;

	height: 32px;

	width: 590px;

	background: url("images/topic_big.jpg");

	border: 0;

}



/* Definitions for mainitem's topic's and textsection's divider. */

#mainupper

{

	height: 4px;

	background: url("images/bg_main_upper.jpg") no-repeat;

	border: 0;

	width: 590px;

}



/* Definitions for mainitem's textsection. */

#mainitemcontent

{

	background-image: url("images/bg_main.jpg");

	text-align:left;

	margin-top: 0%;

	padding-top: 0px;

	padding-right: 5px;

	padding-left: 8px;	

	width: 530px;

	font-size: 14px;

	word-wrap: break-word;

	color:#888888;

}



/* Ending piece for mainitem's textsection. */

#mainlower

{

	height: 4px;

	background: url("images/bg_main_lower.jpg");

	border: 0;

	width:590px;

}