* {
	margin: 0px auto;
	padding: 0px;
}

img {
	border-style:none;
}

ul {
	list-style-type: none;
}

body {
	margin-top:7px;
	background: #000000;
	height: 100%;
}

#container {

	width: 100%;
}

/******************************/ /*1 .header*/
	/******************************/
#container #header {
	width:800px;
	margin: 0;
	border:none;
	background: #000000;
	height: 100%;
}

#container #header #cp1 {
	background: #009ECE;
	height:80px;
}

#container #header #cp1 p {
	font-weight: bold;
	font-size: 30px;
	line-height: 80px;
	color: #fff;
}

/******************************/ /* 2.middle*/
	/******************************/
#container #middle {
	background: url(http://www.blackListedgames.com/images/tile.jpg) ;
	width: 800px;
	margin: 0;
	padding:0;
	border:none;
}

/******************************/ /* 2-1.middle-left*/
	/******************************/
#middle #leftcolumn {
	width: 100%; 
	float: left;
	height: 100%;

}

#middle #leftcolumn #cp2 {
	width:221px;
	margin-top: 37px;
	font-size: 12px;
	padding-left: 20px;
	background: #f4f4f4;
}

#middle #leftcolumn #cp2 ul {
	list-style-type: none;
}

#middle #leftcolumn #cp2 .helpList {
	border: 0px;
}

#middle #leftcolumn #cp2 .helpList h3 {
	font-size: 14px;
}

/******************************/ /* 2-2.middle-content*/
	/******************************/
#middle #content {
	float: left;
	width: 622px;
	background: #fff;
/*	margin-right: 5px;*/
}

/******************************/ /* 2-2.1 middle-content-firstCategory*/
	/******************************/
#content #fcat {
	background-color:#6f6e6e;
	padding:0;
	border:none;
	margin: 0; 
	text-align: center;
}

#content #firstCategory {

	
}

#content #firstCategory ul {
	list-style-type: none;
}

#content #firstCategory li {
	
	width: 150px;
	margin: 0 auto;
}

#content #firstCategory li a {
	text-decoration: none;
	color: #6F6E6E;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#content #firstCategory li a:hover {
	color: #3C3C3C;
	display: block;
	height: 20px;
	line-height: 20px;
}

#content #firstCategory .catActive {
	background: #AFAFAF;
	height: 25px;
	padding-top: 5px;
	border-top: #949494 1px solid;;
	border-left: #949494 1px solid;;
	border-right: #949494 1px solid;
}

#content #firstCategory .catStatic {
	margin-top: 10px;
	border-top: #949494 1px solid;;
	border-left: #949494 1px solid;;
	border-right: #949494 1px solid;
}

/******************************/
	/* 2-2.2 middle-content-secondCategory*/
	/******************************/
#content #scat {
	float:left;
	border-top: #ccc 1px solid;
	border-left: #ccc 2px solid;
	border-right: #ccc 2px solid;
	border-bottom: #ccc 3px solid;
	clear: both;
	height: 100%;
	background: #eee;
	width: 100%;
	margin-left: 6px;
	padding-left: 6px;
}

#content #secondCategory {
	margin-top: 10px;
}

#content #secondCategory ul {
	list-style-type: none;
}

#content #secondCategory li {
	float: left;
	background: url(layout_s.gif) no-repeat;
	height: 26px;
	width: 77px;
	margin: 8px;
	text-align: center;
}

#content #secondCategory li a {
	text-decoration: none;
	color: #666;
}

#content #secondCategory li a:hover {
	color: #ccc;
}


/******************************/ /* 2-2.3 middle-content-producttitle*/
	/******************************/
#content #gameTitle,
#content #wallpaperTitle,
#content #graphicsTitle,
#content #ringtoneTitle{

	border: #000000 1px solid;
	height: 25px;
	line-height: 25px;
	background: #6f6e6e;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-left: 25px;
}
#content #gameTitle ul,
#content #wallpaperTitle ul,
#content #ringtoneTitle ul
#content #graphicsTitle ul
{
	float: left;
	clear: right;
}
#content #gameTitle li,
#content #wallpaperTitle li,
#content #ringtoneTitle li,
#content #graphicsTitle li
{
	text-align:center;
}

