body            { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: black; text-align: center; margin: 8px 0 0; padding: 0 }
p   { margin: 0; padding: 0 0 10px; content: Hello!  }
/*these tags ensure a minimun height for areas and clear content so that the boxes do not overflow their containers*/
.clear_space      { background-color: #000; margin: 0; padding: 0; width: 780px; height: 3px; clear: both; overflow: hidden; border: 0 }
.clear_menu      { margin: 0; padding: 0; position: relative; width: 100%; height: 1px; clear: both; overflow: hidden }
.clear_bottom   { margin: 0; padding: 0; position: relative; height: 1px; clear: both; overflow: hidden }
.prop_bottom       { margin: 0; padding: 0; position: relative; width: 1px; height: 140px; float: right }
/*main navigation menu located in the header
this is a list in block form with a float left*/
.main_nav      { text-align: right; margin: 0; padding: 0; width: 778px }
.navlist      { list-style-type: none; margin: 0; padding: 0; position: relative; width: 300px; height: 35px; float: right }
.navlist li               { text-align: center; white-space: nowrap; list-style-type: none; display: block; margin: 0; padding: 12px 0 0; width: 75px; float: left }
.navlist a        { font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 1px }
.navlist a:link, .navlist a:visited        { color: white }
.navlist a:hover, .navlist a:active, .uberlink a:link, .uberlink a:visited, .uberlink a:hover, .uberlink a:active          { color: white; text-decoration: underline }
.uberlink a:link, .uberlink a:visited, .uberlink a:hover, .uberlink a:active             { color: white; text-decoration: underline }
.subscribe     { color: white; text-decoration: underline; padding-top: 5px }
#loading  { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; position: absolute; z-index: 0; top: 350px; left: 175px }
/*lists within menus on each page
menu1 is the class for menus located in column1
menu2 is the class for menus located in column2
*/
.menu_list     { margin: 0; padding: 0; border-color:  }
.menu_list ul    { font-size: 11px; list-style-type: none; margin: 0; padding: 0 }
.menu_list li           { font-size: 11px; list-style-type: none; margin: 0; padding: 0 0 6px }
.menu_list a, .menu_list a:link, .menu_list a:active, .menu_list a:visited   { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; margin: 0; padding: 0; border-color:  }
.menu_list a:hover   { text-decoration: underline; margin: 0; padding: 0; border-color:  }
.menu1              { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin: 0 0 0 15px; padding: 0; width: 150px }
.menu1 a, .menu1 a:link, .menu1 a:active, .menu1 a:visited       { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; width: 130px; border: 0 }
.menu2                     { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin: 0 25px 0 170px; padding: 0 0 0 30px; border-left: 1px solid #aaa }
.menu2 a, .menu2 a:link, .menu2 a:active, .menu2 a:visited          { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: left; border-top: 0 none; border-right: 0 none; border-bottom: 0 none }
.menu1 a:hover, .menu2 a:hover   { text-decoration: underline }
.current, .current a:link, .current a:active, .current a:visited, .current a:hover  { color: #fefefe; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }
.menu_title { font-size: 11px; margin-bottom: 4px; padding-bottom: 1px; padding-left: 2px; width: 85px; border-bottom: 2px solid #aaa }
#feed_title { text-decoration: underline; padding-bottom: 7px }
/*classes that specify the color background of a div based on it's content: image or text*/
.text_top     { background-color: #e4e4dd; background-image: url("http://photonomad.com/graphics/sideback.jpg"); background-repeat: repeat-y; background-position: 0 0 }
/*lists located withing the text content of a page
currently located in the links and bag sections of ABOUT*/
#list { font-weight: bold; margin: 0; padding: 0; width: 215px }
#list1   { font-weight: bold; margin: 0; padding: 0; position: absolute; top: 5px; left: 0; width: 1px }
#list2   { font-weight: bold; margin: 0; padding: 0; position: absolute; top: 5px; left: 270px; width: 1px }
#list ul, #list1 ul, #list2 ul    { text-indent: 0; margin: 0; padding: 15px 0 0 }
#list li, #list1 li, #list2 li     { font-size: 12px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-align: left; list-style-type: none; margin: 0; padding: 0 0 4px 15px; width: 215px }
#list1 a:link, #list1 a:active, #list1 a:visited, #list2 a:link, #list2 a:active, #list2 a:visited { color: #000 }
.title   { color: #000; font-size: 12px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; text-decoration: none; letter-spacing: 1px; display: block; margin: 0; padding: 0 0 2px; width: 250px }
/*major structural elements for the layout*/
#container       { background-color: #262626; text-align: left; margin: 0 auto; padding: 0; position: relative; z-index: 2; width: 780px }
#topcorners  { position: absolute; z-index: 5; top: 0; left: 0; width: 780px }
#logo   { position: absolute; z-index: 4; top: 0; left: 0; width: 218px; height: 35px }
#header    { background-color: #2c2c2c; background-image: url("http://photonomad.com/graphics/headback.gif"); background-repeat: repeat-x; background-position: 0 0; text-align: right; margin: 0; padding: 0; position: relative; z-index: 3; width: 780px }
#column1 { position: relative; float: left; clear: none }
#column2 { position: relative; clear: none }
#top    { margin: 0; padding: 0; position: relative }
#bottom     { background-color: #262626; margin: 0; padding: 10px 0 0; position: relative; z-index: 1; width: 780px }
#bottom_curves   { background-color: transparent; margin: 0; padding: 0; position: relative; width: 780px; height: 7px }
#footer      { color: #555; font-size: 10px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; background-color: black; background-image: url(http://photonomad.com/graphics/bystaceyirvin.gif); background-repeat: no-repeat; background-position: right top; text-align: left; word-spacing: 1px; margin: 0; padding: 5px 236px 0 5px; z-index: 3; clear: left }
#footer a, #footer a:link, #footer a:active, #footer a:visited   { text-decoration: underline; word-spacing: 1px }
#footer a:hover  { color: #d5285e; text-decoration: underline }
.full_nav      { text-align: right; margin: 0; padding: 0; width: 778px }
.fulllist      { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; list-style-type: none; margin: 0; padding: 0; position: relative; width: 380px; height: 35px; float: right }
.fulllist li                { text-align: center; white-space: nowrap; list-style-type: none; display: block; margin: 0; padding: 16px 0 0; float: left }
#full_close { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; text-align: center }
#full_size       { margin: 0; padding: 25px 0; position: relative }
.gallery_menu  { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin: 0 25px 0 147px; padding: 0 0 0 25px; border-left: 1px solid #aaa }
.gallery_text         { text-indent: 10px; margin-right: 30px; position: relative; width: 350px; height: 140px; float: right }
.gallery_text a, .gallery_text a:link, .gallery_text a:active, .gallery_text a:visited           { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; text-align: left; border-top: 0 none; border-right: 0 none; border-bottom: 0 none }
.gallery_text_full         { text-indent: 10px; margin-right: 30px; position: relative; width: 550px; height: 400px; float: right }
.gallery_text_full a, .gallery_text_full a:link, .gallery_text_full a:active, .gallery_text_full a:visited           { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; text-align: left; border-top: 0 none; border-right: 0 none; border-bottom: 0 none }
.mail_list    { text-indent: 10px; margin-left: 75px; position: relative; width: 200px; height: 140px; float: right }
.mail_list a, .mail_list a:link, .mail_list a:active, .mail_list a:visited    { color: #c3c3c3; font-size: 11px; font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; text-align: left; border-top: 0 none; border-right: 0 none; border-bottom: 0 none }
#floater_text    { margin-top: 10px; margin-right: 25px; margin-bottom: 10px; position: relative; float: left }

