Team:HKUST/Template:css

body {
	margin: auto;
	padding: 0;
	font: 11px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	width:900px;
	background-image: url(http://ihome.ust.hk/~lzhu/website/BG1.jpg);
	background-repeat:repeat;
	background-position:center;
}



#header {
  width:950px;
  background-color:transparent;
  background-position:center;
}


#body_content
{ 
    width:950px;
	height:1100px;
	background-image:url(http://ihome.ust.hk/~lzhu/website/bg.jpg)
}

#body_content_abstract
{ 
    width:950px;
	height:700px;
	background-image:url(http://ihome.ust.hk/~lzhu/website/bg.jpg)
}

#body_content_Notebook
{ 
    width:950px;
	height:2000px;
	background-image:url(http://ihome.ust.hk/~lzhu/website/bg.jpg)
}

#body_content_team
{ 
    width:950px;
	height:3500px;
	background-image:url(http://ihome.ust.hk/~lzhu/website/bg.jpg)
}

#body_content_result
{ 
    width:950px;
	height:4000px;
	background-image:url(http://ihome.ust.hk/~lzhu/website/bg.jpg)
}


#body_content_human
{ 
    width:950px;
	height:4700px;
	background-image:url(http://ihome.ust.hk/~lzhu/website/bg.jpg)
}

#body_content_material
{ 
    width:950px;
	height:1000px;
	background-image:url(http://ihome.ust.hk/~lzhu/website/bg.jpg)
}


#body_content_project
{ 
    width:950px;
	height:7700px;
	background-image:url(http://ihome.ust.hk/~lzhu/website/bg.jpg)
}

#body_content_reference
{ 
    width:950px;
	height:3000px;
	background-image:url(http://ihome.ust.hk/~lzhu/website/bg.jpg)
}

/*sidebar*/
#body_content 
#sidebar { 
  width:180px;
  margin-left:0px;
  margin-right:5px;
  margin-top:6px;  
  float:left;
  height:1100px;
  background-image:url(http://ihome.ust.hk/~lzhu/website/sidebar-bg.jpg); 
  background-repeat:no-repeat;
}

#body_content_abstract
#sidebar { 
  width:180px;
  margin-left:0px;
  margin-right:5px;
  margin-top:6px;  
  float:left;
  height:700px;
  background-image:url(http://ihome.ust.hk/~lzhu/website/sidebar-bg.jpg); 
  background-repeat:no-repeat;
 
}

#body_content_result
#sidebar { 
  width:180px;
  margin-left:0px;
  margin-right:5px;
  margin-top:6px;  
  float:left;
  height:4000px;
  background-image:url(http://ihome.ust.hk/~lzhu/website/sidebar-bg.jpg); 
  background-repeat:no-repeat;
 
}

#body_content_Notebook
#sidebar { 
  width:180px;
  margin-left:0px;
  margin-right:5px;
  margin-top:6px;  
  float:left;
  height:1800px;
  background-image:url(http://ihome.ust.hk/~lzhu/website/sidebar-bg.jpg); 
  background-repeat:no-repeat;
 
}

#body_content_team 
#sidebar { 
  width:180px;
  margin-left:0px;
  margin-right:5px;
  margin-top:6px;  
  float:left;
  height:3500px;
  background-image:url(http://ihome.ust.hk/~lzhu/website/sidebar-bg.jpg); 
  background-repeat:no-repeat;
 
}

#body_content_human
#sidebar { 
  width:180px;
  margin-left:0px;
  margin-right:5px;
  margin-top:6px;  
  float:left;
  height:4700px;
  background-image:url(http://ihome.ust.hk/~lzhu/website/sidebar-bg.jpg); 
  background-repeat:no-repeat;
 
}

#body_content_material 
#sidebar { 
  width:180px;
  margin-left:0px;
  margin-right:5px;
  margin-top:6px;  
  float:left;
  height:1000px;
  background-image:url(http://ihome.ust.hk/~lzhu/website/sidebar-bg.jpg);
  background-repeat:no-repeat;
 
}

#body_content_project
#sidebar { 
  width:180px;
  float:left;
  height:7700px;
  background-image:url(http://ihome.ust.hk/~lzhu/website/sidebar-bg.jpg); 
  background-repeat:no-repeat;
}

#body_content_notebook
#sidebar { 
  width:180px;
  float:left;
  height:8000px;
  background-image:url(http://ihome.ust.hk/~lzhu/website/sidebar-bg.jpg); 
  background-repeat:no-repeat;
}


#body_content_reference
#sidebar { 
  width:180px;
  float:left;
  height:2900px;
  background-image:url(http://ihome.ust.hk/~lzhu/website/sidebar-bg.jpg); 
  background-repeat:no-repeat;
 
}

#body_content 
#human 
{
	margin:5px;
	padding:5px;
	width:700px;
	height:800px;
	float:left;
}

#body_content
#home
{
	margin:10px;
	padding:10px;
	width:600px;
	float:left;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#body_content
#biosafe
{
	margin:10px;
	padding:5px;
	float:left;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	width:600px;
	height:800;
}


#body_content_project
#module_1
{
	width:700px;
	height:6000px;
	float:left;
	margin:10px;
	padding:5px;
}

#body_content_reference
#module_1
{
	width:700px;
	height:3000px;
	float:left;
	margin:10px;
	padding:5px;
}

#body_content_material 
#module_1
{
	width:700px;
	height:1000px;
	float:left;
	margin:10px;
	padding:5px;
}
#body_content_result
#module_1
{
	width:700px;
	height:3000px;
	float:left;
	margin:10px;
	padding:5px;
}
#body_content_project 
#module_1
{
	width:700px;
	height:3000px;
	float:left;
	margin:10px;
	padding:5px;
}

ol.reference
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	
}

#module_1
ol.reference
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	
}


/*--sidebar--*/




#sidebar ul .project a
{
	margin-left:0px;
	background-image:url(tab_big_mo.png);
	width:135px;
}


#sidebar
a
{
	height:31px;
	display:block;
	background-image:url(tab_small_mo.png);
	font-size:12px;
	font-weight:bold;
	padding:4px;
	margin-bottom:5px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	float:inherit;
	 -webkit-transition: all 0.2s ease-in-out;
}
#sidebar 
ul
{
	list-style: none;
	margin:4px;
	width:160px;
	float:left;
	padding-left:5px;

}

#sidebar
ul li
{
	margin-left:0px;
}
#sidebar
a:hover
{
	height:31px;
	display:block;;
	background-image:url(tab_small_mo.png);
	font-size:12px;
	font-weight:bold;
	padding:4px;
	text-shadow:4px #FFF;
	margin-bottom:5px;
	color:#000;
	text-decoration:none;
	text-align:center;	
	float:inherit;
	-webkit-transform: translate(2px,0px);

}





/*side bar end*/

div.ex
{
	margin:10px;
	padding: 0px;
	width:600px;
	text-decoration:none;
	float:left;
	height: 200px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px; 
}


div.banner
{
	background-image:url(banner.jpg);
	width:560;
	position:absolute;
}



p.human_pratice
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:600px;
	float:left;
}

p.comment
{
	font-size:13px;
	font-weight:200;
	width:600px;
	float:left;
}

#body_content_material
p.content
{
	margin:10px;
	padding: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px; 
	
}



p.human_pratice_1
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	width:600px;
	float:left;
}

#figure
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:4px;
	

	}


p.biosafe_t
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:200;
	
}

p.h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:400;
	
}

p.h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-weight:350;
	
	
}


p.workshop
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:17px;
	width:600px;
	float:left;
}




p.story
{
	font-family:"Comic Sans MS", cursive;
	font-size:15px;
	text-shadow:4px 4px 4px #000;
	
}




#calendar
{
	padding:0px 0px;
	margin:0px;
	width:700px;
	height:600px;
	float:left;	
	
}

/*team*/

#body_content_team
#team 
{
	margin:0px;
	float:left;
	min-height:400px;
	width:700px;
	
}

#body_content_team
#team 
#story{
	width:300px;
	border:#060;
}


