/*
Theme Name: Global Family Education Center Theme - Japanese Variation
Theme URI: http://globalfamilyeducation.com/
Description: This theme is custom made for the GFEC official website.
Version: 1.5
Author: April Howson, Treelight Design
*/

/* Default styling for the body of the document and the wrapper containing all of the elements
----------------------------------------------------------------*/
body {
margin: 0;
padding: 0;
color: #1c1a11;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 62.5%;
background-color: #eaebdb;
}

#wrapper {
background: #eaebdb url(../../../../images/bg_header3.jpg) top left repeat-x;
font-size: 1.2em;
}
#wrapperIn {
width: 960px;
margin: 0px auto 0px auto;
background: #eaebdb url(../../../../images/bg_header.jpg) top center no-repeat;
overflow: auto;
}
#wrapperInjs {
width: 960px;
margin: 0px auto 0px auto;
background: #eaebdb url(../../../../images/bg_headerjs.jpg) top center no-repeat;
overflow: auto;
}
p {
line-height: 160%;
}

/* Default styling for links
----------------------------------------------------------------*/

a, a:link, a:visited, a:hover, a:active {
text-decoration: underline;
color: #103550;
}
a:hover {
text-decoration: none;
}

/*-------------------------------------*/
/* Default styling for lists
----------------------------------------------------------------*/
ul {
margin: 0;
padding: 0;
list-style: disc;
list-style-position: outside;
}
li {
margin: 0;
padding: 0;
}
.entry ul {
margin: 10px 0px 10px 20px;
list-style-position: outside;
}
.activity ol li {
margin: 15px 0px 30px 0px;
}
.activity ul li {
margin: 15px 0px 30px 0px;
}
.entry li {
margin: 6px 0px 10px 0px;
}
.sidebar ul {
list-style: none;
}
/*-------------------------------------*/


#navbar {
position: relative;
top: 185px;
}

#nav, #nav ul {
position: absolute;
background:#242501 none repeat scroll 0%;
border: 1px solid transparent;
font-weight:bold;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 1em;
padding:0pt;
}
#nav a {
color:#abaa98;
display:block;
padding:0.25em;
text-decoration:none;
position: relative;
height:1%;
}
#nav a.daddy {
background:transparent url(rightarrow2.gif) no-repeat scroll right center;
}
#nav li {
float:left;
padding:4px;
margin: 0px 0px 0px 0px;
width: 10em;
text-align:center;
height:1%;
}
#nav li ul {
background: #242501;
border: 1px solid #3f401c;
font-weight:normal;
left:-999em;
margin: 3px 0px 0px -3px;
padding: 2px;
width:10em;
}
#nav li li {
padding:0px;
margin-left: 0px;
margin-right: 0px;
text-align:left;
}
#nav li ul a {
font-size: 0.9em;
}
#nav li ul ul {
margin:-1.75em 0pt 0pt 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:auto;
}
#nav li:hover, #nav li.sfhover {
background:#353614 none repeat scroll 0%;
left:0;
}
#nav li {
height: 1%;
}
#nav li:hover {
height: 1%;
}

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


#footernav {
text-align: center;
}
#footernav ul {
display: inline;
margin-top: 10px;
}
#footernav li {
padding: 8px 8px 4px 8px;
}

/*-------------------------------------*/
/* Default styling for images
----------------------------------------------------------------*/
img {
border: 0;
}
.imgright {
float: right;
margin: 5px 20px 5px 10px;
}
.imgleft {
float: left;
margin: 5px 20px 5px 10px;
}
.frame {
border: 12px solid #d8eab3;
margin: 5px 20px 5px 10px;
}
.frameright {
float: right;
margin: 5px 10px 5px 20px;
border: 12px solid #d8eab3;
}

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

/* Default styling for headings
----------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {

}
h1 {
color: #141500;
font-size: 1.9em;
}
h2 {
color: #223e53;
}
h3 {
margin-top: 40px;
}
h4 {
margin: 0;
padding: 0;
border-bottom: 1px solid #bdc098;
padding: 2px;
margin-bottom: 4px;
font-size:1em;
}
h5 {

}
h6 {

}


h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active {
display:block;
text-decoration: none;
}
h4 a:hover {
background: #c9ccad;
}

/*-------------------------------------*/
.clearright {
clear: right;


}
.clearleft {

clear: left;
}
.clearboth {
clear: both;
}

/* Elements which are stated "__In" are an extension of it's parent element - it centers the content 
within it's parent element which would otherwise extend to the end of a browser window of any size */

#wrapper {
}

/* Centering Element */
.contentIn {
width: 960px;
margin: 0px auto 0px auto;
}
/*-------------------------------------*/

/*-------------------------------------*/
/* This section defines the header containing the logo and slogan */
#header {
}


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


