/* $Id: style.css,v 1.2 2004/08/20 09:34:52 dries Exp $ */

/*
** HTML elements
*/
a, a:link, a:active {
  font-weight: bold;
  text-decoration: none;
  color: #71D3E7; /* aqua */
}
a:hover {
  color: #E74444; /* red */
}
a:visited {
  color: #71D3E7; /* aqua */
}
body {
  margin: 0;
  padding: 0;
  font-size: .9em;
  line-height: 1.3em;
  background-color: #fdcf34; /* yellow */
  background-image: url(background.png);
  background-repeat: repeat-x;
  font-family: "trebuchet ms", tahoma, verdana, arial, helvetica, sans-serif !important;
  text-align: center;
}
div {
}
blockquote {
  font-style: italic;
}
table {
  margin: .5em 0 1em 0;
  padding: .5em;
/*  border-collapse: collapse;*/
  border: 0;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}
code, pre {
 font-size: 1em;
}
pre {
 font-size: 0.8em;
 padding: 1em;
 background: #eee;
}
ul {
  list-style-type: disc;
}
li {
 padding-bottom: .3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: .25em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3 {
  font-size: 1.1em;
}
h4, h5, h6 {
  font-size: 1em;
}
p {
  margin: 0 0 .5em 0;
}
br {
  line-height: 0.6em;
}
th {
  border-top: 1px solid #888;
  border-bottom: 2px solid #888;
  margin: 0;
  padding: 0 0.5em;
}
td {
  margin: 0;
  padding: 0 0.5em;
}
tr.dark, tr.light {
  border: 0;
  border-top: 1px solid #ccc;
}
tr.dark {
  background-color: #eee;
}
tr.light {
  background-color: #fff;
}

div.profile_pic {
  position:relative;
  float: left;
  width: 7em;
  height: 12.5em;
  text-align: center;
  margin: 3 0;
  padding: 3 0;
  font-size: 0.8em;
  line-height: 1.2em;
}

div.profile_pic img {
  max-width: 7em;
  max-height: 7em;
  margin: 0 auto;
}




/*
** Custom markup for SF08 style
*/
#main {
  color: #4969AA; /* blue */
}
#main a:hover {
  color: #E74444; /* red */
}
#sidebar-left a, #sidebar-left a:link, #sidebar-left a:active, #sidebar-left a:visited {
  color: #8ABF34; /* green */
}
#sidebar-left a:hover {
  color: #FFD033; /* yellow */
}
#sidebar-left .title, #sidebar-right .title {
  font-size: 1.2em;
}
#sidebar-left a, #sidebar-right a {
  font-size: 1.1em;
}
#sidebar-right a, #sidebar-right a:link, #sidebar-right a:active, #sidebar-right a:visited {
  color: #FFD033; /* yellow */
}
#sidebar-right a:hover {
  color: #8ABF34; /* green */
}
#sidebar-right li.leaf, #sidebar-left li.leaf {
  padding-right: 0;
  margin-right: 0;
}
.content .done {
}
.content .current {
  font-weight: bold;
}
.content .notdone {
  font-style: italic;
}

/* This is a hack to get around Drupal
   adding line breaks to radio lists. */
#colourchoice br {
  display: none;
}
#colourchoice .form-required {
  display: block;
}


/* Fix long username issue in IE6 */
#block-user-1 h2.title {
  font-size: 1.0em;
}

/* Hide breadcrumb */
div.breadcrumb {
  display: none;
}

