@charset "utf-8";

/* Default */

	* {
		margin: 0;
		padding: 0;
	}
	
	body {
		background: #D4E3E7 url(images/bg01.jpg) repeat-x;
		font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #61747a;
	}
	
	h1, h2, h3 {
		margin: 0;
		line-height: 1;
		font-weight: normal;
	}
	
	\ h1 {
	}
	
	h2 {
		letter-spacing: -1px;
		font-size: 21px;
		color: #709aa7;
	}
	
	h3 {
		font-size: 14px;
	}
	
	h1 b, h2 b {
		color: #2F555F;
	}
	
	p, ol, ul, dl {
		margin-top: 0;
		margin-bottom: 1.5em;
		line-height: 2;
	}
	
	a {
		color: #4e6700;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	a.more {
		padding-left: 25px;
		background: url(images/img04.gif) no-repeat;
	}
	
	a img {
		border: 0;
	}
	
	.pcontainer {
		width: 1000px;
		margin: 0 auto;
	}
	
	.alignleft {
		float: left;
	}
	
	.alignright {
		float: right;
	}
	
	.aligncenter {
		margin: 0 auto;
	}
	
	img.alignleft {
	}
	
	img.alignright {
	}
	
	br.clear {
		clear: both;
	}

/* Box Style 1 */

	.box-style1 {
		background: url(images/bg05.gif) no-repeat 0 40px;
	}

	.box-style1 .title {
		height: 40px;
	}
	
	.box-style1 .title h2 {
		float: left;
		padding: 10px 0 0 20px;
	}
	
	.box-style1 .title p {
		float: right;
		margin: 0;
		padding: 18px 20px 0 0;
		line-height: 1;
	}
	
	.box-style1 .title ul {
		float: right;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.box-style1 .title ul li {
		position: relative;
		float: left;
		height: 40px;
		margin-right: 20px;
		padding: 0 15px 0 15px;
	}
	
	.box-style1 .title ul li img {
		display: block;
		float: left;
		padding-top: 8px;
	}
	
	.box-style1 .title ul li span {
		font-size: 14px;
		font-weight: bold;
		line-height: 40px;
		padding-left: 8px;
		color: #2F555F;
		text-decoration: none;
	}
	
	.box-style1 .title ul li:hover {
		cursor: pointer;
	}
	
	.box-style1 .title ul li:hover span {
		text-decoration: underline;
	}
	
	.box-style1 .title ul li.active {
		background: url(images/bgtab.gif) repeat-x;
	}

	.box-style1 .entry {
		overflow: hidden;
		margin-left: 20px;
		padding: 25px 20px 20px 0;
		background: url(images/bg05.gif) no-repeat 100% 0;
	}

	.box-style1 .entry_content {
	}
	
	.box-style1 .entry_content h3 {
		margin: 0 0 20px 0;
		padding: 10px 0 10px 0;
		font-weight: bold;
		border-bottom: solid 1px #ccdde2;
		color: #2F555F;
	}
	
	.box-style1 .entry_content h4 {
		margin: 0 0 15px 0;
		padding: 10px 0 0 0;
		font-weight: bold;
		color: #2F555F;
	}
	
	.box-style1 .entry_content p {
		margin-bottom: 25px;
	}
	
	.box-style1 .entry_content ul.normal {
		margin-left: 15px;
	}
	
	.box-style1 .entry_content ul.normal li {
		padding-left: 5px;
		margin-bottom: 10px;
	}
	
	.box-style1 .entry_content ol {
		margin-left: 20px;
		margin-bottom: 25px;
	}
	
	.box-style1 .entry_content pre {
		border: dashed 1px #ccdde2;
		padding: 15px;
		background-color: #F1F3F9;
		margin-bottom: 25px;
	}

	/* Alt (for titleless) */

		.box-style1-alt {
			background: url(images/bg05.gif) no-repeat 0 0px;
		}
	
	/* Alt2 (for mini-titles) */

		.box-style1-alt2 {
			background: url(images/bg05.gif) no-repeat 0 34px;
		}

		.box-style1-alt2 .title h2 {
			font-size: 14px;
			font-weight: normal;
			padding: 10px 0 0 20x;
		}
		
		.box-style1-alt2 .title {
			height: 34px;
		}	

	/* Windows */

		.box-style1-windows {
			background: url(images/bg05-windows.gif) no-repeat 0 40px;
		}

		.box-style1-windows .title ul li.active {
			background: url(images/bgtab-windows.gif) repeat-x;
		}
		
		.box-style1-windows .entry {
			background: url(images/bg05-windows.gif) no-repeat 100% 0;
		}

		#categories-windows {
		}
	
	/* Mac */

		.box-style1-mac {
			background: url(images/bg05-mac.gif) no-repeat 0 40px;
		}

		.box-style1-mac .title ul li.active {
			background: url(images/bgtab-mac.gif) repeat-x;
		}
		
		.box-style1-mac .entry {
			background: url(images/bg05-mac.gif) no-repeat 100% 0;
		}

		#categories-mac {
			display: none;
		}
	
	/* Linux */
		
		.box-style1-linux {
			background: url(images/bg05-linux.gif) no-repeat 0 40px;
		}
		
		.box-style1-linux .entry {
			background: url(images/bg05-linux.gif) no-repeat 100% 0;
		}

		.box-style1-linux .title ul li.active {
			background: url(images/bgtab-linux.gif) repeat-x;
		}

		#categories-linux {
			display: none;
		}	
	
