/* 
Fashion in Japan

developer website: http://www.japanwebstart.jp/

color guide
highlight: #d6de23
background: #FFFFFF
font: #999999
medium color: #88a161
dark color: #323a29
light color: #cee3a4



 */

/* =============================================================== */
/* ============================ GLOBAL ============================ */
/* =============================================================== */


body {
	font-size: 12px;
	font-family: 'Arial',Helvetica,sans-serif;
	text-align:center;
	color:#FFFFFF;
	background-color:#000000;
	margin:0px;
	}
	

#wrapper {

}

EMBED.bgcol{
background-color:#000000;}

hr {
	display: none;
	}
	
	
	
	DIV.frame {
	width: 960px;
	padding: 0px;
	margin: auto;
	color:#FFFFFF;
	

	}
	
	body a { 
	color:#FFFFFF;
	text-decoration:none;
	font-style:normal;
	
	}
	body a:hover { 
	color:#FFFFFF;
	text-decoration:underline;
	
	}
	

	
 h1 {
 color:#FFFFFF;
font-size:20px;
text-transform:uppercase;
font-weight:100;
padding-bottom:0;
margin-bottom:0;
}

 h2 {
  color:#FF0000;
font-size:11px;
text-transform:uppercase;
font-weight:100;
padding-top:0;
margin-top:0;
}

 h3 {
 color:#FFFFFF;
font-size:20px;
text-transform:uppercase;
font-weight:100;
padding-bottom:0;
margin-bottom:0;
}

 h4 {
  color:#FF0000;

font-size:11px;
text-transform:uppercase;
font-weight:100;
padding-top:0;
margin-top:0;
}

 h5 {
  color:#FFFFFF;
font-size:11px;
text-transform:uppercase;
font-weight:100;
padding-top:34px;
padding-bottom:0;
margin:0;
width:100%;
}

h6 { 
font-size: 12px;

}


blockquote {
margin:0;
font-weight:100;
color:#88a161;
font-size:16px;
padding: 0px;
margin-left:4px;
margin-bottom:0px;
margin-top:10px;
font-weight:100;

	}
	
	DIV.content ul {
	
	list-style: none;
	}
	
	DIV.content ul li { 
	list-style: none;
	border-bottom: 1px solid #cee3a4; 
	margin-bottom: 10px;}
	
	textarea {
	width:550px;}
	
	DIV.entry{

margin-bottom:10px;
}

DIV.royaltyentry {

padding-top:10px;
height:36px;
background-color:#eee8e0;
padding-left:10px;
padding-right:10px;
}

DIV.royaltyentry span {
float:right;
}

DIV.royaltyentry p {
float:left;
}

.post { 

padding: 10px;
padding-top:20px;
	
	}
	
	.post h2 { 
	width: 550px;
	font-size:18px;
	border-left:0px;
	margin-bottom:20px;
	margin-left: 0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:2px;
	color:#202020;
	
	}

.post h2 small { 
	float: right;
	font-size:10px;
	
	}

DIV.entry img {
border:none;
padding-right:5px;
}

DIV.entry-clear{
}

DIV.entry-clear img{
border:none;
}

.entry a { 
	color:#202020;
	text-decoration:none;
	
	}
	
	
	
.navigation {
	display: block;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
	clear:both;
	}
	
	.alignright {
	float: right;
	
	}

.alignleft {
	
	
	}
	
	p {
	margin-bottom:15px;
margin-top:15px;
}
p img {
border:0px;
}
	
	#searchform {
	
	padding-top:40px;
	padding-bottom:20px;}
	

/* =============================================================== */
/* ============================ HEADER ============================ */
/* =============================================================== */
	
DIV.con_header {
height:212px;
margin:auto;
text-align:left;
width:876px;
background-image:url(images/front-content-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
	}
	
	DIV.con_top {
margin:auto;
height:108px;
background-image:url(images/header-bg.jpg);
background-position:bottom center;
background-repeat:no-repeat;
	}
	
	
DIV.con_flash {
margin:auto;
clear:both;
background-color:#000000;
margin-bottom:0px;
padding-bottom:0px;
background-image:url(images/flash-bg.jpg);
background-position:top center;
background-repeat:no-repeat;

	}
	
	
	
	
	DIV.header-holder {
	width:100%;
	
width:100%;
}
DIV.con_home h2 {
padding-left:20px;
color:FFFFFF;
}
	
DIV.con_logo{
width:876px;
margin:auto;

}

DIV.con_logo DIV.con_royaltyfree {
text-align:right;
float:right;
height:163px;

}

DIV.con_subscribe {
float:right;
padding-top:4px;
height:15px;
width:300px;
text-align:left;

}

DIV.con_subscribe a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;

}

