/*--------------------- CSS RESET  ---------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, 
blockquote, a, address, cite, em, font, img, 
strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

h1, h2, h3 {
	text-indent: -9999px;
}

ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

p {
	margin-bottom: 1em;
}

/*--------------------- PAGE STRUCTURE  ---------------------------------------------*/

body {
	font-family: 'TrashHand Regular', Georgia, "Book Antiqua", "Lucida Grande", Constantia, "Lucida Bright", Lucidabright, Lucida, serif;
}

#wrapper {
	width: 980px;
	min-height:1297px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background: url(../images/wrapper-brg.jpg) no-repeat;
}

#english #wrapper {
	width: 980px;
	min-height:1297px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background: url(../images/eng-wrapper-brg.jpg) no-repeat;
}

#sivu #wrapper {
	width: 980px;
	min-height: 1114px;
	margin-top: 10px;
	background: url(../images/wrapper-brg-sivu2.jpg) no-repeat;
}

#sivu #tulva-amnesty-galleria-sivu #wrapper, #sivu #netta-galleria-sivu #wrapper, 
#sivu #viivi-ja-wagner-galleria-sivu #wrapper, #sekalaisia-galleria-sivu #wrapper, 
#sivu #hyeena-kustannus-sivu #wrapper, #sivu #mina-mikko-sivu #wrapper   {
	width: 980px;
	min-height: 1250px;
	margin-top: 10px;
	background: url(../images/wrapper-brg-sivu.jpg) no-repeat;
}

#sivu #cv-sivu #wrapper, #sivu #making-of-tuuli-ja-myrsky-sivu  #wrapper,
#sivu #sarjakuvat-sivu #wrapper, #sivu #linkit-sivu #wrapper {
	width: 980px;
	min-height: 1850px;
	margin-top: 10px;
	background: url(../images/wrapper-brg-sivu3.jpg) no-repeat;
}

.columns {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
	padding-top: 12px;
}

#branding {
	width: 980px;
	height: 300px;
	position:relative;
}

#sivu #branding {
	height: 290px;
}

#main-content {
	text-align: left;
	position:relative;
	width: 980px;
	min-height: 997px;
}

#sivu #main-content {
	min-height: 824px;
}

#sivu #tulva-amnesty-galleria-sivu #main-content, #sivu #netta-galleria-sivu #main-content, 
#sivu #viivi-ja-wagner-galleria-sivu #main-content, #sivu #sekalaisia-galleria-sivu #main-content,
#sivu #hyeena-kustannus-sivu #main-content {
	min-height: 960px;
}

#sivu #cv-sivu #main-content, #sivu #making-of-tuuli-ja-myrsky-sivu #main-content,
#sivu #sarjakuvat-sivu #main-content, #sivu #linkit-sivu #main-content {
	min-height: 1560px;
}

#content{
	position:absolute;
	left: 38px;
	top: 641px;
	width: 672px;
	font: 19px/20px 'TrashHand Regular', Georgia, "Book Antiqua", "Lucida Grande", Constantia, "Lucida Bright", Lucidabright, Lucida, serif;
	letter-spacing: 1px;
}

#sivu #content{
	left: 41px;
	top: 45px;
	width: 870px;
}

#sivu #galleriat-sivu #content{
	left: 50px;
	top: 45px;
	width: 900px;
}

#sivu #cv-sivu #content, #sivu #making-of-tuuli-ja-myrsky-sivu #content,
#sivu #sarjakuvat-sivu #content, #sivu #linkit-sivu #content {
	min-height: 1560px;
}

ul#main-navigation {
	width: 534px;
	height: 59px;
	position:absolute;
	left: 35px;
	top: 561px;
	z-index: 2;
}

#english ul#main-navigation {
	width: 543px;
	height: 59px;
	position:absolute;
	left: 29px;
	top: 560px;
	z-index: 2;
}

#sivu ul#main-navigation {
	width: 927px;
	height: 85px;
	left: 29px;
	top: 2px;
}

#sivu #main-content #additional-navigation {
	position: absolute;
	left: 792px;
	top: 766px;
	width: 160px;
	height: 20px;
}

#sivu #cv-sivu #main-content #additional-navigation, 
#sivu #making-of-tuuli-ja-myrsky-sivu #main-content #additional-navigation, 
#sivu #sarjakuvat-sivu #main-content #additional-navigation, 
#sivu #linkit-sivu #main-content #additional-navigation {
	left: 792px;
	top: 1505px;
}

#sivu #tulva-amnesty-galleria-sivu #main-content #additional-navigation,
#sivu #netta-galleria-sivu #main-content #additional-navigation,
#sivu #viivi-ja-wagner-galleria-sivu #main-content #additional-navigation,
#sivu #sekalaisia-galleria-sivu #main-content #additional-navigation, 
#sivu #hyeena-kustannus-sivu #main-content #additional-navigation {
	left: 792px;
	top: 905px;
}

#main-content img#uusimman-kansi {
	position:absolute;
	left: 539px;
	top: 468px;
	height: 166px;
	width: 168px;
}

#sivu #branding img {
	position:absolute;
	left: 375px;
	top: 96px;
}

.english-page#sivu #branding img {
	position:absolute;
	left: 385px;
	top: 94px;
}

#site-info {
	width: 350px;
	height: 40px;
	text-align:right;
	color: #333;
	float:right;
	margin-top: -22px;
	margin-right: 25px;
	margin-bottom: 10px;
	line-height: 20px;
	position: relative;
}

