body { 
 background-color: #ffffff; 
 background-image: url(/images/site/bkgrd.gif);
 margin: 0px; 
 font-size: 12px; 
 font-family: verdana,trebuchet,sans-serif; 
 text-align: center;
}

a {color: #0898bf; text-decoration: underline; font-weight: bold;}
a:visited {color: #888; text-decoration: underline;}
a:hover {color: #66c4de; text-decoration: underline;}
a:active {color: #0898bf; text-decoration: underline;}

#main-content {
background-color:#fff;
  width: 780px;
  height: 100%;
  text-align: left;
}

#header-main {
  width: 780px; 
  height: 200px;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  background: url(/images/site/sgnff-logo.png) no-repeat left;
}

#header-menu {text-align: right; width: 770px; margin-right: 10px;}

#header-menu a {color: #0898bf; text-decoration: none; font-size: 10px;}
#header-menu a:visited {color: #0898bf; text-decoration: none; font-size: 10px;}
#header-menu a:hover {color: #0898bf; text-decoration: none; font-size: 10px;}

/*---  MAIN PAGE CONTENT ---*/
.content {
  margin-left: 205px; 
  background-color: #f7f7f7; 
  width:540px; 
  border: 1px solid #888; 
  padding: 10px;
  text-align: left;
}

/*---  LEFT SIDE BAR ---*/
#menu {
  float: left; 
  width: 175px; 
  padding-right: 5px; 
  padding-left: 10px;
  margin-left:10px;
  background-color: #fff;
  font-size: 10px;
  text-align: left;
}

#menu h3 {background-color: #b8b8b8; width: 165px; padding: 3px; font-size: 12px; font-weight: bold; color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border: 1px solid #2a5f93;}
#menu h3 a {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}
#menu h3 a:visited {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}
#menu h3 a:hover {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}

/*--- Dotted line between menu items in sidebar ---*/

.menuSpacer {
 border-bottom: 1px dotted #888888;
 margin-bottom: 10px; 
}


H2 {
 font-family: Georgia,verdana,trebuchet,sans-serif;
 font-size:   17px;
 color:       #333333;
 font-weight: bold;
}

/*---  Used in Weblog templates to format the title of entries  ---*/

H3 {
 font-family: Georgia,verdana,trebuchet,sans-serif;
 font-size:   16px;
 color:       #0898bf;
 font-weight: bold;
}

/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/

H4 {
 font-family: Georgia,verdana,trebuchet,sans-serif;
 font-size:   14px;
 color:       #999;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}

/*---  Used in comment templates to format text used in the comment form. ---*/

H5 {
 font-family: Georgia,verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #000;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: bold;
}

/*---  Weblog entry formatting.  ---*/

.weblog {
 padding-bottom: 12px;
 border-bottom:1px dotted #888;
}

/*---  Name of author in weblog entries ---*/

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #999999;
 font-weight: normal;
 border-top: 1px solid #dedede;
}

.author a {color: #999; text-decoration: underline; font-weight: normal;}
.author a:visited {color: #999; text-decoration: underline; font-weight: normal;}
.author a:hover {color: #999; text-decoration: underline; font-weight: normal;}

/*--  Default form field formatting. --*/

form {margin-top: 0px;}

/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #0898bf;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        bold;
  text-transform:     uppercase;
  color:              #fff;
  border: 1px solid #000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */

/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #96B996;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #2a5f93; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #96B996; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #ccddcc; text-decoration: none;font-weight: bold;}

#footer {
  background-image: url(images/site/images/main-bkgrd.png); 
  background-repeat: repeat-y;
  width: 762px;
  text-align: center;
	font-size: 10px;
	font-weight: bold;
	margin:auto;
}

.img-left {float: left; border: 1px solid #000; margin: 3px;}
.img-rignt {float: right; border: 1px solid #000; margin: 3px;}
.img {border: 1px solid #000;}
 
.artistpics {float: left; font-size: 10px; text-align: center;}
.imgborder {border: 1px solid #ccc; padding: 5px; margin: 10px; width: 155px;}
.imgborder p {font-size: 10px; text-align: center;}

.smtext {font-size: 10px;}

/* Gallery */

ul {margin-left: 5px; padding: 0px;}

li {margin-left: 10px; margin-top: 4px; margin-bottom: 4px; padding: 0px; list-style-position: outside; list-style-type: disc;}

.textinput {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; border: 1px solid #2a5f93; padding-right: 3px; padding-left: 3px;}

.listbox {font-family: Verdana, Arial, Arial, Helvetica, sans-serif; font-size: 100%; border: 1px solid #2a5f93; vertical-align : middle;} 

.button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; border: 1px solid #2a5f93; background-color : #cdc; background-position : bottom;}

.comment_button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; border: 1px solid #000; background-color : #99b974; background-position : bottom; padding-left: 3px; padding-right: 3px;} 

.radio {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; vertical-align : middle;}

.checkbox {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; vertical-align : middle;}

.bblink a {color: #2a5f93; text-decoration: none;}
.bblink a:hover {color: #2a5f93; text-decoration: underline;}

.maintable {border: 1px solid #2a5f93; background-color: #FFFFFF; margin-top: 1px; margin-bottom: 1px;}

.tableh1 {background : #2e007f; color : #FFFFFF; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px;}

.tableh1_compact {background : #e3efcf ; color : #000; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px;}

.tableh2 {background: #e3efcf ; color : #000; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px;}

.tableh2_compact {background: #2e007f; color : #fff; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px;} 

.tableb {background: #EFEFEF ; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; }

.tableb_compact {background: #EFEFEF ; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px;}

.tablef {background: #2e007f; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;}

.album_stat {font-size: 85%; margin: 5px 0px;}

.thumb_title {font-weight : bold; font-size: 80%; padding: 2px; display : block;}

.thumb_caption {font-size: 80%; padding: 1px; display : block;}

.thumb_caption a {text-decoration: underline; color: #000000;}

.thumb_num_comments {font-weight: normal; font-size: 80%; padding: 2px; font-style : italic; display : block;}

.user_thumb_infobox {margin-top: 1px;  margin-bottom: 1px;}

.user_thumb_infobox th {font-weight : bold; font-size: 100%; margin-top: 1px; margin-bottom: 1px; text-align : center;}

.user_thumb_infobox td {font-size: 80%; margin-top: 1px; margin-bottom: 1px; text-align : center;}

.user_thumb_infobox a {text-decoration: none; color: #000000;}
.user_thumb_infobox a:hover {color: #000000; text-decoration: underline;}

.sortorder_cell {background : #2e007f ; color : #FFFFFF; padding: 0px; margin: 0px;}

.sortorder_options {font-family: Verdana, Arial, Helvetica, sans-serif; background : #2e007f ; color : #FFFFFF; padding: 0px; margin: 0px; font-weight: normal; font-size: 80%; white-space: nowrap;}

.navmenu {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 100%; font-weight: bold; background : #2e007f ; border-style: none; }

.navmenu img {margin-top: 1px; margin-right: 5px; margin-bottom: 1px; margin-left: 5px;}

.navmenu a {position: relative; display: block; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #FFFFFF;}
.navmenu a:hover {background : #cdc ;  text-decoration: none; color: #2e007f;}

.admin_menu_thumb {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; border: 1px solid #2e007f; background-color : #cdc; background-position : bottom; color: #000000; font-weight: bold; margin-top: 0px; margin-bottom: 0px; width: 85px;}

.admin_menu_thumb a {color: #000000; text-decoration: none; display: block; position: relative; padding-top: 1px; padding-bottom: 1px; padding-left: 10px; padding-right: 10px; }
.admin_menu_thumb a:hover {color: #000000; text-decoration: underline;}

.admin_menu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; border: 1px solid #2e007f; background-color : #99b974; background-position : bottom; color: #000000; margin-top: 0px; margin-bottom: 0px; text-align: center; }

.admin_menu a {color: #000000; text-decoration: none; display: block; position: relative; padding-top: 1px; padding-bottom: 1px;  padding-left: 2px; padding-right: 2px;} 
.admin_menu a:hover {color: #000000; text-decoration: underline; }

.comment_date{color : #5F5F5F; font-size : 90%; vertical-align : middle; }

.image {border-style: solid; border-width:1px; border-color: #000000; margin: 2px; }

.imageborder {border: 1px solid #000000; background-color: #FFFFFF; margin-top: 30px; margin-bottom: 30px;}

.thumbnails {background: #99b974; padding: 5px;}

.footer {font-size : 9px;}

.footer a {text-decoration: none; color: #000000;}
.footer a:hover {color: #000000; text-decoration: underline;}

.statlink {color: #FFFFFF; }

.statlink a {text-decoration: none; color: #FFFFFF;}

.statlink a:hover {color: #FFFFFF; text-decoration: underline;}
.alblink a {text-decoration: underline; color: #000000;}
.alblink a:hover {color: #000000; text-decoration: underline;}

.catlink {display: block; margin-bottom: 2px;}
.catlink a {text-decoration: underline; color: #000000;}
.catlink a:hover {color: #000000; text-decoration: underline;}

.topmenu {line-height : 130%; font-size: 100%;}
.topmenu a {color : #2e007f; text-decoration : none;}
.topmenu a:hover  {color : #2e007f; text-decoration : underline;}

.img_caption_table {border: none; background-color: #FFFFFF; width : 100%; margin : 0px;}

.img_caption_table th {background: #2e007f ; font-size: 100%; color : #000000; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; border-top : 1px solid #FFFFFF;}

.img_caption_table td {background: #cdc ; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; border-top : 1px solid #FFFFFF;}

.debug_text {border: #BDBEBD; background-color: #cdc; width : 100%; margin : 0px;}

.clickable_option {border-bottom : 1px dotted blue; cursor : hand;}

.listbox_lang {color: #000000; background-color: #2e007f; border: 1px solid #2e007f; font-size: 80%; font-family: Arial, Helvetica, sans-serif; vertical-align : middle;}

td {font-size: 12px;}