@import('reset.css');

body {
text-align:center;
font:13px Arial, Helvetica, sans-serif;
}

#topb {width:100%; height:5px; background:#007cc4; border-bottom:#74c5f2 solid 3px; margin:0;}

#header {
margin-top:10px;
height:80px;
}

#ie6msg {
background:#ffffe8;
border:#FFCC00 solid 1px;
padding:15px;
margin-bottom:10px;
}

	#ie6msg h2 {
		color:#FF0033;
		font-weight:bold;
		font-size:20px;
		}

#logo {
	float:left;
	width:430px;
	height:60px;
	background:url(logo.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}

	#nav {
	float:right;
	margin-top:10px;
		}
		
	#nav li {
		float:left;
		}
		
		#nav li a {
		padding:2px 6px;
		text-decoration:none;
		color:#007cc4;
		background:#fff;
		font-weight:bold;
		border-right:#ccc solid 1px;
		}
		
		#nav li:last-child a {border:none}
				
		#nav li a:hover {
			color:#2f6d92;
			}

#container {
width:960px;
text-align:left;
margin:0 auto;
}

#contrib {
	width:100%;
	border:#f8f8f8 solid 1px;
	margin-bottom:10px;
	}
	
	#contrib td {
		padding:5px 8px 7px 8px;
		border-right:#ccc 1px dotted;
		}
		
		#contrib .head * {
			font-weight:bold;
			background:#f2f2f2;
			}
			
		#contrib tr {
			background:#fff;
			border-bottom:#f8f8f8 solid 1px;
			}
			
		#contrib .last {border:none;}

.text {
padding:15px;
padding-bottom:5px;
background:#f8f8f8;
border:#ccc solid 1px;
-moz-border-radius:5px;-webkit-border-radius: 5px;
float:left;
width:930px;
-webkit-box-shadow: 0 0 8px #ccc;
-moz-box-shadow: 0 0 8px #ccc;
}

.smallwidth {width:660px;}

.img {background:url(kids.jpg) 0 0 no-repeat;
height:200px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:#ccc solid 1px;
}

#stuff {
	width:250px;
	float:left;
	margin-left:15px;
	}
	
.smalltext {font-size:12px;}
	
	#stuff ul {
		text-align:left;
		padding:5px;
		background:#f8f8f8;
		border:#ccc solid 1px;
		}
		
		#stuff ul li {
			line-height:1.5em;
			list-style-type:square;
			margin-left:20px;
			}
	
	#dwnld_b {
		background:#2f6d92;
		display:block;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
		padding:10px;
		color:#fff;
		text-decoration:none;
		letter-spacing:-1px;
		margin-bottom:5px;
		text-align:center;
		
-webkit-box-shadow: 0 0 10px #666;
-moz-box-shadow: 0 0 10px #666;}
		
		#dwnld_b:hover {
			background:#4a6576;-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
			}
			
			#dwnld_b strong {
			font-size:22px;
			font-weight:bold;
			line-height:1.25em; 
			text-shadow:0 2px 2px #003366;
			}
			
			#dwnld_b span {
				font-size:14px;
				font-weight:bold;
				line-height:1.25em;
				color:#6a9cba;
				}
				
	#screenshots li {
		float:left;
		display:block;
		width:100px;
		padding:10px;
		background:#f2f2f2;
		border:#ccc solid 1px;
		margin-right:10px; margin-bottom:10px;
		}
		
		#screenshots li:hover {
			cursor:pointer;
			background:#f8f8f8;
			}
		
		#screenshots li span {
		display:block;
			font-weight:bold;
			text-align:center;
			padding-top:10px;
			}


#footer {
	width:100%;
	font-size:11px;
	padding-bottom:10px;
	}	
	#footer img {margin-bottom:-3px;}

p, p * {
line-height:1.5em;
}

.text p {
margin-bottom:12px;
}

p a, ul li a {
color:#007cc4;
text-decoration:none;
}

	p a:hover, ul li a:hover {
		color:#2f6d92;
		}


h2 {
	font-size:20px;
	font-weight:bold;
	line-height:1.25em;
	color:#007cc4;
	padding-bottom:10px;
	}
	
strong {
font-weight:bold;
}

.aligncenter {
	text-align:center;
	}
	
.alignright {
	float:right;
	padding-left:10px;
	}
	
.alignleft {
	float:left;
	padding-right:10px;
	}
	
.indent {
	margin-left:10px;
	}