/* CSS Document */

/* Main */

body {
	padding:0px;
	margin:0px;
	font-family: Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 76%;
	color: #333;
	background-color: #f3f6fe;
	background-image: url(top_bg_grade.png);
	background-repeat:repeat-y;
	background-position:center;
	}
	
abbr, acronym { /* acronym and abbr aren't styled in IE per default */
	border-bottom: 1px dotted #58B2CB;
	cursor: help;
	}
	
acronym {
	speak: normal;
	}
	
/* Layout */	

#topwidth , #bottomwidth {
	margin: 5px auto 0px auto;
	background-color:#FFFFFF;
	}
	
#topwidth , #bottomwidth , #friendswidth {
	border-bottom:thin;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#CCCCCC;
	}
	
#bottomwidth , #bottombar , #friendswidth {
	border-top:thin;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#CCCCCC;
	}

	#topwidth {
		width:728px;
		height:250px;
		}
	
	#bottomwidth {
		width:718px;
		padding: 10px 5px 10px 5px;
		}
	
	#bottombar {
		width:728px;
		margin: 5px auto 0px auto;
		background-color:#FFFFFF;
		}
		
		#bottombar a, #bottombar a:visited {
			color:#666666;
			text-decoration:none;
			}
			
		#bottombar a:hover, #bottombar a:focus {
			color:#666666;
			text-decoration:none;
			}
		
	#friendswidth {
		width:718px;
		padding:10px 5px 10px 5px;
		margin:5px auto 0px auto;
		background-color:#FFFFFF;
		}
		
		#friendswidth a, #friendswidth a:visited {
			color:#000066;
			text-decoration:none;
			}
			
		#friendswidth a:hover, #friendswidth a:focus {
			color:#000033;
			text-decoration:underline;
			}
		

#googleads {
	margin: 5px auto 5px auto;
	width:728px;
	}

#topbanner {
	margin: 0px auto 0px auto;
	background-image:url(newlogo.gif);
	background-repeat:no-repeat;
	width:312px;
	height:222px;
	}
	
#screenshots {
	width:718px;
	height:110px;
	vertical-align:middle;
	text-align:center;
	}
	
#screenimg {
	background-color:#eeeff0;
	margin:1px 1px 1px 1px;
	padding:2px 2px 2px 2px;
	width:116px;
	height:100px;
	font-size:10px;
	float:left;
	}
	
/*Fonts*/

div#searcharea {
	color:#666666;
	border:thin;
	border-color:#f6f6f6;
	border-style:solid;
	border-width:1px;
	background-color:#f6f6f6;
	padding:0px 0px 5px 0px;
	margin:9px 0px 0px 5px;
	width:304px;
	height:185px;
	float:left;
	}
		
div#searcharea form { 
	text-align: center;
	}
	
div#searcharea form div#options { 
	padding: 5px 0; 
	margin: 0 auto 5px; 
	width: 405px; 
	text-align: right; 
	}

#noneactive { /*div#searcharea form a*/
	cursor: pointer; 
	text-decoration: none; 
	color: #555; 
	display: block; 
	text-transform: uppercase; 
	font: bold 11px; 
	letter-spacing: 3px; 
	}

input#searchfield { 
	color: #444; 
	border: 0; 
	padding: 1px 0; 
	font: 18px; 
	letter-spacing: 0px; 
	border: 2px solid #bababa; 
	width: 284px; 
	margin:10px auto 10px auto;
	}

input#searchsubmit { 
	color: #444; 
	font: 18px; 
	letter-spacing: 0px; 
	border: 2px solid #bababa; 
	padding: 2px 0;
	margin:0px auto 0px auto;
	}

	fieldset { 
	border:0;
	}

#titles {
	font-size: 24px;
	color:#666666;
	border-bottom:thin;
	border-bottom-color:#999999;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	background-color:#eeeff0;
	}
	
#titlessearch {
	font-size: 18px;
	color:#000000;
	border-bottom:thin;
	border-bottom-color:#999999;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	background-color:#eeeff0;
	float:inherit;
	width:300px;
	padding:2px 2px 2px 2px;
	}

#textsnonepad {
	padding:0px 0px 0px 0;
	font-size: 14px;
	color:#333333;
	height:210px;
	}
	
#texts {
	padding:5px 0 1px 0;
	font-size: 14px;
	color:#333333;
	}
	
	#texts a, #texts a:visited {
		padding:5px 0 1px 0;
		font-size: 14px;
		color:#000066;
		text-decoration:none;
		}
		
	#texts a:hover, #texts a:focus {
		padding:5px 0 1px 0;
		font-size: 14px;
		color:#000033;
		text-decoration:underline;
		}
		
#textssearch {
	padding:10px 10px 1px 10px;
	font-size: 12px;
	text-align:left;
	}
	
#textssearch a, #textssearch a:visited,#textssearch a:hover, #textssearch a:focus {
	font-size: 12px;
	text-align:left;
	}
	
#textssearch {
	color:#333333;
	}
	
	#textssearch a, #textssearch a:visited {
		color:#000066;
		text-decoration:none;
		}
		
	#textssearch a:hover, #textssearch a:focus {
		color:#000033;
		text-decoration:underline;
		}

#dltexts, #dltexts a, #dltexts a:visited,#dltexts a:hover, #dltexts a:focus {
	padding:5px 0 1px 3px;
	font-size: 10px;
	}

#dltexts {
	color:#333333;
	}
	
#dltexts a, #dltexts a:visited {
	color:#000066;
	text-decoration:none;
	}
	
#dltexts a:hover, #dltexts a:focus {
	color:#000033;
	text-decoration:underline;
	}
	
#bottomtext {
	background-color:#CCCCCC;
	margin:5px 5px 0px 5px;
	padding:2px 2px 2px 2px;
	text-align:center;
	font-size:12px;
	color:#666666;
	}

#space10 {
	padding:10px 0 0 0;
	}

#space30 {
	padding:30px 0 0 0;
	}
	
#space240 {
	padding:240px 0 0 0;
	}
	
.iconplace {
	margin:6px 4px 0px 4px;
	}
	
.download a, .download a:visited,.download a:hover {
	font-size:18px;
	font-weight:bold;
	margin:1px 0px 0px 3px;
	}
	
.download a, .download a:visited {
	color:#000066;
	text-decoration:none;
	}
	
.download a:hover {
	color:#000033;
	text-decoration:underline;
	}
	
/*Navigation*/
	
#header {
	float:left;
	padding-left:156px;
	width:100% -156px;
	font-size:93%;
	line-height:normal;
	font-family: verdana,helvetica,arial ;
	font-size: 12px ;
	}
	
#header ul {
	margin: 0;
	padding: 5px 10px 0;
	list-style:none;
	}
	
#header li {
	float:left;
	background:url("left_both.gif") no-repeat left top;
	margin:0 5px 0 0px;
	padding:0 0 0 9px;
	}
	
#header a {
	float:left;
	display:block;
	width:.1em;
	background:url("right_both.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#0c5ee6;
	white-space: nowrap ;
	}
	
#header > ul a {width:auto;}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#header a {float:none;}
	
/* End IE5-Mac hack */

#header a:hover {
	color:#333;
	}
	
#home #nav-home, #subscribe #nav-subscribe, #about #nav-about, #archives #nav-archives {
	background-position:0 -150px;
	border-width:0;
	}
	
#home #nav-home a, #subscribe #nav-subscribe a, #about #nav-about a, #archives #nav-archives a {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#333;
	}
	
#header li:hover, #header li:hover a {
	background-position:0% -150px;
	color:#333;
	}
	
#header li:hover a {
	background-position:100% -150px;
	}