Mycss
/*padding: top+bottom left+right*/ 
/*padding: top right bottom left*/ 

/* original #fafafa is pale off-white */
body{
    background:#fafafa; 
/*font: 0.8em Verdana, arial, helvetica,sans-serif;*/
    font:0.8em  "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
    }

/*original
a { color: #3c52be;     background: inherit; text-decoration:none;}
a:hover { color: #883225;  background:inherit; text-decoration: none;}
*/

/*all links in site - color:#FFA722 is a light orange*/
a { color:#FFA722;
     /*background: inherit;*/
     background:none; 
     text-decoration:none;}

a:hover { color: #883225;  
/*background:inherit;*/
background:none; 
text-decoration: none;}

.bodyimg{ float:left; padding: 2px 5px 3px 10px;}
.hide{display:none;}

.orng{ background:inherit; color:#cc6600;}
.brown{ background:inherit; color:#643200;}

#container { margin: 0 auto 0 auto; width:100%;}

/*
h1{
 background: inherit;
 color:#8f2936;
 font:normal 250%  "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

h2{
  background:inherit;
    padding-left: 1em;
  color:#8f2936;
  font:normal 150% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

h3{
    margin:36px 0 0 32px;
    padding:0;
  background:inherit;
  color:#4e6241;
  font:normal 130% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}
*/

h1{
 background: inherit;
 color:#FF0000;
 /*font:normal 250%  "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;*/
 font-size:24px;
 font-family: "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

h2{
  background:inherit;
  /*padding: top+bottom left+right*/ 
/*padding: top right bottom left*/
    padding-left: 1em;
  color:#8f2936;
  font:normal 150% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

h3{
margin-left: 1em;
/*padding: 2px 2px 2px 2px;*/
text-align:left;
/*padding: top right bottom left*/ 
    /*margin:2px 0 0 5px;*/
    /*margin-left: 5px; */
  background:inherit;
  color:#4e6241;
  font:normal 130% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}

h4{text-align:left;
padding-left: 1em;
padding-bottom: 5px;
font:normal 120% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
color:#0033CC;
border-bottom: 1px solid #D9DDCF;
border-top: 1px solid #FFFF00;
}

/* top of page - where it says 'fozia / my account  / search... */
#header-extra-div-3{
    position: absolute;
    top:0; left:0; right:0;
    width: 100%;
    height: 2em;
    background-color: #46523f;
     border-bottom: 1px solid  #3f3c1e;
}

#header h1{
    padding-top: 60px;
    font-size: 250%;
    color: #FF0000;
}
#header h2{
    font-size: 220%;
    padding-left: 5em;
}

#login-status, #login-status a {
    color: #EEE;
    font-weight:bold;
}

#account-options a, #account-options, a#account-topbutton{
    color: #333;
    font-weight: normal;
}

#login-status{
    top: 3px;
}

#login-status img{
    display:none;
}
#login-status a:hover{
    background-color: #494;
}
#account-options a:hover{
    background-color: #EEE;
}    

#login-status{
    right: 22em;
}

#search-top-box{
    top: 2px;
    z-index: 50;
    background-color: transparent;
}

/* where page title is */
/* original
#header{
 width:100%;
 height:200px;
 color:#000;
 background:  #CCCCCC;
 text-align:center;
 padding:0 0 8px 0;
 margin:0; border-bottom:solid 1px #A6A6A6;
}
*/

/* where page title is - this also affects top line - where fozia/my account/search is*/
#header{
/*width:100% or 900px*/
 width:100%;
 height:200px;
 color:#687C43;
/*background:#ABE7AE;
 #687C43 is a nice olive green*/
 background-color:#687C43;
 text-align:center;
 text-indent: 0;
/*padding: top+bottom left+right*/ 
/*padding: top right bottom left*/ 
 padding: 0 0 22px 0;
 margin:5px 0 0 0; 
 border-bottom:solid 1px #A6A6A6;
}

/* left hand image on top of page */
#header-extra-div-1{
 width:200px;
 height:154px;
 background: url('http://exceptionalities.wikidot.com/local--files/index/excep2.gif')  no-repeat; 
 padding:0; 
 margin:0; 
 position:absolute; 
 top:2em; 
 left:0; 
 background-repeat:no-repeat;
}

