/**
 * Frukt Kuubis, www.frukt.ee
 */

/* reset */
html, body {margin: 0; padding: 0}
div, p, ol, ul, li, h1, h2, h3, h4, h5, h6, h7, h8, form {font-weight: normal; margin: 0; padding: 0; list-style: none}
a img {border: none}
h1, h2, h3, h4, h5, h6, h7, h8 {font-family: "Times", sans-serif}

html {background: #51aab3 url(../gfx/page-background-left.png) left top no-repeat}
body {background: url(../gfx/page-background-right.png) right top no-repeat; font: normal 12px "Verdana", sans-serif; color: #666}

/* main-wrapper, page-wrap shadows etc. */
#site-wrap {width: 972px; margin: 0 auto}

/* site's common header area */
#common-header {padding: 0 15px; font-size: 11px; line-height: 39px; height: 39px; background: url(../gfx/site-top-shadow.png) center bottom no-repeat}
.font-size {float: left; width: 300px}
	.font-size a:link, .font-size a:visited {display: block; float: left; width: 14px; height: 14px;  background: #9cd; border: 1px solid #9cd; text-align: center; text-decoration: none; color: #fff; font-weight: bold; margin: 11px 2px}
	.font-size a:hover, .font-size a.selected:link, .font-size a.selected:visited {border: 1px solid #fff}
	.font-size .normal {font-size: 10px; line-height: 14px}
	.font-size .large {font-size: 13px; line-height: 12px}
	.font-size .extra-large {font-size: 15px; line-height: 14px}
#common-header .date {float: left; width: 250px; text-align: right; color: #fff}
	#common-header .date .padding {padding: 0 18px 0 0}
.language-select {float: left; width: 130px; text-align: center; border: 1px solid #9cd; border-top: none; border-bottom: none}
	.language-select a.language:link, .language-select a.language:visited {color: #fff; text-decoration: none; padding: 0 8px}
	.language-select a.language:hover, .language-select a.selected:link, .language-select a.selected:visited {color: #000}
.search {display: block; height: 39px; padding: 0 0 0 18px; float: left; background: url(../gfx/searchbox.jpg) 15px center no-repeat}
	.search .searchbox {width: 237px; line-height:39px; padding: 0}
	* html .search .searchbox {padding:12px 0 0}
	.search .searchbox * {}
	.search .searchfield {width: 210px; height: 18px; font-size: 11px; border: none; background: none}
	.search .submit {width: 20px; height: 18px; cursor: pointer; background: none; border: none}

#header-wrap, #content-wrap, #footer-wrap {padding: 0 9px}
#header, #content {border: 10px solid #9cd}

/* site's content area */
#content-wrap {background: url(../gfx/site-side-shadow.png) center top no-repeat; float:left}
#content {/*border-top: none;*/ border-bottom: none; background: #fff; width: 934px; overflow:hidden}

/* logo column */
.column-logo {float:left; width:78px}

/* content column */
.column-content {width:846px; border-left:solid 10px #9cd; float:right}
	.header {min-height: 130px; background: url('/extensions/mkmmini/img/top_taust.jpg') no-repeat; padding-bottom:40px; text-align:right}
	* html .header {height:130px}
		.header table.text {height:130px; text-align:right; border:none; padding:0; margin:0; float:right; margin-right:20px}
		.header table.text td {padding:0; margin:0}
		.header table.text h1 {font-size:26px; color:#51aab3}
		.header table.text p {font-size:0.9em}
		.header a, .header a:visited {color:#666; text-decoration:none}
		.header a:hover {color:#51aab3}
	
	.column-left {float: left; width: 225px; font-size: 11px}
		.column-left .padding {padding: 20px 20px 50px}
		.column-left h2 {font-size: 14px; color: #51abb3; padding: 0 0 10px}
		.column-left .shortcut-links {}
		.column-left .page-menu {font-size: 12px}
		.column-left .page-menu li {background: url(../gfx/page-menu-bullet.gif) left 0.5em no-repeat; padding: 0 0 0 10px; margin:0 !important; list-style:none !important}
		.column-left .page-menu li.selected {background-image: url(../gfx/page-menu-bullet-selected.gif)}
		.column-left .page-menu li ul li ul {font-size: 11px}
		.column-left a:link, .column-left a:visited {color: #666; text-decoration: none}
		.column-left a:hover {color: #000}
		.column-left .page-menu li a.selected:link, .column-left .page-menu li a.selected:visited {color: #000}
		.column-left .page-menu li ul li a:link, .column-left .page-menu li ul li a:visited {color: #666}
		.column-left .page-menu li ul li a.selected:link, .column-left .page-menu li ul li a.selected:visited, .column-left .page-menu li ul li a:hover {color: #51abb3}
		.column-left .page-menu li ul li ul li a:link, .column-left .page-menu li ul li ul li a:visited {color: #666}
		.column-left .page-menu li ul li ul li a.selected:link, .column-left .page-menu li ul li ul li a.selected:visited, .column-left .page-menu li ul li ul li a:hover {color: #000}

	/* content */
	.column-right {float: right; width: 620px; margin-bottom:-20000px; padding-bottom:20000px; border-left:1px solid #9cd}
		.column-right .padding {padding: 30px}
		.column-right h1 {font-size: 26px; color: #51abb3; line-height: 24px}
		.column-right p {padding: 10px 0}
		.column-right .read-more {text-align: right}
		.column-right a:link, .column-right a:visited {color: #51aab3; text-decoration: none}
		.column-right a:hover {text-decoration: underline}

/* footer */
/* comment: footer blocks are spaced with borders instead of margins for ie6 compliancy.
 * in ie6, rows are pushed left and down about 5px when margins are used.
 * still, there is 2-3px more spacing between rows of blocks than there's supposed to be. */
#footer {margin: 0 9px; background: #9cd url(../gfx/footer-corner.png) right bottom no-repeat; border: 5px solid #9cd}
	#footer .row {overflow: hidden; border: 5px solid #9cd; border-left: none; border-right: none}
	.footer-block {float: left; padding-bottom: 500px; margin-bottom: -500px; background: #ecf2f0; border: 5px solid #9cd; border-top: none; border-bottom: none}
	/*.footer-block .column {width: 226px}
	.wideblock .column {width: 258px}*/
	.footer-block .padding {padding: 8px 7px}
	.footer-block h2 {font-size: 14px; color: #000; padding: 5px 10px}
	.footer-block li {font-size: 11px; padding: 0 10px; border-bottom: 1px solid #d9dfdd}
	.footer-block a:link, .footer-block a:visited {color: #666; text-decoration: none}
	.footer-block a:hover {color: #000}
	
	#footer .contact-block {width: 130px !important; background: none}
	#footer .contact-block li {border-bottom: none; padding: 0 0 5px; min-height: 27px; line-height: 12px}
	#footer .contact-block li a:link, #footer .contact-block li a:visited {color: #fff; text-decoration: none; line-height:30px}
	#footer .contact-block li a * {vertical-align:middle}
	#footer .contact-block li a span {font-size: 11px; font-weight: bold; color: #000}
	/*#RSS {background: url(../gfx/icon-RSS.png) left top no-repeat}
	#skype {background: url(../gfx/icon-skype.png) left top no-repeat}
	#sitemap {background: url(../gfx/icon-sitemap.png) left top no-repeat}*/

	/* breadcrumbs etc. styles */
	#footer .trail {float: left; width: 550px; color: #51abb3; font-size: 11px}
	#footer .found-useful {float: right; font-size: 11px}
	#footer .found-useful * {vertical-align: top}
	#footer .found-useful a img {margin: 0 3px}
	#footer .question-form {float: right}

#common-footer {position: relative; color: #31676b}
#common-footer table {font-size: 11px}
/*#logo-footer {position: absolute; left: 34px; top: 50%; margin-top: -17px; padding: 0 !important}
#common-footer p {padding: 20px 0 20px 230px}*/
#common-footer a:link, #common-footer a:visited {color: #31676b; text-decoration: none}
#common-footer a:hover {color: #fff}