﻿IMG {
border-top-width : 0; 
border-left-width : 0; 
border-bottom-width : 0; 
border-right-width : 0; 
} 


BODY {
background: #565656 url(/skin/chic/content-bg.jpg) center repeat-y ; 
border-top-width : 0; 
padding-right : 0; 
padding-left : 0; 
border-left-width : 0; 
font-size : 12px; 
border-bottom-width : 0; 
padding-bottom : 0; 
margin : 0; 
color : #999999; 
line-height : 150%; 
padding-top : 0; 
font-family :  'Lucida Sans Unicode','Lucida Grande', verdana,sans-serif,arial,'宋体','新宋体'; 
text-align : center; 
border-right-width : 0;
 
}
p {
text-indent: 24px;
}



#general-middle {
width: 760px;

}

#index-left {
float:left;
width: 480px;

}

#index-title {
width: 480px;
height:46px;
background:url(/skin/chic/index-title.jpg) 6px 0px no-repeat;
}

#index-right {
float: right;
width: 280px;
 
}


#index-new {
width: 280px;
height:46px;
background:url(/skin/chic/index-new.jpg) no-repeat;
}


#left-list {
float:left;
width: 220px;
margin-left:22px!important; 
margin-left: 12px;
margin-top: -7px;

}
 
#right-list {
float: right;
width: 230px;
margin-left:6px;
margin-top: -7px; 
}
 
 
 

hr {

width: 95%;
}

input.text {
    color: #b0b3c8;
	background-color: #414141;
	border: #999;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-size: 12px;
	}

a:link {
 
font-weight: normal; 
text-decoration: none; 
color : #ddd; background-color: inherit;
} 


a:hover,a:active {

font-weight : normal; 
text-decoration : none; 
color: #000; background-color: #eee;
} 

a:visited {
 
font-weight : normal; 
text-decoration : none; 
color : #ddd; background-color: inherit;
} 


 
 
#flash-show {
height: 280px;
margin-left: 6px;
margin-top: 0px;
padding: 0px;
height: 272px;
}

 
#chic-vision {
line-height: 180%;
width : 760px; 
padding-left : 0px; 
padding-bottom : 10px; 
margin-left : auto; 
margin-right : auto; 
padding-top : 0; 
text-align : left; 
 
} 


#top-menu {
background : url(/skin/chic/index-top.jpg) no-repeat center top; 
width: 760px;
margin:0px;
height : 76px; 
border : none; 
} 


#top-menu ul {
width: 586px;
float:right;
padding-left : 32px; 
margin-top: 6px;
border : medium none; 
line-height : 24px; 
list-style : none; 
} 

#top-menu li {
list-style : none url() inside; 
float : left; 
margin-left: 9px!important;
margin-left: 0px;
width : 62px; 
margin: 0px; 
height : 24px; 
padding-top: 5px; 
} 

#top-menu li a {
background : url(/skin/chic/top-menu-arrow-off.gif) 5px 1px no-repeat; 
margin-top : 0px; 
padding-left : 10px; 
padding-right : 0; 
display : block; 
font-weight : normal; 
width : 100%; 
color : #eee; 
text-decoration : none; 
} 

#top-menu li a:hover, a:active {
text-indent: 3px;
background : url(/skin/chic/top-menu-current-on.gif) 5px 1px no-repeat; 
color : #000; 
} 


#top-menu  .current  a {
margin-left: 5px;
margin-right: 5px;
text-indent: 8px;
padding : 0; 
display : block; 
font-weight : normal; 
background : url(/skin/chic/top-menu-current.gif)  0px 1px no-repeat; 
width : 100%; 
color : #000;
text-decoration : none; 
} 

#top-menu  .current  a:hover, a:active {
text-indent: 8px;
background : url(/skin/chic/top-menu-current.gif)  0px 1px no-repeat; 
 
}
 



 
 


#left {
float : left; 
color : #666; background-color: inherit;
margin-left : 16px; 
padding-left : 16px!important;
padding-left : 0px;
margin-right : 0px; 
padding-top : 0; 
text-align : left; 
width : 167px; 

} 


#left-top {
position : relative; 
top : 0; 
width : 167px; 
height : 148px; 
background : url(/skin/chic/left-menu-top.gif) no-repeat; 
} 
#left-bottom {
height: 171px; 
background : url(/skin/chic/left-menu-bottom.gif) no-repeat; 
}



ul {
margin : 0; 
padding : 0; 
} 

li {
text-indent: 0px; 
color: #ccc; background-color: inherit;
margin : 0; 
padding : 0; 
list-style : none url(/skin/chic/dot.gif) inside; 
}

li a:link {
color: #ddd;background-color: inherit;
text-indent: 0px;

}

li a:hover, a:active {

text-indent : 6px;
font-weight : normal; 
text-decoration : none; 
color : #000; background-color: #eee;

}

li.common {
text-indent: 0px; 
color: #ccc; background-color: inherit;
margin : 0; 
padding : 0; 
list-style-image : none; 
}

 
 

