@charset "UTF-8";
@import url("common_theme.css");

/* =============== header ================ */

#header {
background: url(../images/header/fade_orange.png) left top repeat-x;
}

#mainTitle {
background: url(../images/header/title450mirror.png) left top no-repeat;
}

/* ================ main contents =============== */

#bio {
position: relative;
margin-right: 25px;
margin-left: 25px;
}

h2.pageTitle {
background: url(../images/page_titles/bio2.png) top left no-repeat;
text-indent: -99999px;
}

/* ========== bio text ========== */

#bioText {
width: 475px;
/*background-color: #cfc992;*/
margin-bottom: 25px;
float: left;
}

#bioText p {
/*text-align: justify;*/
margin-bottom: 1.2em;
font-size: 80%;
text-indent: 1em;
line-height: 2;
}

/* =========== picture ========== */

#headshot {
width: 212px;
float: right;
}

#headshot img{
border: solid #fffff0 6px;
}

/* ========== played with list =========== */

#playedWith {
clear: both;
font-size: 80%;
}

h3 {
font-weight: bold;
}

#playedWith ul li {
display: inline;
font-size: 95%;
list-style-type: none;
padding-left: 1.2em;
background: url(../images/bio/listmark_orange.png) left center no-repeat;
/*text-align: justify;*/
margin-right: 0.5em;
letter-spacing: 0.05em;
}