#sivu #site-info {
	margin-top: -3px;
	width: 350px;
}

/*--------------------- GALLERY-INDEX STYLES  ---------------------------------------------*/

#sivu #galleriat-sivu #content ul, #sivu #kuvagalleria-sivu #content ul {
	margin-top: 22px;
}

#sivu #galleriat-sivu #content ul li {
	width: 150px;
	float:left;
	text-indent: -9999px;
	padding-left: 0px;
	margin-right: 25px;
	background: url(none);
}

#sivu #galleriat-sivu #content ul li.amnesty-tulva {
	background: url(../images/tulva-amnesty-gallery-thumb.png) no-repeat;
	height: 265px;
}

#sivu #galleriat-sivu #content ul li.netta {
	background: url(../images/netta-gallery-thumb.png) no-repeat;
	height: 242px;
}

#sivu #galleriat-sivu #content ul li.viivi-wagner {
	background: url(../images/viivi-wagner-gallery-thumb.png) no-repeat;
	height: 288px;
}

#sivu #galleriat-sivu #content ul li.sekalaisia {
	background: url(../images/sekalaisia-gallery-thumb.png) no-repeat;
	height: 242px;
	margin-top: 2px;
}

.english-page#sivu #galleriat-sivu #content ul li.sekalaisia {
	background: url(../images/misc-gallery-thumb.png) no-repeat;
	height: 241px;
	margin-top: 2px;
}

#sivu #galleriat-sivu #content ul li.kuvituksia {
	background: url(../images/kuvituksia-gallery-thumb.png) no-repeat;
	height: 242px;
}

.english-page#sivu #galleriat-sivu #content ul li.kuvituksia {
	background: url(../images/illustrations-gallery-thumb.png) no-repeat;
	height: 241px;
}

#sivu #galleriat-sivu #content ul li a {
	display: block;
	text-indent: -9999px;
	height: 288px;
	width: 150px;
}

/*--------------------- GALLERY-PAGE STYLES  ---------------------------------------------*/

#sivu  #tulva-amnesty-galleria-sivu #content ul, #sivu  #netta-galleria-sivu #content ul, 
#sivu  #viivi-ja-wagner-galleria-sivu #content ul, #sivu #sekalaisia-galleria-sivu #content ul,
#sivu #kuvitukset-sivu #content ul, #sivu #hyeena-kustannus-sivu #content ul, 
#sivu #making-of-tuuli-ja-myrsky-sivu #content ul, #sivu #sarjakuvasivu #content ul {
	margin-top: 40px;
	margin-left: 22px;
}

#sivu  #netta-galleria-sivu #content ul {
	margin-top: 35px;
	margin-left: 60px;
}

#sivu  #viivi-ja-wagner-galleria-sivu #content ul {
	margin-top: 60px;
}

#sivu #sekalaisia-galleria-sivu #content ul {
	margin-top: 30px;
	margin-left: 22px;
}

#sivu #kuvitukset-sivu #content ul {
	margin-top: 40px;
	margin-left: 90px;
}

#sivu #hyeena-kustannus-sivu #content ul {
	margin-top: 50px;
	margin-left: 55px;
}

#sivu #making-of-tuuli-ja-myrsky-sivu #content ul {
	margin-top: 20px;
	margin-left: 20px;
}

#sivu #tulva-amnesty-galleria-sivu #content ul li, #sivu  #netta-galleria-sivu #content ul li, 
#sivu #viivi-ja-wagner-galleria-sivu #content ul li, #sivu  #sekalaisia-galleria-sivu #content ul li,
#sivu #kuvitukset-sivu #content ul li, #sivu #hyeena-kustannus-sivu #content ul li,
#sivu #sarjakuvasivu #content ul li, #sivu #making-of-tuuli-ja-myrsky-sivu #content ul li {
	float:left;
	padding-left: 0px;
	margin-bottom: 20px;
	margin-right: 20px;
	position:relative;
	background: url(none);
}

#sivu #sarjakuvasivu #content ul.veglist {
	margin-right: 10px;
}

#sivu #sarjakuvasivu #content ul.veglist li {
	margin-right: 5px;
}

#sivu #netta-galleria-sivu #content ul li {
	margin-bottom: 30px;
	margin-right: 30px;
	background: url(none);
}

#sivu #viivi-ja-wagner-galleria-sivu #content ul li {
	margin-bottom: 50px;
	margin-right: 20px;
	background: url(none);
}

#sivu #sekalaisia-galleria-sivu #content ul li {
	margin-bottom: 10px;
	margin-right: 20px;
	background: url(none);
}

#sivu #kuvitukset-sivu #content ul li {
	margin-bottom: 30px;
	margin-right: 30px;
	background: url(none);
}

#sivu #hyeena-kustannus-sivu #content ul li {
	margin-bottom: 15px;
	margin-right: 25px;
	background: url(none);
}

#sivu #making-of-tuuli-ja-myrsky-sivu #content ul li {
	margin-bottom: 15px;
	margin-right: 8px;
	background: url(none);
}

