/* Copyright (c) 2007 John P. Marshall */


/* IMPORTANT NOTE ABOUT FONT SIZE AND EMS!!

   FONT-SIZE IS TYPICALLY SET TO 10em EVERYWHERE SO THAT WE CAN USE EMS FOR SIZING
   SINCE 10em = font-size, THEREFORE 1em = 10px FOR PIXEL-IMPORTANT SIZING
   THIS ALLOWS SCALING OF THE ENTIRE PAGE FOR PREVIEWS AND POSSIBLY FOR READABILITY

   START IN BODY BY SETTING FONT-SIZE=62.5% to SCALE FROM font-size=16px to font-size=10px;

*/

body { margin:0px; font-size: 62.5%; padding-top:1.0em; background-image: url('images/gray-canvas.jpg'); text-align:center; } 
.body_rect { width: 85.0em; height: 56.0em; padding: 0.0em; margin: 0em auto; background-image: url('images/white-canvas.jpg'); text-align:left; }

.masthead { height: 7.0em; }
.mastheader { padding:0em; margin:0em; }
.mastheader span { font-size: 4.0em; font-weight:bold; }
.mastmenu {  margin: 0em 1em; text-align: center; border-bottom: 0.1em solid #aaaaaa; border-top: 0.1em solid #aaaaaa; font-weight:bold;}
.mastmenu a { font-size: 1.5em; line-height: 1.2em; padding: 0em 0.5em; color: #000000; }
.mastmenu a:hover {  text-decoration: underline; }

.twoup_rect { text-align: center; }
.twoup { margin: 6.0em auto auto auto; text-align:center; width:70.0em; }
.twoup_left { padding-right: 2em; display: inline; }
.twoup_right { padding-left: 2em; display: inline;}
.twoup_pics { margin: 0em; }

.series_info { text-align:right; padding-right: 3em; margin-top:1em; }
.series_header { font-size: 1.5em; }
.series_info span { font-size: 1.0em; }
.series_title { text-align:right; padding: 1em 0em;}
.series_title span { font-size: 2.5em; font-weight: bold; }
.series_subtitle { text-align:right; }
.series_subtitle span { font-size: 2.0em; font-weight: normal; }
.series_statement { text-align:center; padding-bottom: 1.0em; }
.series_statement span { font-size: 1.6em; }
.series_front_table { width: 50.0em; }
.series_front_table td { vertical-align: middle !important; }
.series_twoup { margin: 1.0em auto auto auto; text-align:center; }
.series_twoup_left { padding-right: 1em; display: inline; }
.series_twoup_right { padding-left: 1em; display: inline;}
.series_twoup_pics { margin: 0em; }


a { text-decoration: none; }
a:hover { text-decoration: underline; } 

img { border: 0em; }
img a { border: 0em; }

.portfolio_rect { height:49.0em; margin: 0em; }
.portfolio_pic { margin: 1.5em 0em; }
.portfolio_pic_rect { text-align:center; }
.portfolio_pic_rect table { margin: auto; text-align:left;}
.portfolio_pic_rect td { height: 35.6em; vertical-align:bottom;}
.portfolio_img { display:inline; }


.portfolio_nav {margin: 1em; border-top: 0.1em solid #666666; padding: 0.0em 0em 0em 0em; text-align: center; }
.portfolio_nav span { font-weight: bold; font-size: 1.1em; line-height: 1.6em; }
.nav_pic { padding: 0em 0.2em; margin: 0.5em auto; display: inline;}

.art_info_td { vertical-align:bottom; padding-left:1.0em; padding-bottom: 0.6em; }
.art_info { text-align: left; padding: 1em 1em 0em 0em; }
.art_title { font-size: 1.4em; font-weight: bold;}
.art_size { font-size: 1.2em; }
.art_media { font-size: 1.2em; }

.copyright_block { clear: both; margin: 0em auto; text-align: center; padding-top:0.5em;}
.copyright_block span { font-size: 1.1em; }

.contact_rect { padding-top:10.0em; text-align: center;}
.contact_rect span {font-size: 2.0em; line-height: 1.5em;}

/* color overrides go here (and places where items should have the same color) */
body { background-color: #dddddd; color: #333333; }
.body_rect { background-color: #ffffff; }
/*.mastheader span { color: #333333; }*/
a, a:visited, a:hover { color: #333333; }

/* borders */
.mastmenu, .portfolio_nav {border-color: #aaaaaa; }

/* font overrides */
body { font-family: Arial, Helvetica, sans-serif; }
body table { font-size: 1.0em; }