/*  

This is the main stylesheet for the Sora Language Documentation
and Talking Dictionary Project. The website should display
correctly under all standards compliant browsers.

*/

/* Basics and Typography */

body {
   background-color: #777;
   font: small Helvetica, Verdana, Arial, sans-serif;
   text-align: center;
   margin: 0px;
   line-height: 1.2em;
}

#allcontent {
   background-color: #777;
   padding-top: 5px;
   padding-bottom: 5px;
   width: 800px;
   font-size: 105%;
   margin-left: auto;
   margin-right: auto;
}

#main {
   text-align: center;
   background-color: #cae5fb;
   padding: 0px;
   margin: 0px;
}

#pagebody {
   text-align: left;
   padding: 10px;
   clear: both;
}

#header {
   padding: 0px;
   line-height: 2em;
   border: medium solid #9ac5db;
   border-style: outset;
}

#footer {
   background-color: #c9d0ef;
   border-top: thin solid #999;
   text-align: center;
   padding: 3px 0px;
   font-size: 85%;
   clear: both;
   line-height: .75em;
}

/* Bottom Images */

.btmimg {
   border: none;
}

/* Miscellaneous */

h1 {
   font-size: 170%;
   color: #c4993e;
   clear: left;
}

h2 {
   font-size: 130%;
   color: #c4993e
}

#construction {
   position: fixed;
   top: 0px;
   left: 5px;
   color: #f00;
}

/* Sidebar boxes and header */

.box {
   width: 250px;
   float: right;
   background-color: #c9d0ef;
   padding: 0px 5px;
   margin: 0px 10px 10px 10px;
   border: thin solid #947b2e;
}

.box h1 {
   font-size: 115%;
   text-align: center;
}

.boximg {
   text-align: center;
}

#header h1 {
   font-size: 300%;
   clear: both;
   margin: 5px;
}

#header h2 {
   font-size: 200%;
   clear: none;
   margin: 5px;
   padding: 60px 0px 30px 0px;
}

#header div {
   margin: 15px;
}

#ipa {
   padding: 5px;
   margin: 0px;
   border: none;
}

.left {
   float: left;
}

.right {
   float: right;
}

/* Link assignments */

a:link {
   color: #c4993e;
   text-decoration: none;
   border-bottom: thin dotted #c4993e;
}

a:visited {
   color: #947b2e;
   text-decoration: none;
   border-bottom: thin dotted #947b2e;
}

a:hover {
   color: #000;
   text-decoration: none;
   border: none;
}

/* Link List assignments */

#links {
   float: right;
   width: 495px;
}

ul {
   margin: 0px;
   padding: 0px 15px;
   list-style-type: circle;
}

/* Image assignments */

img {
   border: thin solid #947b2e;
}

#pagebody > p > img {
   float: left;
   margin: 5px 15px;
}

.box span {
   color: #444;
   text-align: center;
   font-size: 75%;
   line-height: .75em;
}