DIV.con_topnav {
height:22px;
padding-top:80px;
width:480px;
text-align:left;
float:left;
background-image:url(images/socialmedia-bg.jpg);
background-position:top left;
background-repeat: no-repeat;

}

DIV.con_topnav a {
color:#61513c;
text-decoration:none;
font-weight:bold;

}

DIV.con_topnav ul li {
display:inline;
background-image:url(images/arrow.gif);
background-position:top left;
background-repeat: no-repeat;
padding-right: 32px;
width:88px;
padding-top:0px;
float:right;
text-align:right;
}

DIV.con_topnav ul li ul li {
display:inline;
padding-right: 28px;
padding-top:0px;
float:left;
}

DIV.con_topnav li {
display:block;
list-style:none;
border-bottom:0;
}

DIV.con_topnav ul {
display:inline;
padding:0;
margin:0;
}


DIV.con_topnav li ul li {
background-image:none;
}
DIV.con_topnav li ul li a {
color: #61513c;
}
DIV.con_topnav ul li a {
color: #61513c;
}





/* ======================= MAIN MENU  ========================== */


DIV.menu {
text-align:left;
z-index: 2;
font-size:14px;
text-transform:uppercase;
height:46px;
font-weight:normal;
width:876px;
margin:auto;
background-image:url(images/home-menu-bg.jpg);
background-position:top left;
background-repeat:no-repeat;

}


.menu ul {
padding: 0px;
margin: 0px;
float:left;
}
.menu ul li {
text-decoration:none;
list-style:none;
padding-bottom: 4px;
padding-bottom:0px;}

DIV.menu-main {
text-align:left;
z-index: 2;
font-size:14px;
text-transform:uppercase;
height:60px;
font-weight:normal;
width:876px;
margin:auto;
background-image:url(images/main-menu-bg.jpg);
background-position:top left;
background-repeat:no-repeat;

}


.menu-main ul {
padding: 0px;
margin: 0px;
padding-left:2px;
float:left;
}
.menu-main ul li {
text-decoration:none;
list-style:none;
padding-bottom: 4px;
padding-bottom:0px;}

	
	
	ul.navstyle li a {
color:#999999;
float:left;
text-align:center;
text-decoration:none;
padding-top:24px;
padding-bottom:24px;
width:175px;

}

ul.navstyle li a:hover {
color:#FFFFFF;
background-color:#000000;
}

ul.navstyle {
list-style-image: none;
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 1px;
width:876px;

}




ul.navstyle li {
cursor:pointer;
list-style-image: none;
list-style-type:none;
display:inline;
float:left;
overflow:hidden;
vertical-align:bottom;
text-align:center;
width:175px;

}
		
	
DIV.con_menuspacer {
width: 100%;
background-color: #cee3a4;
height:6px;

}

DIV.spacer {
width: 100%;
height:6px;
float:left;


}
	
	
	
/* =============================================================== */
/* ======================= BODY ============================ */
/* =============================================================== */



DIV.con_home {

width: 960px;
height:284px;
margin: auto;
text-align:left;
background-image:url(images/home-bg.jpg);
background-position:top left;
background-repeat:no-repeat;

}

DIV.con_pagebg {
text-align:center;
float:left;
width:100%;
clear:both;

}

	DIV.con_title {

width: 630px;
margin: auto;
height:33px;
text-align:left;
background-image:url(images/post-header-bg.jpg);
background-position:top left;
background-repeat:no-repeat;

}


DIV.con_title h2 {

font-size: 12px;
font-weight:bold;
color:#202020;
padding-top:12px;
padding-left:10px;
margin-top:0px;
border:0;
}

DIV.con_title h1 {

font-size: 12px;
font-weight:bold;
color:#202020;
padding-top:12px;
padding-left:10px;
margin-top:0px;
border:0;
}



DIV.con_title h2 span { font-size: 16px;
color:#FFFFFF;
font-weight:100; }

h4 span { 

color: #999999;
float:right;

 }

