/* 
	FSnordic.net
	Copyright Sami Puro / 2006.
*/



/*		MAIN LAYOUT		*/
HTML, BODY {
	MARGIN: 0px;
	PADDING: 0px;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-SIZE: 13px;
}

#MainSite {
	FONT-FAMILY: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	HEIGHT: 100%;
	MIN-HEIGHT: 600px;
	WIDTH: 100%;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
}
#MainSiteForum {
	FONT-FAMILY: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	WIDTH: 100%;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
}
#MainTop {
	BACKGROUND-COLOR: #F2F8FD;
	BACKGROUND-IMAGE: url("/layout/img/maintop_background.gif");
	HEIGHT: 90px;
	WIDTH: 100%;
	OVERFLOW: HIDDEN;
}
#TopImage {
	FLOAT: LEFT;
	MARGIN-RIGHT: 30px;
}
#TopImage IMG {
	MARGIN: 8px 0 0 10px;
	BORDER: 0px;
}
#TopBanner {
	MARGIN: 12px 0 0 30px;
	PADDING: 0px 0px 1px 0px;
	FLOAT: LEFT;
}
#PageContent {
	MARGIN: 5px 5px;
	PADDING: 10px 10px 25px 10px;
	MIN-HEIGHT: 400px;
	COLOR: #000000;
}
#PageContentWiki {
	MARGIN: 10px 5px;
	PADDING: 0px 10px 25px 10px;
	MIN-HEIGHT: 400px;
	COLOR: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
}
#PageContentForum {
	WIDTH: 98%;
	MARGIN: 10px 10px 20px 10px;
	COLOR: #000000;
}
#PageContentForum {
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	FONT-SIZE: 13px;
}
#PageContentShop {
	WIDTH: 700px;
	MARGIN: 5px 5px;
	PADDING: 10px 10px 25px 10px;
	MIN-HEIGHT: 400px;
	COLOR: #000000;
	FLOAT: LEFT;
}



/*		MENU BAR		*/

#MenuBar {
	CLEAR: both;
	WIDTH: 100%;
	OVERFLOW: HIDDEN;
	HEIGHT: 25px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #6F9CB9;
	BACKGROUND-IMAGE: url("/layout/img/menubar_background.gif");
	BORDER-TOP: 2px SOLID #709DBA;
	BORDER-BOTTOM: 2px SOLID #EEEEEE;
	LETTER-SPACING: 0.2px;
}
#MenuBar ul {
	PADDING: 0px;
	MARGIN: 0 0 0 15px;
	LIST-STYLE: NONE;
	WHITE-SPACE: NOWRAP;
}
#MenuBar li {
	FLOAT: left;
	MARGIN: 0px;
	PADDING: 0px;
	BACKGROUND: url("/layout/img/menubar_button2.gif") no-repeat right top;
}
#MenuBar a {
	HEIGHT: 25px;
	PADDING: 4px 14px;
	DISPLAY: block;
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	BACKGROUND: url("/layout/img/menubar_button1.gif") no-repeat left top;
}
* html #MenuBar a {
	WIDTH: 1%;
}
#MenuBar li:hover, #MenuBar li.sfhover, #MenuBar li:hover a {
	COLOR: #EFEFEF;
	BACKGROUND-POSITION: 100% -30px;
}
#MenuBar li:hover a, #MenuBar li.sfhover a {
	BACKGROUND-POSITION: 0 -30px;
}
#MenuBar #Active {
	BACKGROUND-POSITION: 100% -60px;
}
#MenuBar #Active a {
	BACKGROUND-POSITION: 0 -60px;
	COLOR: #FFFFFF;
}
#MenuBar #Active a:hover {
	COLOR: #EFEFEF;
}




/*		SUBMENU			*/