#sivu #tulva-amnesty-galleria-sivu #content ul li img, #sivu #netta-galleria-sivu #content ul li img, 
#sivu #viivi-ja-wagner-galleria-sivu #content ul li img, #sivu #sekalaisia-galleria-sivu #content ul li img,
#sivu #kuvitukset-sivu #content ul li img, #sivu #hyeena-kustannus-sivu #content ul li img, 
#sivu #making-of-tuuli-ja-myrsky-sivu #content ul li img, #sivu #sarjakuvasivu #content ul li img  {
	margin-right: 10px;
	border: 1px solid #666;
	box-shadow: -1px 1px 2px #333;
	-moz-box-shadow: -1px 1px 2px #333;
	-webkit-box-shadow: -1px 1px 2px #333;
}

#sivu #tulva-amnesty-galleria-sivu #content ul li span, #sivu #netta-galleria-sivu #content ul li span, 
#sivu #viivi-ja-wagner-galleria-sivu #content ul li span, #sivu #sekalaisia-galleria-sivu #content ul li span,
#sivu #kuvitukset-sivu #content ul li span, #sivu #hyeena-kustannus-sivu #content ul li span, 
#sivu #making-of-tuuli-ja-myrsky-sivu #content ul li span, #sivu #sarjakuvasivu #content ul li span  {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 75px;
	background: url(../images/teippi.png) no-repeat;
}

#sivu #netta-galleria-sivu #content ul li span, #sivu #sarjakuvasivu  #content ul li span {
	left: 40px;
}

#sivu #kuvitukset-sivu #content ul li span {
	left: 10px;
}

#sivu #hyeena-kustannus-sivu #content ul li span, #sivu #making-of-tuuli-ja-myrsky-sivu  #content ul li span  {
	left: 20px;
}

.n-m {
	margin-top: -120px;
}

.n-m2 {
	margin-top: -92px;
}

.n-m3 {
	margin-top: -45px;
}

.n-m4 {
	margin-top: -170px;
}

.n-m5 {
	margin-top: -150px;
}

.n-m6 {
	margin-top: -15px;
}

.m7 {
	margin-top: 50px;
	margin-left: 31px;
}

/*--------------------- SARJAKUVAT-INDEX STYLES  ---------------------------------------------*/

#sivu #sarjakuvat-sivu #content ul {
	margin-top: 22px;
	margin-left: 20px;
	color:#FFF;
	font-size:15px;
	line-height: 18px;
}

#sivu #sarjakuvat-sivu #content ul li {
	width: 130px;
	min-height: 270px;
	float:left;
	padding-left: 0px;
	margin-right: 40px;
	margin-bottom: 10px;
	position:relative;
	background: url(none);
}

#sivu #sarjakuvat-sivu #content ul li.mina-mikko-annikki {
	width: 184px;
}

#sivu #sarjakuvat-sivu #content ul li img {
	border: 1px solid #666;
	margin-bottom: 2px;
	box-shadow: -1px 1px 2px #333;
	-moz-box-shadow: -1px 1px 2px #333;
	-webkit-box-shadow: -1px 1px 2px #333;
}

#sivu #sarjakuvat-sivu #content ul li img:hover {
	box-shadow: -1px 2px 3px #1e1c1c;
  	-moz-box-shadow: -1px 2px 3px #1e1c1c;
 	-webkit-box-shadow: -1px 2px 3px #1e1c1c;
}

/*--------------------- SARJAKUVASIVU STYLES  ---------------------------------------------*/

#sivu #sarjakuvasivu #content ul {
	margin-right: 65px;
	float: right;
}

#sivu #sarjakuvasivu.tyhma-tytto #content ul {
	margin-right: 0px;
}

#sivu #sarjakuvasivu.tyhma-tytto #content ul li {
	margin-right: 0px;
}

#sivu #sarjakuvasivu #content img {
	float: left;
	border: 1px solid #666;
	box-shadow: -2px 2px 3px #333;
	-moz-box-shadow: -1px 1px 2px #333;
	-webkit-box-shadow: -2px 2px 3px #333;
}

#sivu #sarjakuvasivu #content ul li img:hover {
	box-shadow: -1px 2px 3px #1e1c1c;
  	-moz-box-shadow: -1px 2px 3px #1e1c1c;
 	-webkit-box-shadow: -1px 2px 3px #1e1c1c;
}

/*--------------------- TYPOGRAPHY  ---------------------------------------------*/

@font-face {
	font-family: 'TrashHand Regular';
	src: url('../fonts/TrashHand.eot');
	src: local('TrashHand Regular'), local('TrashHand'), url('../fonts/TrashHand.woff') format('woff'), url('../fonts/TrashHand.svg#TrashHand') format('svg'), url('../fonts/TrashHand.ttf') format('truetype');
}

#branding h1 {
	width: 434px;
	height: 50px;
	position:absolute;
	left: 484px;
	top: 63px;
}

#sivu #branding h1 {
	width: 380px;
	height: 47px;
	position:absolute;
	left: 286px;
	top: 29px;
}

#branding h2 {
	width: 333px;
	height: 129px;
	position:absolute;
	left: 558px;
	top: 152px;
	background: url(../images/branding-h2-brg.jpg) no-repeat;
}

#english #branding h2 {
	width: 294px;
	height: 129px;
	position:absolute;
	left: 588px;
	top: 142px;
	background: url(../images/eng-branding-h2-brg.png) no-repeat;
}

#sivu #content h2 {
	text-align:center;
	margin: 2px auto 15px;
	height: 36px;
}

#sivu #sarjakuvat-sivu #content h2 {
	background: url(../images/headlines/sarjakuvat-h2-bgr.png) no-repeat;
	width: 239px;
}