/* List View */

	.list {
		margin-left: 0;
		padding: 0;
		list-style: none;
	}
	
	.list li {
		padding: 10px 0;
		border-top: 1px solid #ccdde2;
	}
	
	.list li.first {
		border: none;
	}
	
	.list li a, .list li p {
		line-height: 2;
	}

	.list li a {
		font-size: 14px;
	}
	
	.list li p {
		margin-bottom: 0;
	}


/* List View 2 */

	.list2 {
		margin-left: 0;
		padding: 0;
		list-style: none;
	}

	.list2 li {
		border-top: 1px solid #CCDDE2;
		padding-top: 20px;
		padding-bottom: 20px;
		
	}

	.list2 li.first {
		border: none;
		padding-top: 10px;
	}

	.list2 li p {
		margin: 0 !important;
		padding: 0;
	}

/* Top Menu */

	#topmenu-bg {
		background: url(images/bg02.jpg) no-repeat 50% 0;
	}
	
	#topmenu {
		height: 42px;
		padding-right: 50px;
	}
	
	#topmenu ul {
		float: right;
		margin: 0;
		list-style: none;
		line-height: 1.2;
	}
	
	#topmenu li {
		float: left;
		height: 42px;
	}
	
	#topmenu a {
		float: left;
		height: 30px;
		padding: 12px 15px 0 15px;
		text-decoration: none;
		color: #78a0ad;
	}
	
	#topmenu .active a {
		background: url(images/img01.jpg) repeat-x;
		color: #d2eef8;
	}
	
	#topmenu a:hover {
		color: #d2eef8;
	}

/* Header */

	#header-bg {
		background: url(images/bg02.jpg) no-repeat 50% -42px;
	}
	
	#header {
		height: 133px;
	}

/* Logo */

	#logo {
		float: left;
		width: 450px;
		height: 133px;
		position: relative;
	}
	
	#logo h1, #logo p {
		margin: 0;
		text-indent: -9999em;
		line-height: 1;
	}
	
	#logo a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(images/img02.jpg);
	}

/* Ad Spaces */

	#ad-468x60-1 {
		float: left;
		width: 508px;
		height: 97px;
		padding: 36px 0 0 42px;
	}
	
	#ad-300x250-1 {
		padding: 20px;
	}

	#ad-300x250-2 {
		padding: 0 20px 20px 20px;
	}

/* Menu */

	#menu-bg {
		background: url(images/bg02.jpg) no-repeat 50% -175px;
	}
	
	#menu {
		height: 54px;
	}
	
	#menu ul {
		margin: 0;
		list-style: none;
		line-height: 1.2;
		padding-top: 16px;
	}
	
	#menu li {
		float: left;
		height: 22px;
		padding: 1px 20px 0 22px;
		background: url(images/img03.gif) no-repeat;
	}
	
	#menu .first {
		padding-left: 40px;
		background: none;
	}
	
	#menu a {
		text-decoration: none;
		font-size: 15px;
		color: #2F555F;
	}
	
	#menu a:hover {
		text-decoration: underline;
	}

/* Page */

	#page-bg {
		background: url(images/bg03.gif) repeat-y 50% 0;
	}
	
	#page-bg-top {
		background: url(images/bg02.jpg) no-repeat 50% -229px;
	}
	
	#page {
		width: 960px;
		padding: 20px;
		overflow: hidden;
	}

/* Content */

	#content {
		float: left;
		width: 600px;
	}

/* Sidebar */

	#sidebar {
		float: right;
		width: 340px;
	}

/* Footer */

	#footer {
		padding: 60px 0;
		background: url(images/bg04.gif) no-repeat 50% 0;
	}
	
	#footer p {
		text-align: center;
		color: #a0c0ca;
	}
	
	#footer a {
		color: #a0c0ca;
	}

/* Pager */

	.pager {
		margin: 0 auto;
		text-align: center;
		padding-top: 25px;
		font-size: 15px;
	}
	
	.actionButton {
		margin-right: 5px;
		padding: 5px;
		background-color: #E8F1F4;
		border: solid 1px #DDE3F6;
		color: #666a60;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
	}
	
	.pager .currentPageNumber {
		font-weight: bold;
	}

