html {
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  color: #000;
  background-color: #00BFF3;
}

a, a:link {
  text-decoration: none;
  color: #653E00;
}

h1 {
  color: #653E00;
}

h2, h2 a {
  font-size: 1.1em;
  color: #8D6231;
  text-decoration: underline;
}

h3 {
  font-size: 0.7em;
}

img, img a {
  border: 0;
}

/* VALIDATION OF ERRORS */
#errorExplanation {
  margin-top: 5px;
  padding: 10px;
  font-size: 1em;
  width: 60%;
  color: #60360F;
  background-color: #EA797E;
  border: 1px solid #B92127;
  margin-bottom: 5px;
}
.errorExplanation {
}
.fieldWithErrors {
  margin: 0;
  padding: 0;
}
.fieldWithErrors * {
  margin: 0;
  padding: 0;
  background-color: #FFCDCD;
  display: table;
}

label {
  padding-top: 10px;  
}

input, textarea {
  margin-bottom: 10px;
}

/* ADMIN LINKS */
.admin-links {
  width: 100%;
  font-size: 0.9em;
  font-variant: small-caps;
  padding: 1px;
  height: 25px;
}
.admin-links a {
  color: #583414;
}
.admin-links a:hover {
  color: #14581F;
}
.admin-links a:hover img {
  border: none;
}

/* FLASHES */
#error, #notice {
  margin-top: 5px;
  width: 500px;
  padding: 1px;
  font-size: 0.9em;
  font-variant: small-caps;
  color: #60360F;
}
#error {
  background-color: #EA797E;
  border: 1px solid #B92127;
}
#notice {
  background-color: #A1F6B6;
  border: 1px solid #48A05E;
}

/* ADMIN MENU*/
#admin-menu {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40px;
  background-color: #141414;
}
#admin-menu ul {
  margin: 0;
  padding-top: 14px;
  list-style-type: none;
  display: block;
}
#admin-menu li {
  float: left;
  padding-left: 8px;
  background-color: #141414;
}
#admin-menu a {
  color: #C1C1C1;
  font-variant: small-caps;
  font-size: 0.9em;
}
#admin-menu a:hover {
  color: #F46C0E;
  text-decoration: underline;
}

/* CONTAINER */
#container {
  width: 1000px;
  margin-left: 25px;
}

/* HEADER */
#header {
  height: 315px;
  width: 1000px;
  background-image: url(/images/layout/header.jpg);
}

/* CONTENT-LAYOUT */
#content_layout {
  width: 1000px;
  min-height: 200px;
  background: url(/images/layout/middle.jpg) repeat-y;
  overflow: auto;
}

/* FOOTER */
#footer {
  width: 1000px;
  height: 135px;
  background-image: url(/images/layout/footer.jpg);
}

/* MENU */
#menu {
  float: left;
  width: 180px;
  margin-left: 100px;
  display: inline;
}
#menu ul {
  list-style-type: none;
}
#menu li {
  font-size: 0.9em;
  margin-left: -15px;
  height: 26px;
  background-image: url(/images/layout/triip.png) repeat-x;
  clear: both;
}
#menu li ul.submenu li {
  clear: both;
}
#menu li a {
  color: #F6F6F6;
}
#menu li a:hover {
  color: #5847E9;
  text-decoration: underline;
}
#menu li a.selected {
  font-weight: bold;
  text-decoration: underline;
  color: #5847E9;
}
#menu div.methods {
  float: right;
  padding-right: 5px;
}
#menu div.methods a img:hover {
  border: 2px dashed #B23C3C;
}

/* CONTENT */
#content {
  width: 590px;
/*  margin-right: 100px;
  padding-left: 20px;
  float: right;*/
  margin-left: 300px;
/*  display: inline;*/
}

/* GALLERY */
#gallery {
  width: 100%;
  list-style-type: none;
}
#gallery li {
  height: 160px;
  font-size: 0.7em;
  margin: 0 10px 0 0;
  float: left;
  width: 120px;
}
.gallery a img:hover {
  border: 2px dashed #B23C3C;
}

/* PHOTOS */
#photos {
  font-size: 0.7em;
  width: 100%;
}
#photos, #photos li {
  list-style-type: none;
}
#photos li {
  padding: 0;
  width: 95px;
  height: 100px;
  float: left;
  margin: 0 10px 0 0;
  display: inline;
}
#photos li a.photo img {
  border: 1px solid #FFF;
  padding: 1px;
}
#photos li a.photo img:hover {
  border: 2px dashed #B23C3C;
}

/* MUSIC */
#music {
  list-style-type: none;  
}

/* NEWS */
.news {
  width: 570px;
  background-color: #FFF4E9;
  padding: 6px;
  padding-top: 0;
  margin-top: 10px;
}
.news div.content {
  font-size: 1em;
}
.news span.info {
  font-size: 0.7em;
}
