@charset "utf-8";

/* Default */

	* {
		margin: 0;
		padding: 0;
	}
	
	body {
		background: #D8D4C8 url(images/bg01.jpg) repeat-x;
		font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #676257;
	}
	
	h1, h2, h3 {
		margin: 0;
		line-height: 1;
		font-weight: normal;
	}
	
	\ h1 {
	}
	
	h2 {
		letter-spacing: -1px;
		font-size: 21px;
		color: #7d7359;
	}
	
	h3 {
		font-size: 14px;
	}
	
	h1 b, h2 b {
		color: #4c422d;
	}
	
	p, ol, ul, dl {
		margin-top: 0;
		margin-bottom: 1.5em;
		line-height: 2;
	}
	
	a {
		color: #5a7111;
	}
	
	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: #4c422d;
		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 #d2ccbd;
		color: #4c422d;
	}
	
	.box-style1 .entry_content h4 {
		margin: 0 0 15px 0;
		padding: 10px 0 0 0;
		font-weight: bold;
		color: #4c422d;
	}
	
	.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 #d2ccbd;
		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;
		}	
	
/* List View */

	.list {
		margin-left: 0;
		padding: 0;
		list-style: none;
	}
	
	.list li {
		padding: 10px 0;
		border-top: 1px solid #d2ccbd;
	}
	
	.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 #d2ccbd;
		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: #877953;
	}
	
	#topmenu .active a {
		background: url(images/img01.jpg) repeat-x;
		color: #dcd1af;
	}
	
	#topmenu a:hover {
		color: #dcd1af;
	}

/* 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: #4c422d;
	}
	
	#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: #b1aa94;
	}
	
	#footer a {
		color: #b1aa94;
	}

/* Pager */

	.pager {
		margin: 0 auto;
		text-align: center;
		padding-top: 25px;
		font-size: 15px;
	}
	
	.actionButton {
		margin-right: 5px;
		padding: 5px;
		background-color: #F5F3EF;
		border: solid 1px #E8E6E2;
		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 #d2ccbd;
		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: 18px;
		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: 27%;
	}
	
/* Links */

	ul.links {
		margin-left: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.links li {
		position: relative;
		border-top: 1px solid #d2ccbd;
		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: #4c422d;
	}
	
	ul.links li a.main {
		font-size: 18px;
		font-weight: bold;
		color: #4c422d;
		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;
	}
	
/* Thumbnail View */

	.thumbnails {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: 1;
	}
	
	.thumbnails li {
		float: left;
		width: 170px;
		padding: 0 0 25px 20px;
	}
	
	.thumbnails li.first {
		padding: 0;
	}
	
	.thumbnails li .image {
		display: block;
		width: 168px;
		height: 183px;
		background: #FFFFFF url(images/img05.gif) repeat-x 0 100%;
		border: 1px solid #E8E6E2;
		text-align: center;
	}
	
	.thumbnails li .name {
		display: block;
		padding: 10px 0 0 0;
		text-align: center;
		text-decoration: none;
		line-height: 1.3;
		font-size: 12px;
		color: #676257;
		font-weight: bold;
	}
	
	.thumbnails li .name:hover {
		text-decoration: underline;
	}

	.thumbnails li .by {
		display: block;
		padding: 3px 0 0 0;
		text-align: center;
		text-decoration: none;
		line-height: 1.3;
		font-size: 11px;
		color: #b7b5ae;
	}
	
	.thumbnails li .by a {
		color: #b7b5ae;
	}

/* Details */

	.details {
	}
	
	.details table {
		margin: 15px auto;
	}
	
	.details table th {
		padding: 0 30px 15px 0;
		font-weight: bold;
		color: #4c422d;
		font-size: 14px;
		vertical-align: top;
		margin: 15px auto 15px auto;
		text-align: right;
		padding-right: 10px;
	}
	
	.details table td {
		padding: 0 0 15px 0;
		vertical-align: top;
		text-align: left;
		font-size: 14px;
	}
	
	.details img {
		border: solid 1px #E8E6E2;
		padding: 5px;
		display: block;
		margin: 0 auto;
	}
	
	.details .actions {
		text-align: center;
		margin: 25px 0 15px 0;
	}

/* Preview */

	#preview {
		background: #D8D4C8 url(images/bg_preview.jpg) repeat-x;
		background-position: 0 0;
	}

	#preview h1 {
		position: absolute;
		top: -15px;
		left: 30px;
	}

	#preview ul {
		position: absolute;
		right: 60px;
		top: 37px;
	}

	#preview ul {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}

	#preview ul li {
		float: left;
		padding-left: 10px;
	}


/* Logo */

	#preview-logo {
		float: left;
		width: 368px;
		height: 136px;
		position: relative;
	}
	
	#preview-logo a {
		text-indent: -9999em;
		position: absolute;
		top: 0;
		left: 30px;
		width: 100%;
		height: 100%;
		background: url(images/logo_preview.jpg);
	}

/* Layout Categories */

	#layout-categories .list li {
		float: left;
		width: 270px;
		height: 5em;
	}

	#layout-categories .list li h3 {
		font-weight: bold;
	}
	
	#layout-categories .list li.alt {
		margin-left: 20px;
	}