Css Code

---

/* OUTER BORDER */
body{
    background-color:#008BCC;
 
}
 
#container-wrap{
    margin-top:2em;
    margin-left:2em;
    background-color:#FFF;
    -moz-border-radius-topleft: 3em;
    -webkit-border-top-left-radius: 3em;
    background-repeat:no-repeat;
}
a{
    text-decoration:none;
    color:#00A;
}
a:hover{
    text-decoration:underline;
    color:#0000A5;
    background:transparent;
}
/* END OUTER BORDER */
 
#top-bar {
    position: absolute;
    left: auto;
    right: 1px;
    top: 83px;
    overflow: visible;
    padding-left: 2em;
    background-color:white;
    z-index:26;
}
#top-bar li {
    margin: 0;
}
#top-bar ul li a {
    border: none;
    background-color:white;
}
#top-bar a {
    font-size:90%;    
    color: blue;
}
#top-bar ul li a:hover {
    color: #7f0000;
    text-decoration: none;
}
 
/* END TOP BAR*/
 
/* HEADER */
#header h1{    
    font-family:Edwardian Script ITC;
    font-size:300%;
    font-weight:bold;
}
#header h1 a, #header h2{
    color:#000;
    margin-left:2em;
}
#header h1 a:hover{
    background:transparent;
    color:#000;
    text-decoration:none;
}
#header h2{
    padding-left:7em;
    font-size:120%;
    font-weight:bold;
    font-style:italic;
    height: 59px;
}
#header-extra-div-1 {
    background-image: url(http://guayadeque-sandbox.wikidot.com/local--files/start/guayadeque22.png);         
    height: 80px; 
    width: 80px; 
    position: absolute;
    top: 17px; 
    left: 7px;
}
/* END HEADER */
 
/* MAIN CONTENT */
#main-content{
    margin-top: .6em;
    border-top: 12px solid #ACD33C;
    border-left:1px solid #ACD33C;
    border-bottom:1px solid #777;
    margin-left:14.150em;
    background:#FFF;
    font-size:96%;
}
#main-content a.newpage{
    color:#900;
}
#main-content a.newpage:hover{
    color:#950000;
    background:transparent;
}
#toc{
    border:1px solid #777;
    background:#F8F8F8;
}
#page-info{
    border-top:1px dotted #777;
}
#page-options-bottom a, #page-options-bottom-2 a{
    background:#DDD;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    color:#222;
}
#page-options-bottom a:hover, #page-options-bottom-2 a:hover{
    background:#CACACA;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    text-decoration:none;
    color:#252525;
}
#breadcrumbs, .forum-breadcrumbs{
    display:none;    
    margin:0;
}
blockquote {
    background-image: url(http://snippets.wikidot.com/local--files/code:quotes-in-blockquotes/quote-right.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}
blockquote p {
    background-image: url(http://snippets.wikidot.com/local--files/code:quotes-in-blockquotes/quote-left.gif);
    background-repeat: no-repeat;
    margin-top: 0;
    padding: 1em 60px 0;
    min-height: 37px;
}
blockquote p + p {    padding-top: 0;    background-image: none;
}
 
/* END MAIN CONTENT */
 
/* SIDE BAR */
#side-bar {
    width: 14.450em;
    border-top: 12px solid #ACD33C;    
    font-size:94%;    
    text-align: left;
    padding: 0;
    background-color: white;
}
 
#side-bar h1, #side-bar h2, #side-bar h3 {
    font-size:110%;
    background:#DDD;
    color: #01415c;
    font-family: verdana,arial,helvetica,sans-serif;
}
 
#side-bar a {
    color: blue;
    text-decoration: none;
}
#side-bar a.newpage{
    color: blue;
}
#side-bar a:hover {
    color: #7f0000;
    text-decoration: none;
    background-color: transparent;
}
#side-bar ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
#side-bar ul li {
    display:block;
}
#side-bar li a {
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    padding-left: 1em;
    border-bottom: 1px solid #D9DDCF;
    text-decoration: none;
    background-color: white;
    color: blue;
 
}
#side-bar li a:hover {
    background-color: white;
    color: #7f0000;
    text-decoration: none;
}
#side-bar p  {
    padding: 5px;
    margin: 0px;
    margin-bottom: 3px;
    margin: 0px;
}
 
/* END SIDE BAR */
 
/* TEXT HEADINGS */
#page-title {
    border: none;
    margin:15px 0 0;
    padding:0;
}
#main-content h1{
    border-bottom:1px solid #777;
}
#main-content h5{
    font-weight:bold;
}
#main-content h6{
    font-weight:bold;
}
/* END TEXT HEADINGS */
 
/* FOOTER */
#footer{
    background:#DDD;
    margin-right:1em;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;}
#footer a{
    text-decoration:none;
    color:#222;
}
#footer a:hover{
    background:transparent;
    color:#252525;
    text-decoration:underline;
}
/* END FOOTER */
 
/* LICENSE AREA */
#license-area a{
    color:#2A2ADD;
    text-decoration:none;
}
#license-area a:hover{
    color:#3030D5;
    text-decoration:underline;
    background:transparent;
}
/* END LICENSE AREA */
 
/* FIX IE */
* html #page-title{
    background:none;
    border-bottom:1px solid #777;
    padding: 1em 0 2px 0;
    margin:0;
    border-left:none;
    border-right:none;
}
* + html #page-title{
    background:none;
    border-bottom:1px solid #777;
    padding: 1em 0 2px 0;
    margin:0;
    border-left:none;
    border-right:none;
}
/* END FIX IE */
 
/* EDIT BUTTONS */
.button a{
    background:#DDD;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    text-decoration:none;
    color:#222;
    margin:0 3px 0 3px;
    padding: 0 3px 0 3px;
}
.button a:hover{
    background:#CACACA;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    text-decoration:none;
    color:#252525;
}
.wd-editor-toolbar-panel li.hseparator {
    background: #f00 url('/local--files/start/music2.png');
    width: 22px;
    height: 22px;
    margin: 1px;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color:#ACD33C; /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#008BCC; /* tab background */
    border-color:#008BCC;
    color:#008BCC;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border-color: #008BCC;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background-image: none;
    background-color:#008BCC; /* selected tab background */
    color:#ACD33C;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: #ffffff; /* selected tab background */
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: #505a5f; /* selected tab border color */
}
 
.yui-navset .yui-content {
    background-color: #ffffff; /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #ffffff; /* content border */
    border-top-color:#ffffff; /* different border color */
}
 
.yui-navset-left .yui-content {
    border-color: #ffffff; /* content border */
    border-left-color: #ffffff; /* different border color */
}
 
.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
    border-color: #ffffff; /* content border */
    border-bottom-color: #ffffff; /* different border color */
}
 
/* END EDIT BUTTONS */
/* squark non printable language flags */
@media print {
.flags {display:none;}
}