* { padding: 0; margin: 0; }
.clearfix { clear: both; display: block }
div { border: 0px dotted orange; }
body { background: url(images/site/bg-body.jpg) top center fixed; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
#wrapper { width: 700px; padding: 20px 65px; margin: 0 auto; background: url(images/site/bg-wrapper.png); }
#wrapper-top { width: 830px; height: 20px; margin: 0 auto; background: url(images/site/bg-wrapper-top.png); }
#wrapper-bottom { width: 830px; height: 20px; margin: 0 auto; background: url(images/site/bg-wrapper-bottom.png) bottom }

#header { float: left; width: 100%; }
#nav { font-size: 0.8em; }
#main { float: left; width: 61%; font-size: 0.75em; padding: 0 3% 0 0; border-right: 1px solid #000000; }
#mainmedia {float: left; width: 61%; font-size: 0.75em; padding: 0 3% 0 0; border-right: 1px solid #000000;}
#maingallery {float: left; width: 61%; font-size: 0.75em; padding: 0 3% 0 0; border-right: 1px solid #000000;}
#sidebar { float: right; width: 34%; font-size: 0.75em; }
#sidebarmedia { float: right; width: 34%; font-size: 0.75em; }
#sidebargallery { float: right; width: 34%; font-size: 0.75em; }

h1 { font-size: 1.8em; font-weight: normal; color: #4C1700; margin: 0 0 15px 0; }
h2 { font-size: 1.4em; font-weight: bold; color: #4C1700; margin: 0 0 15px 0; }
h3 { font-size: 1.2em; font-weight: bold; color: #4C1700; margin: 0 0 10px 0; }
h4 { font-size: 1.1em; font-weight: bold; color: #4C1700; margin: 0 0 5px 0; }
p {font-weight: normal; line-height: 1.5em; margin: 0 0 20px 0; }
ul {margin: 0 0 20px 20px; }
ol {margin: 0 0 20px 25px; }
li { line-height: 1.5em; }
blockquote {font-size: 1.1em; font-weight: bold; font-style: italic; color: #852F04; margin: 0;}
blockquote p {font-weight: bold; margin: 0;}
p.quote-author { color: #852F04;}
a img {border: 0;}
a:link { color: #BF4304; text-decoration: none;}
a:visited { color: #BF4304; text-decoration: none; }
a:hover { color: #BA856A; text-decoration: none; }
a:active { color: #BA856A; text-decoration: none; }
object {float: left; width: auto; margin: 0 0 20px 0;}

ul.nav { float: left; width: 100%; list-style: none; text-align: center; margin: 0 0 20px 0; }
ul.nav li { float: left; }
ul.nav li a img {border: 0;}

.homeflash {display: block; float: left; width: 170px; height: 170px; padding: 0 10px 10px 0; overflow: hidden;  background: url(http://www.rennykrupinski.com/portait-alt.jpg) no-repeat;}
.homeflash object {display: block; float: left; width: 170px; padding: 0; margin: 0;}

table.work {float: left; width: 100%; font-size: 0.9em;  margin: 0 0 20px 0;}
table.work th {text-align: left; padding: 5px 5px 5px 0; border-bottom: 1px solid #000000;}
table.work td {padding: 5px 5px 5px 0;}

ul.cats {float: left; width: 100%; list-style: none; margin: 0 0 10px 0;}
ul.cats li {line-height: 1.5em;}
ul.cats a {font-size: 1.2em; font-weight: bold; line-height: 2.0em;}
ul.cats li a.current {color: #000000;}

ul.articles {float: left; width: 100%; list-style: none; margin: 0;}
ul.articles li {line-height: 1.5em;}
ul.articles a {font-size: 1.1em; font-weight: bold; line-height: 1.0em;}
ul.articles li a.current {color: #000000;}

ul.media {list-style: none; font-size: 0.9em; margin: 0;}
ul.media li {float: left; width: 32%; text-align: center; height: 125px; line-height: 1.1em; padding: 0 1% 0 0;}
#flashPlayer {float: left; width: 100%; margin: 0 0 10px 0;}

ul.gallery {list-style: none; font-size: 0.9em; margin: 0;}
ul.gallery li {float: left; width: 33%; text-align: center; height: 80px;}

form {margin: 0 0 20px 0;}
form label {display: block;}
form p {margin: 0 0 5px 0;}

p.credits {font-size: 0.7em; font-weight: bold; color: #FFFFFF; text-align: center; padding: 10px;}