/*



Theme Name: Microbiology news



Description: Template for microbiology news



Author: Virginia Wong



*/







/* 	************************************************************************ */



/* 	News Engine        							 	                         */



/* 	************************************************************************ */







/*	These elements are used by the news engine and control how your news items



	look when displayed on screen */



	



.break {



	clear: both; 



}







/*	This surrounds the whole news section */







.newsBox {



	/*border: 1px solid #c3c3c3;*/



	/*padding: 20px;*/



	



	padding-left: 5px;



	padding-right: 5px;



	padding-top: 20px;



}







/* 	This surrounds the whole news item */







.newsItem {



	background: #ffffff;



	margin-bottom: 10px;



}







/* This changes the colors of the links */



.newsTitle {







	font-family: Arial, Helvetica, sans-serif;



	font-weight: bold;



	color: #666699;



}





.newsTitle a {



	color: #666699;



	font-weight: bold;



}







.newsTitle a:link, a:visited {



	color: #666699;



	font-weight: bold;



}







.newsTitle a:hover {



	color: #001E6A;



}







/* You can use this to change the description



	colors, spacing, padding etc. */



	



.newsDescription {



	color: #000000;



}







/* 	This changes the more news link */







.moreNews a:link, a:visited {



	color: #800000;



}







.moreNews a:hover {



	color: #001E6A;



}



/* 	************************************************************************ */



/*	Below are the items you should change if you want to modify the          */



/*	colors or fonts displayed in the blog  									 */



/* 	************************************************************************ */







/* 	This sets the background image which appears underneath the date */







.feature{



	padding: 0px 0px 10px 10px;



	background-image: url('../../../../images/blueheader.gif');



	background-repeat: no-repeat;



}











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



	font-family: Arial,sans-serif;



	margin: 0px;



	padding: 0px;



}







/*	This sets the colour and size for the site name */







h1{



	font-size: 130%;



	color: #2D3373;



	padding: 5px 0px 5px 10px;



	margin-bottom: 10px;	



	



}







/*	This sets the color for the date */







h2{



 font-size: 120%;



 color: #666699;



 margin-bottom: 10px;



}











/* 	************************************************************************ */



/*	These elements set the color of the hyperlinks							 */



/* 	************************************************************************ */







a {



	color: #666699;



}







a img {



	border: none;



}







a:visited {



	color: #666699;



}







a:hover {



	color: #001E6A;



}











/* 	************************************************************************ */



/*	These elements control the menu which appears on the right of the screen */



/* 	************************************************************************ */







/*	This is the menu title */







#menu{



    float:right;



	width: 150px;



	margin-top: 5px;



	margin-right: 10px;



	padding: 0 0 0 0;



}







.menuTitle{



	color: #000000;



	/*background-color: #FF9900;*/



	/*padding: 5px;*/



	padding-left: 0px;
	margin-top: 10px;



	display: block;



	font: 12px Arial;



	font-weight: bold;



	text-decoration: none underline;



	text-align: left;



}











/* 	This sets the background color for your menu */



	



.menuContainer {



}







/*	This is what the menu item 	looks like normally */



	



.menuItems a {



	color: #2f2f2f;



	/*padding: 4px;*/



	padding-left: 5px;



	/*border-bottom: 1px solid #FFCC80;*/



	display: block;



	font: 11px Arial;



	/*font-weight: bold;*/



	text-decoration: none underline;



	text-align: left;



}











/*	This is what happens when the mouse goes over the menu */



	



.menuItems a:hover {



	/*background-color: #FF9900;*/



	color: #000000;







}







/*	This is what happens when a link has previously been clicked on */



	



.menuItems a:visited {



	color: #2f2f2f;



	font-weight: normal;



}







.GoogleAd-Right {



	width: 150px;



	float: right;



	margin-top: 5px;



	margin-right: 10px;



}







.GoogleAd-Middle {



	width: 300px;



	float: right;



	margin-left: 20px;



	margin-bottom: 20px;



	margin-top: 50px;



}











/* 	************************************************************************ */



































body{



	font-family: Arial,sans-serif;



	color: #000000;



	line-height: 1.166;	



	margin: 0px 0px; padding:0px;



	text-align:center;



	background-image: url('../../../../images/grey_background.gif');



	background-repeat: repeat-y;



	font-size: 12px;



}







#container{



	margin: 10px auto;



	text-align: left;



	padding: 18px;



	width:790px;



	background-color: #FFFFFF;



	border-bottom: 1px solid #cccccc;



	border-left: 1px solid #cccccc;



	border-top: 1px solid #cccccc;



	border-right: 1px solid #cccccc;



}







#content{



    float:left;



	width: 600px;



	margin-right: 10px;



	padding: 0 10px 20px 0;



}







.post {



	margin-left: 15px;



}







.feature{



	padding: 0px 0px 10px 10px;



	background-image: url('../../../../images/blueheader.gif');



	background-repeat: no-repeat;



}







.feature h2{



	padding: 05px 50px 4px 5px;



	border-bottom: 1px solid #ccc;



}







.feature img{



	float: left;



	padding: 0px 10px 0px 0px;



	margin: 0 5px 5px 0;



}







.feature p {



	padding-left: 5px;



	padding-right: 5px;



}



















