/*
Theme Name: Yuki Theme
*/

* {
        margin: 0px;
}

html, body {
        height: 100%;
        }

.footer, .push {
        height: 4em;
        }

table.center {
        margin-left:auto; margin-right:auto;
        }

#page {
	text-align:center;
	padding: 0;
        min-height: 100%;
        width: 70%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -4em;
	}

.header a {
        display: block;
        height: 200px;
        width: 100%;
	background: url('images/header.jpg') no-repeat bottom center;
	}

.header a:hover {
        background: url('images/header.jpg') no-repeat bottom center;
        }

#footer {
        clear:both;
        text-align: center;
        width: 100%;
        }

/* Typography & Colors */

        a:link { color:#ff66ff;}
	a:visited { color:#ff66ff;}
	a:hover { background:#ffffff;}
	a:hover { color:#000000;}

        a.links:link { color:#00ccff;}
	a.links:visited { color:#00ccff;}
	a.links:hover { background:#ffffff;}
	a.links:hover { color:#000000;}

        a.gallery:link { color:#ff66ff;}
	a.gallery:visited { color:#ff66ff;}
	a.gallery:hover { background:#ffffff;}
	a.gallery:hover { color:#000000;}

#page {
	background-color: white;
	}

#body-text {
        font: 0.8em "Trebuchet MS", Tahoma, Arial, Verdana;
        text-color: #999999;
        text-align: left;
        width: 100%;
        margin-top: 20px;
	}

body {
	text-align: center;
	color: #333;
	}

#footer {	
        font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 0.6em;
	line-height: 1.5em;
        text-color: #999999;
	}

#events {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 1em;
        text-color: #999999;
        }

h2 {
line-height:1.2em;
text-transform:uppercase;
letter-spacing:5px;
font: normal bold 200% Tahoma, Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
margin:15 0 15px;
}
h3 {
line-height: 1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font:normal bold 150% Tahoma, Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
padding-top:5px;
}
h4 {
line-height: 1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font:normal bold 78% Tahoma, Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
}

/* End Typography & Colors */

/* Layout For Main Index Page*/

#main-picture {
        text-align: left;
        width: 50%;
        }

#top-menu {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        }

/* End Layout For Main Index Page*/

/* Main Buttons */

.biography a {
display: block;
width: 118px;
height: 29px;
background: url('images/main/biography.jpg') no-repeat;
}

.biography a:hover {
background-position: 0px -29px;
}

.biography2 a {
display: block;
width: 118px;
height: 29px;
background: url('images/main/biography.jpg') no-repeat;
background-position: 0px -58px;
}

.biography2 a:hover {
background: url('images/main/biography.jpg') no-repeat;
background-position: 0px -58px;
}

.artworks a {
display: block;
width: 106px;
height: 27px;
background: url('images/main/artworks.jpg') no-repeat;
}

.artworks a:hover {
background-position: 0px -27px;
}

.artworks2 a {
display: block;
width: 106px;
height: 27px;
background: url('images/main/artworks.jpg') no-repeat;
background-position: 0px -54px;
}

.artworks2 a:hover {
background: url('images/main/artworks.jpg') no-repeat;
background-position: 0px -54px;
}


.ec a {
display: block;
width: 301px;
height: 27px;
background: url('images/main/ec.jpg') no-repeat;
}

.ec a:hover {
background-position: 0px -27px;
}

.ec2 a {
display: block;
width: 301px;
height: 27px;
background: url('images/main/ec.jpg') no-repeat;
background-position: 0px -54px;
}

.ec2 a:hover {
background: url('images/main/ec.jpg') no-repeat;
background-position: 0px -54px;
}

.pp a {
display: block;
width: 202px;
height: 27px;
background: url('images/main/pp.jpg') no-repeat;
}

.pp a:hover {
background-position: 0px -27px;
}

.pp2 a {
display: block;
width: 202px;
height: 27px;
background: url('images/main/pp.jpg') no-repeat;
background-position: 0px -54px;
}

.pp2 a:hover {
background: url('images/main/pp.jpg') no-repeat;
background-position: 0px -54px;
}

.store a {
display: block;
width: 64px;
height: 27px;
background: url('images/main/store.jpg') no-repeat;
}

.store a:hover {
background-position: 0px -27px;
}

.store2 a {
display: block;
width: 64px;
height: 27px;
background: url('images/main/store.jpg') no-repeat;
background-position: 0px -54px;
}

.store2 a:hover {
background: url('images/main/store.jpg') no-repeat;
background-position: 0px -54px;
}

.news a {
display: block;
width: 63px;
height: 27px;
background: url('images/main/news.jpg') no-repeat;
}

.news a:hover {
background-position: 0px -27px;
}

.news2 a {
display: block;
width: 63px;
height: 27px;
background: url('images/main/news.jpg') no-repeat;
}

.news2 a:hover {
background: url('images/main/news.jpg') no-repeat;
background-position: 0px -54px;
}

.contact a {
display: block;
width: 90px;
height: 27px;
background: url('images/main/contact.jpg') no-repeat;
}

.contact a:hover {
background-position: 0px -27px;
}

.contact2 a {
display: block;
width: 90px;
height: 27px;
background: url('images/main/contact.jpg') no-repeat;
background-position: 0px -54px;
}

.contact2 a:hover {
background: url('images/main/contact.jpg') no-repeat;
background-position: 0px -54px;
}

.links a {
display: block;
width: 61px;
height: 27px;
background: url('images/main/links.jpg') no-repeat;
}

.links a:hover {
background-position: 0px -27px;
}

.links2 a {
display: block;
width: 61px;
height: 27px;
background: url('images/main/links.jpg') no-repeat;
background-position: 0px -54px;
}

.links2 a:hover {
background: url('images/main/links.jpg') no-repeat;
background-position: 0px -54px;
}

/* End Main Buttons */

/* Japanese & English Buttons */

.japanese a {
margin:0 auto;
display: block;
width: 111px;
height: 23px;
background: url('images/secondary/japanese.jpg') no-repeat;
}

.japanese a:hover {
background-position: 0px -23px;
}

.japanese2 a {
margin:0 auto;
display: block;
width: 111px;
height: 23px;
background: url('images/secondary/japanese.jpg') no-repeat;
background-position: 0px -46px;
}

.japanese2 a:hover {
background-position: 0px -46px;
}


.english a {
margin:0 auto;
display: block;
width: 92px;
height: 23px;
background: url('images/secondary/english.jpg') no-repeat;
}

.english a:hover {
background-position: 0px -23px;
}

.english2 a {
margin:0 auto;
display: block;
width: 92px;
height: 23px;
background: url('images/secondary/english.jpg') no-repeat;
background-position: 0px -46px;
}

.english2 a:hover {
background-position: 0px -46;
}

/* End Japanese & English Buttons */


/* Artwork Buttons */

.painting a {
display: block;
width: 107px;
height: 23px;
background: url('images/secondary/painting.jpg') no-repeat;
}

.painting a:hover {
background-position: 0px -23px;
}

.painting2 a {
display: block;
width: 107px;
height: 23px;
background: url('images/secondary/painting.jpg') no-repeat;
background-position: 0px -46px;
}

.painting2 a:hover {
background-position: 0px -46px;
}

.drawing a {
display: block;
width: 120px;
height: 23px;
background: url('images/secondary/watercolour.jpg') no-repeat;
}

.drawing a:hover {
background-position: 0px -23px;
}

.drawing2 a {
display: block;
width: 120px;
height: 23px;
background: url('images/secondary/watercolour.jpg') no-repeat;
background-position: 0px -46px;
}

.drawing2 a:hover {
background-position: 0px -46px;
}

.illustration a {
display: block;
width: 105px;
height: 21px;
background: url('images/secondary/illustration.jpg') no-repeat;
}

.illustration a:hover {
background-position: 0px -21px;
}

.illustration2 a {
display: block;
width: 105px;
height: 21px;
background: url('images/secondary/illustration.jpg') no-repeat;
background-position: 0px -42px;
}

.illustration2 a:hover {
background-position: 0px -42px;
}

.print a {
display: block;
width: 99px;
height: 21px;
background: url('images/secondary/print.jpg') no-repeat;
}

.print a:hover {
background-position: 0px -21px;
}

.print2 a {
display: block;
width: 99px;
height: 21px;
background: url('images/secondary/print.jpg') no-repeat;
background-position: 0px -42px;
}

.print2 a:hover {
background-position: 0px -42px;
}


.mural a {
display: block;
width: 56px;
height: 21px;
background: url('images/secondary/mural.jpg') no-repeat;
}

.mural a:hover {
background-position: 0px -21px;
}

.mural2 a {
display: block;
width: 56px;
height: 21px;
background: url('images/secondary/mural.jpg') no-repeat;
background-position: 0px -42px;
}

.mural2 a:hover {
background-position: 0px -42px;
}

.tattoo a {
display: block;
width: 60px;
height: 21px;
background: url('images/secondary/tattoo.jpg') no-repeat;
}

.tattoo a:hover {
background-position: 0px -21px;
}

.tattoo2 a {
display: block;
width: 60px;
height: 21px;
background: url('images/secondary/tattoo.jpg') no-repeat;
background-position: 0px -42px;
}

.tattoo2 a:hover {
background-position: 0px -42px;
}

.poster a {
display: block;
width: 63px;
height: 21px;
background: url('images/secondary/poster.jpg') no-repeat;
}

.poster a:hover {
background-position: 0px -21px;
}

.poster2 a {
display: block;
width: 63px;
height: 21px;
background: url('images/secondary/poster.jpg') no-repeat;
background-position: 0px -42px;
}

.poster2 a:hover {
background-position: 0px -42px;
}

/* End Artwork Buttons */

/* Additional Gallery Align Control */

.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left; display:block; margin-right:auto; }
.alignright { float:right; display:block; margin-left:auto; }

/* End Additional Gallery Align Control */

#galleries {
        //float: left;
        width: 100%;
        text-align: center;

}

.images {
        float: left;
        width: 33%;
        display: inline; 
}

.thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9; 
	margin:4px 0px 4px 5px;
	padding:4px;
        position:relative;
}

.thumbnail img:hover {
	background-color: #A9A9A9;
} 


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.


	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */