/* =GENERAL
--------------------------------------------------------- */
*					{margin: 0; padding:0;}
a					{outline: none;}
body				{background: #ffffff url(imgs/bodybg15.jpg) top center no-repeat; color:#000; text-align: center;	font: 13px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;}
/*body				{background: url(imgs/kouluvihko3.gif); color:#000; text-align: center;	font: 12px/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;}*/
h1					{display: none; font-size: 70%;}
h2, h3, h4			{margin: 0 0 20px 0; font-variant: small-caps;}

h2 					{font-size: 20px;}
h3 					{min-height: 22px; font-size: 15px; font-weight: bold; color: #484848;}
h4 					{font-size: 14px; color: #282828;}
.underlined				{color: #181818; background: url(./imgs/h3.v1.gif) bottom left no-repeat; min-height: 22px;}
.underlined2				{color: #181818; background: url(./imgs/h3.v2.gif) bottom left no-repeat; min-height: 22px;}
img 				{border: none;}
.hr				{background: url(./imgs/h3.v1.gif) bottom left no-repeat; height: 17px;}

/* =WRAP
--------------------------------------------------------- */
#wrap1					{width: 1007px; overflow: auto; display: block; margin: auto; text-align: left; background: transparent;}
#wrap					{width: 1007px; overflow: auto; display: block; margin: auto; text-align: left; background: transparent url(./imgs/wrap.gif) repeat-y ;}
/*----body > #wrap			{width: 100%; max-width: 1007px; min-width: 978px;}-----*/
/*----"Element directly embedded into anohter, but not it's childs. Syntax: body > p"----*/

/* =NAV
--------------------------------------------------------- */
.nav					{display: inline; float: right; list-style-type: none; margin: 170px 15px 0 195px;}
.nav li					{display: inline;}
.nav a					{display: block; float: left; height: 56px; margin-right: 8px; text-indent: -9999px; overflow: hidden;}
.nav li.home a			{width: 150px; background: url(imgs/navi-home.gif) no-repeat;}
.nav li.home a:hover 		{background-position: -150px 0;}
.nav li.about a			{width: 120px; background: url(imgs/navi-mei.gif) no-repeat;}
.nav li.about a:hover 		{background-position: -120px 0;}
.nav li.portfolio a		{width: 170px; background: url(imgs/navi-portfolio.gif) no-repeat;}
.nav li.portfolio a:hover 	{background-position: -170px 0;}
.nav li.CV a			{width: 120px; background: url(imgs/navi-cv.gif) no-repeat;}
.nav li.CV a:hover 		{background-position: -120px 0;}
.nav li.pics a			{width: 120px; background: url(imgs/navi.gif) no-repeat;}
.nav li.contact a		{width: 160px; background: url(imgs/navi-contact5.gif) no-repeat;}
/*.nav li.contact a:hover 	{background-position: -120px 0;}*/

#search				{float: right; display: inline;	margin-right: 44px; background: url(imgs/search.gif) no-repeat; height: 27px; width: 214px; padding: 15px 5px 0 5px; border: 0px; color: #fff;}


/* =CONTENT
--------------------------------------------------------- */
a:link 				{text-decoration: underline; color: #505050;}
#content			{clear: both; padding-bottom: 1.5em; background: transparent;}
#main				{padding-top: 39px; width: 670px; float: left; padding-left: 30px;}
#main a 			{text-decoration: underline; color: #656565;}
.spec				{color: #660033; font-size: 11px; font-variant: small-caps; margin-bottom: 10px;}
.left				{float: left; margin-right: 10px;}
.right				{float: right; margin-left: 10px;}

.rekisteri td, .rekisteri th	{padding: 2px;}
.nolist				{list-style: none;}
.speclist				{list-style: none; color: #484848; margin-left: 30px;}

.books				{background: url(./imgs/kirjatausta.jpg) no-repeat top;}
.vaaka li, .vaaka li img, .vaaka li h3	{display: inline; margin: 5px 16px 16px 0px;}
#langbar td			{width: 110px;}


/* =SIDEBAR
--------------------------------------------------------- */
#sidebar			{width: 211px; float: right; padding-top: 39px;	margin-right: 44px; display: inline;}
#links				{/*background: url(./imgs/linkscat.gif) bottom right no-repeat;*/ margin-bottom: 40px;}

.feature, #contact	{background: url(./imgs/featurebg.gif) 380px 20px no-repeat; width: 100%; clear: both; margin-bottom: 40px;}
.featureless		{width: 100%; clear: both; margin-bottom: 40px;}
#linkkilista		{margin-bottom: 40px; background: url(./imgs/) 0px 22px no-repeat;}
#linkkilista ul 	{list-style: none; background: url(./imgs/kouluvihko5.gif) repeat-y}
#linkkilista li 	{margin-bottom: 10px;}
#linkkilista a 		{text-decoration: none; color: #422448;}
#linkkilista ul H4	{height: 35px; font-size: 24px; background: url(./imgs/deeper.gif) no-repeat top; }
.ylapala			{background: url(./imgs/linktop6.gif) bottom no-repeat; height: 25px;}
.pohja				{background: url(./imgs/linkbottom.gif) bottom no-repeat #fff;}
.tahti				{background: url(./imgs/tahtilinkki.gif) bottom left no-repeat;}
.tab				{margin-left: 20px; list-style: none; font-size: 10px;}

.right_column			{margin-top: 10px; text-align: left; width: 94%; }
.right_column h2		{padding-top: 5px; font-size: 160%; margin-bottom: 10px; background: url(./imgs/underlined.gif) left bottom no-repeat;}
.link_column a			{text-decoration: underline; color: #606060;}
.link_column h4			{font-size: 16px; margin-bottom: 5px; color: #606060;}
.link_column a			{text-decoration: underline;}


/*.perus				{background: url(./imgs/linkperusbg.gif);} */

/* =FOOTER
--------------------------------------------------------- */
#footer				{display: block; width: 100%; background: #484848 url(./imgs/footerbg3.jpg) no-repeat top; float: left; clear: both;	font-size: 11px;	text-align: center;}
#inner				{width: 1007px; background: url(./imgs/wrap.gif) repeat-y;}
#about				{margin-top: 2px; background: url(http://www.timkadlec.com/imgs/aboutbg.gif) right center no-repeat;}

#footer p.copy			{clear: both; text-align: right; padding-top: 30px; margin-right: 24px; color: #A89E8F;}
.column				{float: left; margin-top: 10px; text-align: left; display: inline; width: 22%; margin-left: 28px;}
.column h2			{padding-top: 5px; font-size: 160%; margin-bottom: 10px; background: url(./imgs/underlined.gif) left bottom no-repeat;}




#main a#tech	{display: none;}

/* =PORTFOLIO
--------------------------------------------------------- */
#portfolio				{padding-top: 39px; width: 929px; float: left; padding-left: 30px;}