.SubMenu {
	WIDTH: 190px;
}
.SubMenuArea {
	MARGIN: 10px 5px 0 5px;
	FONT-SIZE: 100%;
}
.SubMenuTitle {
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #7A9EB4;
	PADDING: 0 0 3px 19px;
	BACKGROUND: url("/layout/img/submenu_title.gif") no-repeat;
}
.SubMenuArea1 {
	BACKGROUND: url("/layout/img/submenu_top_left.png") left top no-repeat;
	HEIGHT: 12px;
	OVERFLOW: HIDDEN;
}
.SubMenuArea2 {
	BACKGROUND: url("/layout/img/submenu_top_right.png") right top no-repeat;
	HEIGHT: 12px;
	OVERFLOW: HIDDEN;
}
.SubMenuArea3 {
	BACKGROUND: url("/layout/img/submenu_bottom.png") left bottom no-repeat;
	PADDING: 0 10px 6px 10px;
	BACKGROUND-COLOR: #E7EEF4;
	MIN-HEIGHT: 50px;
}
.SubMenuArea3 IMG {
	PADDING: 2px 3px;
}
.SubMenuArea3 ul {
	LIST-STYLE: NONE;
	MARGIN: 0px;
	PADDING: 0 0 20px 0;
}
.SubMenuArea3 li {
	WIDTH: 99%;
	MARGIN: 0 0 6px 0px;
}
.SubMenuArea3 li a {
	TEXT-DECORATION: none;
	DISPLAY: BLOCK;
}

.SubMenuArea3 a.Sub {
	COLOR: #000000;
	FONT-SIZE: 90%;
}
.SubMenuArea3 li.Sub {
	WIDTH: 93%;
	MARGIN: 0 0 4px 10px;
}

.SubMenuArea .small {
	LINE-HEIGHT: 130%;
	FONT-SIZE: 90%;
}
.SubMenuArea a {
	COLOR: #000000;
}
.SubMenuArea a:hover {
	COLOR: #8D4840;
	TEXT-DECORATION: underline;
}
.SubMenuArea td, .SubMenuArea form {
	MARGIN: 0px;
	PADDING: 0px;
}
.SubMenuArea form {
	PADDING-TOP: 10px;
}
.SubMenuBanner {
	MARGIN: 0 0 20px 0;
	TEXT-ALIGN: center;
}




/*		FOOTER			*/
#Footer {
	FONT-FAMILY: "Trebuchet MS", trebuchet, tahoma, verdana, helvetica, sans-serif;
	CLEAR: BOTH;
	OVERFLOW: HIDDEN;
	HEIGHT: 20px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #6F9CB9;
	BACKGROUND-IMAGE: url("/layout/img/menubar_background.gif");
	BORDER-TOP: 2px SOLID #709DBA;
	LETTER-SPACING: 0.2px;
	MARGIN-BOTTOM: 20px;
	FONT-SIZE: 85%;
	PADDING: 0 0 0 20px;
}
#Footer A {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
}
#Footer A:hover {
	TEXT-DECORATION: underline;
}




/*		CONTENT			*/

HR {
	BORDER: 0px;
	HEIGHT: 1px;
	BACKGROUND-COLOR: #708190;
	COLOR: inherit;
}

#PageContent H1, #PageContent H2, #PageContent H3, #PageContent H4, #PageContent H5 {
	FONT-FAMILY: "Trebuchet MS", trebuchet, tahoma, verdana, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	COLOR: #506673;
	MARGIN: 0px;
	PADDING: 0px;
	LETTER-SPACING: 0.5px;
}
#PageContent H1 {
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-WEIGHT: bold;
	FONT-SIZE: 160%;
	MARGIN-LEFT: 3px;
	PADDING: 0 0 0 28px;
	COLOR: #7A9EB4;
	BACKGROUND: url("/layout/img/h1_title.gif") no-repeat;
}
#PageContent H2 {
	FONT-SIZE: 145%;
	PADDING-TOP: 15px;
}
#PageContent H3 {
	FONT-SIZE: 115%;
	FONT-WEIGHT: bold;
	PADDING-TOP: 10px;
	COLOR: #62889E;
}
IMG.BoxPic {
	BORDER: 1px SOLID #3D5537;
	MARGIN: 3px 5px 5px 10px;
}


