/* layout.css - layout for www.robiyn.org

   Copyright - Robiyn - robiyn@solution4u.com ; robiyn@robiyn.net
   Base layout design by Filipa - (contact unknown - ask Robiyn)
   Adapted to XHTML+CSS by Jack Costa Hamer - jackhamer@microquest.pt
*/

/* Main Layout

   XHTML div strucuture:

   <div #box>
      <div #top></div>
      <div #menu></div>
      <div #content></div>
      <div #copyright></div>
      <div #bottom></div>
   </div>

   Implementation Notes:
   - #box has position:relative to act as parent for future positioned objects

*/

/* This helps keep things under control between different browsers */
* {
    margin: 0;
    padding: 0;
    border: none;
}

/* Set these values to override browser specific settings. */
body {
    margin: 0;
    padding: 20px;
    background: #fff;
    font-family: Verdana, sans-serif;
}

/* Helper class to center contents inside block object */

.center {
    text-align: center;
}


/* ---------------------------------------- */

/* Fix the contents width and center them */
#box {
    position: relative;
    width: 697px;
    margin: 0 auto;
}

#top {
    height: 210px;
    background: url('img/background_top.png') no-repeat;
}

#content {
    padding: 20px 20px 0 186px;
    background: url('img/background_middle.png') repeat-y;
    font-size: 13px;
    line-height: 130%;
    color: #009;
}

#copyright {
    padding: 20px 20px 0 186px;
    background: url('img/background_middle.png') repeat-y;
    font-size: 10px;
    color: #009;
    text-align: center;
}

#bottom {
    height: 23px;
    background: url('img/background_bottom.png') no-repeat;
}


/* ---------------------------------------- */

.title_frame {
    position: absolute;
    top: 170px;
    left: 200px;
    width: 497px;
    height: 40px;
}

#title_agradecendo {
    background: url('img/title_agradecendo.png') no-repeat;
}

#title_agradecimentos {
    background: url('img/title_agradecimentos.png') no-repeat;
}

#title_arquivo {
    background: url('img/title_arquivo.png') no-repeat;
}

#title_contactos {
    background: url('img/title_contactos.png') no-repeat;
}

#title_exercicios {
    background: url('img/title_exercicios.png') no-repeat;
}

#title_index {
    background: url('img/title_index.png') no-repeat;
}

#title_informativos {
    background: url('img/title_informativos.png') no-repeat;
}

#title_voz_harmonia {
    background: url('img/title_voz_harmonia.png') no-repeat;
}


/* ---------------------------------------- */

#menu {
    position: absolute;
    top: 210px;
    left: 15px;
    width: 150px;
    background: url('img/background_menu.png') top right no-repeat;
}

#menu ul {
    list-style: none;
    margin: 15px 0 0 0;
}

#menu li {
    display: block;
    padding: 5px 5px;
    font: 13px Arial, sans-serif;
    text-align: center;
}

#menu li.fir {
    font-weight: bold;
}

#menu li.pri {
    border-top: 1px solid #96bfdf;
    font-weight: bold;
}

#menu li.sec {
    padding-top: 0px;
    font-weight: normal;
}

#menu a {
    display: block;
    color: #009;
    text-decoration: none;
}

#menu a:hover {
    color: #F87ACB;
}

#menu a.active {
    color: #96bfdf;
}


/* ---------------------------------------- */

a {
    text-decoration: underline;
    color: #0524FE;
}

a.arquivo {
    font: 13px Verdana, sans-serif;
    text-decoration: none;
    color: #009;
}

a:hover {
    color: #F87ACB;
}

p.socket_title {
    margin-bottom: 0;
    padding: 1px 5px;
    background: #DAF4FE;
    font-size: 13px;
    color: #009;
    text-align: left;
}

p.socket_content {
    margin-top: 0;
    border: solid 1px #DAF4FE;
    padding: 8px 5px;
    font-size: 13px;
    color: #009;
}

p.socket_content a {
    color: #2DB387;
    text-align: center;
    text-decoration: none;
}

p.socket_content a.infor {
    display: block;
    color: #2DB387;
    text-align: center;
    text-decoration: none;
}

p.socket_content a:hover {
    color: #F87ACB;
}

p.titulo {
    margin: 16px 0;
    font-size: 14px;
    line-height: 140%;
    color: #009;
    text-align: center;
}

div.texto p {
    margin: 16px 0;
    font-size: 14px;
    line-height: 140%;
    color: #009;
    text-align: center;
}

/* End of layout.css */