@charset "UTF-8";
/* CSS Document for Main Page */
/* Pedram Badakhchani 09.09.2010*/ 

* {margin:0; padding:0;}

html{
	text-align : center;
	background:#E3D3A0 url(../img/repeat_theme_ic.png) repeat-y top center;
}

body{
	background:url(../img/body_top_theme.png) no-repeat top center;
	font : 75%/150% verdana, arial, helvetica, sans-serif;
	text-align:left;
}

#wrapper{	
	position:relative;
	margin: 0 auto; 
	width:800px;
	height:800px;
	left:32px;
}


#banner{
	position: relative;
   background: url(../img/banner_theme.png) no-repeat top center; 
	display:block;
	width: 400px;
	height:150px;
	right:100px;
	top:5px;
	text-indent:-9999px;
	margin-top: 0em;
}


#ref_btn{
	float:right;
	padding-left: 0px;
   background: url(../img/reference_btn.png) no-repeat top center;
	display:block;
	width: 116px;
	height:40px;
	margin-top:-12.4em;

}




#ref_btn a{
	color:#6D0101;	
   padding-left: 26px;
	text-decoration:none;
}



/* content */
#content {
	float: left;	
	margin: 0 0.5em 1.5em 0.3em;
	
}

#breadcrumb{
	padding-top: 5px;
	margin-left: -50px;
	float:left; 
	width: 100%;
}


#breadcrumb ul#breadcrumb{
	list-style:none;
	padding-left: 120px;
}


#breadcrumb ul#breadcrumb li{
	display:inline;

	background-image:url(../img/bullet_nav.png);
	background-repeat: no-repeat;
	background-position: 50% 50%,;
}

#breadcrumb ul#breadcrumb li a{
	
	padding-left:30px;
	padding-right:25px;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:-15 px;
	font-size:1em;
	text-decoration: none;
	color:#000;
}
#breadcrumb ul#breadcrumb li a:hover{	
	color: #4D4D4D; 
	
}


#content ul {
   list-style:none;
	padding-left: 55px;
}

#content ul li{
	background-image:url(../img/bullet_point.png);
	background-repeat: no-repeat;
	background-position: 50% 50%,;
	
}
	
	
	

#content ul li a{
	color: #220000;
	text-decoration:none;
	padding-left: 22px;
}

#content ul li a:hover{
	color: #4D4D4D; 
	
}


ul#activities {
   list-style:none;
	padding-left: 55px;
	 
}

ul#activities li a{
	padding-left: 22px;
}
	
	

ul#activities li#grammar{
	background-image:url(../img/bullet_gram.png);
	background-repeat: no-repeat;
	background-position: 50% 50%,;
}
	
ul#activities li#vocabulary{
	background-image:url(../img/bullet_voca.png);
	background-repeat: no-repeat;
	background-position: 50% 50%,;
}
	
ul#activities li#language{
	background-image:url(../img/bullet_lang.png);
	background-repeat: no-repeat;
	background-position: 50% 50%,;
}

ul#activities li#production{
	background-image:url(../img/bullet_prod.png);
	background-repeat: no-repeat;
	background-position: 50% 50%,;
}




	

#theme_title{
	text-indent:-9999px;

}




#h2_title{
	position: relative;
   background: url(../img/h2_top.png) no-repeat top center;
	margin-left: -50px;
   display:block;
	width: 750px;
	height:40px;
	margin-top:0em;
	margin-bottom : 0em;
	

}

#h2_title_short{
	position: relative;
   background: url(../img/h2_top_short.png) no-repeat top center;
	margin-left: -50px;
   display:block;
	width: 750px;
	height:40px;
	margin-top:0em;
	margin-bottom : 0em;
	

}




#cultureSection{
	margin:0em 0em 1em 0em;
	width:750px;
	height:150px;
	background-image:    url(../img/BottomSection.png) , url(../img/section_repeat.png);
	background-repeat:    no-repeat, repeat-y;
	background-position:  100% 100%, 0% 0%;
	
	
}



