html {
  height: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #fff;
  font-size: 76%;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
  /* hide overflow:hidden from IE5/Mac */
  /* \*/
  overflow: hidden; /* get rid of scroll bars in IE */
  /* */
}

body {
  overflow: hidden; /* get rid of scroll bars in IE */
  height: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
}

#content {
  display: block;
  position: relative;
  height: 100%;
  max-height: 100%;
  padding-left: 200px;
  overflow: auto;
  z-index: 1;
}

#content p {
  font-size: 1em;
  line-height: 1.4em;
}

#header {
  display: block;
  overflow: hidden;
	position: absolute;
	top: 0;
	right: 18px;
	width: 100%;
	height: 60px;
  z-index: 10;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

#header h1 {
  width: 100%;
  text-align: center;
  font-size: 4em;
  line-height: 1em;
  color: #273;
  margin: 0;
  padding: 0;
}

#tagline {
	position: absolute;
	top: 80px;
	left: 0;
	width: 80%;
	margin: 0;
  padding-left: 45px;
	font-style: italic;
	color: #273;
	font-size: 1.17em;
  z-index: 20;
}

#menu {
  display: block;
	position: absolute;
	top: 0;
	left: 0;
  padding: 0;
  margin: 0;
  height: 100%;
  z-index: 5;
  background-image: url(../../../images/bg-mouthpiece.jpg);
  background-repeat: no-repeat;
  background-position: left 80%;
  width: 200px;
}

#menu ul {
  display: block;
  width: 150px;
  background-color: #f8f8f8;
	list-style: none;
  margin-left: 0;
  padding-left: 20px;
}

* html #menu ul {
  margin-left: 20px;
  padding-left: 0;
}

#menu li {
  display: block;
  width: 100%;
  padding: 0;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 1.3em;
}

#menu li a, #menu li a:link, #menu a:visited {
  display: block;
  width: 100%;
  margin-top: 5px;
  text-decoration: none;
  background-color: #fff;
	color: #273;
	border: 1px solid #000;
}

#menu li a:hover {
  display: block;
  color: #000;
  font-weight: bold;
  border-right: 5px solid #273;
}

#menu li.act a, #menu li.act a:link, #menu li.act a:visited {
  display: block;
  margin-top: 5px;
  text-decoration: none;
  background-color: #273;
  color: #fff;
  border: 1px solid #000;
  font-weight: bold;
  cursor: default;
}

#menu li.act a:hover {
  color: #fff;
  font-weight: bold;
  border-right: 1px solid #000;
}

#menu form {
	margin: 0;	 
}

#menu form br {
	display: none;
}


table {
  font-size: 1em;
}

.tableh1 {
  background: transparent;
  color: #000;
  font-size: 1em;
  font-weight: bold;
  padding: 3px 10px;
}

.breadcrumbs {
  background: transparent;
  color: #000;
  padding: 3px 10px;
}

.tableh1_compact {
  background: #273;
  color: #fff;
  padding: 2px 5px;
}

.album_desc {
  margin: 5px 10px;
  text-align: justify;
}

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

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

.thumbnails {
  background: #101010;
  padding: 5px;
}

.footer {
  font-size: 0.8em;
}

.footer a {
  text-decoration: none;
  color: #c93;
}

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

.statlink {
  color: #447395;
}

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

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

a.alblink {
  text-decoration: none;
  color: #273;
}

a.alblink:hover {
  color: #fff;
  text-decoration: none;
}

.topmenu {
  line-height: 1.3em;
  font-size: 1em;
}

.topmenu a {
  color: #0033CC;
  text-decoration: none;
}

.topmenu a:hover  {
  color: #03c;
  text-decoration: underline;
}

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

.img_caption_table th {
  background: #202020 ;
  font-size: 1em;
  color: #447395;
  padding: 4px 10px;
  border-top: 1px solid #4a4a4a;
}

.img_caption_table td {
  background: #000;
  padding: 6px 10px;
  border-top: 1px solid #4a4a4a;
	white-space: normal
}

.debug_text {
  border: #bdbebd;
  background-color: #000;
  width: 100%;
  margin: 0;
}

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

.listbox_lang {
  color: #000;
  background-color: #e5ebf1;
  border: 1px solid #e5ebf1;
  font-size: 0.8em;
  vertical-align: middle;
}

h1 {
  font-weight: bold;
  font-size: 1em;
  text-decoration: none;
  line-height: 1.2em;
  color: #000;
  margin: 2px;
}

h2 {
  font-size: 1.2em;
  color: #000;
  margin: 0;
}

h3 {
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 2px;
}

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

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

.button {
  font-size: 1em;
  border: 1px solid #005D8C;
  background-image: url(images/button_bg.gif);
  background-position: bottom;
}

.comment_button {
  font-size: 0.85em;
  border: 1px solid #005D8C;
  background-image: url(images/button_bg.gif);
  background-position: bottom;
  padding-left: 3px;
  padding-right: 3px;
}

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

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