#body_content_team
#box_small
{
	width:200px;
	height:150px;
	margin:10px;
	border-color:#999;
	padding:5px;
	float:left;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#00C;	
}

#body_content_team
#box
{
	width:200px;
	height:350px;
	margin:10px;
	padding:10px;
	border-color:#999;
	padding:5px;
	float:left;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#00C;	
}



/*end_of_team*/

/*test*/
#boxes
{
	width:160px;
	height:200px;
	float:left;
	background-color:#FFF;
	margin:3px;
	display:block;
	border:#000 thick;

}


#box_banner1
{
	margin:5px;
	width:150px;	
	height:70px;
	background-color:#C6D93B;
	display:block;
	text-align:center;
	float:left;
	font-size:12px;

	
	font:"Times New Roman", Times, serif;
} 

#box_banner2
{
	margin:5px;
	width:150px;	
	height:70px;
	background-color:#21BFBF;
	display:block;
	text-align:center;
	float:left;
	font-size:12px;

	font:"Times New Roman", Times, serif;
}

#box_banner3
{
	margin:5px;
	width:150px;	
	height:70px;
	background-color:#F200EC;
	display:block;
	text-align:center;
	float:left;
	font-size:12px;
	font:"Times New Roman", Times, serif;
}

#box_banner4
{
	margin:5px;
	width:150px;	
	height:70px;
	background-color:#F28322;
	display:block;
	text-align:center;
	float:left;
	font-size:12px;
	font:"Times New Roman", Times, serif;
}


#boxes
#content
{
	width:150px;
	margin:10px 5px;
	display:block;
	float:inherit;
	font-weight:800;
	font:Verdana, Geneva, sans-serif
	font-size:12px;
	word-break:break-all;
	border:#FFF;
	position:relative;
}

#boxes
#banner_text
{
	margin-top:5px;
	
}

#boxes
#content
a 
{
	width:150px;
	display:block;
	
	
	font-weight:800;
	font:"Times New Roman", Times, serif;
	font-size:13px;
	word-break:normal;
}

/*--notebook--*/
#body_content_Notebook
#leftpart
{
	width:740px;
	height:40px;
	float:left;
	margin-top:10px;
}


#body_content_Notebook
#leftpart
#date
{
	width:60px;
	height:40px;
	float:left;
	margin:5px;
	display:block;
	color:#C09;
	font-size:13px;
	font:Verdana, Geneva, sans-serif;
}

#body_content_Notebook
#leftpart
#logbook
{
	width:630px;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:left;
	margin:5px;
	height:40px
}

#body_content_Notebook
#leftpart1
{
	width:740px;
	height:65px;
	float:left;
	margin-top:10px;
}

#body_content_Notebook
#leftpart1
#date
{
	width:60px;
	height:65px;
	float:left;
	margin:5px;
	display:block;
	color:#C09;
	font-size:13px;
	font:Verdana, Geneva, sans-serif;
}

#body_content_Notebook
#leftpart1
#logbook
{
	width:630px;
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:left;
	margin:5px;
	height:40px
}