/*
Theme Name: VaccinApe Theme.
Theme URI: www.vaccinApe.org
Description: 
Version: 1.0
Author: Ji Sun Park & Sumiko Carter
Author URI: www.vaccinape.org
*/


/* THe css for all the main containers */

html,body {
	background-color: white; 
	height: 100%;
	margin:0;
	padding:0;
	font-family: Helvetica, MS Sans Serif, Geneva, sans-serif;
	font-size: 12px;
	line-height:120%;
	line-spacing:.02em;


}


#container {
	position:relative;
	top:-3px;
	background-color: white;
    background-image:url('http://vaccinape.org/wp-content/uploads/2009/12/bg_950.gif');
    background-repeat:repeat-y;
	margin: 0 auto;
	width: 1000px;
 }
 
 #header { 
    background-image:url(http://vaccinape.org/wp-content/uploads/2009/12/bg_950.gif);
	background-repeat:repeat-y;
	height:109px;
	margin:0 auto;
	position:relative;
	width:1000px;
}

.logo {
	background-color: white;
	background-position:left bottom;
	background-image:url('http://vaccinape.org/wp-content/uploads/2009/12/vaccinape_logo.jpg');
	background-repeat:no-repeat;
	height:95px;
	text-indent:-9999px;
	left:60px;
	position:relative;
	top:10px;
	width:800px;
}

 /* General text styles and H tags */
 
a img { border: none; }

 
 h4{
	margin-bottom: 5px;
	color:#83ac13;
}

#text a {
	text-decoration: none;
	font-size:12px;
	color:#FF9900;

}

 #view a {
	color:#F90;

}

#text{
padding: 15px;
line-height: 140%;
padding-left:0px;
padding-top:3px;

}


#text h2 {
font-size: 12px;
color:#83ac13;
}

#text h3 {
font-size: 14px;
color:#83ac13;
margin-bottom:5px;
}

h2 span{
font-style: italics;
}



/* CSS for the Main Content  of the pages*/
 
 #main_content {
	float: left;
	width: 560px;
	padding-left:30px;
    margin-left:10px;
	padding-top:12px;
	padding-right:0px;
	height:100%;

}

#main_content #tag {
	font-size:15px;
	color:#66666;
	line-height:110%;
	position:relative;
	top:0px;
	left:0px;
	width:550px;

}

#main_content h2 {
	margin:0;
	padding-bottom:5px;
	padding-left:13px;
	padding-top:5px;
}

#main_content p {
	margin:2px 2px 10px;
	font-size: 12px;
	color: #666666;
	width:540px;
}

 



/* CSS for the blog, post page */


#archives_content, #single_content {
	float: left;
	width: 530px;
	padding-left:60px;
	padding-top:12px;
	padding-right:10px;
	height:100%;
	line-height: 140%;

}

#reply_content {
	float: left;
	width: 550px;
	padding-left:0px;
	padding-top:12px;
	padding-right:10px;
	height:100%;
	background-image:none;

}

 #post {
	float:left;      
	width: 600px;

}

#archives_content h2 a{
	color:#000;
	text-decoration:none;
	margin-bottom:0px;
}


#archives_content .entry{
	padding-left:0px;
	color:#666;
}


#single_content .entry {
	padding-left:0px;
	color:#666;

}

#single_content a {
	text-decoration:none;
	color:#f90;

}


.entry a{
text-decoration: none;
color: #F90;
}

.entry #maplinks h3 {
color: #83AC13;
font-size: 12px;
margin-bottom: 5px;
}

/* 

.intro_title {
	font-size: 20px;
	color:#999;
	margin-bottom:0px;
	padding:0px;
	letter-spacing: -0.05em;	
}


.intro_text {
	width: 600px;
	font-size: 12px;
	margin-top: -20px;
}

*/


.title a img { border:none; }


/* The styling for the tables on the About Us page */

.lead_institutions {
padding-right: 0px;
margin-top: 0px;
}




/* Css for footer starts here */

#footer {
	clear:both;
    background-image:url('http://vaccinape.org/wp-content/uploads/2009/12/footer.gif');
	background-repeat:no-repeat;
	height:40px;
	width:950px;
	position:relative;
    font-size:10px;
}
#copy {
	font-weight:bold;
	color:#666;
        text-align: center;
        position: relative;
        top: -5px;
        left: 0px;
}

#footer .copyright {
	width:900px;
}

#footer .copyright ul {
	list-style:none;
	text-align:center;
	padding-left:35px;
	margin-bottom:3px;
}
#footer .copyright li {
	display:inline;
	padding-right:3px;
}

