/* 子页布局 */
#submap
{
	width: 95%;
	line-height: 25px;
	padding: 3px 0 3px 30px;
	position: relative;
	color: #05c;
	margin-bottom:2px;
}
#submap a
{
	color: #05c;
}
#submap .sl
{
	position: absolute;
	width: 5px;
	height: 15px;
	left: 20px;
	top: 8px;
	background: #277CD1;
}
#subleft
{
	float: left;
	width: 198px;
	padding-left: 1px;
}
#subleft h2
{
	position: relative;
	background-color: #f6f6f6;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	color: #333;
	padding: 0 20px;
	border: solid 1px #ccc;
	border-bottom: 0px;
}
#subleft h2 .tl
{
	position: absolute;
	top: 0;
	left: 0;
	background: #2B90F5;
	width: 5px;
	height: 30px;
}
#subleft .listbox
{
	border: solid 1px #ccc;
	margin-bottom: 3px;
}
#subleft ul
{
	list-style-type: none;
}
#subleft ul li
{
	margin:0 5px;
	padding: 4px 0 1px 0px;
	border-bottom: dotted 1px #ccc;
	background:url(images/isList.gif) no-repeat left;
}

#subleft .box a
{
	display: block;
	color: #333;
	text-decoration: none;
	padding-left: 15px;
	line-height: 25px;
}
#subleft .box a:hover
{
	display: block;
	background: #f2f2f2;
	color: #333;
	text-decoration: none;
	padding-left: 15px;
	line-height: 25px;
}





#subright
{
	float: right;
	width: 645px;
	padding-right: 2px;
}
#subright .listpanel
{
	margin: 0 5px 5px 5px;
}
#subright h1
{
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	background: #ff0;
}
#subright h2
{
	background: url(images/bigtitle2.gif) repeat-x;
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	padding-top: 5px;
	position: relative;
	border: solid 1px #ccc;
	border-bottom: 0px;
}
#subright h2 .tl
{
	position: absolute;
	height: 30px;
	width: 22px;
	top: 0;
	left: 0;
	background: url(images/bigtitle1.gif) no-repeat;
}
#subright .box
{
	border: solid 1px #ccc;
	margin-bottom: 5px;
}

#subright ul
{
}
#subright ul li
{
	margin:0 5px;
	padding: 4px 0 1px 20px;
	border-bottom: dotted 1px #ccc;
	background: url(images/new.gif) no-repeat left;
}
#subright ul li a
{
	color: #333;
	text-decoration: none;
	display: block;
}
#subright ul li a:hover
{
	color: #f00;
	text-decoration: underline;
	display: block;
}



#subright .box .end
{
	margin: 8px;
}
#subright .box .end .more
{
	float: right;
}
#subright .box .end .more a
{
	color: #276DB6;
	text-decoration: none;
}

#subright .box h3
{
	height: 20px;
	line-height: 20px;
	border-bottom: solid 1px #ccc;
	margin: 5px;
	font-size: 12px;
	padding-left: 15px;
}

#subright .box p
{
	text-indent: 2em;
	line-height: 20px;
	padding: 5px 10px;
}

.picname
{
	text-align:center;
	padding:2px;
}





.pagespliter
{
	width: 99%;
	text-align: center;
}
.pagespliter a
{
	color: #333;
	text-decoration: none;
	margin: 0 5px;
}

.filedate
{
	float: right;
}



.naiv
{
	width: 100%;
	text-align: center;
	line-height: 25px;
}
.naiv span
{
	margin: 0 10px;
}
.naiv a
{
	color: #333;
	text-decoration: none;
	font-size: 12px;
}
.naiv a:hover
{
	text-decoration: underline;
}

.naiv .readcount span
{
	color: Red;
}
#fileshow
{
	margin: 0 20px;
}
#fileshow hr
{
	color: #ccc;
}
.info
{
	text-align: center;
}
.info .text
{
	text-align: left;
	text-indent: 2em;
	line-height: 20px;
}
.info h4
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
}
.info h5
{
	font-size: 14px;
}
.info p
{
	margin-top: 5px;
}


#subleft .end,#subright .end
{
	clear:both;
	margin-top:5px;
	text-align:right;
	height:5px;/**height:5px; !inportant;*height:5px;*/
}




/*filesortlist
#filesortlist
{
	width:645px;
}
#filesortlist h1,#filesortlist h2,#filesortlist .box
{
}
#filesortlist h2
{
	background:#0af;
	padding:5px 0 5px 20px;
}
#search .listbox
{
	padding:20px;
}

#brieflist h2 ,#subright h2
{
	background:url(images/bigtitle2.gif) repeat-x;
	height:30px;
	line-height:30px;
	padding-left:30px;
	padding-top:5px;
	position:relative;
	border:solid 1px #ccc;
	border-bottom:0px;
}
#brieflist h2 .tl,#subright h2 .tl
{
	position:absolute;
	height:30px;
	width:22px;
	top:0;
	left:0;
	background:url(images/bigtitle1.gif) no-repeat;
}


*/


/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx-- {
	background-image: url(Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x {
	background-image: url(Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-image: url(Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Photo Border for the Album Page */

.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}


/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
	max-width:135px;
	max-height:130px;
}

.img_big
{
	border: 4px solid #FFFFFF;
	max-width:450px;
	max-height:350px;
}


#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}
.view p
{
	text-align:center;
}


h2 a
{
	display:block;
}
h2 a:hover
{
	display:block;
}