/*-------------------------------------*/
#nav_secondary {
width: 260px;
text-align: center;
height: 40px;
margin-bottom: 15px;
}
#nav_secondary li {
display: inline;
}

#nav_secondary img {
padding: 8px 4px 0px 0px;
}

#nav_secondary a:link, #nav_secondary a:visited, #nav_secondary a:hover, #nav_secondary a:active {
font-family: Arial, Helvetica, Verdana, sans-serif;
padding: 2px 10px 2px 4px;
color: #6e1f63;
font-size: 16px;
text-decoration: none;
font-weight: bold;
}
#nav_secondary a:hover {
color: #65820c;
}


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

.main_wrapper {
margin-top: 215px;
clear: left;
}
.main {
float: left;
padding: 20px 5px 30px 10px;
width: 635px;
overflow: hidden;
font-size: 1.1em;
}

#footer {
clear: both;
background: #eaebdb url(../../../../images/bg_footer.jpg) top left repeat-x;
height: 110px;
color: #62633b;
}
#footerIn {
width: 960px;
margin: 0px auto 0px auto;
padding-top: 30px;
}
#footerleft {
float: left;
width: 500px;
}
#footerright {
padding-top: 10px;
float: right;
width: 300px;
text-align: right;
}
#footer ul {
}

#footer p {
font-size: 1em;
}

#footer li {
display: inline;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #62633b;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
/*-------------------------------------*/
.entry {
margin-bottom: 40px;
margin-top: 25px;
}

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

#sidebar {
float: right;
width: 240px;
margin-right: 10px;
}
#sidebar h4 {
margin: 0;
padding: 0;
border-bottom: 1px solid #bdc098;
padding: 2px;
margin-bottom: 10px;
font-size:1.2em;
}

#sidebar-main {
margin-top: 155px;
padding-top: 10px;
background: transparent url(../../../../images/bg_sidebar.gif) top center no-repeat;
}

.sidebar-box {
margin: 12px;
padding: 12px;
background-color: #d7dabd;
color: #545533;
}
.sidebar-box2 {
margin: 12px;
padding: 6px;
color: #545533;
}
.sidebar-box3 {
margin: 12px;
padding: 6px;
color: #545533;
}
.sidebar-box ul li a:link,
.sidebar-box ul li a:visited,
.sidebar-box ul li a:hover,
.sidebar-box ul li a:active {
display: block;
background: #e6e8d4;
border-bottom: 1px solid #c5c8a3;
line-height: 120%;
padding: 4px 2px 4px 4px;
margin-bottom: 2px;
text-decoration: none;
color: #383a0d;
font-size: 1.1em;
}
.sidebar-box ul li a:hover {
background: #c9ccad;
}
.sidebar-box3 ul li a:link,
.sidebar-box3 ul li a:visited,
.sidebar-box3 ul li a:hover,
.sidebar-box3 ul li a:active {
display: block;
background: #e6e8d4;
border-bottom: 1px solid #c5c8a3;
line-height: 120%;
padding: 4px 2px 4px 4px;
margin-bottom: 2px;
text-decoration: none;
color: #383a0d;
font-size: 1.1em;
}
.sidebar-box3 ul li a:hover {
background: #c9ccad;
}
.newsletter {
color: #545533;
margin: 3px 8px 26px 10px;
}

a.event-title:link,
a.event-title:visited,
a.event-title:hover,
a.event-title:active {
text-decoration: none;
color: #383a0d;
font-size: 1.1em;
}
a.event-title:hover {
text-decoration: underline;
}


#home-contact {
background: transparent url(../../../../images/bg_homecontact.gif) top center no-repeat;
height: 32px;
padding: 8px 10px 4px 20px;
}
a.btn-home:link,
a.btn-home:visited,
a.btn-home:hover,
a.btn-home:active {
background: transparent url(../../../../images/icon_home.gif) top left no-repeat;
padding-left: 30px;
margin: 10px 20px 10px 5px;
text-decoration: none;
color: #3f400b;
font-weight: bold;
}
a.btn-home:hover {
color: #568701;
}
a.btn-contact:link,
a.btn-contact:visited,
a.btn-contact:hover,
a.btn-contact:active {

background: transparent url(../../../../images/icon_contact.gif) top left no-repeat;
padding-left: 30px;
margin: 10px 20px 10px 5px;
text-decoration: none;
color: #3f400b;
font-weight: bold;
}
a.btn-contact:hover {
color: #568701;
}

a.japansite:link,
a.japansite:visited,
a.japansite:hover,
a.japansite:active {
float: right;
	display:block;
	text-indent: -9999em;
	overflow:hidden;
	height:40px;
	width:142px;
	background: url(../../../../images/btn_japansite.gif);
	}
