/*Yogasoo - created by Joanna Candler 4 September 2007 */

body {
background-color:#4343bd;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium;
color:#000099;
text-align: center; /*hack for IE in quirks mode - to centre on page*/
}

#wrapper {
background:#edf9ff;
width: 780px;
margin: 0 auto;
text-align: left;
}

#branding img{
border: none;
}

#non_branding {
background: #edf9ff url(images/top.png) no-repeat top left;
}

#content h1 {
text-align: center;
}

#menu {
float: left;
width: 180px;
padding-bottom: 20px;
margin-top: 40px; /* was 20px only */
}

#menu ul {
list-style-type: none;
padding: 0;
margin-left: 20px;
}

#menu ul li
{
padding-bottom: 5px;
}

#menu a:link, #menu a:visited {
display: block;
text-decoration: none;
color:#4343bd;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:700;
background: #edf9ff url(images/pixie.jpg) no-repeat left top;
width: 170px;
padding-bottom: 2px;
text-indent: 30px;
line-height: 25px;
}

#menu #currentpage a {
background: url(images/pixie.jpg) no-repeat right top;
}

#menu #currentpage a {
color: #4343bd;
}

#menu a:hover {
text-decoration:underline;
background-position: right top;
}

#content {
float: right;
width: 580px;
text-align: left;
font-size: 0.9em;
}

#content h2, #content h1 {
margin-top: 10px;
}

#content h1, #content p, #content h4 {
padding-right: 20px;
}

#content p {
text-align: justify;
}

#content a:link {
color: #4343bd;
text-decoration:none;
border-bottom: 1px solid #4343bd;
}

#content a:visited {
color: #4343bd;
text-decoration: none;
border-bottom: 1px dotted #7fd6f1;
}

#content ul {
margin-right: 20px;
}

#content ul li {
padding-bottom: 0.5em;
}

#footer {
clear: both;
font-size: 0.7em;
background: #4343bd url(images/bottom.png) no-repeat bottom center;
height: 36px;
position: relative;
}

#footer #yogasoo {
text-align: center;
position: absolute;
top: 10px;
left: 350px;
}

#footer a {
text-decoration: none;
}

#jocando {
position:absolute;
left: 700px;
top: 40px;
}
#jocando a {
color: #edf9ff;
}

.imageleft {
float: left;
margin: 0 15px 5px 0;
}

.imageright {
float: right;
margin: 0 0 5px 15px;
}

#content img {
padding: 3px;
background: #ffffff;
border: 2px solid #7fd6f1;
}

h4 {
margin-bottom: -0.8em;
}