DIV.title-holder {
width: 100%;

}
DIV.home-holder {

width: 100%;

}

	
DIV.con_main {
	width: 100%;
	float:left;
	text-align:left;
	background-color:#000000;
	}
	
	DIV.header-content {
	width: 876px;
	text-align:left;
	margin:auto;
	
	}
	
	DIV.header-content p {
	font-size:11px;
	padding-top:94px;
	padding-left:10px;
	font-weight:100;
	margin:0px;
	}
	
		DIV.header-content p strong {
	font-weight:100;
	}
	
	DIV.con_content_left {
	width:550px;
	text-align:left;
	padding:0px;
	margin:0px;
	padding-left:16px;
	padding-bottom:40px;
	float:left;
	}
	
	DIV.con_content_front {
	width:600px;
	float:left;
	text-align:left;}
	
	
	DIV.con_content_right {
	width:600px;
	float:right;
	text-align:left;}
	
DIV.content-holder {
width: 876px;
margin: auto;
text-align:left;
background-color:#FFFFFF;
}


DIV.content{
float:left;
font-size:12px;
line-height:1.65em;
margin-bottom:20px;
margin-top:0;
padding:0px;
text-align:left;
width:876px;
background-image:url(images/post-bg.jpg);
background-position:top left;
background-repeat:no-repeat;

}

 DIV.content-front {
width:100%;
text-align:left;
line-height: 18px;
padding-bottom:40px;
padding-top:20px;
float:left;
margin-top: 0px;
margin-bottom: 20px;
padding-right:20px;
padding-left:20px;
font-size: 1.4em; line-height: 1.5em;

}

 DIV.content-half-left {
width:281px;
text-align:left;
line-height: 18px;
padding-bottom:0px;
padding-top:0px;
float:left;
margin: 0px;
padding-right:0px;
padding-left:30px;
float:left;
clear:left;
}
 DIV.content-half-right {
width:281px;
text-align:left;
line-height: 18px;
padding-bottom:0px;
padding-top:0px;
float:left;
margin: 0px;
padding-right:0px;
padding-left:30px;
float:left;
clear:right;
}

 DIV.three-titles {
width:100%;
height:73px;
background-image:url(images/3titles-bg.gif);
background-position:top left;
background-repeat:no-repeat;
}
 DIV.three-title {
width:290px;
float:left;
}

 DIV.three-title p {
 padding-left:20px;
 padding-right:30px;
}

 DIV.three-title h1 {
 color:#FFFFFF;
width:290px;
text-align:center;
font-size:20px;
text-transform:uppercase;
font-weight:100;
padding-bottom:0;
margin:0;
padding-top:20px;
}

 DIV.three-title h2 {
  color:#FF0000;
width:290px;
text-align:center;
font-size:11px;
text-transform:uppercase;
font-weight:100;
padding-top:0;
margin-top:0;
}

 DIV.three-title h3 {
 color:#FFFFFF;
width:290px;
text-align:center;
font-size:20px;
text-transform:uppercase;
font-weight:100;
padding-bottom:0;
margin:0;
padding-top:20px;
}

 DIV.three-title h4 {
  color:#FF0000;
width:290px;
text-align:center;
font-size:11px;
text-transform:uppercase;
font-weight:100;
padding-top:0;
margin-top:0;
}