#horizontal-container {
float : left; 
margin-left : 23px; 
padding : 12px 24px; 
background : url(/skin/chic/photo-horizontal-bg.jpg) no-repeat 23px 0px; 
width : 480px; 
height : 460px; 
} 


#vertical-container {
float : left; 
margin-left : 23px; 
padding : 0 0 0 12px; 
background : url(/skin/chic/photo-vertical-bg.jpg) no-repeat; 
width : 528px; 
height : 480px; 
} 


#readme {
margin-top : 32px; 
margin-left : 46px!important;
margin-left : 26px; 
float : left; 
color : #fff;background-color: inherit; 
} 

#camera-data {
margin-top : 32px; 
margin-right : 40px!important;
margin-right : 22px; 
float : right; 
color : #fff; background-color: inherit;
} 
#vertical-image {
float : left; 
} 
#readme-psp {
float : left; 
margin-left : 30px; 
margin-top : 28px; 
color : #515151; background-color: inherit;
} 

.psp-text {

margin-top: 0px;
margin-left: 18px;
line-height : 150%; 
width : 150px; 
color : #eee; background-color: inherit; 
} 

#thumbnail {
clear : both; 
float : left; 
padding-left : 300px; 
padding-top :  50px!important;
padding-top : 48px; 
} 

#thumbnail-vertical {
clear : right; 
float : left; 
padding-left : 8px; 

padding-top :  80px!important;
padding-top :  56px; 

} 

#article {
float : left; 
margin-left : 188px !important; 
margin-left : 98px; 

margin-top: 18px;
margin-bottom: 18px;
width : 528px; 
background : url(/skin/chic/article-middle.jpg) repeat-y; 
} 

#article-top {
float : left; 
margin: 0px; 
width : 528px; 
background : url(/skin/chic/article-top.jpg) no-repeat; 
}
 
#article-content {

clear: both;
float : left; 
margin-top: 10px;
margin-left: 46px!important;
margin-left: 25px;
color: #fff;
line-height : 200%; 
width : 436px;
margin-bottom: 26px;
}




#image-index {
float : left; 
color: #fff;
line-height : 150%; 
width : 520px;
margin-bottom: 16px;
}


#article-bottom {
float : left; 
width : 528px; 
height: 37px;
background : url(/skin/chic/article-bottom.jpg) no-repeat; 
text-indent: 328px;
} 

#article-bottom a{
text-indent: 328px;
} 




.text {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin: 6px; 
height: 18px;
line-height : 150%; 
padding-top : 0; 
text-align : left; 
} 

.message {
color: #FFFFFF;
font-size: 12px;
background: #383838;
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin: 6px; 
line-height : 150%; 
padding-top : 0; 
text-align : left; 
} 




h1 {
text-align: left;
text-indent: 28px; 
color: #ddd;
margin-top : 6px;
margin-bottom : 3px;
font-size : 16px; 
line-height: 150%;
padding : 5px; 
} 

h3 {
font-weight: normal;
text-align: left;
text-indent: 28px; 
color: #ddd;
margin-top : 6px;
margin-bottom : 3px;
font-size : 16px; 
line-height: 200%;
padding : 5px; 
} 

h3.inside {
font-weight: normal;
text-align: left;
text-indent: 8px; 
color: #ddd;
margin-top : 6px;
margin-bottom : 3px;
font-size : 16px; 
line-height: 100%;
} 

h1.from-left {
text-align: left; 
}

h2 {
color: #ddd;
margin-top : 12px;
margin-bottom : 12px;
font-size : 14px; 
text-indent: 0px;
line-height: 150%;

}

.from-right {
text-align:right;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 8px;
} 




.image-list {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 138px;  MARGIN-LEFT: 22px;  MARGIN-RIGHT: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
	
}
.image-list li {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-SIZE: 90%; FLOAT: left; PADDING-BOTTOM: 0px;  WIDTH: 105px; PADDING-TOP:0px; HEIGHT: 120px;  margin-left:12px!important; margin-left:10px;   margin-bottom:16px!important; margin-bottom:0px;   
	
}
.image-list li a {
	FONT-SIZE: 12px; COLOR: #ddd; TEXT-DECORATION: none
}

.image-list li a:hover{
  text-indent: 0px;
}

.image-list li p {
	text-indent: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #999; PADDING-TOP: 0px
}
.image-list li IMG {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}
.image-list li a:hover IMG {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid;
}

form 
{ margin:0px;
  padding: 0px;
}
#search-button {
margin-bottom: -2px!important; 
margin-bottom: 2px; }

#copyright {
clear : both; 
float : left; 
height : 46px; 
color : #fff; 
line-height: 100%;
padding-top : 0px; 
margin-left: 25px!important; 
margin-left: 12px; 
text-align : right; 
margin-top: 8px;
margin-bottom: 18px;
} 

#validator {
float:left; margin-top: 12px; margin-right: 6px;}



.gallery-list {
 margin-left: 38px!important;

margin-bottom:12px; width: 430px; padding-left: 20px; float:left; margin-left: 20px; border:#999; border-left: 1px; border-bottom: 1px; border-right:1px; border-top: 1px;  border-style: dotted; 
}

.gallery-keyword {
 float:left; width: 320px; height: 100px; 
 }