@charset "utf-8";
/* CSS Document */

html{
height:100%;
}
body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../img/bg.jpg) top repeat-x #EEEEEE;
min-height:100%;
color:#666666;
}
#container {
min-height:100%;
position:absolute;
width:900px;
left:50%;
margin-left:-450px;
background:url(../img/headbg.png) top no-repeat;
}
a {
text-decoration:none;
-moz-outline:none;
color:#666666;
}
a:hover {
color:#CC0000;
}
img, div { behavior: url(iepngfix.htc) }
form { display:inline;}
h2 { color:#000000; font-size:12px; display:inline;}

/* header */
#header {
width:866px;
height:168px;
margin:auto;
}

/* menu */
#nav {
margin:0px auto;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
width:854px;
z-index:50;
}
#nav li {
background:none;
line-height:22px;
color:#FFFFFF;
margin:0px;
position:relative;
text-align:center;
float:left;
font-family:Georgia, Times New Roman, Times, serif;
font-size:14px;
width:88px;
cursor:default;
}
#nav .m:hover {
background:#590000;
}
#nav li ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
display:none;
width:12em;
top:22px;
left:0;
}
#nav li ul li a {
display:block;
width:135px;
height:auto;
float:left;
padding:2px;
padding-left:5px;
border:none;
color:#FFFFFF;
background-color:#590000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
cursor:pointer;
}
#nav a:hover{
color:#FFFFCC;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* content */
#content {
width:866px;
margin:10px auto 80px auto;
}
#content .cont {
background:#FFFFFF;
vertical-align:top;
padding:10px;
}

.rightbox {
border-left:1px dotted #CCCCCC;
width:150px;
}

.archive {
padding-left:20px;
*padding-left:0px;
*margin-left:20px;
margin-top:10px;
}

.bounder {
padding:0px;
margin:0px;
list-style:none;
width:866px;
}
.bounder .c-top {
background:url(../img/cont_top.png) no-repeat;
height:18px;
}
.bounder .c-mid {
background:url(../img/cont_bg.png) repeat-y;
padding:2px 10px;
}
.bounder .c-bot {
background:url(../img/cont_bot.png) no-repeat;
height:18px;
}

.pagetitle {
background:url(../img/raquo.gif) left no-repeat;
color:#990000;
font-family:Georgia, Times New Roman, Times, serif;
font-size:20px;
border-bottom:1px dotted #CCCCCC;
margin:0px;
}
.mainpage {
margin: 5px 10px;
}

.bounder p {margin: 2px 10px;}

.cliphold {
width:320px;
height:320px;
background:url(../img/clipbg.gif) top no-repeat;
padding:20px;
margin:auto;
}
#clip {
width:320px;
height:256px;
margin-bottom:10px;
}
.clipdesc {
width:320px;
margin:auto;
color:#333333;
}
.siteinfo {
width:200px;
height:32px;
margin:10px auto;
text-align:center;
}
.piesa {
width:340px;
height:82px;
margin:auto;
padding:10px;
background:url(../img/piesabg.jpg) no-repeat;
clear:both;
}
.piesa p {line-height:20px;}
.piesa a {text-decoration:underline;}

.reportarchive {
margin:40px auto;
background:url(../img/clipbg_arch.png) no-repeat;
width:530px;
height:272px;
padding-top:14px;
}
#reportarchivefile {
margin:auto;
width:500px;
}
#reporthold {
background:url(../img/clipbg_report.png) no-repeat;
padding:20px;
width:320px;
height:256px;
margin:auto;
}

.gall {
list-style:none;
padding-left:0px;
margin-left:0px;
}
.gall li {
float:left;
width:80px;
height:80px;
padding:10px;
text-align:center;
}
.gall li:hover {
background:#EEEEEE;
}
.gall img {
border:0px;
}

