body {
	background-image: url(images/linesbg.gif);
	background-repeat: repeat;
	background-color: #5CA0E6;
	margin-top: 0;
	color: #3B6794;
	text-align: center;
}

h1 {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(images/top_gradient.gif);
	background-repeat: repeat-x;
}

h2 {
color: #FFFFFF;
margin-top: .25em;
letter-spacing: 5pt;
background-color: #3B6794;
background-image: url(images/h2_graidient.gif);
background-repeat: repeat-y;
background-position: right;
padding: .25em;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-weight: normal;
font-size: 1.8em;
}

a {
text-decoration: none;
color: #333;
}

a:visited {
color: #666;
}

a:hover {
color: #B9DAFC;
}

img {
border: 0;
}

.side-left {
width: 12em;
margin-left: 1em;
margin-top: 1em;
float: left;
}

.side-left h4 {
margin-top: 0;
}

.side-left ul {
margin-left: 0;
padding-left: 1em;
}

.left-box {
padding: .5em;
background-color: #fff;
background-image: url(images/yellow_gradient3.gif);
background-repeat: repeat-y;
border-top: 1px solid #5CA0E6;
border-left: 1px solid #5CA0E6;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

.power {
text-align: center;
}

.nav {
text-align: center;
font-size: 1.2em;
background-color: #3B6794;
background-image: url(images/h2_graidient.gif);
background-repeat: repeat-y;
background-position: right;
border-top: 1px solid #5CA0E6;
border-bottom: 1px solid #5CA0E6;
margin: 0;
}

.nav li {
display: inline;
list-style-type: none;
letter-spacing: 2pt;
padding-top: .5em;
padding-bottom: .5em;
padding-left: 1em;
padding-right: 1em;
font-weight: bold;
}

.nav a {
color: #ffffaa;
}

.nav a:visited {
color: #ffffaa;
}

.nav a:hover {
color: #B9DAFC;
}

#news .content {
	margin-left: 15em;
}

.content {
margin-left: 1em;
margin-top: 1em;
margin-right: 1em;
background-color: #fff;
background-image: url(./images/vert_blue_gradient.gif);
background-repeat: repeat-x;
border-top: 1px solid #5CA0E6;
border-left: 1px solid #5CA0E6;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

.content h3 {
padding-left: .5em;
padding-right: .5em;
}

.content h4 {
padding-left: .5em;
padding-right: .5em;
}

.content p {
padding-left: .5em;
padding-right: .5em;
}

.content li {
padding-left: .5em;
padding-right: .5em;
}

.downloads {
padding-left: 2em;
font-size: 1.2em;
}

.copyright {
margin-bottom: 0;
text-align: center;
font-size: .9em;
}

.copyright a:hover {
color: #FF99CC;
}

.clear {
clear: both;
}

/* Copyied from forum styles */

div.quotebox      {
	padding-left:20px;
	margin-top:5px;
}

.quote        {background-color:#fefefe; color:#333333; border:1px #555555 solid;}


/* Rounded rectangle effect */

.container {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-left: 5px solid #5CA0E6;
	border-right: 5px solid #5CA0E6;
	font-size: .75em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
}

.round-top, .round-bottom {
	margin-left: auto;
	margin-right: auto;
	height: 19px;
	margin-top: 0;
	margin-bottom: 0;
}

.round-top {
	background-image: url(./images/corner-top.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.round-top div {
	background-image: url(./images/corner-top-right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.round-bottom {
	background-image: url(./images/corner-bottom.png);
	background-repeat: repeat-x;
	background-position: top left;
}

.round-bottom div {
	background-image: url(./images/corner-bottom-right.png);
	background-repeat: no-repeat;
	background-position: top right;
}

/* Special stuff for contributing page */

#contributing h3 {
padding-left: 2.3em;
margin-top: 1.5em;
margin-bottom: 0;
}

#contributing p {
margin-top: 0;
}

.programming {
background-image: url(images/programming.png);
background-repeat: no-repeat;
background-position: left -1px;
height: 30px;
}

.writing {
background-image: url(images/writing.png);
background-repeat: no-repeat;
background-position: left -5px;
height: 30px;
}

.marketing {
background-image: url(images/marketing.png);
background-repeat: no-repeat;
background-position: left -5px;
height: 30px;
}

.help {
background-image: url(images/help.png);
background-repeat: no-repeat;
background-position: left -5px;
height: 30px;
}

.webdesign {
background-image: url(images/webdesign.png);
background-repeat: no-repeat;
background-position: left -5px;
height: 30px;
}

.languages {
background-image: url(images/languages.png);
background-repeat: no-repeat;
background-position: left -5px;
height: 30px;
}

.bug {
background-image: url(images/bug.png);
background-repeat: no-repeat;
background-position: left -5px;
height: 30px;
}