.english-page#sivu #sarjakuvat-sivu #content h2 {
	background: url(../images/headlines/graphic-novels-h2-bgr.png) no-repeat;
	width: 579px;
}

#sivu #kuvitukset-sivu #content h2 {
	background: url(../images/headlines/kuvitukset-h2-bgr.png) no-repeat;
	width: 239px;
}

.english-page#sivu #kuvitukset-sivu #content h2 {
	background: url(../images/headlines/illustrations-h2-bgr.png) no-repeat;
	width: 312px;
}

#sivu #galleriat-sivu #content h2 {
	background: url(../images/headlines/galleriat-h2-bgr.png) no-repeat;
	width: 200px;
}

.english-page#sivu #galleriat-sivu #content h2 {
	background: url(../images/headlines/galleries-h2-bgr.png) no-repeat;
	width: 216px;
}

#sivu #yhteystiedot-sivu #content h2 {
	background: url(../images/headlines/yhteystiedot-h2-bgr.png) no-repeat;
	width: 264px;
}

.english-page#sivu #yhteystiedot-sivu #content h2 {
	background: url(../images/headlines/contact-h2-bgr.png) no-repeat;
	width: 197px;
}

#sivu #ajankohtaista-sivu #content h2 {
	background: url(../images/headlines/ajankohtaista-h2-bgr.png) no-repeat;
	width: 284px;
}

#sivu #cv-sivu #content h2 {
	background: url(../images/headlines/cv-h2-bgr.png) no-repeat;
	width: 55px;
}

#sivu #hyeena-kustannus-sivu #content h2 {
	background: url(../images/headlines/hyeena-kustannus-h2-bgr.png) no-repeat;
	width: 400px;
}

.english-page#sivu #hyeena-kustannus-sivu #content h2 {
	background: url(../images/headlines/hyena-publishing-h2-bgr.png) no-repeat;
	width: 350px;
}

#sivu #linkit-sivu #content h2 {
	background: url(../images/headlines/linkit-h2-bgr.png) no-repeat;
	width: 143px;
}

.english-page#sivu #linkit-sivu #content h2 {
	background: url(../images/headlines/links-h2-bgr.png) no-repeat;
	width: 127px;
}

#sivu #copyright-sivu #content h2 {
	background: url(../images/headlines/copyright-h2-bgr.png) no-repeat;
	width: 228px;
}

#sivu #tulva-amnesty-galleria-sivu #content h2 {
	background: url(../images/headlines/tulva-amnesty-galleria.png) no-repeat;
	width: 493px;
	height: 35px;
}

.english-page#sivu  #tulva-amnesty-galleria-sivu #content h2 {
	background: url(../images/headlines/tulva-amnesty-gallery.png) no-repeat;
	width: 493px;
	height: 35px;
}

#sivu #netta-galleria-sivu #content h2 {
	background: url(../images/headlines/netta-galleria.png) no-repeat;
	width: 299px;
}

.english-page#sivu #netta-galleria-sivu #content h2 {
	background: url(../images/headlines/netta-gallery.png) no-repeat;
	width: 299px;
}

#sivu #viivi-ja-wagner-galleria-sivu #content h2 {
	background: url(../images/headlines/viivi-ja-wagner-galleria.png) no-repeat;
	width: 359px;
}

.english-page#sivu #viivi-ja-wagner-galleria-sivu #content h2 {
	background: url(../images/headlines/viivi-ja-wagner-gallery.png) no-repeat;
	width: 359px;
}

#sivu #sekalaisia-galleria-sivu #content h2 {
	background: url(../images/headlines/sekalaisia-galleria.png) no-repeat;
	width: 382px;
}

.english-page#sivu #sekalaisia-galleria-sivu #content h2 {
	background: url(../images/headlines/misc-gallery.png) no-repeat;
	width: 265px;
}

#sivu #making-of-tuuli-ja-myrsky-sivu #content h2 {
	background: url(../images/headlines/nain-tehtiin-h2-bgr.png) no-repeat;
	width: 392px;
	height: 72px;
}

.english-page#sivu #making-of-tuuli-ja-myrsky-sivu #content h2 {
	background: url(../images/headlines/making-of-tm-h2-bgr.png) no-repeat;
	width: 561px;
	height: 35px;
}

#sivu #sarjakuvasivu #content h2 {
	font-size: 45px;
	text-align:center;
	letter-spacing: 2px;
	color: #E7008F;
	text-indent: 0;
	margin-bottom: 11px;
	margin-top: 10px;
	text-shadow: 0px 0px 3px #333;
	height: 45px;
}

#index #content h3 {
	width: 212px;
	height: 27px;
	text-align:center;
	background: url(../images/index-ajankohtaista-h3-bgr.png) no-repeat;
	margin: -1px auto 11px;
}

#english #index #content h3 {
	width: 82px;
	height: 28px;
	text-align:center;
	background: url(../images/headlines/news-h2-bgr.png) no-repeat;
	margin: -1px auto 11px;
}

#sivu #content h3 {
	font-size: 30px;
	line-height: 38px;
	text-align:left;
	color: #FFF;
	text-indent: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	clear: both;
}

#sivu #making-of-tuuli-ja-myrsky-sivu #content h3 {
	margin-bottom: 27px;
	margin-top: 20px;
}


#sivu #content h4 {
	font-size: 26px;
	color: #FFF;
	margin-bottom: 3px;
	margin-top: 20px;
}

