/*Fontit*/ @import url(http://fonts.googleapis.com/css?family=Mate+SC); /*Yleistä paskaaaaaaaaaaaaaaaaaaa*/ * { padding: 0; margin: 0; } html { min-height: 100%; width: 100% } body { min-height: 100%; width: 100% } /*Left div, nav, header ym.*/ div.content { float: left; width: 300px; min-height: 100%; } div#left { background: rgb(242,245,246); background: -moz-linear-gradient(left, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 87%, rgba(200,215,220,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,245,246,1)), color-stop(87%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); background: -webkit-linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%); background: -o-linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%); background: -ms-linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%); background: linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=1 ); width: 300px; min-height: 100%; float: left; } div#header { width: 250px; text-align: right; } div#left h2 { font-family: "Mate SC", Georgia, Verdana; font-size: 36px; color: #28343b; text-shadow: 1px 1px 0px #fff; padding: 150px 0px 20px 0px; line-height: 0; } div#left h2 a { color: #28343b; text-decoration: none; } div#left p { font: 10px verdana; line-height: 0px; padding-bottom: 20px; text-transform:uppercase; letter-spacing: 0.5px; color: #28343b; text-shadow: 1px 1px 0px #fff; border-bottom: 1px solid #fff; } div#header ul { list-style: none; padding-top: 10px; } div#header li { padding-top: 5px; } div#header li a { color: #90a2a7; text-shadow: 1px 1px 0px rgba(255,255,255,0.2); text-decoration: none; font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif; text-transform: uppercase; font-size: 0.9em; letter-spacing: 2px; } div#header li a:hover { color: #000; } /*Right div, kuvat ym paskat SAATANA VITTUAKO LUET*/ div#right { overflow: scroll; margin-left: 300px; line-height: 0; min-height: 100%; } div#right img{ line-height: 0; } div#right * { border: 0; line-height: 0; }