/* I. GLOBAL -----------------------------------------------------*/
body { background-color: #3F446E; }
a:active, a:hover { outline: none; }
em { font-style: italic; }
strong { font-weight: bold; }

/* II. PAGE ELEMENTS & STRUCTURE ---------------------------------*/
#topbar { background: #519FA3; color: #333; border-bottom: 1px solid #ddd; }
    #topbar div { margin: 0 auto; }
    #topbar div p { margin: 0; }
    #topbar div p strong { }

#application_messages { background: #f2ebc7; margin: 10px 0 15px 0; padding: 2px 0; } 
.notice { background: #f2ebc7; margin: 10px 0; }
.error { background: #f2ebc7; margin: 10px 0; }
#main { min-height: 600px; height: auto !important; height: 600px; }

.album-list-item-top { background: transparent url(/images/album_list_item_top_bg.png) no-repeat top left; height: 14px; width: 310px; margin: 0 auto; padding: 0; }
#album_list { width: 50em; margin: auto; }
    .album_list_item { background: #f6da74; float: left; height: 105px; *height: 108px; _height: 112px; overflow: hidden; width: 310px; margin: 0 0 0.8em 0.8em; }
        .album_list_item img { float: left; margin-right: 10px; }
        .album_info { padding-left: 0.8em; height: 66px; *height: 80px; width: 310px; }
        .album_info strong { font-size: 16px }
.album-list-item-bottom { background: transparent url(/images/album_list_item_bottom_bg.png) no-repeat bottom left; height: 14px; width: 310px; margin: 0.8em auto; *margin: 0 auto; _margin: 0.1em auto; padding: 0; }

.pagination { margin-bottom: 20px; }

#header { padding-left: 50px; background: url(/images/remember_mark.jpg) left no-repeat; }
    #header h2 { padding-top: 8px; }

#top_nav { border-bottom: 1px solid white; height: 30px; margin-bottom: 20px; }
    #top_nav_links { float: left; }

#upload_field { float: right; }
#carousel { position: relative; overflow: hidden; }
#image_carousel { margin-left: 14px; text-align: center; } 
#selected_element { margin: 30px auto; width: 600px; }
#comments_section { margin: auto; width: 600px; }
#comments_list { margin: 20px auto; }
.comment { margin-bottom: 20px; }
#footer { clear: both; margin: 30px auto; width: 960px; }

#rotate_thumb { height: 80px; width: 80px; margin: 2px; }
    .rotate_thumb0 { background: url(/images/rotate0.gif); }
    .rotate_thumb1 { background: url(/images/rotate1.gif); }
    .rotate_thumb2 { background: url(/images/rotate2.gif); }
    .rotate_thumb3 { background: url(/images/rotate3.gif); }

#album_elements { list-style-type: none; margin: 20px 0px 0px 30px; padding: 0px; width: 900px; }
    #album_elements li {
      cursor: move;
      background-color: #eeeeff;
      position: relative;
      float: left;
      border: 1px solid #000;
      margin: 10px 10px;
      padding: 4px 2px 0px 2px;
      width: 86px;
      height: 86px;
      text-align: center; }

#search_results { list-style-type: none; margin: 20px 0px 0px 30px; padding: 0px; width: 900px; }
    #search_results li {
      cursor: move;
      background-color: #eeeeff;
      position: relative;
      float: left;
      border: 1px solid #000;
      margin: 20px 10px;
      padding: 4px 2px 0px 2px;
      width: 86px;
      height: 86px;
      text-align: center; }

    #search_results li:hover { background: #519fa3; }

#upload_applet { margin: auto; width: 900px; }
.centered { width: 960px; margin: 0 auto; }
#element_available_sizes { text-align: center; }

#available_sizes_list { display: block; list-style: none; width: 960px; margin: 0 auto; }
    #available_sizes_list li { display: inline; }

#downloadable_image { margin: 30px auto; text-align: center; }
    #downloadable_image img { display: inline; margin-top: 20px; }

/* III. TYPE -----------------------------------------------------*/
#topbar { color: white; }
    #topbar a { color: white; }
    #topbar div { text-align: right; font-size: 0.95em; }

#application_messages { }
    .notice { font-size: 16px; color: black; text-align: center; }
    .error { font-size: 16px; color: black; text-align: center; }

#album_list, #album_list { color: black; }
	a.album_name:link    { color: black; text-decoration: none; }
	a.album_name:visited { color: black; text-decoration: none; }
	a.album_name:hover   { color: black; text-decoration: none; }
	a.album_name:active  { color: black; text-decoration: none; }
    a.album_list_item_actions:link    { color: black; font-size: 0.8em; }
    a.album_list_item_actions:visited { color: black; font-size: 0.8em; }
    a.album_list_item_actions:hover   { color: blue;  font-size: 0.8em; }
    a.album_list_item_actions:active  { color: blue;  font-size: 0.8em; }
    .created { font-size: 0.8em; }

#selected_element_links { padding-bottom: 2px; }
#selected_element_links a:link    { color: white; text-decoration: none; }
#selected_element_links a:visited { color: white; text-decoration: none; }
#selected_element_links a:hover   { color: white; text-decoration: underline; }
#selected_element_links a:active  { color: white; text-decoration: underline; }

a:link    {color:#FF0000}
a:visited {color:#00FF00}
a:hover   {color:#FF00FF}
a:active  {color:#0000FF}

#top_nav, #top_nav a { font-family: Georgia, Times New Roman, serif; font-size: 1.1em; text-decoration: none; color: white; }
    #top_nav a:hover { text-decoration: underline; }

#rotate_progress { text-align: center; }
.comment_source { font-weight: bold; }
#footer { text-align: center; }
.pagination { text-align: center; }
.search_link_text { font-size: 12px; font-variant: small-caps; }



/* IV. FORMS ----------------------------------------------------*/
.form-top { background: transparent url(/images/form_top_bg.png) no-repeat top left; height: 18px; width: 640px; margin: 0 auto; padding: 0; }
.form { background: #f6da74; color: black; margin: 0 auto; padding: 1px 20px; width: 600px; _width: 640px; }
    .form a { color: #3f446e; font-style: italic; }
    .form h1 { font-weight: bold; }
.form-bottom { background: transparent url(/images/form_bottom_bg.png) no-repeat bottom left; height: 18px; width: 640px; margin: -18px auto; _margin: 0 auto; padding: 0; }

form { width: 400px; }
label { font-size: 18px; margin-right: 15px; }
legend { font-family: Georgia, Times New Roman, serif; font-size: 28px; }
input { margin: 0; }
textarea:focus, input:focus { background: white; }
.form_instructions { font-size: 12px; margin: 0; }
#search_terms_form { text-align: left; width: 600px; _width: 640px; }
#search_terms_form form { height: 44px; _height: 24px; width: 600px; _width: 600px; }
.modal_form { font-size: 12px; }

p.form-error { color: #3311ee; font-weight: bold; }