#content p, #sivu #content p  {
	letter-spacing: 1px;
	word-spacing: normal;
	margin-bottom: 10px;
}

#sivu #content p {
	margin-bottom: 15px;
}

#sivu #ajankohtaista-sivu #content p {
	margin-bottom: 25px;
	background: url(../images/list-bullet.png) no-repeat left top;
	padding-left: 25px;
}

#sivu #sarjakuvasivu #content p {
	margin-bottom: 15px;
	width: 500px;
	float:right;
}

#sivu #sarjakuvasivu #content p.vegfest {
	margin-bottom: 15px;
	width: 850px;
	float:right;
}

#sivu #sarjakuvasivu #content p.last {
	margin-bottom: 0px;
}

#site-info strong {
	font-weight: normal;
	color: #EA0099;
	letter-spacing: 1px;
}

#sivu #content ul, #sivu #content ol {
	margin-left: 12px;
}

#sivu #content ul li, #sivu #content ol li {
	margin-bottom: 6px;
	background: url(../images/list-bullet.png) no-repeat left center;
	padding-left: 25px;
}

#content em {
	font-style: normal;
	color: #FFF;	
}

::selection {
	background: #ea0099;
}
	
::-moz-selection {
	background: #ea0099;
}

/*--------------------- LINKS  ---------------------------------------------*/

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

a:hover {
	color: #C1007D;
	text-decoration: none;
}

#sarjakuvat-sivu #content a:link, #sarjakuvat-sivu #content a:visited {
	color: #850a5a;
	text-decoration: underline;
}

#sarjakuvat-sivu #content a:hover {
	color: #FFF;
	text-decoration: underline;
}

#index #branding a:link, #index #branding a:visited {
	background: url(../images/in-english.jpg) no-repeat left top;
	height: 25px;
	width: 142px;
	position: absolute;
	left: 70px;
	top: 59px;
	text-indent: -9999px;
	border-bottom: 2px dashed #C1007D;
}

#index #branding a:hover {
	background: url(../images/in-english.jpg) no-repeat left bottom;
}

#english #branding a:link, #english #branding a:visited {
	background: url(../images/suomeksi.jpg) no-repeat left top;
	height: 21px;
	width: 136px;
	left: 70px;
	top: 63px;
}

#english #branding a:hover {
	background: url(../images/suomeksi.jpg) no-repeat left bottom;
}

#sivu #branding a:link, #sivu #branding a:visited {
	background: url(../images/sivu-in-english.jpg) no-repeat left top;
	height: 17px;
	width: 99px;
	position: absolute;
	left: 44px;
	top: 37px;
	text-indent: -9999px;
	border-bottom: 0;
}

#sivu #branding a:hover {
	background: url(../images/sivu-in-english.jpg) no-repeat left bottom;
}

.english-page#sivu #branding a:link, .english-page#sivu #branding a:visited {
	background: url(../images/sivu-suomeksi-link-brg.png) no-repeat left top;
	left: 34px;
	top: 36px;
}

.english-page#sivu #branding a:hover {
	background: url(../images/sivu-suomeksi-link-brg.png) no-repeat left bottom;
}

#sivu #branding h1 a.headline, .english-page#sivu #branding h1 a.headline  {
	text-indent: -9999px;
	background: url(none);
	width: 380px;
	height: 47px;
	position:absolute;
	left: 0px;
	top: 0px;
}

#main-content a:link.copyright, #main-content a:visited.copyright {
	background: url(../images/copyright-link-brg.jpg) no-repeat left top;
	height: 19px;
	width: 86px;
	position: absolute;
	left: 839px;
	top: 945px;
	text-indent: -9999px;
}

#main-content a:hover.copyright {
	background: url(../images/copyright-link-brg.jpg) no-repeat left bottom;
}

#sivu #main-content #additional-navigation a:link.copyright, #sivu #main-content #additional-navigation a:visited.copyright {
	background: url(../images/sivu-copyright-link-brg.png) no-repeat left top;
	height: 13px;
	width: 86px;
	position: absolute;
	left: 64px;
	top: 3px;
	text-indent: -9999px;
}	




#sivu #main-content #additional-navigation a:hover.copyright {
	background: url(../images/sivu-copyright-link-brg.png) no-repeat left bottom;
}

#sivu #main-content #additional-navigation a:link.linkit, #sivu #main-content #additional-navigation a:visited.linkit {
	background: url(../images/sivu-linkit-link-brg.png) no-repeat left top;
	height: 13px;
	width: 49px;
	position: absolute;
	left: 5px;
	top: 3px;
	text-indent: -9999px;
}

#sivu #main-content #additional-navigation a:hover.linkit {
	background: url(../images/sivu-linkit-link-brg.png) no-repeat left bottom;
}

.english-page#sivu #main-content #additional-navigation a:link.linkit, .english-page#sivu #main-content #additional-navigation a:visited.linkit {
	background: url(../images/sivu-links-link-brg.png) no-repeat left top;
}

.english-page#sivu  #main-content #additional-navigation a:hover.linkit {
	background: url(../images/sivu-links-link-brg.png) no-repeat left bottom;
}


/*--------------------- MAIN NAVIGATION LINKS INDEX  ---------------------------------------------*/

#main-navigation a {
  display: block;
  text-indent: -9999px;
  position: absolute;
  outline: none;
  height: 26px;
  border-bottom: 0;
  background: url(../images/main-nav-bgr.jpg)
}