/* right hand image on top of page */
#header-extra-div-2{
 width:200px;
 height:154px;
 background: url('http://exceptionalities.wikidot.com/local--files/index/excep2.gif') no-repeat; 
 padding:0; 
 margin:0; 
 position:absolute; 
 top:2em; 
 right:0; 
 background-repeat:no-repeat;
}

/* where top nav buttons are - that line - but not actually the nav buttons */
#top-bar{
height: 40px;
  text-align:center;
  padding: 0;
  background: #687d4a url('http://exceptionalities.wikidot.com/local--files/index/top-nav-back1.png');
  color:#e0eac8;
  border-top: 1px solid #3f3c1e;  
  border-bottom: 1px solid #3f3c1e;
  left: 0; 
  right: 0;
    /*padding-left: 20%;*/
  width: 100%
}

/* where top nav buttons are - actually the nav buttons */
#top-bar ul{
    padding-left: 200px;
}

#top-bar ul li{
    margin: 0;
}

/* where top nav buttons are - actually the nav buttons */
#top-bar ul li a{
/* make it 2 pixels less than height to show bottom borders
height: 40px;*/
 height: 38px;
 margin:0;
 text-align:center;
 text-decoration:none;
 color:#edeeca;
 border-left:1px solid #3f3c1e;
 border-right:1px solid #3f3c1e;
 background: #687d4a url('http://exceptionalities.wikidot.com/local--files/index/top-nav-back1.png');
 line-height:38px;
 /* vertical-align:middle;*/
 font-style:normal; 
 font-variant:normal; 
 font-weight:normal; 
 font-size:100%; 
 font-family:verdana, Century Gothic, Arial, Helvetica, sans-serif; 
 padding-left:1em; 
 padding-right:1em; 
 /*including this padding makes the buttons bigger than 40px - it increases the height of the buttons 
 padding-top:2px; 
 padding-bottom:2px*/
}

#top-bar a:hover{
 color:#333;
 background: #486127 url('http://exceptionalities.wikidot.com/local--files/index/top-nav-back2.png'); 
 border-bottom:0px none;
}

#page-content{
  color:#333;
  background:#fafafa;
  padding:0;
  margin:1em;}

#content-wrap{overflow: hidden;}

/* where side nav buttons are */
#side-bar{
  width:200px;
  float:left;
  padding: 0;
  margin:0;
  background: #fafee9;
  color:#000;    
  border-right: 1px solid #3f3c1e;
  font: "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
  }

/* where side nav buttons are - effects headings */
#side-bar h1, #side-bar h2, #side-bar h4
{text-align: left;
border-bottom: 1px solid #3f3c1e;
padding: 0;
font-size: 100%;
}

#side-bar h3 
{text-align: left;
border-bottom: 1px solid #3f3c1e;
padding: 0;
font-size: 100%;
color:#0033FF;
}

/* original 
#side-bar ul{
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
*/
#side-bar ul{
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    /* 
    list-style: square inside url(http://exceptionalities.wikidot.com/local--files/index/arrow.jpg); */    
}

#side-bar ul li{display:block;}

/*links in side nav bar*/
#side-bar li a {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    padding-left: 1em;
    padding-right: 0;
    border-bottom: 1px solid #D9DDCF;    
/*this sets colour of links in side nav bar*/
    color:#1E2B31;
    text-decoration: none;}

#side-bar li a:hover {
    /*background-color: #B3EE3A;
    687C43 is olive green - as background of header*/
    background-color:#687C43;
    color: #FFA722;}

#side-bar p {
    padding: 5px;
    margin: 0px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin: 0px;}

#main-content{
/*width: 100%;*/

    margin:0; 
    /*margin-left: 24%; */
    margin-left: 220px;
    background:#fafafa; 
    color:#333;
    padding:1em; }

#main-content p{line-height: 1.3em;}

#footer{
  margin:0;
  clear:both;
  text-align:left;
  background: #486127;
  color:#e0eac8;
  padding: 8px 1em;
  border-top: 1px solid  #3f3c1e;}

#footer a{color:#edeeca;}

#footer a:hover{ color:#333;}

#footer p{
    margin: 0;
    padding:0;
  font:normal 100%  Verdana, Arial,Helvetica, serif;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License