/*
** Page layout blocks / IDs
*/
#all {
  position: relative;
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
#header {
  position: absolute;
  top: 0px;
  left: 28px;
  margin: 0 0 0 0; /* top right bottom left */
  padding: 0 0 0 0;
}
#pattern {
  position: absolute;
  top: 170px;
  left: 0px;
  background-image: url(background_pattern_8.gif);
  background-repeat: no-repeat;
  width: 940px;
  height: 900px;
}
#main {
  position: absolute;
  top: 230px;
  left: 195px;
  width: 600px;
  vertical-align: top;
  /* border bottom */
  padding: 0;
  margin: 0; /* 0 0 10px 0 */
  background:url("main_border_left.gif") bottom left no-repeat;
  z-index: 50;
}
.border-tl {
  margin: 0;
  padding: 0 0 0 5px;
  background:url("main_border_left.gif") top left no-repeat;
}
.border-tr {
  margin: 0;
  padding: 10px 0 0 0;
  background:url("main_border_right.gif") top right no-repeat;
}
.border-br {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  background:url("main_border_right.gif") bottom right no-repeat;
}
.border-sides {
  margin: 0 0 0 -5px;
  padding: 0;
/**/  background-color: #FFFFFF;
  /* workaround for min-height IE6 problem */
  /* Note that leaving this out causes problems with the bottom border
  in IE6 & 7.  The other alternative is putting a border around the
  inner content box. */
  min-height:180px;
  height:auto !important;
  height:180px;
}
#main .border-sides {
  padding: 0 1em 0 1em;
  min-height:680px;
  height:auto !important;
  height:680px;
}
#main .content, #main .profile {
  /* workaround for min-height IE6 problem */
/*  min-height:610px;
  height:auto !important;
  height:610px;
  */
}
#sidebar-left, #sidebar-right {
  position: absolute;
  width: 155px;
  vertical-align: top;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background:url("main_border_left.gif") bottom left no-repeat;
/*  z-index: -10; */
}
#sidebar-left {
  top: 280px;
  left: 35px;
  color: #8ABF34; /* green */
}
#sidebar-right {
  top: 545px;
  left: 830px;
  color: #FFD033; /* yellow */
}
#sidebar-left .border-sides, #sidebar-right .border-sides {
  border-left:  1px solid #E8E4E2; /* light grey */
  border-right: 1px solid #E8E4E2;
  border-bottom: 0;
/*  border-bottom: 1px solid #000;*/
}
#sidebar-left .block, #sidebar-right .block {
  margin:0 0 0 0;
  padding:4px 10px 3px 10px;
}
#help {
  font-size: 0.8em;
}
#content {
  clear: both;
}
#footer {
 font-size: 0.8em;
 padding-top: 2em;
 text-align: center;
}



/*
** Common declarations for child classes of node, comment, block, box etc
*/

.title {
  margin: 0 0 .25em 0;
}
.content {
  margin: 0 0 .5em 0;
}
.links {
  font-size: 0.8em;
  line-height: 1.25em;
}
.block {
}
.block .title {
  font-size: 1em;
}
.messages {
  padding: 0.3em;
  margin: 0.5em 0em 0.5em 0em;
}
.status {
  border: 1px solid #3a3;
  color: #3a3;
}
.error, form-item input.error {
  border: 1px solid red;
  color: red;
}
#header img {
  margin: 0 0 0 0px;
  padding: 0 0 0 0px;
}
#header .title {
  font-size: 2em;
  font-weight: bold;
  padding-top: .75em;
}
#header .site-slogan {
  margin-top: -0.1em;
  font-size: 0.8em;
}
.node .title {
  font-size: 1.2em;
}
.links {
  margin: 1em 0 1em 0;
  text-align: right;
 }
.comment .content, .block .content, .menu {
  font-size: 0.9em;
/*  background-color: #FFFFFF; */
}

/*
** Common navigation links added on the admin/themes/settings page
*/
.navlinks {
  padding: 0em 0.5em 0.5em 0em;
}
.primary a {
  font-size: 1.0em;
  padding: 0em 0.5em 0em 0em;
}
.secondary a {
  font-size: 0.9em;
  padding: 0em 0.5em 0em 0em;
}

/*
** Module specific styles
*/
.form-item textarea {
  font-size: 1em;
}
.item-list ul li {
  list-style: square;
}
#aggregator .source {
  color: gray;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .feed {
  border: 1px solid gray;
  padding: 1em;
}

/*
span.movie {
  position: relative;
  text-align: center;
  width: 580px;
}
span.movie object {
  width: 425px;
  padding: 0;
  margin: 0 auto;
}
*/