/* CSS for the servebox site
 * Coptyight 2008 - Forever Alex Coomans - alexcoomans.com
 * Last Updated: August 14th 2008
 * Go team USA! 
 */

/* Body  */

body {
	background: url(images/bg.png) repeat 0 0;
	margin: 0px;
	color: #ffffff;
	height:100%;
}

/* Main */
.container {
	background: url(images/mainbg.png) repeat 0 0;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	font: .8em "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 100%;
	float: left;
}

.cc {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 100%;
}

.header {
	background: url(images/header2.png) no-repeat;
	width: 850px;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
}

.nav {
	background: url(images/navbar.png) no-repeat;
	width: 850px;
	height: 81px;
	margin-left: auto;
	margin-right: auto;
}

.main {
	width: 840px;
	padding: 5px 35px;
	float: left;
	height:100%;
}

.fbottom {
	background: url(images/footer.png) no-repeat;
	width: 900px;
	height: 46px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 29px;
	color: #999999;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	float: left;
}

/* Header/Nav */

.nav a {
	border: 0;
	outline: none;
}

.nav img#alex {
	margin-left: 14px;
	float: left;
}

.nav #navbar {
	/*background: url(images/nav-repeat.png) repeat-x 0 0;*/
	color: #000000;
	/*display: inline-block;*/
	height: 65px;
	padding: 0px;
	float: right;
	margin: 0;
	vertical-align: middle;
	/*border-right: 1px solid #666666;
	border-left: 1px solid #666666;*/
}

.nav #navbar a {
	text-decoration: none;
	color: #000000;
	display: inline-block;
	position: static;
	margin: 0;
}


.nav #navbar a:hover {
	color: #000000;
	background: url(images/nav-repeat.png) repeat-x 0 -65px;
}


.nav #navbar #download {
	background: url(images/navdl.png) no-repeat 0 0;
	width: 200px;
	height: 65px;
	text-align: center;
	margin: 0 -5px 0 0;
	padding: 0px;
	display: block;
}

.nav #navbar #download:hover {
	background: url(images/navdl.png) no-repeat 0 -65px;
}

.nav #navbar #blog {
	background: url(images/nav-blog.png) no-repeat 0 0;
	width: 110px;
	height: 65px;
	text-align: center;
	margin: 0 -5px 0 0;
	padding: 0px;
	display: block;
}

.nav #navbar #blog:hover {
	background: url(images/nav-blog.png) no-repeat 0 -65px;
}

.nav #navbar #dev {
	background: url(images/nav-dev.png) no-repeat 0 0;
	width: 165px;
	height: 65px;
	text-align: center;
	margin: 0 -5px 0 0;
	padding: 0px;
	display: block;
}

.nav #navbar #dev:hover {
	background: url(images/nav-dev.png) no-repeat 0 -65px;
}

.nav #navbar #bug {
	background: url(images/nav-bug.png) no-repeat 0 0;
	width: 110px;
	height: 65px;
	text-align: center;
	margin: 0 -5px 0 0;
	padding: 0px;
	display: block;
}

.nav #navbar #bug:hover {
	background: url(images/nav-bug.png) no-repeat 0 -65px;
}

.nav #navbar #donate {
	background: url(images/nav-donate.png) no-repeat 0 0;
	width: 76px;
	height: 65px;
	text-align: center;
	margin: 0;
	padding: 0px;
	display: block;
}

.nav #navbar #donate:hover {
	background: url(images/nav-donate.png) no-repeat 0 -65px;
}

/* Main */

.left-col {
	width: 540px;
	float: left;
	height: 100%;
}

.right-col {
	width: 300px;
	
	float: right;
	height: 100%;
	
}

/* Right Col */

.right-col .rtop {
	background: url(images/right_top.png) no-repeat 0 0;
	height: 20px;
	width: 290px;
}

.right-col .rmain {
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-top: 0px;
	background-color: #999999;
	width: 270px;
	height: 100%;
	margin-right: 10px;
}
.right-col .rbottom {
	background: url(images/right_bottom.png) no-repeat 0 0;
	width: 290px;
	height: 20px;
	

}


/* Footer */
.fbottom a {
	color: #999999;
	text-decoration: underline;
}

/* Other */

.alex {
	border: 0;
	outline: none;
}

/* UL */
ul {
	margin: 0px 15px 10px;
	padding-left: 15px;
}

ul ul {
	padding-left: 20px;
}

/* Links */
.right-col a {
	color: #fff;
	text-decoration: none;
}

.right-col a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Donate Form */
.donate-body {
	background: #fff;
	color: #000;
	padding: 10px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.red {
	color:#ff0000;
}
.divider {border-bottom:1px solid #cecece;margin:15px 0;clear:both;}
.icon_warning {background:transparent url(images/exclamation.png) left no-repeat;padding:4px;padding-left:20px;}
input {padding:3px;border:1px solid #ddd;background:#fefefe;}
form#form_paypal input#input_amount {width:50px;font-size:1em;padding:3px;}
form#form_paypal .submit {cursor:pointer;border-style:outset;}
.donate-body h2 {
	margin-top: -3px;
}