#PageContent P, #PageContentShop P {
	MARGIN-BOTTOM: 25px;
	LINE-HEIGHT: 130%;
	FONT-WEIGHT: normal;
}
#PageContent li, #PageContentShop li {
	LINE-HEIGHT: 150%;
}
#PageContent a, #PageContent a:visited, A.Main:link, A.Main:visited {
	COLOR: #000000;
	TEXT-DECORATION: underline;
}
#PageContent a:hover, A.Main:hover {
	COLOR: #8D4840;
}
#PageContent blockquote {
	LINE-HEIGHT: 150%;
}
#PageContent Select, #PageContent Input, #PageContent Textarea, .SubMenuArea Input {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 95%;
	COLOR: #000000;
	BACKGROUND-COLOR: #F7F9FB;
	BORDER: #7F9DB9 SOLID 1px;
	MARGIN: 0 10px;
}
#PageContent Table {
	TEXT-ALIGN: left;
}
#PageContent .MainFade, #PageContent .Comment, #PageContentShop .MainFade, #PageContentShop .Comment {
	FONT-SIZE: 85%;
	COLOR: #708190;
	BACKGROUND-COLOR: inherit;
	TEXT-DECORATION: none;
}
#PageContentShop .MainFade {
	FONT-SIZE: 95%;
}


#FactBox {
	BACKGROUND: #FFFFFF;
	FLOAT: RIGHT;
	MARGIN: 0 0 15px 20px;
	WIDTH: 350px;
	COLOR: #000000;
	BORDER: 1px DOTTED #7C8EAE;
	FONT-FAMILY: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	FONT-SIZE: 95%;
}
#FactBox #Title {
	BACKGROUND: url("/layout/img/factbox_title_bg.gif") no-repeat right top;
	PADDING: 3px 0 5px 10px;
	MARGIN-BOTTOM: 5px;
	FONT-FAMILY: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	FONT-SIZE: 130%;
	COLOR: #62889E;
}
#FactBox ul {
	MARGIN: 0 5px 0 0;
}
#FactBox li {
	PADDING-BOTTOM: 5px;
}
#FactBox p {
	MARGIN: 0 5px 5px 10px;
}
DIV.ErrorBox {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 90%;
	margin: 10px;
	padding: 2ex;
	border: 2px dashed red;
	color: red;
}
DIV.MsgBox {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 90%;
	margin: 10px;
	padding: 2ex;
	border: 2px dashed green;
	color: green;
}



/*		NEWS			*/

#NewsContent {
	PADDING: 0 5px 0 5px;
}
#NewsContent .NewsItem {
	PADDING-BOTTOM: 10px;
	BORDER-BOTTOM: 1px SOLID #708190;
	overflow: hidden;
}
#NewsContent .Details {
	COLOR: #506673;
	FONT-SIZE: 85%;
	MARGIN: 0px 10px;
}
#NewsContent .Text {
	MARGIN: 10px 10px;
	PADDING: 0px;
}
#NewsContent .Links {
	MARGIN: 15px 0 10px 20px;
	FONT-SIZE: 98%;
}
#NewsContent .Links a {
	BACKGROUND: url("/layout/news_img/link2.gif") no-repeat bottom left;
	PADDING: 0 0 0 20px;
	TEXT-DECORATION: underline;
}
#NewsContent .Links a:hover {
	BACKGROUND: url("/layout/news_img/link.gif") no-repeat bottom left;
}






/*		LINKS			*/

#LinksContent {
	PADDING: 10px 5px 0 15px;
}
#LinksContent .LinksCategory {
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 5px;
}
#LinksContent .LinksCategory H3, #LinksContent .LinksCategory H3 a {
	FONT-SIZE: 105%;
	FONT-WEIGHT: normal;
	PADDING-TOP: 10px;
}
#LinksContent .LinksCategory .Text {
	MARGIN: 10px 10px;
	PADDING: 0px;
}

#LinksContent .LinksItem .Text {
	MARGIN: 6px 0 3px 10px;
	PADDING: 0px;
}
#LinksContent .LinksItem {
	PADDING: 10px 0 0 10px;
}
#LinksContent .LinksItem H3, #LinksContent .LinksItem H3 a {
	FONT-SIZE: 105%;
	FONT-WEIGHT: normal;
	PADDING-TOP: 10px;
}
#LinksContent .LinksItem .Details {
	COLOR: #506673;
	FONT-SIZE: 85%;
	MARGIN: 0px 10px;
}



/*		ARTICLES			*/

#ArticleContent {
	PADDING: 10px 5px 0 15px;
}

