/*
THEME NAME: Proled
THEME URI: http://www.proled.fi
DESCRIPTION: Proled-blogin teema.
VERSION: 1.0
*/

@import "base.css";
@import "wp.css";

.clearfix:after, .FormItem:after, .CheckWrap:after, .Checks:after, #LoginForm:after,
#page-header:after, .ProductList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .FormItem, .CheckWrap, .Checks, #LoginForm, #page-header, .ProductList { display: inline-block; }
/* IE-mac \*/ .clearfix, .FormItem, .CheckWrap, .Checks, #LoginForm, #page-header, .ProductList { display: block; } /* IE-mac */

html, body { height: 100%; }
html { overflow-y: scroll; }
body { text-align: center; background: #f8f8f8 url(images/bodybg.gif) scroll repeat-x left top; }
 
#wrapper {
	position: relative; margin: 0 auto; min-height: 100%;
	width: 960px; padding: 0 8px; text-align: left;
	background: url(images/wrapshadow.png) scroll repeat-y left top;
}
#header {
	position: relative; margin: 0; height: 89px;
	background: #fff; border-bottom: 1px solid #d9d9d9; border-top:15px solid #E20A16;
}
#isoflash {
	position: relative; margin: 0; height: 165px;
	background: #fff; border-bottom: 1px solid #d9d9d9;
}
#logo {
	position: absolute; top: 18px; left: 15px; vertical-align: middle;
	height: 54px; text-align: left;
}
#logo a {
	position: relative; display: block;
	height: 54px; vertical-align: middle;
	line-height: 54px; font-size: 24px;
	padding: 0; text-decoration: none;
}
#logo a img { display: inline; vertical-align: middle; line-height: 50px; margin: auto; }
 
#header-nav, #simple-search { position: absolute; right: 0px; width: auto; }
#header-nav { height: 54px; width: auto; }
 
#header-nav ul { position: relative; float: left; width: auto; margin-right: 6px }
#header-nav ul li {
	position: relative; float: left; width: auto; height: 15px;
	padding: 0; margin: 0 0 0 3px; line-height: 15px;
}
#header-nav ul li a {
	position: relative; float: left; width: auto;
	color: #181512; font-size: 11px; text-decoration: none; font-weight: normal;
	padding: 0 8px; margin: 0; white-space: nowrap;
	border-left: 2px solid #E20A16;
}
 
#header-nav ul li a:hover {
	position: relative; float: left; width: auto;
	color: #E20A16; font-size: 11px; text-decoration: none; font-weight: normal;
	padding: 0 8px; margin: 0; white-space: nowrap;
	border-left: 2px solid #E20A16;
}
#simple-search { position: absolute; right: 0px; top: 54px; height: 36px; float: right; width: auto; padding-right: 6px; }
#simple-search form, #simple-search fieldset { margin: 0; padding: 0; width: auto; }
#simple-search .FormItem { padding: 0; margin: 0; border: 0; background: none; }
#simple-search label { display: none; }
#simple-search input { width: 180px; }
#simple-search button { margin-right: 0; }

#main { background: #FFF url(images/maincols.gif) repeat-y left top; z-index: 1; }
.column { position: relative; float: left; width: 192px; }
 
#main-nav { width: 192px; min-height: 18px; }
#secondary_content { width: 192px; min-height: 18px; }
#primary_content { width: 546px; margin: 0; padding: 0 15px; }
 
#page-header {
	position: relative; width: 100%;
	background: #ffffff; border-bottom: 1px solid #d9d9d9;
	padding: 8px 14px; margin: 0 -14px;
}
#page-header h1 { line-height: 18px; padding: 0; font-size: 24px; }
#page-header > :last-child { margin-bottom: 0; }
 
#page-header img {
	float: right; width: auto; height: auto;
	margin: -9px -15px -10px 9px; padding: 3px;
	border: 1px solid #d9d9d9; background: #fff;
	border-bottom-color: #b8b8b8;
}
#page-header #path { margin: 0; padding: 0; line-height: 18px; font-size: 10px; border: 0; }
#page-header #path ul, #page-header #path ul li { display: inline; line-height: 18px; font-size: 10px; margin: 0; padding: 0; border: 0; }
#page-header #path ul li a {
	font-weight: bold; text-decoration: none; line-height: 18px;
	font-size: 10px; margin: 0; padding: 0; border: 0;
}
#page-header #path span { padding: 0; }
 
#InfoPage, #NewsPage { padding-top: 18px; }
 
 
#footer {
	position: relative; margin: -1px 0 0;
	padding: 15px; text-align: center; background: #000000;
	border-top: 1px solid #d9d9d9; z-index: 2;
}
 
#leftfooter {
	float: left;
	text-align: left;
}
 
#rightfooter {
	float: right;
	text-align: right;
}
 
#footer p, #footer a { font-size: 11px; color: #FFFFFF; margin: 0; }

/* Left column
-------------------------------------------------------------- */
/* main */

#main-nav li { border-bottom: 1px dotted #d9d9d9; }
#main-nav li li { border-bottom: 0; }
#main-nav li li li { border-bottom: 0; }
#info-nav ul, #info-nav ul ul { display: block; }

#main-nav li a, #main-nav li h2 {
display: block; 
text-decoration: none;
height: 12px;
background:url(images/nuoli.gif) no-repeat 5px center;
padding: 5px 0 6px 20px;
font-size: 14px;
font-weight: bold;
}

#main-nav li li a {
font-weight: normal;
background:url(images/nuoli2.gif) no-repeat 20px center;
padding: 2px 0 6px 30px;
}

#main-nav li li li a {
background:url(images/nuoli2.gif) no-repeat 30px center;
padding: 2px 0 6px 40px;
}

/* Magic of bolding */
#main-nav li.Current a { font-weight: bold; }
#main-nav li.Current li a { font-weight: normal; }
#main-nav li li.Current a { font-weight: bold; }
#main-nav li li.Current li a { font-weight: normal; }
#main-nav li li li.Current a { font-weight: bold; }
#main-nav li li li.Current li a { font-weight: normal; }

/* Let's display the right categories at the right places */
#main-nav ul ul { display: none; }
#main-nav ul li.Current ul { display: block; }
#main-nav ul li.Current ul ul { display: none; }
#main-nav ul li.Current ul li.Current ul { display: block; }

#BodyID-Checkout #main-nav ul { padding: 9px 0; }
#BodyID-Checkout #main-nav li { border-bottom: 0; }
#BodyID-Checkout #main-nav li a { margin: 0; padding: 0; font-size: 12px; font-weight: normal; padding-left: 30px; }

@import "wp.css";