/* Text Styles
---------------*/

body 
{
   background: #F9F9F9 url(background.png) repeat-y top center;
   color: #555;
   font-family: tahoma, sans-serif;
}

#header h1 {
   font-family: "trebuchet ms", tahoma, sans-serif;
   font-size: 1.4em;
   text-align: center;
   vertical-align: middle;
}

#content { font-size: 0.8em; }

a {   color: #555; }
a:hover { color: #FFA31F; }

h1, h2, h3 { font-family: "trebuchet ms", tahoma, sans-serif; }

#navigation a {
   color: #555;
   text-transform: uppercase;
   text-decoration: none;
   font-size: 0.8em;
}
#navigation a.about:hover { color: #FFA31F; }
#navigation a.software:hover { color: #5CA0FF; }
#navigation a.support:hover { color: #C0D100; }
#navigation a.tips:hover { color: #FF5B4D; }
#navigation a.language:hover { color: #57D100; }

#content p {
   text-align: justify;
   line-height: 150%;
}

#content h1,
#content h2 {
   font-size: 1.4em;
   color: #FFA31F;
   font-weight: normal;
}

#footer {
   color: #777;
   font-size: 0.8em;
}

/* Custom Element Styles
--------------------------*/

#navigation .links li {
   padding: 0 10px;
   border-left: 1px solid silver;
}

img.inset,
img.inset-left {
   float: left;
   margin: 0 2em 1em 0;
   border: none;
}

img.inset-right {
   float: right;
   margin: 0 0 1em 2em;
   border: none;
}

.boxed {
   border: 1px solid #FFE2C6;
   background-color: #FFFAF4;
   padding: 1em;
}

.adsensesquare {
   display: block;
   width: 250px;
   height: 250px;
}

.adsensebanner {
   display: block;
   width: 728px;
   height: 90px;
}

a.tips {
   padding-right: 15px;
   background-image: url(tip_jar.png);
   background-position: right;
   background-repeat: no-repeat;
}

/* Common Element Styles
-------------------------*/

#content h1,
#content h2 {
   margin-top: 0;
   padding-top: 0;
}

#content p {
   margin-top: 0;
   padding-top: 0;
}

#content dl dd { margin-bottom: 1em; }

#content table { width: 100%; }
#content th { text-align: left; }
#content td { vertical-align: top; }
#content td ul { 
   list-style-type: none;
   margin: 0;
   padding: 0;
}

/* Sponsor
----------------------*/
#content .outside-references {
   font-size: 90%;
   clear: both;
   border: 1px solid #FFE2C6;
   border-width: 1px 0;
   padding: 3px;
   background-color: #FFFAF4;
}

#content .outside-references h2 {
   font-size: 1em;
   font-weight: bold;
   display: inline;
   padding-right: 0.5em;
}

#content .outside-references p {
   display: inline;
}