#footer .copyright a {
	color:#666;
	text-decoration:none;
}
#footer .copyright a:hover {
	color:#F90;
	text-decoration:none;
}


/* CSS for the Resources page */

#resource_content {
	float: left;
	width: 550px;
	color:#666;
	padding-top:12px;
        height:100%;

}

#resources_content .resources h2, #resource_content .resources h4 {
color:#666666;
font-size:14px;
margin:0;
padding:7px 2px 9px 11px;
}

.resources {
	width:550px;
	float:left;
	background-image:url('http://vaccinape.org/wp-content/uploads/2009/12/bottom_header.jpg');
	background-repeat:no-repeat;
}

.resources ul {
	list-style-type:none; 
}

.resources li {
	padding-bottom:5px;
	font-size:13px;
}

#resources_content .g_thumb p {
float:left;
margin-top:0;
width:156px;
}
.g_thumb a img {

float:left;
padding-right:5px;
}


#text .g_thumb a { border-style: none; }

#largemovie {
	width:350px;
	height:100%;
	float:left;
        padding-left:15px;
	padding-right:20px;
	padding-top:5px;
	margin-bottom:20px;

}
#largemovie a {
	padding:5px 0 5px 0;
	margin-top:10px;

}

#largemovie p{
	width:355px;
	padding-bottom:10px;

}

#moviesidebar {
	width:160px;
	float:left;
	height:100%;

}

.thumb {
	float:left;
	height:100%;
	width:150px;
}

.g_thumb {
	float:left;
	height:100%;
	padding-bottom:20px;
	padding-left:13px;
	padding-right:7px;
	width:250px;
        height:80px;
}

.lg_thumb {
	float:left;
	height:100%;
	padding-bottom:20px;
	padding-left:4px;
	width:135px;

}

.feature td { font-size:12px; }


#moviesidbar .movie_list h2 {
	font-size: 12px;
	color:#83ac13;
}



#text table {
margin-top:10px;
}






/*committee*/

	#committee td{
	list-style: none;
	text-alight: left;
	width: 200px;
	vertical-align: top;
}

.scientist {
	width:100px;

}

#committee ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#committee li {
	padding:0px;
	margin:0px;
}


/* CSS The committee table styling */

#committee h2 {
	padding-left:0px;
	padding-bottom:3px;
	color:#83AC13;
}

#committee h2 strong { color:#83AC13; }

#committee li { color:#666; }

#text td {
	color:#666;
	font-weight:normal;
	padding:0;
	padding-left:0px;


}

#text .donors { width:120px; }


#bottom #mini_one a, #bottom #mini_two a, #bottom #mini_three a{
margin-top:5px;
}



#text #lead td { padding-bottom:10px;
padding-right: 5px; }


#main_content .entry #maplink a { float:right; }

#main_content .entry #maplink h3 {
	color: #83AC13;
	font-size: 12px;
}



#donors td .donors { width:400px; }

#container .postmetadata { margin-bottom:40px; }


/*lead institutions*/
dt{ color:#66666 }


/* sidebar css starts here */

#sidebar {	
	float:right;
	font-size:12px;
	margin-top:25px;
	padding-right:87px;
	padding-top:5px;
	width:305px;
	width:305px;
}


#sidebar h2,  {      
	color:#999999;
	font-size:14px;
	letter-spacing:-0.05em;
	margin:0;
	background-image:url('http://www.vaccinape.org/wp-content/themes/default1/images/header.jpg');
	background-repeat:no-repeat;	
}

.featpost h2 {
	color:#999999;
	font-size:14px;
	letter-spacing:-0.05em;
	margin:0;
	padding:10px 2px 1px 10px;
}

#sidebar h4 {
	color:#999999;
	font-size:14px;
	letter-spacing:-0.05em;
	margin:0;
	padding:7px 2px 3px 10px;
}



#sidebar a {
	font-size: 14px;
	margin-top:2px;
	margin-bottom:3px;
	padding:0px;
	color:#F90;
    text-decoration:none;	
}

#sidebar strong {
	color:#F90;
	font-size:12px;
	
}

#sidebar p {
	color:#999999;
	direction:ltr;
	line-height:120%;
	padding:0 11px;
}
#sidebar li {
	padding-left:0px;
	color:#666;	
}

#sidebar ul { list-style: none; }


#sidebar ul ul { padding-left:0px; }


/* Hides the widget for searching the post page */
#search-4 {
display:none;

}

/* CSS for Features in the Sidebar */

.feature {
	float:left;
	width:280px;
	height:100%;
	margin-top:20px;
	padding-bottom:30px;
	margin-left:20px;
	background-image:url('http://www.vaccinape.org/wp-content/themes/default1/images/header.jpg');
	background-repeat: no-repeat;

}

