/*********************** main ***********************/
/*main block*/
#items {
	margin: 0px 0px 50px 6px;
	width: 680px;
	height: 100%;
	font-size: 12px;
	}


/*top left (title)*/
span.gl {
	float:left;
	width:65%;
	font-size: 17px;
	display: inline-block;
	font-weight:bold;
	margin-bottom:25px;
	}
/*top right (search)*/
span.gr {
	float:right;
	text-align:right;
	width:30%;
	font-size: 12px;
	font-weight:bold;
	display: inline-block;
	margin:0 32px 25px 0;
	}

/*********************** thumbnails *****************/
/*thumbnail, last thumbnail in a row*/
div.tn, div.tnl {
	font-size: 11px;
	float:left;
	width:130px;
	height:240px;
	margin-right:50px;
	}

/*last thumbnail in a row*/
div.tnl {
	width:130px;
	margin-right:0px;
	}

/*thumbnail image, span, link, same for last tn*/
div.tn img, div.tn span, div.tn a, div.tnl img, div.tnl span, div.tnl a {
	display: inline-block;
	}

/*fix: thumbnail links don't break layout when hovered*/
div.tn a:hover, div.tnl a:hover {
	border-bottom:1px solid #fff;
	}

/*fix: fix for image-links after previous fix*/
div.tn a.img_href:hover, div.tnl a.img_href:hover {
	border:none;
	}

/*limit width for short desc text*/
div.tn span, div.tnl span {
	display: inline-block;
	width: 130px;
	}

/*********************** pages **********************/
/*items-per-page selector*/
span.num {
	float:right;
	text-align:right;
	width:130px;
	font-size: 11px;
	display: inline-block;
	margin:15px 30px 0 0;
	}

/*allign selector to be at the same line as it's label*/
span.num select {
	display: inline-block;
	margin-bottom:-2px;
	}

/*block with pages numbers*/
div.pages {
	font-size: 11px;
	float:left;
	width:400px;
	height:18px;
	margin-top:50px;
	}

/*separator div*/
div.pages div {
	height:18px;
	width:1px;
	float:left;
	padding-top: 3px;
	color:#999;
	}

/*1-9 div style, 10-xx div style*/
div.pages div.a, div.pages div.aa {
	height:18px;
	width:20px;
	float:left;
	text-align:center;
	color:#000;
	padding-top: 3px;
	border:none;
	}

/*10-xx divs increased width*/
div.pages div.aa {width:24px;}

/*pages links style*/
div.pages a {
	vertical-align: middle;
	border:none;
	color:#000;
	padding-top:2px;
	padding-bottom:2px;
	}

/*pages links onmouseover style*/
div.pages a:hover {
	text-decoration:underline;
	}

/*left arrow, right arrow*/
div.pages div.larr, div.pages div.rarr {
	height:18px;
	width: 21px;
	float:left;
	border:none;
	text-align:center;
	}

/*left arrow link, right arrow link*/
div.pages div.larr a, div.pages div.rarr a  {
	border:none;
	}

/*left arrow positioning*/
div.pages div.larr {
	padding: 6px 3px 0 0;
	}

/*right arrow positioning*/
div.pages div.rarr {
	padding: 6px 0 0 5px;
	}

/*current selected 1-9 page, current selected 10-xx page*/
div.pages div.curr_page, div.pages div.curr_pagee {
	height:18px;
	width:18px;
	vertical-align: middle;
	float:left;
	text-align:center;
	padding-top: 3px;
	border:none;
	color:#fff;
	background: url(/img/page_hl.jpg) no-repeat center center;
	}

/*current selected 1-9 page link, current selected 10-xx page link*/
div.curr_page a, div.curr_pagee a {
	vertical-align: middle;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	border:none;
	color:#fff;
	}

/****************************************************/
div.up_pic {
	float:left;
	clear:left;
	margin:10px 20px 10px 0px;
	}

div.up_pic_l {
	float:left;
	clear:right;
	margin:10px 20px 10px 0px;
	}

input#title {
	margin-top:30px;
	}