@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
html { font-family: Tahoma, Arial, Geneva, sans-serif; font-size: .8em; }
p { padding-bottom: 1em; text-align: justify; }
a img { border: 0; }

h1 { font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: .8em ; letter-spacing: .15em; color: #555; font-weight: normal; text-align: center; }

h2 { font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 1em; letter-spacing: .1em; color: #999; font-weight: normal; text-align: center; }

h3 { font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 1.2em; color: #777; font-weight: bold; text-align: left; }

#page-none { width: 950px; margin: 0 auto; text-align: center; background: url(../images/contents-none.jpg) repeat-y; }
#page-left { width: 950px; margin: 0 auto; text-align: center; background: url(../images/contents-left.jpg) repeat-y; }
#page-right { width: 950px; margin: 0 auto; text-align: center; background: url(../images/contents-right.jpg) repeat-y; }
#page-both { width: 950px; margin: 0 auto; text-align: center; background: url(../images/contents-both.jpg) repeat-y; }

#header { height: 200px; background: url(../images/header.jpg) no-repeat; }
#menu { height: 50px; background: url(../images/menu.jpg) no-repeat; text-align: left; }
#menu-left { float: left; padding: 2px 0 2px 30px;}
#menu-right { float: right; padding: 2px 30px 2px 0; }

#contents-none { padding: 10px 20px; text-align: justify; overflow: auto; line-height: 1.5em; }
#contents-none p { text-align: justify; }

#contents-left { overflow: auto; }
#contents-left-column-left { width: 200px; float: left; text-align: left; padding: 5px 10px 5px 20px; }
#contents-left-column-center { width: 690px; float: right; text-align: justify; padding: 5px 20px 5px 10px; }

#contents-right { overflow: auto; }
#contents-right-column-center { width: 690px; float: left; text-align: justify; padding: 5px 10px 5px 20px; }
#contents-right-column-right { width: 200px; float: right; text-align: left; padding: 5px 20px 5px 10px; }

#contents-both { overflow: auto; }
#contents-both-column-left { width: 200px; float: left; text-align: left; padding: 5px 10px 5px 20px; }
#contents-both-column-center { width: 470px; float: left; text-align: justify; padding: 5px 10px 5px 10px; }
#contents-both-column-right { width: 200px; float: right; text-align: left; padding: 5px 20px 5px 10px; }

#contents-none a, #contents-left-column-center a, #contents-right-column-center a, #contents-both-column-center a { text-decoration: underline; font-weight: bold; color: #541616; padding: 2px; }
#contents-none a:hover, #contents-left-column-center a:hover, #contents-right-column-center a:hover, #contents-both-column-center a:hover { text-decoration: none; background-color: #541616; color: #FFF; }

#contents-left-column-left a, #contents-both-column-left a { text-decoration: underline; font-weight: bold; color: #541616; padding: 2px; }
#contents-left-column-left a:hover, #contents-both-column-left a:hover { text-decoration: none; background-color: #541616; color: #FFF; }

#contents-left-column-left ul, #contents-both-column-left ul { }
#contents-left-column-left ul li, #contents-both-column-left ul li { list-style-type: none; font-size: 1.2em; }
#contents-left-column-left ul li a, #contents-both-column-left ul li a { font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #541616; display: block; padding: 3px; }
#contents-left-column-left ul li a:hover, #contents-both-column-left ul li a:hover { text-decoration: none; color: #FFF; background-color: #541616; }

#footer { height: 100px; background: url(../images/footer.jpg) no-repeat; clear: both; }
#footer-left { float: left; padding: 32px 0 0 30px; text-align: left; }
#footer-right { float: right; padding: 32px 0 0 0; }
#footer-logo { float: right; padding: 16px 30px 0 0; }

#logos-footer { padding-top: 35px; text-align: center; clear: both; }

#menu ul { padding-top: 12px; }
#menu ul li { display: inline; }
#menu ul li a { text-decoration: none; font-size: 18px; color: #FFFFFF; padding: 12px 10px;}

#footer a { text-decoration: none; font-size: 16px; color: #FFFFFF; padding: 10px; }
#footer a:hover { text-decoration: underline; }

#chapeau-left { width: 280px; float: left; background-color: #FEE; padding: 10px; margin-right: 10px; }
#chapeau-left-english { width: 450px; float: left; background-color: #FEE; padding: 10px; margin-bottom: 1em; }
#chapeau-left-small { width: 220px; float: left; background-color: #FEE; padding: 10px; margin-right: 10px; margin-bottom: 1em; }
#chapeau-right { width: 220px; float: right; background-color: #FEE; padding: 10px; margin-left: 10px; }

a:hover#button-biography { background: url(../images/button-background-cyan.png) repeat-x; }
a:hover#button-films{ background: url(../images/button-background-pink.png) repeat-x; }
a:hover#button-short-prose{ background: url(../images/button-background-orange.png) repeat-x; }
a:hover#button-extras { background: url(../images/button-background-blue.png) repeat-x; }
a:hover#button-gallery { background: url(../images/button-background-red.png) repeat-x; }
a:hover#button-blog { background: url(../images/button-background-magenta.png) repeat-x; }
a:hover#button-english { background: url(../images/button-background-green.png) repeat-x; }
a:hover#button-home { background: url(../images/button-background-green-hunter.png) repeat-x; }

.align-right { float: right; }
.align-left{ float: left; }
.align-center { text-align: center; }

.table-gallery-4-700 { margin-left: auto; margin-right: auto; }
.table-gallery-4-700 td { text-align: center; width: 150px; font-size: .9em; }
.table-films-460 { margin-left: auto; margin-right: auto; }

.smaller { font-size: .9em; padding-top: 0; margin-top: -1em; }

hr { margin-bottom: 2em; }