#main-navigation a.sarjakuvat {
	width: 145px;
	height: 26px;
	background-position: 0 0;
	left: 2px;
	top: 0px;
}

#main-navigation a:hover.sarjakuvat {
	background-position: 0 -27px;
	
}

#main-navigation a.kuvitukset {
	width: 130px;
	height: 26px;
	background-position: -168px 0px;
	left: 170px;
	top: 0px;
}

#main-navigation a:hover.kuvitukset {
	background-position: -168px -27px;
	
}

#main-navigation a.galleriat {
	width: 92px;
	height: 26px;
	background-position: -322px 0px;
	left: 324px;
	top: 0px;
}

#main-navigation a:hover.galleriat {
	background-position: -322px -27px;
	
}

#main-navigation a.yhteys {
	width: 76px;
	height: 26px;
	background-position: -435px 0px;
	left: 437px;
	top: 0px;
}

#main-navigation a:hover.yhteys {
	background-position: -435px -27px;
	
}

#main-navigation a.ajankohtaista {
	width: 164px;
	height: 26px;
	background-position: 0 -54px;
	left: 1px;
	top: 36px;
}

#main-navigation a:hover.ajankohtaista {
	background-position: 0 -81px;
}

#main-navigation a.cv {
	width:33px;
	height: 26px;
	background-position: -180px -54px;
	left: 184px;
	top: 35px;
}

#main-navigation a:hover.cv {
	background-position: -180px -81px;
}

#main-navigation a.hyeena-kustannus {
	width:200px;
	height: 26px;
	background-position: -222px -54px;
	left: 237px;
	top: 34px;
}

#main-navigation a:hover.hyeena-kustannus {
	background-position: -222px -81px;
}

#main-navigation a.linkit{
	width:77px;
	height: 26px;
	background-position: -435px -54px;
	left: 457px;
	top: 36px;
}

#main-navigation a:hover.linkit {
	background: url(../images/main-nav-bgr.jpg) -435px -81px;
}

/*--------------------- MAIN NAVIGATION LINKS INDEX ENGLISH  ---------------------------------------------*/

#english #main-navigation a {
  display: block;
  text-indent: -9999px;
  position: absolute;
  outline: none;
  height: 28px;
  border-bottom: 0;
  background: url(../images/english-main-nav-bgr.jpg)
}

#english #main-navigation a.graphic-novels {
	width: 323px;
	height: 28px;
	background-position: 0 0;
	left: 2px;
	top: 0px;
}

#english #main-navigation a:hover.graphic-novels  {
	background-position: 0 -28px;
	
}

#english #main-navigation a.illustrations {
	width: 163px;
	height: 28px;
	background-position: -343px 0px;
	left: 344px;
	top: 0px;
}

#english #main-navigation a:hover.illustrations {
	background-position: -343px -28px;
	
}

#english #main-navigation a.galleries {
	width: 113px;
	height: 28px;
	background-position: 0px -56px;
	left: 0px;
	top: 34px;
}

#english #main-navigation a:hover.galleries {
	background-position: 0px -84px;
	
}

#english #main-navigation a.contact {
	width: 109px;
	height: 28px;
	background-position: -124px -56px;
	left: 124px;
	top: 34px;
}

#english #main-navigation a:hover.contact {
	background-position: -124px -84px;
	
}

#english #main-navigation a.hyeena-publishing{
	width:214px;
	height: 28px;
	background-position: -242px -56px;
	left: 244px;
	top: 34px;
}

#english #main-navigation a:hover.hyeena-publishing {
	background-position: -242px -84px;
}

#english #main-navigation a.links{
	width:75px;
	height: 28px;
	background-position: -466px -56px;
	left: 461px;
	top: 34px;
}

#english #main-navigation a:hover.links {
	background-position: -466px -84px;
}


/*--------------------- MAIN NAVIGATION LINKS PAGES ---------------------------------------------*/


#sivu #main-navigation a {
  display: block;
  text-indent: -9999px;
  position: absolute;
  outline: none;
  height: 25px;
  border-bottom: 0;
  background: url(../images/sivu-main-nav-bgr.png)
}

#sivu #main-navigation a.sarjakuvat {
	width: 132px;
	height: 25px;
	background-position: 0px -85px;
	left: 0px;
	top: 0px;
}

#sivu #main-navigation a:hover.sarjakuvat {
	height: 85px;
	background-position: 0 0px;
	left: 0px;
	top: -60px;
}

#sivu #main-navigation a.kuvitukset {
	width: 120px;
	height: 25px;
	background-position: -140px -85px;
	left: 140px;
	top: 0px;
}

#sivu #main-navigation a:hover.kuvitukset {
	height: 85px;
	background-position: -140px 0px;
	left: 140px;
	top: -60px;
}

#sivu #main-navigation a.galleriat {
	width: 92px;
	height: 25px;
	background-position: -269px -85px;
	left: 269px;
	top: 0px;
}

#sivu #main-navigation a:hover.galleriat {
	height: 85px;
	background-position: -269px 0px;
	left: 269px;
	top: -60px;
}

#sivu #main-navigation a.yhteystiedot {
	width: 74px;
	height: 25px;
	background-position: -366px -85px;
	left: 366px;
	top: 0px;
}

#sivu #main-navigation a:hover.yhteystiedot {
	height: 85px;
	background-position: -366px 0px;
	left: 366px;
	top: -60px;
}

