/*
	Sodaware.net Stylesheet
*/

/* HTML styles */
/*

* { padding: 0px; margin: 0px; }
p { margin: 3px 0px; padding: 3px 0px; }

*/

body { font: 13px verdana; color: #222; margin: 0px; background: #999;}

hr{ border:none; border-top:1px solid #AAAAAA; height:1px }

.white { background: white; }

h1 { margin: 0px 0px 12px; border-bottom: 1px dotted green; font: bold 18px verdana; z-order: 1;}
h2 { margin: 18px 0px; border-bottom: 1px dotted green; font: bold 16px verdana; }
h3 { margin: 12px 0px; }
h4 { font: bold 14px verdana; margin: 0px; padding: 0px; }

a { color: blue; }
a:visited { color: purple; }
a.offsite:visited { color: navy; }
a:hover { color: green; }

/* -- Page Layout styles -- */

#pageContainer { background: white url(images/page-background.png) repeat-y; width: 760px; margin: auto; padding: 0px 5px; }

	#headerContainer { background: #47AD33 url(images/topMenuBar.png); height: 14px; margin: 0px 4px; }
	
	#logoContainer { background: #E8E8E8 url(images/logobg-small.png); height: 40px; margin: 0px 4px; font: 10px verdana; }
		#logoContainer img { float: left; }
		#logoContainer p { float: right; margin: 25px 5px 0px 0px; }
	
	#menuContainer { background: #4BB133 url(images/toolbarBG.png); margin: 0px 4px; height: 24px; }	
	
	#breadcrumbContainer { padding: 4px 0px 0px 4px; margin: 0px 4px; background: #9CD68D url(images/breadcrumbBar.png) repeat-x; height: 20px; font-size: 11px; }
	#breadcrumbContainer a, .HistoryList th a { color: #307E30; }
	#breadcrumbContainer a:visited, .HistoryList th a:visited { color: #307E30; }
	#breadcrumbContainer a:hover, .HistoryList th a:hover { color: #B9FFB9; }

	/* -- Main Content - Sidebar and article -- */
	#mainContainer { background: url(images/content-background.png) repeat-x; margin: 0px 5px; padding: 10px 5px; }
	
		#mainContent { padding: 0px 5px; }
		#mainContent.wide { width: 520px; float: left; margin: 0px; display: inline; }
		#mainContent.justify { text-align: justify; }

		#pageSidebar { display: inline; background: none; /* For IE 6 */ float: right; width: 200px; padding-top: 10px;}

	/* -- Rich Footer -- */
	#footerContainer { clear: both; padding-bottom: 10px; background: #ddd; margin: 0px 4px; border: 1px solid #ccc; border-bottom: none; font: 12px verdana; }
		#footerContainer h4 { margin: 0px; border-bottom: 2px groove #fff; font: bold 12px verdana;}

		.footerList { float: left; margin: 5px; width: 240px; }
		.footerList.narrow { width: 25% }
		.footerList.wide { width: 45%  }	
			.footerList p { margin: 6px 0px; }
			.footerList ul { margin: 6px 0px; padding: 0px 0px 0px 24px; }
				.footerList ul li { margin: 0px; }

	/* -- Privacy Footer -- */
	#privacyContainer { border-top: 1px solid #aaa; background: #d5d5d5; margin: 0px 4px; padding: 5px; clear: both; }
		#privacyContent { padding: 3px; border-top: 1px solid #bbb; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #bbb; background: #ccc url(images/footer-logo.png) right no-repeat; height: 34px; }
		#privacyContent { font: 10px verdana; clear: both;  }
		#privacyContent p { margin: 0px; padding: 2px 0px; width: 95%;}
		#privacyContent p.top { border-bottom: 1px solid #bbb; }
		#privacyContent p.bottom { border-top: 1px solid #ddd; }

/** FRONT PAGE **/

.gameCategory { float: left; width: 236px; background: white; display: inline;}
.gameCategory.middle { margin: 0px 11px; }

.gameCategory .header { background: url(images/category-header.png); height: 18px; padding: 2px 4px; }
.gameCategory .content { background: url(images/category-background.png); margin: 0px; padding: 5px;}
.gameCategory .footer { background: url(images/category-footer.png) no-repeat; height: 5px; clear: both; font-size:0px; }
.gameCategory .header h3 { margin: 0px; font: bold 12px verdana; color: white; }
.gameCategory .header h3 a { color: white; text-decoration: none; }
.gameCategory .header h3 a:hover { text-decoration: underline; }

.gameCategory .gameList { list-style: none; margin: 0px; padding: 0px; }
.gameCategory .gameList li { font: 11px verdana; border-bottom: 1px dotted #aaa; padding: 2px 0px; display: block; clear: both;  }
.gameCategory .gameList li.last { border: none; }
.gameCategory .gameList li a { display: block; text-decoration: none; color: #444; padding: 3px; margin: 0px; height: 40px;}
.gameCategory .gameList li a img { border: none; margin-right: 5px; float: left; display: inline; }
.gameCategory .gameList li a:hover { background: url(images/game-hover.png); }

.gameCategory .gameList li span.title { margin: 0px; padding: 0px; font: bold 12px verdana; color: #090; display: inline; }
.gameCategory .gameList li span.description { display: block; }

.gameCategory a:hover span.title { color: #060; }
.gameCategory a:hover span.description { color: #111; }


.gameCategory .game { margin: 0px;  }

.gameCategory .content ul { margin: 0px; padding: 0px; list-style: none; }



.gameCategory .options { border-top: 1px dotted #aaa; clear: both;font: 12px verdana; padding: 5px 5px 0px;}


.goodGame { width: 360px; }
.goodGame.left { float: left; }
.goodGame.right { float: right; }

.goodGame .header { background: url(images/goodgame-header.png); height: 18px; padding: 2px; }
.goodGame .content { background: url(images/goodgame-background.png); margin: 0px; padding: 5px;}
.goodGame .footer { background: url(images/goodgame-footer.png); height: 5px; font-size:0px; }

.goodGame ul, .goodGame p, .goodGame h5 { margin: 0px; padding: 0px; list-style: none;}

.goodGame .logoList { text-align: center; font: 12px verdana;}
.goodGame .logoList li { float: left; width: 112px; clear: none; padding: 2px;}

.goodGame .options { border-top: 1px dotted #aaa; clear: both; margin-top: 6px; padding: 5px 5px 0px; font: 12px verdana; }

.goodGame h4, .largeBox h4 {
	font: bold 12px verdana;
	color: white;
	margin: 0px 2px;
}

.goodGame .logo img {  border: 0px;}

.goodGame .logo a, .gameLogo {
	padding: 4px;
	display: block;
	width: 104px;
	height: 78px;
	background: url(images/image-background.png) 0 0 no-repeat;
}

.goodGame .logo a:hover, .gameLogo:hover {
	background-position: 0px -86px ;
}


/* Header menu style */

#menuContainer ul { list-style: none; margin: 0px; padding: 0px; }

#menuContainer li { float: left; padding: 2px; border-right: 1px solid #339900; }
#menuContainer li a { font: bold 13px verdana; color: white; text-decoration: none; display: block; padding: 2px 5px; }
#menuContainer li a:hover{ padding: 1px 4px; color: black; border: 1px solid black; background: #8FF577 url(images/tbButtonHover.png) repeat-x; }
#menuContainer .Selected a { border: 1px solid Black; color: #6D6D81; background: white; padding: 1px 4px; }

#menuContainer .Selected a:hover { 
	border: 1px solid Black; 
	color: #6D6D81; 
	background: white; 
	padding: 1px 4px;
}

/** Sidebar Box **/
.sidebarBox { font: 12px Tahoma; margin-bottom: 15px; }
.sidebarBox .header {
	background: url(images/sidebarbox-header.png); 
	height: 18px;
	padding: 2px 5px;
}

.sidebarBox .header h3 { 
	margin: 0px;
	font: bold 12px verdana; 
	color: white;
}

.sidebarBox p { margin: 2px 0px 4px; padding: 0px; line-height: 120%;}
.sidebarBox ul { margin: 0px; padding: 0px; list-style: none; }
.sidebarBox li { margin: 2px 0px; }

.sidebarBox .content {
	background: url(images/sidebarbox-background.png); 
	padding: 3px 8px;
}

.sidebarBox .list {
	list-style: none;
	padding: 0px; margin: 0px;
}

.sidebarBox .footer {
	background: url(images/sidebarbox-footer.png) no-repeat; 
	height: 5px;
	font-size: 0px;
}

/** ----- Game of the week ----- **/

/* Two divs for a double border */
#gameOfTheWeek { margin: 0px;  border: 1px solid #ccc; padding: 1px; background: white;}
.gotw { border: 1px solid #aaa; clear: both;}

#gameOfTheWeek h3 { margin: 0px; border-bottom: 1px dotted green;  }

.gotw .gameDescription { margin: 3px; color: black; float: left; width: 445px; padding: 3px; }
.gotw .gameDescription p {  }
.gotw .gameDescription h3 { margin: 0px; }

#gameOfTheWeek .gameLogo {
	float: right;
	padding: 10px; 
}

#gameOfTheWeek .gameFeatures {
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #999;
	float: right;
	margin: 3px;
	padding: 3px;
	width: 250px;
}

#gameOfTheWeek .gameFeatures ul {
	margin: 12px 0px;
	padding: 0px 24px;
}

#gameOfTheWeek .gameFeatures li {
	margin: 0px; padding: 0px;
}



.gameOptions { list-style: none; margin: 0px; padding: 0px; text-align: left; }
.gameOptions li { float: left; padding: 3px; margin: 0px; }
.gameOptions li a { background: url(images/glossy-button.png) no-repeat; display: block; width: 98px; height: 21px; font: bold 14px verdana;
	text-align: center; vertical-align: middle; padding-top: 2px;
	text-decoration: none;
	color: #fff;
}
.gameOptions li a:hover { background-position: 0px -23px;
	color: #fff;
}

/** Game Page Styles **/

.screenshot img { border: 0px; }

a.screenshot {
	padding: 4px;
	display: block;
	width: 96px;
	height: 72px;
	background: url(images/thumbnail-background.png) 0 0 no-repeat;
}

a.screenshot:hover  { background-position: 0px -80px ; }

.gameInfo {
}

.gameInfo img.largeIcon { border: 3px double #aaa; }
.gameBlurb { 
	font: 16px garamond;
	color: #111;
	margin: 0px 0px 12px;
}

.categoryList { list-style:none; }
.categoryList li { width: 32%; float: left; padding: 3px;}

.miniGameList { list-style:none; padding: 0px; margin: 6px 0px; }
.miniGameList li { width: 32%; float: left; height: 64px; padding: 3px; margin: 0px; }
.miniGameList li img { float: left; margin-right: 5px;}

.categoryContainer { width: 33%; float: left; }

#topFourGames { background: white; }
#topFourGames ul { list-style:none; padding: 0px; margin: 0px; }
#topFourGames ul li { float: left; width: 48%; padding: 3px; height: 110px; margin: 0px;}

#topFourGames .image { float: left; width: 110px ;height: 80px; padding: 0px 3px; margin: 0px; }
#topFourGames .description { float: right; width: 215px; }

#topFourGames h3 { margin: 0px 0px 3px 0px; }
#topFourGames p { margin: 6px 0px; }

/* ----- Developer Area Styles ----- */

#developerBanner h2 { font-family: impact; }
.border { border: 2px groove black; }
.clear { clear: both; padding: 0px; margin: 0px; }

/** History styles **/
.History {margin-bottom: 10px;	}
.History .SectionTitle { font: bold 14px Arial; background: #9DD68E; vertical-align: middle; border-top: 1px solid #BFF8AF; border-bottom: 1px solid #7BB46C; }
.History .Date { vertical-align: top; background: #efefef; }

/** History Table Styles **/
.HistoryList { width: 100%; }
.HistoryList th { background: #9DD68E;  vertical-align: middle; border-top: 1px solid #BFF8AF; border-bottom: 1px solid #7BB46C; text-align: left; }
.HistoryList .rowOne, .HistoryList .rowTwo { padding: 2px 3px; font: 12px verdana; text-align: left; }
.HistoryList .rowOne { background-color: #FAFAFA; border-bottom: 1px solid #DDDDDD;}
.HistoryList .rowTwo { background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC;}

/** Book review listing styles **/
.BookList { margin-left: 20px; margin-top: 5px; margin-bottom: 10px; }
.BookList dd { margin-top: 5px; margin-bottom: 5px; }

/** Article Styles **/
.textIndent { margin-left: 25px; margin-top: 10px;}

/** Library Information **/
.libInfo { }
.libInfo .fieldName { background: #EEEEEE; text-align: right; font-weight: bold; } 

/** Code Information **/
.codeInfo { }
.codeInfo .fieldName { background: #EEEEEE; text-align: left; font-weight: bold; } 

/** Download Button **/
.resourceDownload { padding: 0px; font-size: 14px; font-weight: bold; margin-top: 15px; }
	.resourceDownload a { border: 1px solid #aaaaaa; background: #eeeeee url(images/download-icon.png) no-repeat; padding: 8px 8px 8px 37px; }
	.resourceDownload a:hover { background: url(images/download-icon-hover.png) no-repeat; }

/* Source code  */
.ieSourceHack {
	height: 100%;
	width: 100%;
	overflow: auto;
}

.blitzbasic {
	overflow: auto;
	font-size: 11px;
	font-family: "lucida console", "courier new", courier;
	border: 1px solid #aaaaaa;
	background: #FAFAFA;
	padding: 3px;
}

/** --  Developer Index  -- **/

.devCallout {
	margin: 0px 3px 12px;
	height: 132px;
	padding: 5px;
	background: #fafafa url(images/dev-index-callout.png) no-repeat right bottom;
}

.devCallout h2 { border: 0px; margin: 0px 0px 6px 0px; }

.devCallout .popularContent { border-top: 1px solid #aaa; margin-top: 45px;}

.devIndex .col {
	width: 222px;
	/*  */
	float: left;
	padding: 4px;
	background: #fafafa;
	border: 1px solid #9CD68D;
	border-left: 5px solid #9CD68D;
	font-size: 12px; 
}

.newsMeta {
	font-size: 10px; 
}

.devIndex .col:hover {
	border-color: #69A35A;
}

.devIndex .middle {
	margin: 0px 11px;
}

.devIndex .col h3 {
	margin: 0px;
	font: bold 14px verdana, sans-serif;
	border-bottom: 1px solid #ddd;
}

.devListing ul { 
	margin-left: 10px;
}

#devContentsAndNews {
	margin: 10px 0px;
	clear: both;
}

#devIndexBlock {
	float: left; 
	width: 200px;
}

#devLatestNews {
	float: right;
	width: 520px;
}

#devLatestNews h2 { margin: 0px 0px 6px; }

/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactform p {  margin: 4px 0px; }
.contactform div { }

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	font-weight: bold;
	padding: 0px;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

.emboss, .contactform input { border-top: 1px solid #bbb; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #bbb;}
.bevel { border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #ddd;}

.contactform input { 
	font: 12px verdana;
	padding: 2px;
}

/* End Contact Form CSS */

form { margin: 0px; padding: 0px; }

.footerList .date {
	margin-right: 5px;
}

#newsletterSignup {
	background: url(images/newsletter-callout.png); 
	padding: 10px; 
	width: 700px; 
	height: 194px; 
	margin: auto;
	margin-top: 6px;
}

#newsletterSignup p { padding: 5px; margin: 3px 0px; }

#frm_NewsletterSignup { margin: 0px; }

#frm_NewsletterSignup input, .searchContainer .input { 
	font: 14px verdana; 
	border: 1px solid #999;
	padding: 2px;
	vertical-align: middle;
}

#frm_NewsletterSignup .button, .searchContainer .button {
	font: bold 11px verdana, sans-serif; 
	border: 0;
	color: white;
	width: 98px;
	height: 23px;
	vertical-align: middle;
	background: url(images/glossy-button.png) no-repeat;
	cursor: pointer;
}

#frm_NewsletterSignup .button:hover, .searchContainer .button:hover {
	background-position: 0px -23px;	
}

.articleBox h3 { margin: 2px 0px; font: 14px verdana; }
.meta { border-top: 1px solid #ddd; background: #eee; padding: 3px; }

.searchContainer {
	text-align: center;
	width: 400px;
	border: 1px solid #aaa;
	margin: auto;
	padding: 5px;
	background: white url(images/bg.gif);
	vertical-align: middle;
}

h3.result { font-weight: normal; margin: 0px 0px 3px 0px; }
p.result { margin: 6px 0px; }

/* -- Search Term Highlighting -- */
span.highlight1 { background:rgb(255, 255, 102); }
span.highlight2 { background:rgb(160, 255, 255); }
span.highlight3 { background:rgb(153, 255, 153); }
span.highlight4 { background:rgb(255, 153, 153); }
span.highlight5 { background:rgb(255, 102, 255); }
span.highlight6 { background:rgb(136, 0, 0); color: white;}

.screenshot-large img, .screenshot-extra-large img { border: 0px; }

a.screenshot-large {
	padding: 4px;
	display: block;
	width: 128px;
	height: 96px;
	background: url(images/large-image-background.png) 0 0 no-repeat;
}

a.screenshot-large:hover  { background-position: 0px -104px ; }

a.screenshot-extra-large { padding: 4px; display: block; width: 160px; height: 120px; background: url(images/extra-large-image-background.png) 0 0 no-repeat; }
a.screenshot-extra-large:hover  { background-position: 0px -128px ; }

.largeBox { width: 730px; }
.largeBox .header { background: url(images/large-box-header.png); height: 18px; padding: 2px; }
.largeBox .content { background: url(images/large-box-background.png); margin: 0px; padding: 5px;}
.largeBox .footer { background: url(images/large-box-footer.png); height: 5px; font-size:0px; }

#infoBar a {
	background: #FFFFE0;
	padding: 3px;
	margin-bottom: 6px;
	border-bottom: 1px solid #aaaa90;
	display: block;
	text-decoration: none;
}

#infoBar a:hover {
	background: #FFFFEA;
}

#sidebar-reviews ul { 
	list-style: none;
	margin: 0; padding: 0;
}

#sidebar-reviews li { padding: 0; margin: 6px 0 18px 0; }


#sidebar-reviews blockquote { 
	margin: 0; padding: 5px;
	font-style: italic;
}

.search_link a { font-weight: bold; background: url(images/magnifier.png) no-repeat; padding: 0px 6px 2px 18px;  }

#search_box { 
	float: right; margin: 3px 10px; 
}