@charset "utf-8";
/* CSS Document */

	body{
		margin:0px;
		font-family:Arial;
		font-size:12px;
	}
	
	img{
		border:none;
	}
	
	#mainContainer{
		width:980px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#header{
		height:115px;
	}
	
	#header #logo{
		width:315px;
		height:115px;
		float:left;
	}
	
	#header #rightSide{
		width:665px;
		height:115px;
		float:left;
		background-image:url(/images/headerback.gif);
		background-repeat:no-repeat;
	}
	
	#header #rightSide div.tabBox{

		height:32px;
		width:620px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:83px;
	}
	
	#header #rightSide div.tabBox div.tab{
		margin-left:2px;
		margin-right:2px;
		float:left;
	}
	
	#leader{
		margin-top:10px;
		margin-bottom:10px;
		width:980px;
		height:120px;
		/*background-color:#474747;*/
		background-image:url(/images/leader.gif);
		background-repeat:no-repeat;
		font-family:Tahoma;
		font-size:11px;
		color:#FFFFFF;
	}
	
	#leader input.txt{
		background-color:#FFFFFF;
		border:none;
		padding:3px;
		font-family:Tahoma;
		font-size:11px;
		color:#474747;
		width:80px;
	}
	
	input.grayBtn{
		background-color:#aaaaaa;
		padding:3px;
		font-family:Arial;
		font-size:12px;
		color:#474747;
		/*color:#FFFFFF;*/
		font-weight:bold;
		border:none;
		cursor:pointer;
		text-transform:uppercase;
	}
	
	input.grayTxt{
		background-color:#FFFFFF;
		border:1px solid #e0e0e0;
		padding:3px;
		font-family:Tahoma;
		font-size:11px;
		color:#474747;
		width:200px;
	}
	
	#leader #left{
		width:756px;
		float:left;
		height:120px;
	}
	
	#leader #right{
		width:220px;
		float:left;
		height:120px;
	}
	
	#leader div.padded{
		padding:14px;
	}
	
	#leader div.padded div{
		margin-bottom:12px;
	}
	
	#leader a{
		text-decoration:none;
		color:#a3d233;
	}
	
	#leftColumn{
		width:670px;
		float:left;
	}
	
	div.blurb{
		width:660px;
		height:112px;
		background-image:url(/images/blurbBackground.gif);
		background-repeat:no-repeat;
		padding:10px;
		font-family:Tahoma;
		color:#FFFFFF;
		font-size:12px;
	}
	
	div.blurb div.title{
		color:#fae60d;
		font-weight:bold;
		font-size:18px;
		margin-bottom:10px;
	}

	div.contentBox{
		width:670px;
		margin-bottom:5px;
	}

	div.contentBox div.contentTitle{
		background-image:url(/images/header_mustard.gif);
		background-repeat:no-repeat;
		height:34px;
		text-indent:11px;
		line-height:34px;
		font-size:16px;
		color:#252623;
		font-weight:bold;
	}
	
	div.contentBox div.content{
		border-left:1px solid #cfcfcf;
		border-right:1px solid #cfcfcf;
		padding:5px;
	}
	
	div.contentBox div.footer{
		width:670px;
		height:6px;
		background-image:url(/images/content_footer.gif);
		background-repeat:no-repeat;
	}
	
	#rightColumn{
		width:300px;
		margin-left:10px;
		float:left;
	}
	
	div.miniContent{
		width:300px;
		margin-bottom:5px;
	}
	
	div.miniContent div.content{
		border-left:1px solid #cfcfcf;
		border-right:1px solid #cfcfcf;
		padding:5px;
	}

	div.miniContent div.footer{
		width:300px;
		height:6px;
		background-image:url(/images/minicontent_footer.gif);
		background-repeat:no-repeat;
	}
	
	div.breaker{
		clear:both;
		font-size:1px;
	}
	
	/* items related to content listing */
	div.itemBox{
		margin-bottom:12px;
		background-color:#f7f7f7;
		width:325px;
		float:left;
	}
	
	div.itemBox.large{
		width:650px;
		float:none;
		clear:both;
		/*padding-bottom:2px;
		border-bottom:1px solid #666666;*/
	}
	
	div.itemBox div.image{
		width:133px;
		height:117px;
		float:left;
		background-image:url(/images/thumbBackground.gif);
		background-repeat:no-repeat;
	}

	div.itemBox div.image img{
		border:1px solid #b8b8b8;
		margin-left:11px;
		margin-top:8px;
	}

	div.itemBox div.details{
		float:left;
		padding-left:12px;
		padding-top:20px;
		font-size:11px;
		color:#373737;
		line-height:18px;
	}
	
	div.itemBox.large div.details{
		padding-top:5px;
	}
	
	div.itemBox.large div.details div.description{
		margin:3px 0 3px 0; padding:3px; border:1px solid #999999; background-color:#CCCCCC; width:450px;
	}
	
	div.itemBox div.details div.title, div.itemBox div.details div.title a{
		color:#f14802;
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
	}

	div.itemBox div.details div.title, div.itemBox.large div.details div.title a{
		font-size:14px;
	}

	div.itemBox div.details div.submitter a{
		color:#f14802;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}

	div.itemBox div.details div.submitter a:hover{
		text-decoration:underline;
	}

	img.star{
		vertical-align:text-top;
	}
	
	/* PSD Preview */
	div.psdPreview{
		background-image:url(/images/psdBackground.gif); background-repeat:no-repeat; float:left; width:410px;
		min-height:200px;
		padding-bottom:15px;
		background-color:#E3E4E4;
	}
	
	
	
	/* PSD Detail */
	div.PSDDetails{
		background-image:url(/images/dataBackground.gif);
		background-repeat:no-repeat;
		background-color:#f1f1f1;
		float:right;
		padding-left:15px;
		padding-top:5px;
		width:232px;
		height:403px;
		line-height:20px;
	}
	
	div.PSDDetails div.title, div.PSDDetails div.title a{
		font-size:18px;
		color:#678f07;
		font-weight:bold;
		margin-bottom:5px;
	}

	div.PSDDetails div.submitter a{
		color:#f14802;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}
	
	div.miniContent div.contentTitle{
		background-image:url(/images/miniheader_green.gif);
		background-repeat:no-repeat;
		height:34px;
		text-indent:11px;
		line-height:34px;
		font-size:16px;
		color:#252623;
		font-weight:bold;
	}
	
	div.miniContent div.contentTitle.titleRed{
		background-image:url(/images/miniheader_red.gif);
		color:#FFFFFF;
	}
	
	div.commentBox{
		width:360px;
		margin-bottom:5px;
	}
	
	div.commentBox div.content{
		border-left:1px solid #cfcfcf;
		border-right:1px solid #cfcfcf;
		padding:5px;
	}

	div.commentBox div.footer{
		width:360px;
		height:6px;
		background-image:url(/images/minicontent_footer_comments.gif);
		background-repeat:no-repeat;
	}

	div.commentBox div.contentTitle{
		background-image:url(/images/miniheader_comments.gif);
		background-repeat:no-repeat;
		height:34px;
		text-indent:11px;
		line-height:34px;
		font-size:16px;
		color:#FFFFFF;
		font-weight:bold;
	}
	

	/* Forms */
	div.form{
		/* placeholder */
	}
	
	div.form div.label{
		font-size:13px;
		font-weight:bold;
		margin-bottom:2px;
	}
	
	div.form div.field{
		margin-bottom:1px;
	}
	
	div.form div.field input, div.form div.field textarea{
		background-color:#FFFFFF;
		border:1px solid #e0e0e0;
		padding:3px;
		font-family:Tahoma;
		font-size:11px;
		color:#474747;
		width:300px;
	}
	
	div.form div.subtext{
		color:#999999;
		font-size:11px;
		font-weight:normal;
		margin-bottom:5px;
	}

	div.psdPreview div.form{
		margin-left:10px;
		margin-top:10px;
	}
	
	form{
		margin:0px;
	}
	
	/* general links */
	a{
		color:#678f07;
		text-decoration:none;
	}
	
	a:hover{
		color:#678f07;
		text-decoration:underline;
	}
	
	/* Site Message */
	div.siteMessage{
		width:90%; padding:3px; border:2px solid #333333; background-color:#be0909; color:#FFFFFF; font-weight:bold; font-size:14px; text-align:center;
		margin:4px;
		margin-left:auto;
		margin-right:auto;
	}
	
	/* footer */
	#footer{
		clear:both;
		font-family:"Tahoma";
		font-size:11px;
		color:#FFFFFF;
		background-color:#2e2e2e;
		background-image:url(/images/footer_background.gif);
		background-repeat:no-repeat;
		width:980px;
		height:241px;
	}
	
	#footer div.column{
		float:left;
		width:275px;
		margin-left:30px;
		margin-top:30px;
	}
	
	#footer div.column div.title{
		color:#f1cd30;
		/*font-weight:bold;*/
		font-size:16px;
		font-family:Arial;
	}
	
	#footer div.column div.item{
		border-bottom:1px solid #6d6d6d;
		font-size:11px;
		line-height:25px;
		vertical-align:middle;
	}
	
	#footer div.linkBox{
		position:relative;
		top:35px;
		left:35px;
		width:300px;
		float:left;
		text-align:center;
	}
	
	#footer a{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#footer a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	/* pagination */
	div.pagination{
		width:670px;
		height:32px;
		background-image:url(/images/pagination_background.gif);
		background-repeat:no-repeat;
		margin-top:5px;
		margin-bottom:5px;
		font-family:Arial;
		font-weight:bold;
		color:#75aa23;
		font-size:12px;
		line-height:33px;
		text-align:center;
	}
	
	div.pagination a{
		color:#FFFFFF;
		background-color:#d4d4d4;
		border:1px solid #d4d4d4;
		padding:3px;
	}

	div.pagination a:hover, div.pagination a.active{
		text-decoration:none;
		background-color:#66CC33;
		color:#4b4b4b;
		background-color:#FFFFFF;
	}
	