#dialoguesSection{
   margin:0em 0em 1em 0em;
	width:750px;
	height:100px;	
	background-image:    url(../img/BottomSection.png) , url(../img/section_repeat.png);
	background-repeat:    no-repeat, repeat-y;
	background-position:  100% 100%, 0% 0%;
}


#readingSection{
   margin:0em 0em 1em 0em;
	width:750px;
	height:75px;
	background-image:    url(../img/BottomSection.png) , url(../img/section_repeat.png);
	background-repeat:    no-repeat, repeat-y;
	background-position:  100% 100%, 0% 0%;
	
}
	
	
#functionsSection{
   margin:0em 0em 1em 0em;
	width:750px;
	height:100px;	
	background-image:    url(../img/BottomSection.png) , url(../img/section_repeat.png);
	background-repeat:    no-repeat, repeat-y;
	background-position:  100% 100%, 0% 0%;
	
}


#grammarSection{
   margin:0em 0em 1em 0em;
	width:750px;
	height:125px;	
	background-image:    url(../img/BottomSection.png) , url(../img/section_repeat.png);
	background-repeat:    no-repeat, repeat-y;
	background-position:  100% 100%, 0% 0%;	

}


#activitiesSection{
   margin:0em 0em 1em 0em;
	width:750px;
	height:175px;	
	background-image:    url(../img/BottomSection.png) , url(../img/section_repeat.png);
	background-repeat:    no-repeat, repeat-y;
	background-position:  100% 100%, 0% 0%;		
	
}


#selfSection{
   margin:0em 0em 1em 0em;
	width:750px;
	height:40px;
	background-image:    url(../img/BottomSection.png) , url(../img/section_repeat.png);
	background-repeat:    no-repeat, repeat-y;
	background-position:  100% 100%, 0% 0%;		
	
}


/*#glossarySection{
   margin:0em 0em 1em 0em;
	width:750px;	
	height:50px;
	background-image:    url(../img/BottomSection.png) , url(../img/section_repeat.png);
	background-repeat:    no-repeat, repeat-y;
	background-position:  100% 100%, 0% 0%;	


}
*/

#caption{
	
	text-indent:-9999px;	
	
}

#floatleft {
	float: left; 
	width: 42%;
	text-align:center;
}








#menu a:link{color: #1A0000; text-decoration:none;}
#menu a:hover{color: #6B7D84; text-decoration:none;}


#footer{
	clear: both;
	font-size: 0.8em;
	text-align: center;
	line-height: 1.3em;
	margin: 5em auto 0 auto;
}

#footer a{ color:#6D0101;}


/* Font sizes only */
h1 {font-size:1.5em; margin-top:2em; 
    padding-left: 90px;
    color: #220000;

} /* article headlines */

h1 a{
   color:#220000;
	text-decoration:none;
}

h2 {font-size:1.1em;
    padding-left: 90px;
    color: #220000;
}

h2 a{
   color:#220000;
	text-decoration:none;
}



/* Maincol teaser headlines */

/*h5, p, li {font-size:1em;} /* h5: navigation elements */ margin-bottom:0.5em;*/
h6 {font-size:1.2em;} /* box headings */
small {font-size:0.85em;} /* copyright info, "advertisement" notifiers */

label {font-size:1em;font-weight:bold;}
p {font-size:1em;margin-bottom:0.8em;} /* h5: navigation elements */ 



/* html styles and hacks*/
.floatleft {float:left;}
.floatright {float:right;}
.block {display:block;}
.inline, form {display:inline;}
.centered {margin-left:auto; margin-right:auto; display:block;}
.centercopy  {text-align:center;}







.chinese , p.chinese a{
	
	/*font : 75%/150% verdana, kai, arial, helvetica, sans-serif; */
	font-family:Kai, verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	font-size:1.2em;
	margin-bottom:0.8em;
	
}

h2.chinese{
	font-family:Kai, verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	font-size:1.5em;
	margin-bottom:0.9em;	
}



p.chinese a:hover{
	color: #06C;
}