/* Form */

	.form input.text, .form textarea {
		background: #fff url(images/bg05.gif) no-repeat -20px -30px;
		border: solid 1px #ccdde2;
		padding: 8px;
	}
	
	.form .fieldTitle {
		font-weight: bold;
		white-space: nowrap;
		padding-right: 15px;
	}
	
	.form td {
		padding-bottom: 3px;
		padding-top: 3px;
	}
	
	.form tr.fieldError {
		background-color: #ffdfdf;
		border-bottom: solid 1px #eec0c0;
	}
	
	.form table {
		border-collapse: collapse;
	}

/* Homepage folders */

	ul.folders {
		margin: 10px 0 0 0;
		padding: 0;
		list-style: none;
		line-height: 1;
	}
	
	ul.folders li {
		float: left;
		width: 47%;
		padding: 0 3% 18px 0;
	}
	
	ul.folders li h3, .folders li p {
		margin-left: 90px;
		margin-bottom: 7px;
	}
	
	ul.folders li h3 {
		font-size: 16px;
		font-weight: bold;
	}

/* Subfolders */

	ul.subfolders {
		list-style: none;
		margin: 10px 0 0 0;
	}
	
	ul.subfolders li {
		background: url(images/img04.gif) no-repeat 0 6px;
		padding: 0 0 0 30px;
		display: block;
		height: 34px;
		font-size: 14px;
		float: left;
		width: 43%;
	}

/* Links */

	ul.links {
		margin-left: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.links li {
		position: relative;
		border-top: 1px solid #ccdde2;
		padding: 20px 0 20px 0;
		
	}

	ul.links li.first {
		padding-top: 0;
	}

	ul.links li span.rank {
		font-size: 18px;
		font-weight: bold;
		padding-right: 5px;
		color: #2F555F;
	}
	
	ul.links li a.main {
		font-size: 18px;
		font-weight: bold;
		color: #2F555F;
		text-decoration: none;
	}
	
	ul.links li a.main:hover {
		text-decoration: underline;
	}

	ul.links li div.controls {
		position: absolute;
		right: 0;
		top: 24px;
	}

	ul.links li.first div.controls {
		top: 4px;
	}
	
	ul.links li div.controls ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul.links li div.controls ul li {
		float: left;
		border: 0;
		padding: 0;
		margin: 0 0 0 10px;
	}

	ul.links li div.controls ul li a.download-button {
		display: block;
		width: 93px;
		height: 27px;
		text-indent: -9999em;
		background: url(images/button-download.gif) no-repeat;
	}

	ul.links li div.controls ul li a.details-button {
		display: block;
		float: left;
		width: 93px;
		height: 27px;
		text-indent: -9999em;
		background: url(images/button-details.gif) no-repeat;
	}

	ul.links li ul.info {
		list-style: none;
		padding-bottom: 20px;
	}

	ul.links li ul.info li {
		padding: 0;
		border: 0;
		float: left;
		height: 21px;
	}

	ul.links li ul.info li.author {
		font-size: 11px;
		color: #99ABAF;
		padding: 0 10px 0 0;
	}

	ul.links li ul.info li.download-count {
		font-size: 11px;
		color: #99ABAF;
		padding: 0 0 0 10px;
	}

	ul.links li ul.info li.osicons {
		border-left: solid 1px #E2EEF1;
		border-right: solid 1px #E2EEF1;
		padding: 0 5px 0 10px;
	}
	
	ul.links li ul.info li.osicons img {
		width: 12px;
		height: 12px;
		margin-right: 4px;
	}
	
	ul.links li.first {
		border: none;
	}
	
	ul.links li p {
		clear: both;
		margin: 20px 0 0 0;
	}
	
/* Details */

	.details {
	}
	
	.details h3 {
		font-size: 26px;
	}
	
	.details table {
	}
	
	.details table th {
		text-align: left;
		padding: 0 30px 15px 0;
		font-weight: bold;
		color: #2F555F;
		font-size: 14px;
		vertical-align: top;
	}
	
	.details table td {
		padding: 0 0 15px 0;
		vertical-align: top;
	}

	.details table td ul.osicons {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.details table td ul.osicons li {
		float: left;
		border: 0;
		padding: 0;
	}

	.details table td ul.osicons li img {
		display: block;
		float: left;
		width: 18px;
		height: 18px;
		padding-top: 2px;
	}

	.details table td ul.osicons li span {
		display: block;
		margin: 0 15px 0 25px;
	}
	
	.details table {
	}
	
	.details table td div.controls ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.details table td div.controls ul li {
		float: left;
		border: 0;
		padding: 0;
		margin: 0 10px 0 0;
	}

	.details table td div.controls ul li a.download-button {
		display: block;
		float: left;
		width: 93px;
		height: 27px;
		text-indent: -9999em;
		background: url(images/button-download.gif) no-repeat;
	}

	.details table td div.controls ul li span.download-count {
		display: block;
		width: 93px;
		margin-left: 98px;
		padding-top: 2px;
		font-size: 11px;
		text-align: center;
		color: #9BB7BF;
	}