/* LAYOUTSHACK CSS Document */
body, html{height:100%;}
body{
  font: 80% Arial, verdana, sans-serif;
  color:#8b7e6f;
  background:url("../img/bg.gif") repeat-x;
  background-color:#decfbb;
  margin:0;
}


/*GENERAL PAGE LAYOUT*/

div#wrapper {width: 920px; margin:0 auto; padding:0 15px 15px 15px;}
div#header {height:150px; background:url("../img/bg-header.gif") no-repeat;}
div#search {float:right; display:inline; width:360px; background:url("../img/bg-search.gif") no-repeat; margin-top: 45px; padding-top:23px;}
div#search form{margin:0; padding:0;}
input.search{font-size:1.3em; color:#5d3e2b; padding:4px; border:2px solid #dacdba; width:280px; margin:0; float:left; }
.button{margin:0;  float:right;}

div#content {padding:15px 0; background:url("../img/bg-content.gif") repeat-y; margin:15px 0;}
div#menu-left {margin:0 10px; width:235px; float:left; display:inline;}
div#menu-left a {display:block; color:#903700; border-bottom:1px solid #c6b6a1; padding:5px; text-decoration:none;}
div#menu-left a:hover {color:#654839; background:#ddceb9;}
div#menu-left img {margin-top:10px;}
div#main-content {width:635px; padding:0 15px 15px 15px; float:right;}
div.half-left {float:left; display:inline; width:46%; padding: 0 3% 0 0; border-right:1px solid #decfbb; margin:15px 0 0 0;}
div.half-right {float:right; display:inline; width:46%; padding: 0; margin:15px 0 0 0;}
div.full {border-top:1px solid #decfbb; margin-bottom:15px; padding:15px 0 0 0;}
div#ads-top {padding: 5px 0; text-align:center; vertical-align: middle;}
div.clear{clear:both; height:15px; }
div#footer {padding:15px 0; text-align:center; color:#684b3b;}

/*MENU*/
div#menu {height: 40px;}
div#menu ul { height: 40px; margin:0; padding:0; }
div#menu ul li { float: left; line-height: 40px; list-style-type:none;}
div#menu ul li a { height: 40px; display: block; background-position: top left; text-decoration: none; }
div#menu ul li a span { display: none; }
#menu_bt-1 a { width: 91px; background:url("../img/bt-1.gif") no-repeat; margin-left:20px; }
#menu_bt-2 a { width: 136px; background:url("../img/bt-2.gif") no-repeat; margin-left:22px; }
#menu_bt-3 a { width: 69px; background:url("../img/bt-3.gif") no-repeat; margin-left:22px; }
#menu_bt-4 a { width: 126px; background:url("../img/bt-4.gif") no-repeat; margin-left:22px; }
#menu_bt-5 a { width: 66px; background:url("../img/bt-5.gif") no-repeat; margin-left:22px; }
#menu_bt-6 a { width: 70px; background:url("../img/bt-6.gif") no-repeat; margin-left:22px; }
#menu_bt-7 a { width: 70px; background:url("../img/bt-7.gif") no-repeat; margin-left:22px; }
#menu_bt-8 a { width: 70px; background:url("../img/bt-8.gif") no-repeat; margin-left:22px; }
div#menu ul li a:hover, div#menu ul li.active a { background-position: bottom left; }


/*HTML TAGS*/
h1 {font-size:2.8em; color:#903700; font-weight:normal; letter-spacing:-1px; border-bottom:1px solid #decfbb;}
h2 {font-size:2.3em; color:#654839; font-weight:normal; letter-spacing:-1px; margin-bottom: 7px;}
h3 {font-size:1.8em; color:#654839; font-weight:normal; letter-spacing:-1px; margin-bottom: 7px;}
h4 {font-size:1.4em; color:#654839; margin-bottom: 7px; border-bottom:1px dotted #decfbb;}
a {color:#684b3b;}
a:hover {color:#3f281b;}
.image-links {border:1px solid #684b3b; padding:2px;}
ul.templates{list-style-image:url("../img/bullet-templates.gif");}
ul.images{list-style-image:url("../img/bullet-images.gif");}
div.list1{width:200px; display:inline; float:left; padding-left:20px;}
div.list2{width:200px; display:inline; float:left;}
div.list3{width:200px; display:inline; float:right;}


/*IMAGES CSS*/

.pagination,
.backButton{padding:15px 0;	 text-align:center;}
.pagination a, .pagination a:visited,
.backButton a, .backButton a:visited{
	position:relative;
	top:3px;
	font-family:"Trebuchet MS", Arial, Tahoma;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:0 .35em 0 .35em;
	color:#959595;
	background:#fff;
	border:1px solid #959595}
.pagination .null{
	position:relative;
	top:3px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:0 .35em 0 .35em;
	color:#dedede;
	background:#f6f6f6;
	border:1px solid #dedede}
.pagination a:hover, .pagination a:active,
.backButton a:hover, .backButton a:active{
	border:1px solid #f2f2f2}
.showImages{
	padding:15px 0; border-bottom:1px solid #f3eade; text-align:center;}
.showImages img{
	margin:0 0 5px 0}
.showImageTextBox{
	width:450px;
	margin:0 0 0 0;
	font-size:12px;
	background:#fff;
	border:1px solid #b4a59d;
	color:#000000;
	padding:3px;
	}
	
/*TYPE DIRECTORY AND CATEGORY*/
.category { width: 300px; float: left; border: 1px 0 0 0 solid #000000;margin-bottom: 25px;margin-right: 5px;}
.category img { float:left; width: 60px; height: 60px; border: 1px solid #333;}
.category .details { float: left; width: 220px;}
.category h3 { font-size: 1.4em;padding: 0;margin-left: 4px;margin-top:0px;margin-bottom: 4px;}
.category p { font-size: 12px;padding: 0;margin: 0 5px; 0 0;line-height:20px;}

/*ITEMS*/
.items { margin-bottom: 45px;padding-bottom:15px;text-align:center;}
.items img { margin-top: 15px; margin-bottom: 50px;}
.items .details { margin-bottom: 15px; margin-top: 3px;}
/*.items h3 { font-size: 1.4em;padding: 0;margin-top:0px;margin-bottom: 4px; border-bottom: 1px solid #654839;}*/
.items p { font-size: 12px;padding: 0;margin: 0px; 0 0;line-height:20px;}
.items input { width: 100%; font-size: 14px; padding: 3px;margin:0px; border: 3px solid #8b7e6f;height: 18px;overflow:hidden;font-family:"Trebuchet MS", Arial, Tahoma;}

.items h3 { font-size: 1.4em;padding:0px;margin: 0px;float:left;vertical-align:top;}

.items .code-chooser { background-color: #FFFFFF; padding: 4px; margin-top: 15px;margin-bottom: 0px; }
.items .code-chooser a { font-size: 10px; padding: 3px 15px 3px 15px; background-color: #8b7e6f; margin-left: 2px; margin-right: 2px; text-decoration: none;color:#FFFFFF;margin-bottom:0px; float:right; }
.items .hidden { visibility: hidden; }
.items .unhidden { visibility: visible; }

/*LAYOUT ITEMS*/
.layout-items { margin-bottom: 45px;padding-bottom:15px;width: 300px;float:left;margin-right: 10px;}
.layout-items img { border: 1px solid #cccccc; width: 300px;height: 240px;}
.layout-items .details { margin-bottom: 15px;}
.layout-items h3 { font-size: 1.4em;padding: 0;margin-top:0px;margin-bottom: 4px; border-bottom: 1px solid #654839;}
.layout-items p { font-size: 12px;padding: 0;margin: 0px; 0 0;line-height:20px;}
.layout-items textarea { width: 300px; height: 75px; border: 1px solid #cccccc;font-size:9px;overflow: hidden;}
.layout-items .code { font-size: 12px; font-weight: bold;color: #333333;background-color:#cccccc;padding:2px;text-align:center;margin-top:2px;margin-bottom:0px;width:298px;}

/*GAME ITEMS*/
.game-items { clear: both;font-size: 14px;font-family:"Trebuchet MS", Arial, Tahoma;margin:0px;padding:0px;}
.game-items img { margin-right: 15px;border: 1px solid #cccccc; width: 300px;height: 243px;float:left;}
.game-items .details { margin-bottom: 15px;float: left;width: 300px;clear: right;}
.game-items h3 { font-size: 1.4em;padding: 0;margin-top:0px;margin-bottom: 4px;border-bottom: 1px solid #654839;}
.game-items h3 a { text-decoration: none; }
.game-items h5 { text-align:center;margin-bottom:25px;}
.game-items h5 a { text-decoration: underline;padding: 5px;font-size: 14px;}
.game-items p { font-size: 12px;padding: 0;margin: 0px; 0 0;line-height:20px;}
.game-items .desc { font-size: 13px;font-weight: bold; color: #654839; padding: 0;margin: 15px 1px 10px 0px; 0 0;line-height:20px;}
.game-items textarea { width: 300px; height: 50px; border: 1px solid #cccccc;font-size:9px;overflow: hidden;}
.game-items .code { font-size: 12px; font-weight: bold;color: #333333;background-color:#cccccc;padding:2px;text-align:center;margin-top:2px;margin-bottom:0px;width:298px;}


/*THEME ITEMS*/
.theme-items { clear: both;font-size: 14px;font-family:"Trebuchet MS", Arial, Tahoma;margin:0px;padding:0px;}
.theme-items img { margin-right: 15px;border: 1px solid #cccccc; width: 300px;height: 243px;float:left;}
.theme-items .details { margin-bottom: 15px;float: left;width: 300px;clear: right;}
.theme-items h3 { font-size: 1.4em;padding: 0;margin-top:0px;margin-bottom: 4px;border-bottom: 1px solid #654839;}
.theme-items h3 a { text-decoration: none; }
.theme-items h5 { text-align:center;position:relative;top: 30px;}
.theme-items h5 a { text-decoration: underline;padding: 5px;font-size: 14px;}
.theme-items p { font-size: 12px;padding: 0;margin: 0px; 0 0;line-height:20px;}
.theme-items .desc { font-size: 13px;font-weight: bold; color: #654839; padding: 0;margin: 15px 1px 10px 0px; 0 0;line-height:20px;}