#sivu #main-navigation a.ajankohtaista {
	width: 154px;
	height: 25px;
	background-position: -452px -85px;
	left: 452px;
	top: 0px;
}

#sivu #main-navigation a:hover.ajankohtaista {
	background-position: -452px 0px;
	height: 85px;
	left: 452px;
	top: -60px;
}

#sivu #main-navigation a.cv {
	width: 30px;
	height: 25px;
	background-position: -615px -85px;
	left: 615px;
	top: 0px;
}

#sivu #main-navigation a:hover.cv {
	background-position: -615px 0px;
	height: 85px;
	left: 615px;
	top: -60px;
}

#sivu #main-navigation a.hyeena-kustannus {
	width: 182px;
	height: 25px;
	background-position: -650px -85px;
	left: 650px;
	top: 0px;
}

#sivu #main-navigation a:hover.hyeena-kustannus {
	background-position: -650px 0px;
	height: 85px;
	left: 650px;
	top: -60px;
}

#sivu #main-navigation a.etusivu {
	width: 82px;
	height: 25px;
	background-position: -844px -85px;
	left: 844px;
	top: 0px;
}

#sivu #main-navigation a:hover.etusivu {
	background-position: -844px -60px;
	
}

/*--------------------- MAIN NAVIGATION LINKS ENGLISH PAGES  ---------------------------------------------*/


#sivu.english-page #main-navigation a {
  display: block;
  text-indent: -9999px;
  position: absolute;
  outline: none;
  height: 25px;
  border-bottom: 0;
  background: url(../images/english-sivu-main-nav-bgr.png)
}

#sivu.english-page #main-navigation a.graphic-novels {
	width: 255px;
	height: 25px;
	background-position: 0px -85px;
	left: 0px;
	top: 0px;
}

#sivu.english-page #main-navigation a:hover.graphic-novels {
	height: 85px;
	background-position: 0 0px;
	left: 0px;
	top: -60px;
}

#sivu.english-page #main-navigation a.illustrations {
	width: 141px;
	height: 25px;
	background-position: -267px -85px;
	left: 266px;
	top: 0px;
}

#sivu.english-page #main-navigation a:hover.illustrations {
	height: 85px;
	background-position: -267px 0px;
	left: 266px;
	top: -60px;
}

#sivu.english-page #main-navigation a.galleries {
	width: 102px;
	height: 25px;
	background-position: -420px -85px;
	left: 420px;
	top: 0px;
}

#sivu.english-page #main-navigation a:hover.galleries {
	height: 85px;
	background-position: -420px 0px;
	left: 420px;
	top: -60px;
}

#sivu.english-page #main-navigation a.contact {
	width: 100px;
	height: 25px;
	background-position: -536px -85px;
	left: 536px;
	top: 0px;
}

#sivu.english-page #main-navigation a:hover.contact {
	height: 85px;
	background-position: -536px 0px;
	left: 536px;
	top: -60px;
}

#sivu.english-page #main-navigation a.hyeena-publishing {
	width: 204px;
	height: 25px;
	background-position: -646px -85px;
	left: 646px;
	top: 0px;
}

#sivu.english-page #main-navigation a:hover.hyeena-publishing {
	background-position: -646px 0px;
	height: 85px;
	left: 646px;
	top: -60px;
}

#sivu.english-page #main-navigation a.home {
	width:57px;
	height: 25px;
	background-position: -864px -85px;
	left: 862px;
	top: 0px;
}

#sivu.english-page #main-navigation a:hover.home {
	background-position: -864px -60px;
	
}

/*--------------------- MAIN-NAVIGATION CURRENT PAGE HILITE  ---------------------------------------------*/


#sivu #sarjakuvat-sivu #main-navigation a.sarjakuvat, #sivu #sarjakuvasivu #main-navigation a.sarjakuvat {
	height: 85px;
	background: url(../images/sivu-main-nav-bgr.png) 0 0px;
	left: 0px;
	top: -60px;
	cursor: default;
}

#sivu #sarjakuvasivu #main-navigation a.sarjakuvat {
	cursor: pointer;
}

#sivu #kuvitukset-sivu #main-navigation a.kuvitukset {
	height: 85px;
	background: url(../images/sivu-main-nav-bgr.png) -140px 0px;
	left: 140px;
	top: -60px;
	cursor: default;
}

#sivu #galleriat-sivu #main-navigation a.galleriat {
	height: 85px;
	background: url(../images/sivu-main-nav-bgr.png) -269px 0px;
	left: 269px;
	top: -60px;
	cursor: default;
}

#sivu #tulva-amnesty-galleria-sivu #main-navigation a.galleriat, #sivu #netta-galleria-sivu #main-navigation a.galleriat,
#sivu #viivi-ja-wagner-galleria-sivu #main-navigation a.galleriat, #sivu #sekalaisia-galleria-sivu #main-navigation a.galleriat {
	height: 85px;
	background: url(../images/sivu-main-nav-bgr.png) -269px 0px;
	left: 269px;
	top: -60px;
	cursor: pointer;
}

#sivu #yhteystiedot-sivu #main-navigation a.yhteystiedot {
	height: 85px;
	background: url(../images/sivu-main-nav-bgr.png) -366px 0px;
	left: 366px;
	top: -60px;
	cursor: default;
}

#sivu #ajankohtaista-sivu #main-navigation a.ajankohtaista {
	background: url(../images/sivu-main-nav-bgr.png) -452px 0px;
	height: 85px;
	left: 452px;
	top: -60px;
	cursor: default;  
}