.links {
list-style:none;
padding-left:0px;
margin:auto;
width:602px;
}
.links li {
float:left;
width:290px;
height:70px;
margin-bottom:10px;
padding:5px;
}
.links li:hover {
background:#EEEEEE;
}
.links img {
border:0px;
margin:0px 5px;
}
.links a {
color:#990000;
font-weight:bold;
}
.links a:hover {
color:#000000;
}

.news, .login {
margin:20px -10px;
*margin:20px 10px 0px 25px;
list-style-image:url(../img/raquo-s.gif);
}
.news a, .bottomul .tit {
font-family:Georgia, Times New Roman, Times, serif;
font-size:16px;
color:#000000;
margin-bottom:5px;
}
.news .text, .bottomul .text {
color:#666666;
font-size:12px;
margin:5px 10px 5px 0px;
}
.newsdetail {
margin:20px 20px 20px -10px;
*margin:20px 20px 0px 20px;
list-style-image:url(../img/raquo-s.gif);
}
#newsbox {
margin-top:40px;
}
#newsbox p {
margin:10px;
}

.bottomul {
margin-left:-10px;
*margin:0px 10px 0px 25px;
list-style-image:url(../img/raquo-s.gif);
}

.riplist {
padding:0px;
margin-left:15px;
list-style-image:url(../img/raquo-ss.gif);
}
.riplist li {
}

#alerter {
text-align:center;
color:#CC0000;
display:none;
font-weight:bold;
padding:5px;
}

.albumlist {
list-style:none;
margin:20px auto 10px;
width:800px;
}
.albumlist li {
float:left;
display:block;
height:110px;
width:400px;
}
.albumlist li img {
float:left;
margin:0px 4px;
padding:1px;
border:1px solid #CCCCCC;
}

.comment {
border-top:1px solid #999999;
border-bottom:1px dotted #CCCCCC;
padding:3px 1px;
}
.commtit {
float:left;
font-weight:bold;
color:#990000;
}

#tracks {margin-top:20px;}
#tracks li {clear:both;}
#tracks li {margin-bottom:5px}
#tracks li ul li {
float:left;
clear:none;
}
#tracks li ul li.name {
	width:300px;
}

/* forum */
.left_menu_title {
background:url(../img/raquo-s.gif) left no-repeat;
}

/* contact */
.field1 {
border:1px solid #999999;
}

/* guestbook */
#guestbook {
list-style:none;
padding:0px;
width:800px;
margin:20px auto 10px;
}
#guestbook .user {
border-bottom:1px dotted #CCCCCC;
}

/* footer */
#footer {
background:url(../img/footbg.png) no-repeat;
width:900px;
height:45px;
padding-top:15px;
position:absolute;
top:100%;
left:50%;
margin-left:-450px;
margin-top:-60px;
color:#FFFFFF;
text-align:center;
font-size:11px;
}
#footer a {
color:#FFFFFF;
}
#footer a:hover {
color:#FFFFCC;
}

/* overall */
.nul {
margin:0px;
padding:0px;
list-style:none;
}

.w100p { width:100%;}
.w50p { width:50%;}
.w33p { width:33%;}

.h25 { height:25px;}

.tal { text-align:left;}
.tar { text-align:right;}
.tac { text-align:center;}
.taj { text-align:justify;}

.FS10 { font-size:10px;}
.FWB { font-weight:bold;}

.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pl2 { padding-left:2px;}
.pl20 { padding-left:20px;}
.pad10 { padding:10px;}
.pad20 { padding:20px;}

.CB { clear:both;}
.FL { float:left;}
.FR { float:right;}

.BL1 {border-left:1px dotted #CCCCCC;}

.input1 {
background:#EEEEEE;
border:1px solid #CCCCCC;
width:100px;
height:16px;
padding:2px;
font-size:11px;
color:#333333;
}

/* SLIMBOX */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


#lbOverlayVideo {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenterVideo, #lbBottomContainerVideo {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoadingVideo {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImageVideo {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLinkVideo, #lbNextLinkVideo {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}


#lbBottomVideo{
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLinkVideo {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}