DIV.right_con DIV.content-titlehalf {
float:left;
padding-left:0px;
width:291px;
}

 DIV.content-titlehalf h2 {
 width:281px;
height:27px;
padding-top:8px;
padding-left:10px;
margin-left:0px;
padding-right:0px;
margin-right:0px;
margin-top:0px;
font-size:12px;
font-weight:bold;
color: #202020;
background-image:url(images/halfbar.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
}

DIV.content-titlefull {
float:left;
padding-left:20px;
width:291px;
clear:right;
}

 DIV.content-titlefull h2 {
 width:572px;
height:27px;
padding-top:8px;
padding-left:10px;
margin-left:0px;
padding-right:0px;
margin-right:0px;
margin-top:0px;
font-size:12px;
font-weight:bold;
color: #202020;
background-image:url(images/full.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
}



DIV.content p {
margin-top: 0px;
margin-left:0px;
line-height:normal;
}

DIV.con_content_left a {
text-decoration:underline;
}

DIV.press-logo {
padding:5px;
margin-bottom:5px;
background-color:#181818;
border-bottom: solid 1px #666666;
}



	


/* =============================================================== */
/* ======================= SIDEPANEL ============================ */
/* =============================================================== */


	
ul.sidepanel-list li a.sidelink1 {
height:58px;
width:293px;
text-decoration:none;
background-image:url(../greenebooks/images/side-panel-1.gif);
background-position:top left;
background-repeat:no-repeat;
color:#999999;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink2 {
height:58px;
width:293px;
text-decoration:none;
background-image:url(../greenebooks/images/side-panel-2.gif);
background-position:top left;
background-repeat:no-repeat;
color:#999999;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink3 {
height:58px;
width:293px;
text-decoration:none;
background-image:url(../greenebooks/images/side-panel-3.gif);
background-position:top left;
background-repeat:no-repeat;
color:#999999;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink1:hover {

height:58px;
width:293px;
text-decoration:none;
background-image:url(../greenebooks/images/side-panel-1-over.gif);
background-position:top left;
background-repeat:no-repeat;
color:#999999;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink2:hover {

height:58px;
width:293px;
text-decoration:none;
background-image:url(../greenebooks/images/side-panel-2-over.gif);
background-position:top left;
background-repeat:no-repeat;
color:#999999;
text-align:left;
float:left;
padding-top:8px;
}
ul.sidepanel-list li a.sidelink3:hover {

height:58px;
width:293px;
text-decoration:none;
background-image:url(../greenebooks/images/side-panel-3-over.gif);
background-position:top left;
background-repeat:no-repeat;
color:#999999;
text-align:left;
float:left;
padding-top:8px;
}

ul.sidepanel-list {
list-style-image: none;
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

ul.sidepanel-list li {
cursor:pointer;
height:58px;
width:293px;
list-style-image:none; 
list-style-type:none;
overflow:hidden;

}



ul.sidepanel-list a strong {
color:#FFFFFF;
}

span.sidepanel-list_title {
font-size:12px;
font-weight:bold;
padding-left:15px;
color:#323a29;

}

span.sidepanel-list_subtext {
padding-top:0px;
padding-left:15px;
float: left;
padding-right:20px;

}

span.sidepanel-contact_title {
font-size:12px;
font-weight:bold;
padding-left:20px;
margin-top:20px;
color:#323a29;
float:left;

}

span.sidepanel-contact_subtext {
padding-top:10px;
padding-left:20px;
float: left;
padding-right:20px;

}

div.contact-link {
padding-top:10px;
padding-left:20px;
float: left;
padding-right:20px;
color:#202020;
font-weight:bold;

}



div.contact-link a {

color:#202020;
font-weight:bold;
text-decoration:none;
}

div.contact-link a:hover {

color:#202020;
font-weight:bold;
text-decoration:none;

}
DIV.right-contact {
width:290px;
height:118px;
background-color:#cee3a4;
border: 1px solid #88a161;
margin-top:20px;


}



/* 

color guide
highlight: #202020
background: #FFFFFF
font: #999999
medium color: #88a161
dark color: #323a29
light color: #cee3a4



 */

/* ============================ RIGHT CON ============================ */



DIV.right_con {
float: right;
text-align:left;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
padding-right:0px;
padding-bottom:80px;
padding-left:0px;
padding-top:0px;
width:280px;
}

DIV.right_con span {
font-size:11px;
}

DIV.right_con ul {
list-style: none;
padding:0px;
margin:0px;
margin-top:0px;
padding-bottom:24px;
padding-top:0px;
clear: both;
}	

DIV.right_con li {
list-style: none;
}



	
DIV.right_con ul li a {
color:#999999;
text-decoration:none;
width:281px;
padding-top:8px;
padding-left:10px;
margin-left:0px;
margin-top:0px;
font-size:12px;
font-weight:bold;
position:relative;
display:block;
}
.right_con ul li a:hover {
color:#5A4A42;
text-decoration:none;

}	

.right_con ul li.current_page_item a {
color:#5A4A42;
text-decoration:none;
border-bottom: 1px solid #D6DE23;

}
	
DIV.right_con ul li {
list-style: none;
width:280px;
}

DIV.right_con ul li.title a {
color:#FFFFFF;
padding:0px;
margin:0px;
}


DIV.right-graphic-con {
padding-bottom:20px;}


DIV.right-subscribe {
	float:left;
	padding:0px 40px 20px 0;
	margin:0px;
	width:200px;
	height:160px;
	}
	
DIV.right_con  ul.post-meta {
 background-color:#FFFFFF;
}
	
	
	
/* ============================ SIDEBAR NAV ============================ */

DIV.sidebar {
float: right;
width: 291px;
padding-bottom:80px;
text-align:left;
}

DIV.sidebar ul {
list-style: none;
margin-left:0px;
padding-left:0px;
margin-bottom:0px;
}

	

DIV.sidebar li {
list-style: none;
margin-left:0px;
}


DIV.sidebar li h2 {

}

DIV.sidebar h2 {
font-size: 16px;
color:#999999;
padding-top:5px;
padding-bottom:5px;
margin-bottom:0px;
margin-top:20px;
font-weight:100;
padding-left:0px;
margin-left:0px;
}
	
DIV.sidebar ul li a {
color:#999999;
text-decoration:none;
width:228px;
height:20px;
padding:6px 8px 0px 0px;
margin-top: 0px;
margin-left: 0px;
border-bottom: #cee3a4 solid 1px;
position:relative;
display:block;
}
DIV.sidebar ul li a:hover {
color:#323a29;
text-decoration:none;

}	

DIV.sidebar ul li.current_page_item a {
color:#323a29;
text-decoration:none;


}

	

/* ============================ LEFT CON ============================ */



DIV.left_con {
float: left;
width: 280px;
padding-right:20px;
}

DIV.left_con ul {
list-style: none;
padding:0px;
margin-left:0px;
margin-top:75px;
}	
	
.left_con a {
color:#999999;
text-decoration:none;
width:280px;
}
.left_con a:hover {
color:#323a29;
text-decoration:none;

}	
	
DIV.left_con ul li {
list-style: none;
padding:2px 0px 6px 0px;
margin-left:10px;
border-bottom: #cee3a4 solid 1px;
}





	

	
	
/* =============================================================== */
/* ======================= FOOTER ============================ */
/* =============================================================== */


DIV.footer {
	
	clear: both;

	width:100%;
	}

DIV.con_footer {
	text-align: left;
	font-size:11px;
	font-weight:100;
	margin-top: 40px;
	width:876px;
	border-bottom:0px;
	margin:auto;
	background-color:#000000;
	height:24px;
	border-top: #999999 solid 1px;
	padding-top:10px;
	}
	
	DIV.jbslink {
float:right;
padding-top:5px;
text-align:right;
padding-right:5px;
width:300px;
	}
	DIV.jbslogo {
	background-image:url(images/small-jbs-logo.gif);
	background-position: center top;
	background-repeat:no-repeat;
	height: 40px;
	
	}




DIV.con_footer a {
color:#FFFFFF;
text-decoration:none;

}

DIV.con_footer a:hover {
color:#FFFFFF;
text-decoration:none;

}


DIV.con_footer ul {
padding:0;
margin:0;
float: left;
clear:both;
}

DIV.con_footer ul li {
display:inline;
margin-bottom:0;
padding-right:10px;
}

DIV.footer-menu {
width:876px;
text-align:left;
margin:auto;
}

DIV.footer-menu ul {
padding-bottom:10px;
padding-left:30px;
margin:0px;
float:left;
}

DIV.footer-menu ul li {
display:inline;
margin-bottom:0;
padding-right:10px;

}

DIV.footer-menu a {
color:#FFFFFF;
text-decoration:none;

}

DIV.footer-menu a:hover {
color:#999999;
text-decoration:none;

}

ul.footer-info  {
color:#999999;
float:left;
}

DIV.con_footer ul.footer-info li {
display: block;
}


/* =============================================================== */
/* ============================ FORM ============================ */
/* =============================================================== */

DIV.con_form {
width:100%;
float:left;}

DIV.con_form h5 {
padding-bottom:10px;
}

DIV.details1 {
padding-top:0px;
padding-bottom:10px;
width:50%;
float:left;
}

DIV.details1 span {
width:100px;
float:left;

}

input {
background-color:#181818;
border: solid 1px #666666;
color:#FFFFFF;
}



DIV.details2 {
padding-top:0px;
padding-bottom:10px;
width: 33%;
float:left;
}

DIV.details2 span {
width:60px;
float:left;

}

DIV.details2 input {
width:100px;

}