/*  
This file is the CSS style for the site www.jubadoleao.com

By Garret Cashman, I have tried to use as few tables as possible with this site, but at the time of writing, I'm only learning to use CSS like this! Some bits were taken from or inspired by the Kubrick Wordpress theme.

Contact me at cashman at while.co.uk or visit my site - www.while.co.uk

*/

/*
general tags
*/

body {

margin: 0px 0px 0px 0px;
font-family: Arial, Verdana, Times, Sans-Serif;
}

#banner {
background: #6B2900 url(images/logos/juba_gradient.jpg) repeat-x top;
}


 #wrapper {
position: relative;
 }

a:link {
text-decoration: none;
	color: #ffcc66;
}

a:visited {
text-decoration: none;
	color: #E77706;
}

a:active {
text-decoration: none;
	color: red;
}

a:hover {
	text-decoration: none;
	color: red;
}

img {
border: 0px;
}

/*
splash page
 */
 
#splash {
text-align: center;
margin: 10% 10% 5% 10%;
 }
 
#splash img {
border:0px;
 }
 
#splash p { 
text-align: center;
font-size:1.5em;
color:#D5A71D;
 }
 
.splsmalltext { 
text-align: center;
font-size:1em;
color:#D5A71D;
 }
 
 

 
 /*
 #wrapper img {
border:0px;
 }
  */
 
/* sidebar */
 #sidebar {
position: absolute;
left:-100px;
  float: left;
  margin-top: 0px;
  margin-left: 20%;
  background-color: #833301;
  border-top: #A05204 0px solid;
  border-right: #A05204 3px solid;
  border-bottom: #A05204 3px solid;
  border-left: #A05204 3px solid;
  font-size: 0.9em;
  font-family: Verdana, Arial, Times, Sans-Serif;
  color: #ff9900;
  text-align: left;
 }
 
 #sidebar ul {
 list-style: none;
 padding-left: 0.4em; /*indents the list*/
/* background-color: #efefef;
 border: #dddddd;*
 padding: 1em;
 margin-bottom: 1em;*/
 }
 
 #sidebar ul li {
 margin-bottom: 1em; /*creates space between one item and another*/
 }
 
 #sidebar ul ul {
 list-style-image: url(images/listitem.png);
 list-style-type: circle;
 margin-left: 20px;
 margin-bottom: 1em;
 }
 
 #sidebar ul h2 {
 background-color: #ffffff;
 width: 100%;
 font-size: 1em;
 font-weight: normal;
 padding: 2px;
 margin-bottom: 5px;
 border: 0px;
 }
 
  /* content 'bar' */
  #content {
  line-height:17px;
 width: 64%;
 float: right;
 margin-right: 5%;
 margin-top: 15%;
 margin-bottom: 0px;
 font-size: 0.8em;
 text-align: left;
 color: #ff9900;
 }

    p.p1 {margin: 5.0px 0.0px 5.0px 0.0px; }
    p.p2 {margin: 5.0px 0.0px 5.0px 0.0px; }
    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; }
    span.s1 {text-decoration: underline}
    
    
#horizmenu {
list-style-type: none;
display: inline;
}

#footer {
clear: both;

left: 12%;
right: 0px;
bottom: 20px;
  background-color: #833301;

 margin-left: 32%; /*indents footer*/
margin-bottom: 50px;
 padding: 5px 10px 15px 20px;
 height: 2em;
   
  border-left: #A05204 3px solid;
  border-top: #A05204 3px solid;
  border-right: #A05204 0px solid;
  border-bottom: #A05204 3px solid;
  font-size: 0.8em;
  font-family: Verdana, Arial, Times, Sans-Serif;
  color: #ff9900;
  text-align: left;