/* this file should be used with biography.html only*/

* {

margin: 0;

padding: 0;

}

body {

background: #60482e url("image/bg.gif");

font: 1.0em/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif;

}

a img {

border:1px solid #5f2b2b;

padding: 5px;

}

p {
font: 0.7em/1.5  trebuchet ms, verdana, arial, helvetica, sans-serif;

color: #000;

margin-top: 0.8em;

margin-bottom: 0.8em;

}

h1 {

font: italic 1.95em/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif;

margin-bottom: 1.0em;

text-indent: -999em;

}

h3 {

width: 450px;

margin: auto;

font: italic 0.9em georgia;

color: #000;

text-align: left;

line-height: 1.3em;

padding-bottom: 7px;

}
  
#wrapper {

width: 500px;

background: #fff3db url("image/bg_mid.gif") repeat-y;

border-top: 8px solid #5f2b2b;

border-right: 8px solid #5f2b2b;

border-bottom: 8px solid #5f2b2b;

border-left: 8px solid #5f2b2b;

margin: auto;

text-align: left;

position: relative;

}

#logo {

background: url("image/logo.gif") no-repeat center; 

width: 400px;

height: 50px;

margin-top: -80px;

margin-right: auto;

margin-left: auto;

z-index: 10;

position: relative;

}

#line {

background: url("image/short_line.gif");

width: 480px;

height: 5px;

margin-right: auto;

margin-left: auto;

}

#main-top {

width: 500px;

height: 49px;

background: #fff3db url("image/bg_top.gif") no-repeat top left;

display: block;

}

#main-bot {

width: 500px;

height: 49px;

background: #fff3db url("image/bg_bot.gif") no-repeat top left;

display: block;

}

#main-content {

width: 500px;

height: 49px;

background: #fff3db url("image/bg_mid.gif") repeat-y;

text-align: left;

display: block;

}

#container {

width: 270px;

float: right;

margin-left: auto;

text-align: center;

padding: 5px 20px 5px  20px;

display: inline;

}

#film_container {

width: 270px;

float: right;

margin-left: auto;

text-align: left;

padding: 5px 20px 5px  20px;

display: inline;

}

#leftpanel {

width: 168px;

float: left;

padding: 10px 0px 0 20px;

display: inline;

}

a:link {

text-decoration: none;

color: #60482e;

}	

a:visited {

text-decoration: none;

color: #60482e;

}	

a:hover {

background-color: #5f2b2b;

color: #fff3db;

text-decoration: none;

}

a:active {

color: #60482e;

text-decoration: none;

}

#footer {

text-align: center;

color: #60482e;

padding: 4px 0 4px 0;

clear:  both

}

#footer {

text-align: center;

color: #fff3db;

padding: 4px 0 4px 0;

clear:  both

}

#subfooter {

width: 500px;

margin-right: auto;

margin-left: auto;

background: transparent;

font: italic 0.6em/1.0  georgia, times sarif;

text-align: center;

color: #fff;

padding: 2px 0 10px 0;

clear:  both

}

.photo {

float: left;

border:1px solid #5f2b2b;

padding: 5px;

margin: 10px 10px 10px 0;

}
	
.photo_right {

float: right;

border:1px solid #5f2b2b;

padding: 5px;

margin: 12px 10px 0 10px;

}

.photo_right img, .photo img {

display: block;

}