a.japansite:hover {
	background-position: 0 -40px;
	}
a.englishsite:link,
a.englishsite:visited,
a.englishsite:hover,
a.englishsite:active {
float: right;
	display:block;
	text-indent: -9999em;
	overflow:hidden;
	height:40px;
	width:142px;
	background: url(../../../../images/btn_englishsite.gif);
	}
a.englishsite:hover {
	background-position: 0 -40px;
	}

a.viewmore:link,
a.viewmore:visited,
a.viewmore:hover,
a.viewmore:active {
	display:block;
	text-indent: -9999em;
	overflow:hidden;
	height:23px;
	width:109px;
	background: url(../../../../images/btn_viewmore1.gif);
margin: 12px;
	}
a.viewmore:hover {
	background-position: 0 -23px;
	}

h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
color: #223e53;
text-decoration: none;
border-bottom: 1px solid #bdc098;
font-size: 0.9em;
}

h1 a:hover {
color: #103550;
border-bottom: 1px solid #545533;
}


.post-info {
font-size: 0.9em;
}
.post-date{
float: left;
display: inline;
margin: 10px 20px 0 0;
background: url(../../../../images/date.gif) no-repeat;
width: 60px;
height: 68px;
}
.month {
text-transform: uppercase;
text-align: center;
font-size: 1.1em;
padding: 6px 0px 14px 0px;
}
.day {
font-weight: bold;
text-align: center;
font-size: 1.2em;
}

.entry img {
border: 4px solid #f9f9ed;
margin: 0px 15px 10px 0px;
}

.button a:link,
.button a:visited,
.button a:hover,
.button a:active {
display: block;
width: 160px;
margin: 15px 20px 15px 0px;
padding: 8px 12px 8px 12px;
text-align: center;
background: #8fabbf;
border-right: 2px solid #636362;
border-bottom: 2px solid #636362;
color: #0f2332;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.button a:hover {
border-right: 1px solid #7391a6;
border-bottom: 1px solid #7391a6;
border-top: 1px solid #eaebdb;
border-left: 1px solid #eaebdb;
}

.poem {
font-style: italic;
font-weight: lighter;
line-height: 120%;
letter-spacing: 0.02em;
margin-left: 20px;
}


.bookcase {
background: #e9ead8;
height: 210px;
text-align: center;
margin-top: 20px;
}
.book {
float:left;
width: 150px;
}
.book img {
}
.book-title {
color: #223e53;
font-weight: bold;
font-size: 12px;
}
.book-caption {
}

.books2 {
margin-bottom: 80px;
}


a.about:link,
a.about:visited,
a.about:hover,
a.about:active {
	display:block;
	text-indent: -9999em;
	overflow:hidden;
	height:33px;
	width:150px;
	background: url(../../../../images/btn_about.gif);
	}
a.about:hover {
	background-position: 0 -33px;
	}


a.aboutcd:link,
a.aboutcd:visited,
a.aboutcd:hover,
a.aboutcd:active {
	display:block;
	text-indent: -9999em;
	overflow:hidden;
	height:33px;
	width:150px;
	background: url(../../../../images/btn_aboutcd.gif);
	}
a.aboutcd:hover {
	background-position: 0 -33px;
	}


a.purchase:link,
a.purchase:visited,
a.purchase:hover,
a.purchase:active {
	display:block;
	text-indent: -9999em;
	overflow:hidden;
	height:33px;
	width:150px;
	background: url(../../../../images/btn_purchase.gif);
	}
a.purchase:hover {
	background-position: 0 -33px;
	}

a.purchasecd:link,
a.purchasecd:visited,
a.purchasecd:hover,
a.purchasecd:active {
	display:block;
	text-indent: -9999em;
	overflow:hidden;
	height:33px;
	width:150px;
	background: url(../../../../images/btn_purchasecd.gif);
	}
a.purchasecd:hover {
	background-position: 0 -33px;
	}


.activity {
border: 1px solid #c6c8b0;
background: #f9f9ed url(../../../../images/h_activity_light.gif) top left no-repeat;
padding: 50px 10px 8px 10px;
color: #223e53;
}
.emph {
border: 1px solid #c6c8b0;
background: #f9f9ed;
padding: 10px;
}

ul.book-cats {
width: 200px;
float: left;
border: 1px solid #c6c8b0;
background: #f9f9ed;
margin: 5px;
padding: 10px;
}
.book-cats li {
list-style-type:none;
}
.book-cats li a:link,
.book-cats li a:visited,
.book-cats li a:hover,
.book-cats li a:active {
display: block;
padding: 2px;
text-decoration: none;
border-bottom: 1px dotted #d9dbc5;
}
.book-cats li a:hover {
background: #d9dbc5;
}

.ec3_events li {
margin-bottom: 15px;
}