#sivu #cv-sivu #main-navigation a.cv {
	background: url(../images/sivu-main-nav-bgr.png) -615px 0px;
	height: 85px;
	left: 615px;
	top: -60px;
	cursor: default;
}

#sivu #hyeena-kustannus-sivu #main-navigation a.hyeena-kustannus {
	background: url(../images/sivu-main-nav-bgr.png) -650px 0px;
	height: 85px;
	left: 650px;
	top: -60px;
	cursor: default;
}

.english-page#sivu #sarjakuvat-sivu #main-navigation a.graphic-novels {
	height: 85px;
	background: url(../images/english-sivu-main-nav-bgr.png) 0 0px;
	left: 0px;
	top: -60px;
	cursor: default;
}

#sivu.english-page #hyeena-kustannus-sivu #main-navigation a.hyeena-publishing {
	background: url(../images/english-sivu-main-nav-bgr.png) -650px 0px;
	height: 85px;
	left: 650px;
	top: -60px;
	cursor: default;
}

#sivu.english-page #kuvitukset-sivu #main-navigation a.illustrations {
	height: 85px;
	background: url(../images/english-sivu-main-nav-bgr.png) -267px 0px;
	left: 266px;
	top: -60px;
	cursor: default;
}

#sivu.english-page #galleriat-sivu #main-navigation a.galleries {
	height: 85px;
	background: url(../images/english-sivu-main-nav-bgr.png) -420px 0px;
	left: 420px;
	top: -60px;
	cursor: default;
}

#sivu.english-page #yhteystiedot-sivu #main-navigation a.contact {
	height: 85px;
	background: url(../images/english-sivu-main-nav-bgr.png) -536px 0px;
	left: 536px;
	top: -60px;
	cursor: default;
}

/*--------------------- IMG-NAVIGATION + LINKS  ---------------------------------------------*/

#img-navigation ul li {
	position: relative;
	display: block;
}

#img-navigation a {
  display: block;
  position: absolute;
  outline: none;
  border-bottom: 0;
  text-indent: -9999px;
}
 
 #img-navigation a:hover {
	border: 1px dotted #FFF;
}

#img-navigation a:hover span, #site-info a:hover span  {
	display: block;
	position: absolute;
	z-index: 100;
	top: 65px;
	right: 0;
	width: 200px;
	padding: 8px;
	margin: 10px;
	color: #FFFFFF;
	background: #FF0099;
	font-size: 16px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	border: 1px solid #990000;
	text-transform: none;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: -1px 2px 3px #333;
  	-moz-box-shadow: -1px 2px 3px #333;
 	-webkit-box-shadow: -1px 2px 3px #333;
}

#img-navigation li a:hover.uusin-teos span {
	top: 85px;
	left: 30px;
}

#img-navigation li a:hover.uusin-teos {
	border: 0;
}

#img-navigation li a:hover.ajankohtaista span, #img-navigation li a:hover.keha span  {
	top: 35px;
	left: 30px;
}

#img-navigation li a:hover.keha span  {
	top: 55px;
	left: -50px;
}

#img-navigation li a:hover.hyeena-kustannus span, #index #site-info a:hover span  {
	top: -65px;
	left: -190px;
}

#img-navigation li a:hover.sarjakuvat span  {
	top: 55px;
	left: 0px;
}

#img-navigation li a:hover.galleriat span  {
	top: 100px;
	left: 0px;
}

#index #site-info a:hover span  {
	top: -213px;
	left: -20px;
}

#site-info a:hover span  {
	top: -233px;
	right: -12px;
}


#img-navigation a.galleriat {
	width: 140px;
	height: 175px;
	left: 450px;
	top: 60px;
}

#img-navigation a.linkit {
	width: 107px;
	height: 155px;
	left: 633px;
	top: 140px;
}

#img-navigation a.cv {
	width: 165px;
	height: 300px;
	left: 755px;
	top: 1px;
}

#img-navigation a.sarjakuvat {
	width: 283px;
	height: 100px;
	left: 370px;
	top: 312px;
}

#img-navigation a.keha {
	width: 140px;
	height: 50px;
	left: 750px;
	top: 308px;
}

#img-navigation a.ajankohtaista {
	width: 70px;
	height: 85px;
	left: 125px;
	top: 400px;
}

#img-navigation a.kuvitukset {
	width: 130px;
	height: 140px;
	left: 815px;
	top: 490px;
}

#img-navigation a.yhteystiedot {
	width: 187px;
	height: 183px;
	left: 755px;
	top: 636px;
}

#img-navigation a.uusin-teos {
	left: 539px;
	top: 468px;
	height: 166px;
	width: 168px;
	background: url(../images/mina-mikko-ja-annikki.png) no-repeat;
	z-index: 1;
}

#img-navigation a.hyeena-kustannus {
	width: 100px;
	height: 90px;
	left: 730px;
	top: 850px;
}

#site-info a:link, #site-info a:visited {
	color: #EA0099;
	text-decoration: none;
	border-bottom: 1px dotted #CC0000;
	line-height: 16px;
	letter-spacing: 1px;
}

#site-info a span {
	display: none;
}


/*--------------------- HACKS AND MISC.  ---------------------------------------------*/

@media screen {
	a.nakymaton:link, a.nakymaton:visited, a.nakymaton:hover { display: none;}
}