/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #00162a;
  background-color: #194470;
  background-repeat: no-repeat;
  font: 76% Verdana, Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
  font-weight: bold;
}

a:link {
  color: #2677c9;
}

a:visited {
  color: #2677c9;
}

a:hover {
  color: #2677c9;
  text-decoration: underline;
}

a img { 
  border: 0px;
  }

#wrapper {
  width: 961px;
  background-color: #9aacc0;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

#header {
  position: relative;
  width: 960px;
  height: 200px;
  background-image: url(images/shinyHeader.png);
  background-repeat: no-repeat;
  background-color: #194470;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto; 
}


#search {
    width: 201px;
    height: 63px;
    background-image: url(images/search2.gif);
    background-repeat: no-repeat;

    margin-top: 20px;
    margin-left: 750px;
    margin-right: 10px; 
    padding-left: 30px;
    padding-top: 12px; 
}

#main {
    width: 710px;
    height: auto;
    background-color: #d8dde3;
    border-style: solid;
    border-color: #51677f;
    border-radius: 10px;
    -moz-border-radius: 10px;     /* Firefox */
    -webkit-border-radius: 10px; /* Safari */
    border-width: 9px;
    margin-top: -50px;
    margin-left: 10px; 

    }
    
#frclogo {
  position: absolute;
  height: 104px;
  width: 120px;
  background-image: url(images/first_logo_small_black.jpg);
  background-repeat: none;
   border-style: solid;
    border-color: #51677f;
    border-radius: 10px;
    -moz-border-radius: 10px;     /* Firefox */
    -webkit-border-radius: 10px; /* Safari */
    border-width: 9px;
  left: 750px;
  top: 125px;
  z-index: 15;
}

    
#countdown {
    width: 185px;
    height: 50px;
    background-color: #d8dde3;
    border-style: solid;
    border-color: #51677f;
    border-width: 9px;
    border-radius: 10px;
    -moz-border-radius: 10px; 		/* FF */
    -webkit-border-radius: 10px;
    position: absolute;
    top: 270px;
    left: 750px;
    right: 10px;
}

#navbar {
    position: absolute;
    width: 185px;
    height: auto;
/*    margin-top: 10px;
    margin-left: 768px;
    margin-right: 10px;  */
    top: 350px;
    left: 768px;
    z-index: 10;

}

#footer {
    width: 961px;
    height: 236px;
    background-image: url(images/dancerfooter2.jpg);
    background-repeat: no-repeat;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}	

#footerText {
   position: absolute;
   color: #ffffff;
   bottom: 10px;
   left: 220px;
}


#footerText a{
   color: #608ebc;
}

#content {
  margin-left: 10px;
  margin-right:20px;
}

#content legend{
  font-weight:bold;
}

#title {
  color: white;
}

#title a{
  color: white;
}

#title a:hover{
  text-decoration: none;
}

h3{
  font-weight:bold;
}

h2{
  color: #2677c9;
  font-weight:bold;
  font-family: Arial;
  font-size:14pt;
}

/*
** Page layout blocks / IDs
*/
ul.links li {
  border-left: 1px solid #9cf; /* LTR */
}

ul.links li.first {
  border: none;
}

.breadcrumb {
  margin-bottom: 0.5em;
}

.error {
  border-color: white;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/

.title, .title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #777;
  margin: 0 auto;  /* decrease default margins for h<x>.title */
}

.submitted {
  color: #999;
  font-size: 0.8em;
}

.links {
  color: #999;
}

.links a {
  font-weight: bold;
}

.block, .box {
  padding: 0 0 1.5em 0; /* LTR */
}

.block {
  border-bottom: 1px solid #bbb;
  padding-bottom: .75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: 0.5em 0 2em; /* LTR */
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em; /* LTR */
}
.node .picture {
  border: 1px solid #ddd;
  float: right; /* LTR */
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right; /* LTR */
  font-weight: bold;
  font-size: 0.8em;
  float: right; /* LTR */
  color: white;
}
.comment .picture {
  border: 1px solid #abc;
  float: right; /* LTR */
  margin: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.admin-panel .description {
  color: #999;
}
div.admin-panel .body {
  background: #f3f3f3;
}
div.admin-panel h3 {
  background-color: #b30000;
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}