a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #273;
}

a:hover {
  background: #273;
  color: #fff;
}

bblink a {
  color: #03c;
  text-decoration: none;
}

bblink a:hover {
  color: #03c;
  text-decoration: underline;
}

.maintable {
  background-color: transparent;
  margin-top: 1px;
  margin-bottom: 1px;
}

.tableh2 {
  background: transparent;
  color: #000;
  padding: 3px 10px;
  font-size: 1em;
}

.tableh2_compact {
  background: transparent ;
  color: #000;
  padding: 2px 5px;
}

.tableb {
  background: transparent;
  padding: 3px 10px;
}

.tableb_compact {
  background: transparent;
  padding: 2px 5px;
}

.tablef {
  background: transparent;
  padding: 10px;
}

.album_stat {
  font-size: 0.85em;
  margin: 5px 0;
}

.thumb_title {
  font-weight: normal;
  font-size: 10pt;
  padding: 2px;
  display: block;
}

.thumb_caption {
  font-size: 0.80em;
  padding: 1px;
  display: block;
}

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

.thumb_num_comments {
  font-weight: normal;
  font-size: 0.8em;
  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: 1em;
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: center;
}

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

.user_thumb_infobox a {
  text-decoration: none;
  color: #000;
}

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

.sortorder_cell {
  background : #e2e8ee ;
  color : #447395;
  padding: 0;
  margin: 0;
}

.sortorder_options {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background : #e2e8ee ;
  color : #447395;
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 0.8em;
  white-space: nowrap;
}

.navmenu {
  color: #fff;
  background: #273;
  font-size: 1em;
  font-weight: bold;
  border-style: none;
}

.navmenu img {
  margin: 1px 5px;
}

.navmenu a {
  position: relative;
  display: block;
  padding: 2px 5px;
  text-decoration: none;
  color: #fff;
  border: none;
}

.navmenu a:hover {
  background: #fff;
  text-decoration: none;
  color: #000;
}

.admin_menu_thumb {
  font-size: 0.85em;
  border: 1px solid #005D8C;
  background-image: url(images/button_bg.gif);
  background-position: bottom;
  color: #000;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  width: 85px;
}

.admin_menu_thumb a {
  color: #000;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 1px 10px;
  border: none;
}

.admin_menu_thumb a:hover {
  color: #fff;
}

#admin_menu {
  position: absolute;
	top: 80px;
	right: 40px;
	font-size: 1em;
	text-align: left;	
	color: #c93;
  z-index: 1;
}

.admin_menu {
  font-size: 0.85em;
  border: 1px solid #005D8C;
  background-image : url(images/button_bg.gif);
  background-position : bottom;
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
}

.admin_menu a {
  color: #000;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 1px 2px;
  border: none;
}

.admin_menu a:hover {
  color: #fff;
}

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

.image {
  border: 1px solid #000;
  margin: 2px;
}

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

.thumbnails {
  background: transparent;
  padding: 5px;
}

.footer {
  font-size: 0.8em;
  text-align: center;
}

.footer a {
  color: #000;
  text-decoration: none;
}

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

.catlink {
  display: block;
  margin-bottom: 2px;
}

.catlink a {
  color: #273;
  text-decoration: none;
}

.catlink a:hover {
  color: #fff;
  text-decoration: none;
}

.topmenu {
  line-height: 1.3em;
  font-size: 1em;
}

.topmenu a {
  color : #03c;
  text-decoration: none;
}

.topmenu a:hover  {
  color: #03c;
  text-decoration: underline;
}

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

.img_caption_table th {
  background: #e5ebf1 ;
  font-size: 1em;
  color: #000;
  padding: 4px 10px;
  border-top: 1px solid #fff;
}

.img_caption_table td {
  background: #eff3f6 ;
  padding: 6px 10px;
  border-top: 1px solid #fff;
}

.debug_text {
  border: #bdbebd;
  background-color: #eff3f6;
  width: 100%;
  margin: 0;
}

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

.listbox_lang {
  color: #000;
  background-color: #e5ebf1;
  border: 1px solid #e5ebf1;
  font-size: 0.8em;
  vertical-align: middle;
}

#pad1 {
  display: block;
  width: 18px;
  height: 60px;
}

.pad2 {
  display: block;
  height: 60px;
}

a.albums, a.albums:link, a.albums:visited, a.albums:hover {
  text-decoration: none;
  background: transparent;
  color: #273;
  border: none;
}

a.catlist, a.catlist:link, a.catlist:visited, a.catlist:hover {
  text-decoration: none;
  background: transparent;
  color: #273;
  border: none;
}

a.thumb, a.thumb:link, a.thumb:visited, a.thumb:hover {
  text-decoration: none;
  background: transparent;
  color: #273;
  border: none;
}