#content #preview 
{
	float:right;
	border-right: #000000 2px dotted; 
	width:80px;
}
#content #title {
	float:right;
	border-right: #000000 2px dotted;
	width:150px;
}

#content #listen {
	float:right;
	border-right: #000000 2px dotted;
	width:80px;
	
}

#content #artist {
	float:right;
	border-right: #000000 2px dotted;
	width:100px;
	
}
#content #company {
	float:right;
	border-right: #000000 2px dotted;
	width:100px;
	
}
#content #price {
	float:right;
		border-right: #000000 2px dotted;
	width:50px;
	
}
#content #mature {
	float:right;
		border-right: #000000 2px dotted;
	width:50px;
	
}


#content #rating {
	float:right;
		border-right: #000000 2px dotted;
	width:50px;
	
}

#content #buy {
	float:right;
	width:80px;
	
}

#content #try {
	float:right;
		border-right: #000000 2px dotted;
	width:40px;
	
}


#container #middle #content #wallpaperTitle,#graphicsTitle span {
	padding: 0px 0px;
}

/******************************/ /* 2-2.4 middle-content-productitems*/
	/******************************/
#content #wallpaperItem, 
#content #graphicsItem {
	border-bottom: #000000 1px dotted;
	padding-left: 0px;
	height: 66px;
	margin: px auto;
	clear:right;
}

#content #ringtoneItem {
	border-bottom: #000000 1px dotted;
	padding-left: 25px;
	height: 40px;
	margin: px auto;
	clear:right;
}
#content #gameItem {
	border-bottom: #000000 1px dotted;
	padding-left: 0px;
	height: 125px;
	margin: px auto;
	clear:right;
}

#content #scratchItem {
	border-bottom: #000000 1px dotted;
	margin: px auto;
}

#content #wallpaperItems,#ringtoneItems,#gameItems,#graphicsItems {
	padding: 0px 0px;
	word-break: break-all
}

#content #ringtoneItem li,#wallpaperItem li,#gameItem li,#graphicsItem li {
	float: left;
	font-size: 0.8em;
	text-align: center;
}
#content #wallpaperItem img,
#content #graphicsItem img {
	border: 0px;
	height: 60px;
	width:  60px;
}

#content #gameItem img {
	border: 0px;
	height: 120px;
	width:  100px;
}
#content .preview {

	float:right;
	width: 100px;
	heigth:90px;
	padding: 1px 0px 0px 3px;
}

#content .artist {
	
	width: 100px;
	padding: 8px 0px 0px 3px;
}

#content .company {

	float:right;
	width: 100px;
	padding: 8px 0px 0px 3px;
}
#content .title {
	
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	width: 150px; 
	padding: 8px 0px 0px 3px;
}

#content .price {

	float:right;
	width: 50px;
	padding: 8px 0px 0px 3px;
}

#content .mature
{
	width: 50px;
	padding:8px 0px 0px 3px;
}
#content .rating
{
	float:right;
	width:50px;
	padding:8px 0px 0px 3px;
}
#content .listen {
	
	width: 80px; 
	padding: 8px 0px 0px 3px;
	background: url(icon_listennow.gif) no-repeat 28% 10px;
	color: #6C902E;
	text-decoration: underline;
}



#content .buy {

 float:right;
 width: 80px;
 padding: 8px 0px 0px 3px;
 color: #6C902E;
 text-decoration: underline;
}

#content .try {

 width: 40px;
 padding: 8px 0px 0px 3px;
 color: #6C902E;
 text-decoration: underline;
}

#content .scratch {

	position:relative;
	
}



/******************************/ /* 2-2.5 middle-content-paginator*/
	/******************************/
#content #paginator {
	float: left;
	text-align: center;
	background: #E7FFCD;
	height: 25px;
	width: 100%;
	line-height: 25px;
}
#content #paginator ul
{
	list-style-type: none;
	margin: 5px auto 10px 60px;
}
#content #paginator li
{
	float:left;
	width: 35px;

}
#content #paginator a {
	color: #3F6415;
	font-weight: bold;
	margin: auto auto;}

/******************************/ /* 3.middle-footer*/
	/******************************/
#container #footer {
	clear: both;
	width: 100%;
	border-bottom: solid 4px #000000;
	background-color: #6f6e6e;;
	font-size: 12px !important;;
	font-size: 14px;;
	text-align: center;;
	color: #fff;
}