h3{



 font-size: 110%;

 padding: 05px 50px 4px 5px;



 color: #2D3373;



}







h4{



 font-size: 100%;



 font-weight: normal;



 color: #333333;



}







h5{



 font-size: 100%;



 color: #334d55;



} 







#footer{



	clear: both;



	border-top: 1px solid #cccccc;



	font-size: 100%;



	color: #cccccc;



	padding: 10px 10px 0px 10px;



	text-align: center;



}







#indent {



	margin-left: 10px;



}







#comments {



	margin-left: 10px;



}







#postcomment {



	margin-left: 10px;



}







#commentform {



	margin-left: 10px;



}















acronym, abbr {



	border-bottom: 1px dashed #333;



}







acronym, abbr, span.caps {



	font-size: 90%;



	letter-spacing: .07em;



}







acronym, abbr {



	cursor: help;



}







blockquote {



	border-left: 5px solid #ccc;



	margin-left: 1.5em;



	padding-left: 5px;



}











cite {



	font-size: 100%;



	font-style: normal;



}











ol#comments li p {



	font-size: 100%;



}







p, li, .feedback {



	font-family: Arial,sans-serif;



	font-size: 100%;



	/*letter-spacing: -1px;*/



}







/* classes used by the_meta() */



ul.post-meta {



	list-style: none;



}







ul.post-meta span.post-meta-key {



	font-weight: bold;



}







.credit {



	background: #90a090;



	border-top: double 3px #aba;



	color: #fff;



	font-size: 11px;



	margin: 10px 0 0 0;



	padding: 3px;



	text-align: center;



}







.credit a:link, .credit a:hover {



	color: #fff;



}







.feedback {



	margin-bottom:10px;



	color: #cccccc;



	/*text-align: right;*/



	/*clear: both;*/



}







.meta {



	font-size: .75em;



}







.meta li, ul.post-meta li {



	display: inline;



}







.meta ul {



	display: inline;



	list-style: none;



	margin: 0;



	padding: 0;



}







.meta, .meta a {



	color: #808080;



	font-weight: normal;



	letter-spacing: 0;



}







.storytitle {



	font-size: 120%;



}







.storytitle a {



	text-decoration: none;



}







.storycontent {



	font-size: 100%;



}







.storycontent u {



   color: #8C113C;



   font-weight: bold;



}   







#commentform #author, #commentform #email, #commentform #url, #commentform textarea {



	background: #fff;



	border: 1px solid #333;



	padding: .2em;



}







#commentform textarea {



	width: 100%;



}







#commentlist li ul {



	border-left: 1px solid #ddd;



	font-size: 110%;



	list-style-type: none;



}







/*



#content {



	margin: 30px 13em 0 3em;



	padding-right: 60px;



}



*/















#menu{



    float:right;



	width: 150px;



	margin-top: 5px;



	margin-right: 10px;



	padding: 0 0 0 0;



}











#menu form {



	margin: 0 0 0 13px;



}







#menu input#s {



	width: 80%;



	background: #eee;



	border: 1px solid #999;



	color: #000;



}







/*	This element sets the color and indentation of the other blog menu		*/



/*	Options such as categories and meta									    */











#menu ul {



	color: #000000;



	font-weight: bold; 



	list-style-type: none;



	margin: 0;



	padding-left: 0px;



}







#menu ul li {



	font: Arial,sans-serif;



	letter-spacing: 0.1em;



	margin-top: 10px;



	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/



	text-decoration: none underline;



}







#menu ul ul {



	font-variant: normal;



	font-weight: normal;



	line-height: 100%;



	list-style-type: none;



	margin: 0;



	padding: 0;



	text-align: left;



}







#menu ul ul li {



	border: 0;



	font: Arial,sans-serif;



	letter-spacing: 0;



	margin-top: 0; 



	padding: 0; 



	padding-left: 5px;



}







#menu ul ul li a {



	color: #000;



	text-decoration: none underline;



}







#menu ul ul li a:visited {



	color: #000;



	font-weight: normal;



	text-decoration: none undeline;



}







#menu ul ul li a:hover {



	/*border-bottom: 1px solid #809080;*/



}











#menu ul ul ul.children {



	font-size: 100%;



	padding-left: 4px;



}







#wp-calendar {



	border: 1px solid #ddd;



	empty-cells: show;



	font-size: 14px;



	margin: 0;



	width: 90%;



}







#wp-calendar #next a {



	padding-right: 10px;



	text-align: right;



}







#wp-calendar #prev a {



	padding-left: 10px;



	text-align: left;



}







#wp-calendar a {



	display: block;



	text-decoration: none;



}







#wp-calendar a:hover {



	background: #e0e6e0;



	color: #333;



}







#wp-calendar caption {



	color: #999;



	font-size: 16px;



	text-align: left;



}







#wp-calendar td {



	color: #ccc;



	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;



	letter-spacing: normal;



	padding: 2px 0;



	text-align: center;



}







#wp-calendar td.pad:hover {



	background: #fff;



}







#wp-calendar td:hover, #wp-calendar #today {



	background: #eee;



	color: #bbb;



}







#wp-calendar th {



	font-style: normal;



	text-transform: capitalize;



}