/* JenFong.com stylesheet */

body { background-color: white; color: #333; font-family: "Courier New", courier, monospace; font-size: 12px; line-height: 1.2em; margin: 15px 20px; }
h1 { margin: 0 0 7px -3px; }
a:link, a:visited, a:hover, a:active { color: #333; text-decoration: none; }
ul { list-style-type: none; padding: 0; margin: 0; }
img { border: none; margin: 0; padding: 0; }

#jenfong { margin-right: 17px; }
#header { white-space: nowrap; }

#body { clear: both; width: 100%; }
#pictures, #category, #page { margin-top: 108px; }
#photo { margin-top: 94px; width: 750px; }
/* not IE5/mac \*/
#category, #pictures { margin-top: 14px; }
#page { margin-top: -21px; }
#photo { margin-top: 0px; }
/**/

#caption, #photo_nav span, #series_stats span, #navigation a.active, #navigation li span, a:hover { color: #ed6200; }
#page a:link, #page a:visited, #page a:active { text-decoration: underline; }

#navigation { height: 94px; width: 750px; }
#navigation ul { position: absolute; top: 59px; }
#navigation_0 { left: 20px; }
#navigation_1 { left: 258px; }
#navigation_2 { left: 595px; }

#caption { float: left; width: 238px; }
#series_stats { float: left; }
#photo_nav { float: left; }
#image { float: left; width: 575px; }
#image img { display: block; clear: both; margin-top: 1px; }

#pictures * { margin: 0; line-height: 0; padding: 0; }
#pictures h2 { display: inline; }
#pictures img.tiny { margin: 0 3px 5px 0; border: 1px solid white; }
#pictures img.title { margin: 0 8px 5px 0; background-color: black; }

#category { line-height: 0; margin-left: -1px; }
#category img.small { margin: 0 4px 5px 0; }
#category img.title { margin: 1px 5px 6px 1px; }
#category span { white-space: nowrap; }

#category a img.small, #pictures a img.tiny { border: 1px solid white; }
#category a:hover img.small, #pictures a:hover img.tiny { border-color: #ed6200; }
#category a img.title, #pictures a img.title { background-color: black; }
#category a:hover img.title, #pictures a:hover img.title { background-color: #ed6200; }

#page h2 { margin: 35px 0 5px 0; }
#page p, #page ul { margin: 0; width: 530px; }
#page ul { list-style: disc url(/media/dash.png) inside; padding-left: 1.2em; text-indent: -1.2em; }
/* not IE \*/
*|html #page ul { list-style: none; }
*|html #page li:before { content: "- "; }
/**/