@charset "utf-8";

/* 

css for s.Gallery

writer	: Lê Bằng

Y!M		: sincos.coder

gmail	: sincos.net@gmail.com

*/

body

{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: black;

}





.wrap

{

	width: 990px;

	margin:0 auto;

	background-color: #1e1e1e;

	padding-bottom: 5px;

}

.logo

{

	background-color: black;

}

.menu2

{

	background-image: url(../images/gallery_ajax/menu.jpg);

	background-repeat: repeat-x;

	margin-top: 5px;

	margin-bottom: 10px;

	margin-left: 2px;

	margin-right: 2px;

	padding-top: 8px;

	padding-bottom: 8px;

	padding-right: 10px;

	border-bottom: 1px solid #101010;

	border-left: 1px solid #101010;

	border-right: 1px solid #101010;

}

.menu a

{

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

	color: #ba6e0c;

}

.menu a:hover

{

	color: white;

}

.box

{

	background-color: #101010;

	background-image: url(../images/gallery_ajax/level.gif);

	background-repeat: repeat-x;

	margin-left: 2px;

	margin-right: 2px;

	margin-bottom: 10px;

	border-bottom: 1px solid #101010;

	border-left: 1px solid #101010;

	border-right: 1px solid #101010;

	width:970px;

	float:left;

	

}



*html .box

{

	background-color: #101010;

	background-image: url(../images/gallery_ajax/level.gif);

	background-repeat: repeat-x;

	margin-left: 2px;

	margin-right: 2px;

	margin-bottom: 10px;

	border-bottom: 1px solid #101010;

	border-left: 1px solid #101010;

	border-right: 1px solid #101010;

	width:970px;

	float:left;

	

}



.box-title

{
	margin-left: 30px;

	padding-left: 10px;

	padding-top: 8px;

	padding-bottom: 8px;

	font-size: 12px;

	font-weight: bold;

	color: #d74806;

}

.box-title a

{

	font-size: 12px;

	font-weight: bold;

	color: #d74806;

	text-decoration: none;

}

.box-title a:hover

{

	color: white;

}

.box a.active

{

	color: white;

}

.box-content

{

	float:left;

	padding: 5px;
	margin-left: 30px;

}

.line

{

	padding: 0px;

	margin-left: 5px;

	margin-right: 5px;

	margin-top: 0px;

	margin-bottom: 0px;

	background-image: url(../images/gallery_ajax/line.jpg);

	background-repeat: repeat-x;

	height: 2px;

	width: 900px;

}

/*---------------------------------------------------------------*/

.flash-combox

{

	float: right;

	color: #cccccc;

	font-size: 11px;

	font-weight: bold;

}

/*---------------------------------------------------------------*/

.search

{

	padding-left: 10px;

	font-size: 10px;

	font-weight: bold;

	color: #CCCCCC;

}

.search input

{

	font-size: 10px;

	font-weight: bold;

	color: #666666;

	border: 0px;

	width: 120px;

	padding-left: 3px;

	

}

.search img

{

	cursor: pointer;

}



/*---------------------------------------------------------------*/



.box_list{

	float:left;

	width:160px;

	height:165px;

	background:url(../images/gallery_ajax/bg_list.jpg) repeat-x top left;

	margin-right:13px;

	margin-bottom:13px;

	margin-left:7px;	

}



*html .box_list{    /*  fix list tren ie*/

	float:left;

	width:160px;

	height:165px;

	background:url(../images/gallery_ajax/bg_list.jpg) repeat-x top left;

	margin-right:10px;

	margin-bottom:13px;

	margin-left:8px;	

}



.box_content_list{

	width:120px;

	height:80px;

	float:left;

	vertical-align:middle;

	margin-left:15px;

	margin-top:15px;

	text-align:center;

	margin-bottom:16px;

}



*html .box_content_list{

	width:120px;

	height:80px;

	float:left;

	vertical-align:middle;

	margin-left:9px;

	margin-top:15px;

	text-align:center;

	margin-bottom:16px;

}



.text_list{

	color:#FFFFFF;

	font-size:10px;

	font-weight:bold;

	margin-left:15px;

	width:120px;

	text-align:center;

	margin-bottom:3px;



}

.text-folder

{

	text-decoration: none;

	color: #db4700;

}

.text-folder:hover

{

	color: white;

}

.text-foler-info

{

	font-weight: normal;

	font-style: italic;

}

.text-file

{

	text-decoration: none;

	color: #929ba4;

	cursor: pointer;

}

.text-file:hover

{

	color: white;

}

/*--------------detail-----------------------*/

.detail-images

{

	text-align: center;

	float: left;

	width: 600px;

}

.detail-info

{

	float: left;

	padding-left: 15px;

}

.detail-info ul

{

	list-style: none;

	margin: 0px;

}

.detail-info li

{

	font-size: 11px;

	font-weight: bold;

	color: #999999;

	padding-top: 5px;

	padding-bottom: 5px;

	margin: 0px;

}

.detail-info span

{

	color: #cc6608;

}

.detail-info a

{

	color: #cc6608;

	text-decoration: none;

}

.detail-info a:hover

{

	color: #CCCCCC;

}

/*--------------list page--------------------*/



#listPage

{

	padding-right: 10px;

}

#listPage a

{

	background-color: #202020;

	color: #cccccc;

	padding-left: 4px;

	padding-right: 4px;

	padding-top: 2px;

	padding-bottom: 2px;

	height: 16px;

	border-top: 1px solid #303030;

	text-decoration: none;

	font-size: 10px;

}

#listPage a:hover

{

	color: #FF6600;

	background-color: #fae7ad;

}

#listPage b

{

	color: #808014;

	background-color: #e6e6e6;

	padding-left: 4px;

	padding-right: 4px;

	padding-top: 2px;

	padding-bottom: 2px;

	height: 16px;

	font-size: 10px;

	border-top: 1px solid #303030;

}



/*---------------------------------------------------------------*/



.footer

{

	background-image: url(../images/gallery_ajax/level.gif);

	background-repeat: repeat-x;

	text-align: right;

	padding-right: 20px;

	padding-top: 8px;

	padding-bottom: 8px;

	margin-left: 2px;

	margin-right: 2px;

	font-size: 10px;

	color: #a39595;

	border-bottom: 1px solid #101010;

	border-left: 1px solid #101010;

	border-right: 1px solid #101010;

}

.version

{

	font-size: 11px;

	font-weight: bold;

	color: #bf3614;

	text-decoration: none;

}

.version:hover

{

	color: white;

}

.author

{

	font-size: 11px;

	font-weight: bold;

	color: #c46b05;

	text-decoration: none;

}

.author:hover

{

	color: white;

}