.feature a {
	text-decoration:none;
	color:#999;
	font-size:8px;

}

#thumbnail {
	float:left;
	padding-left:10px;
	padding-top:10px;
	width:150px

}


#thumbnail p{
	width: 250px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
.feature #video {
	width:250px;
	float:left;
	padding-left:10px;


}

.feature #video  a{
	 color:#f90;
	font-size: 12px;

}

.feature #video  p{
	padding:0px;
	margin:6px 0 0 0;
}

.feature h6 {
	color:#83AC13;
	font-size:14px;
	margin:0;
	padding:10px 0 10px 10px;

}

#sidebar .feature h4 { padding-top:12px; }


#featurelinks {
	width:245px;
	float:left;
	padding-left:20px;
	padding:10px 20px 0px 10px;
}

#featurelinks p{
	margin-top: 100px 0px 0px 0px;
	padding: 0px;
}

#featurelinks a {
	font-size:12px;
	color:#F90;
}

#featurelinks strong {
	font-size:12px;
	color: #999999;
}



#sidebar .feature h2 { background-image:none; }

#sidebar .feature ul {
padding: 5px 0px 0px 0px;
margin: 0px;
}

#sidebar .feature ul li{ padding: 0px 0px 5px 0px; }


/*css for the widget that updates in the sidebar */

.featpost {
	background-image:url('http://www.vaccinape.org/wp-content/themes/default1/images/header.jpg');
	background-repeat:no-repeat;
	float:left;
	height:100%;
	margin-top:0;
	padding-bottom:12px;
	width:280px;

}

.featpost p { padding-left:4px; }

#sidebar ul li ul li {
	padding-left:10px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height:120%;
	color:#999;
	letter-spacing: .02em;
}

#sidebar ul { padding-left:20px; }

#sidebar .feature .support_us a {
	color: #83AC13;
	font-size: 12px;
}





/* this is the navigation for the single post  and archive*/
.navigation {
	height:14px;
	padding-left:0px;
	padding-bottom:20px;

}
.navigation h3 a {
	color:#000;
	text-decoration:none;

}

.alignleft {
	color:#f90;
	float:left;
	padding-right:20px;
	margin-right:10px;

}
.alignleft a, .alignright a {
	color:#f90;
	text-decoration:none;
}

.alignright {
	color:#f90;
	float:left;
	padding-right:10 px;

}

.entry {
	padding: 0 0 2px 10px;
        line-spacing:.01em;
        line-height: 140%;
        
}

#archives_content .entry p{
	line-height: 140%;
}

.entry h3 {
	color:#83AC13;
	font-size: 12px;
	margin-bottom: 5px;
}


.postmetadata a {
color:#f90;
text-decoration:none;


}

#wpm1 {
position: absolute;
top: 55px;
right: 55px;
width: 675px;
}

.sf-grey ul li.support,.sf-grey ul li.news,.sf-grey ul li.our_project,.sf-grey ul li.our_focus,.sf-grey ul li.about_us,.sf-grey ul li.media {
border-left: thin solid #F90;
}

.sf-grey a:hover{
color: #66666;
}




/* CSS for the overview on the homepage */

#mini_one {
	float:left;
	width:150px;
	height:100%;
	padding:28px 15px 15px 20px;

}

#mini_two, 
#mini_three {
	float:left;
	width:150px;
	height:100%;
	padding:15px;
}

#bottom #mini_two p, #bottom #mini_one p, #bottom #mini_three p {
	width:150px;
	padding: 0px;
	margin: 0px;
}

#bottom {
	width:550px;
	clear:both;
	background-image:url('http://vaccinape.org/wp-content/uploads/2009/12/bottom_header.jpg');
	background-repeat: no-repeat;
	height:400px;
}

#bottom h2 {
	color:#F90;
	font-size:12px;
	letter-spacing:-0.05em;
	margin:0;
	padding:10px 2px 5px 0px;

}
 #bottom h4{
	color:#999;
	font-size:14px;
	letter-spacing:-0.05em;
	margin:0;
	padding:10px 2px 0px 10px;

}

td p  { color:#666;
	width:300px
} 

#text td p { width:350px; }

td strong { color:#F90;
font-weight: bold; } 






/* positioning the images for the tab */

.photo1{
	height:250px;
	margin-left:0px;
	margin-top:-30px;
	padding-top:15px;
	width:550px;
	}

.panes p{
	font-size: 12px;
	color: black;
	padding-left: 0px;
}

/* root element for tabs  */

ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(images/yellow_tabs.png) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#333 !important;



}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

#resources_content .textright {
float:right;
width:180px;
margin-top:0px;

}