/* Pyörä ja Mopo Oy -tyylitiedost */
  /* logofont: Bauhaus 93; koko: 34; stroke: 2px valkonen; Bold */
  
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #383839;
	text-align: center;
}

body {
	margin: 1px 0 0 0;
	text-align: left;
	color: #383838;
	background-color: #000000;
}

/* ++ LOGOALUE ++ */

td.head {
	border: 1px solid #ffffff;
	padding: 0px;
	margin: 0px;
	background-color: #389cf0;
}
td.headbg {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	background-image: url(grafiikka/headbg.gif);
 	background-repeat: repeat-x;
	background-position: top;
}

/* // LOGOALUE // */
/* ++ MAIN ++ */

td.main {
	background-color: #fafafa;
	vertical-align: top;
	padding: 5px 8px 2px 4px;
	color: #3e3e3e;
}

td.teksti {
	padding: 10px;
	BORDER-RIGHT: #62a6ff 1px solid; 
	BORDER-TOP: #62a6ff 0px solid; 
	BORDER-LEFT: #62a6ff 1px solid; 
	BORDER-BOTTOM: #62a6ff 1px solid;
}

td.teksti2 {
	padding: 4px;
	BORDER-RIGHT: #62a6ff 1px solid; 
	BORDER-TOP: #62a6ff 0px solid; 
	BORDER-LEFT: #62a6ff 1px solid; 
	BORDER-BOTTOM: #62a6ff 1px solid;
}

td.mhv {
	width: 90%;
	height: 23px;
	background: #ee7938 url(grafiikka/menu_bg.gif)repeat-x top;
	color: #000000;
	padding-left: 6px;
}

td.mho {
	width: 10%;
	height: 23px;
	background: #ee7938 url(grafiikka/menu_bg.gif)repeat-x top;
	color: #000000;
	padding-left: 6px;
}
TD.infoBoxHeading {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BACKGROUND-IMAGE: url(grafiikka/menu_bg.gif); 
	LETTER-SPACING: 1px
}
/* // MAIN // */


td.navi {
	width: 147px;
	height: 100%;
	vertical-align: top;
	border-left: 2px solid #ffffff;
	background-color: #fafafa;
	padding-top: 4px;
	padding-left: 4px;

}

html > body {
	background: #282828 url(grafiikka/bg.gif) repeat-y center;
}

div#container {
	background: #282828 url(grafiikka/bg.gif) repeat-y center;
	width: 703px;
}

ul#topnav {
	margin: 0;
	padding: 0;
	height: 33px;

}

ul#topnav li {
	list-style-type: none;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

ul#topnav li.bigtab {
	background: #282828 url(grafiikka/top_nav_large_tab.gif) no-repeat;
	height: 24px;
	width: 180px;
	padding: 9px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #006afa;
}

ul#topnav li a.smalltab:link, ul#topnav li a.smalltab:visited {
	background: #282828 url(grafiikka/top_nav_small_tab.gif) no-repeat;
	height: 23px;
	width: 180px;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 12px;
	color: #515151;
	text-decoration: none;
	display: block;
}

ul#topnav li a.smalltab:hover, ul#topnav li a.smalltab:active {
	background: #282828 url(grafiikka/top_nav_small_tab_hover.gif) no-repeat;
	color: inherit;
	height: 23px;
	width: 180px;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 12px;
	display: block;
}

ul#statsbar {
	background: #282828 url(grafiikka/stats_bar.gif) no-repeat;
	height: 39px;
	width: 703px;
	margin: -3px 0 0 0;
	padding: 0;
	color: #fff;
}

body > ul#statsbar {
	margin: 0;
}

ul#statsbar li {
	list-style-type: none;
	float: left;
	display: block;
	margin: 0;
	padding: 11px 0 0 0;
}

ul#statsbar li#comments {
	padding-left: 35px;
}

#statsbar li#hits {
	padding-left: 45px;
}

#statsbar li#online {
	padding-left: 45px;
}

div#left  {
	width: 218px;
	float: left;
	background-color: #fff;
	color: inherit;
}

div#left h2 {
	font-size: 12px;
	font-weight: normal;
	background-color: inherit;
	color: #fff;
	margin: 0;
	padding: 12px 0 0 15px;
/*	background-image: url(grafiikka/left_content_header.gif);*/
	background-color: #fc8646;
	height: 25px;
	width: 203px;
	border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

ul#leftnav { 
	margin: 0;
	padding: 0;
}
	
ul#leftnav li {
	list-style-type: none;
	display: block;
	margin: 0;
	background-image: url(grafiikka/left_nav_link_bg.gif);
}

ul#leftnav li a:link, ul#leftnav li a:visited {
	background-color: inherit;
	color: #000;
	text-decoration: none;
	display: block; 
	height: 22px;
	padding: 6px 0 0 20px;
}

ul#leftnav li a:hover, ul#leftnav li a:active {
	background-image: url(grafiikka/left_nav_link_bg_hover.gif);
	display: block;
	height: 22px;
}

#news {
	margin: 0;
	padding: 4px;
}

div#right {
	width: 500px;
	float: left;
	background-color: #fff;
	color: inherit;
}

div#right h2 {
	font-size: 12px;
	font-weight: normal;
	color: #f9ffff;
	margin: -3px 0 0 0;
	background: #fff url(grafiikka/main_content_header.gif) no-repeat;
	height: 25px;
	width: 470px;
	padding: 12px 0 0 15px;
}

div#container > div#right h2 {
	margin: 0;
}

div#maincontent {
	width: 500px;
}
div#maincontent p {
	margin: 0;
	padding: 10px 10px 10px 5px;
}

a:link,a:visited {
	color: #9b4811;
	text-decoration: none;
}

a:hover, a:active {
	color: #de2121;
}

h3 {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	width: 650px;
	background: #f0f0f0;
}

.aukio {
	color: #fffff1;
	text-decoration: none;
	padding: 3px 8px 0px 0px;
}

p#footer {
	clear: both;
	height: 20px;
	padding: 10px 0px 0px 10px;
	background: #383838;
	border: 1px solid #fff;
	border-top: 0;
	color: #fff;
	text-align: left;
	font-variant: small-caps;
	margin: 0;
}


.VertMenu {
	BACKGROUND-COLOR: #f2e6c8
}
.VertMenuCell {
	BACKGROUND-COLOR: #f2e6c8
}
.VertMenuCellActive {
	BACKGROUND-COLOR: #ff6535
}
.VertMenuSpacing {
	BACKGROUND-COLOR: #FFFFFF
}
.SideMenuDate {
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.SideMenuSubPage {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.SideMenuSubPageCur {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.SideMenuText {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.SideMenuTextCur {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.SideMenuTitle {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.SideMenuTitleCur {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


/* ETUSIVULAATIKOSTO */




/* LOPPU LAATIKKO */