/** CSS Document **/

body  { color: #5e5e5e; font-size: 62.5%; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 }

  

/* Headers */

h1, h2, h3, h4 {
  margin: 0.2em;
  padding: 0;
  font-weight: bold;
  }
  
h1 {
  font-size: 2.4em;
  }
  
h2 {
  font-size: 1.8em;
  }
  
h3 {
  font-size: 1.5em;
  }
  
h4 {
  font-size: 1.25em;
  }
  
  
  
/* Paragraphs */

p  { margin-right: 0.2em; margin-bottom: 1em; margin-left: 0.2em; padding: 0 }
  
p#rev {
  margin: 0.5em 0.2em 1em 0.2em;
  padding: 0;
  }
  
#head, #headElation, #headOktava, #headNevaton, #headSonalksis {
  margin: 1em 0.5em;
  display: block;
  }
  

  
  
/* Definition lists */

  
dt   { color: #888; font-size: 1em; background: transparent; letter-spacing: 1px; margin: 0; padding: 0.5em; border-bottom: 1px solid #999 }
  
dd {
  margin: 0.5em;
  padding: 0;
  }
  
dl {
  margin: 0;
  padding: 0;
  }
  
  
/* Images */

img   { margin: 0; float: left; border: solid 0 #000 }

img#info {
  margin: 0.5em;
  border: none;
  }
  
.spacer {
  clear: both;
  }

  
  
/** Anchors **/


a:link, a:visited   { color: gray; font-size: 11px; font-family: Verdana; text-decoration: none }
  
a:hover, a:active {
  color: #000;
  text-decoration: underline;
  }
  
  

/* Misc. */
  
input, select, textarea {
  border: 1px solid #999;
  }

input, select, th, td, textarea {
  font-size: 1em;
  }

acronym {
  margin: 0.25em;
  padding: 0;
  border: none;
  cursor: help;
  font-size: 1em;
  }
  
.frame {
  background: #f5f5f5;
  border: 1px solid #999;
  }
  
td, .gra_ram    { font-size: 11px }
  
.gra_ram {
  background: #f5f5f5;
  border: 1px solid #999;
  color: #990033;
  }
  
hr {
  color: #ccc;
  }
  
  
  

/* Layout */

#navigation, #side_bar, #main_content {
  font-size: 1em;
  }

#wrap_frendin {
  font-size: 1em;
  }

#head_frendin {
  font-size: 1em;
  }

#footer {
  font-size: 0.9em;
  }

#wrap_frendin       { background-image: url(../img/main_wrap.jpg); margin: 1em auto 0; padding: 0; width: 941px; height: 623px; border-style: solid; border-width: 1px; border-color: #999 #999 gray }
  
#head_frendin   { background-image: url(../discography/discography_header.jpg); margin: 0; padding: 0; height: 29px; border-bottom: 0 solid transparent }
  
#wrap_frendin     { background: url(../img/main_wrap.jpg) }
#head_frendin       { background: no-repeat 0 50px; top: 0; height: 106px }
#main_content          { font-size: 11px; margin: 140px 0 0 453px; padding: 0; width: 480px; height: 483px; overflow: auto }
  
#footer {
  margin: 0.2em auto;
  padding: 0;
  width: 600px;
  text-align: right;
  color: #ccc;
  background: #fff;
  }

#footer h1, #footer h2, #footer h3, #footer h4 {
  margin: 0;
  padding: 0.222em;
  }

#footer h4 {
  margin: 0;
  padding: 0.222em;
  color: #ccc;
  text-align: right;
  font-weight: normal;
  }

#footer h4 a {
  color: #ccc;
  text-decoration: none;
  }

#footer h4 a:hover {
  color: #003366;
  }
  
#side_bar     { background: #f5f5f5; margin: 1em 0.5em; padding: 0; width: 18em; height: auto; float: right; border: solid 1px #999 }
#side_bar h1, #side_bar h2, #side_bar h3, #side_bar h4 {
  margin: 0;
  padding: 0.5em;
  }
/* Navigation */
#nav_bar { background: #6f0b0b; text-align: center; margin: 0 0 0 -1px; padding: 0; width: 941px; height: 29px; border: solid 1px black }
#navcontainer    { text-align: center; margin: 0; padding: 0; width: 941px }
ul#navigation         { background-color: transparent; background-position: 941px 0; text-align: center; list-style-type: none; margin-top: 6px; margin-bottom: 0; padding: 0; width: 941px; vertical-align: bottom; border-top: transparent; border-right: 0 none transparent; border-bottom: 0 solid transparent; border-left: 0 none transparent }
ul#navigation li    { text-align: center; list-style-image: url(../img/bio.jpg); display: inline; padding-left: 0 }
ul#navigation li a        { color: white; font-size: 9pt; font-family: Times; text-decoration: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; word-spacing: 5px; letter-spacing: 0; margin: 0; padding: 0 35px 0.2em; border-right: 1px solid white }
ul#navigation li#six a  { border-right: medium none }
ul#navigation li a:hover   { color: silver; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
ul#navigation li a:active  { color: #fff }
element { }
