/*
Palette:
Light Green (background): #72b644
Gray: #cccccc
Dark Blue (blue bar): #3a87a8
*/

/* General */

body {
	font-family: Verdana, Arial, sans-serif;	
	font-size: 1em;
	background: #72b644;
	line-height: 1.3em;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	color:#000000;
	text-shadow: 1px 1px 3px #cccccc;
	margin-bottom: 10px;
}

.group:after,
.comment:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Header */

#outer-wrap {
	background: url(images/main_bg_01.png) repeat-x;
}

#inner-wrap {
	width:960px;
	margin:0 auto;
}

#header {
	background: url(images/main_bg.png) no-repeat;
}

.moreheader {
	height:340px;
}

/* Title */

#title h1 {
	text-indent: -5000px;
	height:0;
}

/* Nav */

#nav {
	float:right;
	background: url(images/bluebar.png) no-repeat;
	width:490px;
	height:51px;
}

#nav ul {
	list-style: none;
}

#nav ul li {
	float:right;
	padding:5px 15px 5px 0px;
	margin:5px 15px 5px 0px;
	text-align: right;
}

#nav ul li a {
	color:#000000;
	font-size: 1.2em;
	text-decoration: none;
	text-shadow: 1px 1px 3px #BFC2DD;
}

#nav ul li a:hover {
	color:#cccccc;
	text-shadow: none;
}

/* Descr */

#descr {
	clear:both;
	float:left;
	margin-top:120px;
	width:410px;
}

#descr p {
	margin-bottom: 10px;
}

/* Body */

#body {
	background: #cccccc;
	border-radius: 8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border: 2px solid #000000;
	padding: 10px;
	clear: both;
	margin-top: 20px;
}

/* Main */

#main {
	float:left;
	width:410px;
	padding: 0px 10px;
}

#main ul {
	margin-left: 20px;
}

#main ul li {
	list-style-image: url(images/ninjastar.png);
	margin-bottom: 10px;
}

#main ul li em {
	font-weight: bold;
}

#main a img {
	margin-top: 20px;
}

/* Sidebar */

#sidebar {
	float:right;
}

#sidebar h2 {
	background: url(images/bluebar.png) no-repeat;
	width:470px;
	height:41px;
	padding:10px;
	margin-bottom: 0;
}

#botleft {
	float:left;
	width:240px;
}

#botright {
	float:right;
	width:250px;
}

#bot {
	clear:both;
	padding:5px;
}

#bot img {
	float:left;
	margin-right:10px;
}

#bot dl {
	font-weight:bold;
	margin-top:10px;
	margin-bottom: 10px;
}

/* More Apps */

#more-apps,
#contact {
	clear:both;
	float:left;
	margin-top:120px;
	text-align: center;
}

/*
.app-side {
	clear:both;
	margin:auto;
	width:550px;
}
*/

.app,
.app-side {
	margin-top:20px;
	width:460px;
	padding:10px;
	float:left;
	text-align: left;
}

.app h2,
.app-side h2 {
	text-align: center;
	font-size: 1.6em;
	margin-bottom: 20px;
}

.app-icon {
	padding:10px;
}

.app a img {
	margin: 0 100px;
}

.app .app-dl,
.app-side .app-dl {
	margin: 0 130px;
}