/*
Theme Name: Church
Theme URI: http://dushi.co.uk/
Description: Church Theme.
Version: 0.1
Author: Dushyanth Jyothi
Author URI: http://dushi.co.uk
Tags: orange, custom header, fixed width, two columns, widgets

	This theme was designed and built by Dushyanth Jyothi,
	whose blog you will find at http://dushi.co.uk/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

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

   CSS Explained for customisation:
   Step 1: Sets up some sensible default typography. 
   Step 2: Set CSS for wordpress generated classes
   Step 3: Set theme based CSS Layout
 -------------------------------------------------------------- */

/* --------------------------------------------------------------
   Step 1: Sets up some sensible default typography. 
-------------------------------------------------------------- */
	/* Default font settings.
	   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
	html { font-size:100.01%; }
	body {
		font-size: 75%;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		background-color:#F8F8F8;/**Greay -Light*/
	}
	/* HTML  elemetns Typography
	-------------------------------------------------------------- */
	h1,h2,h3,h4,h5,h6 { 
		font-weight: bold; 
		color:#F24F00;/**Orange -Medium*/
		}
	h1 { 
		font-size: 2em;;
		padding:2px;
		margin:2px; 
		}
	h2 { 
		font-size: 1.75em; 
		padding:2px;
		margin:2px; 
		}
	h3 { 
		font-size: 1.50em; 
		padding:2px;
		margin:2px; 
		}
	h4 { 
		font-size: 1.25em; 
		padding:2px;
		margin:2px; 
		}
	h5 { 
		font-size: 1em; 
		padding:2px;
		margin:2px; 
		}
	h6 { 
		font-size: 1em; 
		padding:2px;
		margin:2px; 
		}
	h1 img, h2 img, h3 img,
	h4 img, h5 img, h6 img {
	  margin: 0;
	}
	/* Text elements
	-------------------------------------------------------------- */
	p {
		 font-size: 1em; 
		 color:#000000;		 
		 margin: 1px;
 		 padding: 1px;
		 }
	p img.left  { 
		float: left;
		margin:2px;
		padding:1px;
		}
	p img.right { 
		float: right; 
		margin:2px;
		padding:1px;
		}
	a {
		color:#F24F00;/**Orange -Medium*/
		text-decoration:none; 
		 }
	a:visited { 
		color:#F24F00;/**Orange -Medium*/
		text-decoration:none; 
		}	 
	a:hover {
		color:#F24F00;/**Orange -Dark*/
		text-decoration:none;
		font-weight:bold;
		}
	a:active {
		color:#A34900;/**Orange -Dark*/
		text-decoration:none; 
		}	
	blockquote{
		 margin: 1.5em;
		 padding: 0.5em 2em;
		 color:#000000; 
		 font-style: italic; 
		 text-align: left;
		 background-color:#F24F00;/**Orange -Medium*/
		 background-image:url('images/quote.png');
		 background-position:left top;
		 background-repeat:no-repeat;
		}	
	abbr,
	acronym{
		 border-bottom: 1px dotted #F24F00;
		 }
	pre{
		 margin: 1.5em 0; 
		 white-space: pre; 
		 }
	pre,code,tt { 
		font: 1em 'andale mono', 'lucida console', monospace; l
		ine-height: 1.5; 
		}
	/* Images
	--------------------------------------------------------------  */
	img{
		margin:0px;
		padding:0px;
		}
	img.left  { 
		float: left;
		margin-right:3px;
		}
	img.right { 
		float: right; 
		margin-left:3px;		
		}		
	a img{
		border:0px; 
	}				
	/* Lists
	--------------------------------------------------------------  */
	/**Defalut Lists are override for different classes */
/*
	li ul,
	li ol{
		 margin: 0; 
		 }
	ul, ol{
		margin: 0 1.5em  0 0; padding-left: 3.333em; 
		}
	ul{
		 list-style-type:none; 
		 }
	ol { 
		 list-style-type:none; 
		}
		li{
		background-image: url('images/bullet.png');
		background-repeat:no-repeat;
		padding-left:13px;
	  }
	dl{
		 margin: 0 0 1.5em 0; 
		 }
	dl dt {
		 font-weight: bold; 
		 }
	dd{ 
		margin-left: 1.5em;
		}
		*/
	/* Tables
	-------------------------------------------------------------- */
	table{ 
		border: 1px solid #C7C7C7;
		}
	th{ 
		font-weight: bold; 
		}
	thead th{
		background-color: #E0E0E0;/**Greay -Dark*/
		color:#F24F00;/**Orange -Medium*/
		 }
	th,td,caption { 
		text-align:center;
		}

	tr.even td{ 
		background-color: #EEEEEE;/**Greay -Light*/
		}
	tfoot { 
		font-style: italic; 
		}
	caption{ 
		text-align:center;
		font-weight: bold; 
		color:#F24F00; 
	   }

/* --------------------------------------------------------------
   Step 2: Set CSS for wordpress generated classes
-------------------------------------------------------------- */
	/* Navigation
	-------------------------------------------------------------- */
	.navigation {
		padding:0px;
		margin:0px 0px 1% 0px;
		width:100%;
		float:left;
		border:1px solid  #C7C7C7;	
		text-align: center;
		background-color: #E0E0E0;
		min-height:10px;
		}
	.alignright {
		float: right;
		}
	.alignleft {
		float: left;
		}
	/* Search styles 
	-------------------------------------------------------------- */
	/* Form
	-------------------------------------------------------------- */	
	#top-search-form{
		margin:0px;
		padding:0px;
		width:auto;
		float:right;
	}
	#searchform{
		margin:0px;
		padding:0px;
		width:auto;
	}
	#commentform{
		margin:0px;
		padding:0px;
		width:100%;
	}	
/* --------------------------------------------------------------
   Step 3: Set theme based CSS Layout
-------------------------------------------------------------- */
/* Main Layout
-------------------------------------------------------------- */
	#main-container{
		margin: 0;
		width: 100%;
	}
	#header-container{
		margin: 0;
		padding: 0px;
		width: 100%;
		height: 200px;
	}
	#announcements-search-container{
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 30px;
	}	
	#search-container{
		margin:-35px 0px 25px 69%;
		padding: 0px;
		height: 35px;
	}	
	#announcements-container{
		width:68%;
		padding:0px;
		margin:0px  1px 0px 0px;
		height: 35px;
	}
	#sidebar-container{
		margin:0px 0px 0px 69%;
		padding: 0px;
	}	
	#content-container{
		float:left;
		width:68%;
		padding:0px;
		margin:0px  1px 0px 0px;
	}
	#post-container{
		float:left;
		width:100%;
		padding:0px;
		margin:0px 0px 2% 0px;
		border:1px solid  #C7C7C7;		
	}		
	#block-container{
		float:left;
		width:100%;
		padding:0px;
		margin:0px 0px 2% 0px;
		border:1px solid  #C7C7C7;		
	}		
	#footer-container{
		clear: both;
		margin:10px 0px 10px 0;
		padding:0px;
		background-color: #F24F00;
		border: 1px solid #C7C7C7;
	}
/* Header Layout
-------------------------------------------------------------- */
	/**Needed to plcae  text over header image**/
	#header-container{
		position: relative;
		z-index:0;
		border-bottom:1px solid #C7C7C7;		
	}
	#header-jpeg{
		margin: 0px;
		padding: 0px;
		border:0px;
		width: 100%;
		height: 200px;
		background-image: url('images/Header.jpg');
		background-repeat: no-repeat;
		position: absolute;
		z-index:-1;
		left: -1px;
		top: 1px;
	}	
	#header-logo-container{
		display : block;
		left: 5px;
		top: 6px;
		width: 900px;
		/**Needed to plcae  text over header image**/
		position: absolute;
	}
	#header-menu-container{
		display : block;
		display:inline-block;
		top: 177px;
		width: 900px;
		position: absolute;
		height:24px;
		left: 10px;
	}	
/* Header Menu Navigation  CSS
	/*==================================================
	Drop Down Menu Taken from 
	Son of Suckerfish Dropdowns
	http://www.htmldog.com/articles/suckerfish/dropdowns/
	==================================================*/
	#header-menu-nav {
		font-size:1em;
		padding:0px;
		margin:0px;
		}		
	#header-menu-nav, #header-menu-nav ul {
		padding:0px;
		margin:0px;
		list-style:none;
		list-style-image:none;
		line-height:24px;
		}	
	#header-menu-nav a, #header-menu-nav a:hover {
		display: block;
		text-decoration: none;
		border:none;
		margin:0px;
		padding:  0px 12px 0px  12px;
		}	
	#header-menu-nav li {
		float: left;
		list-style:none;
		padding:0px;
		margin:0px;
		border-right:1px solid #FFFFFF;
		}	
	#header-menu-nav a, #header-menu-nav a:visited {
		display:block;
		font-weight:bold;
		color:#FFFFFF;
		}	
	#header-menu-nav a:hover, #header-menu-nav a:active {
	 	background-color: #E0E0E0;
		text-decoration:none;
		color:#A34900;
		}	
	.current_page_item	a, #home .on  {
 	    background-color:#F24F00;
		}
	/* Dropdown Menus for child pages */		
	#header-menu-nav li ul {/*first level dropdown*/
		position: absolute;
		z-index: 10;
		left: -999em;
		height: auto;
		width: 172px;
		}
	#header-menu-nav li ul ul {/*second level dropdown*/
		margin: -2em 0 0 172px;
		}
	#header-menu-nav li:hover ul ul, #header-menu-nav li.sfhover ul ul {
		left: -999em;
		}
	#header-menu-nav li li {
		width: 172px;
		background-color:#F24F00;
		}
	#header-menu-nav li li a, #header-menu-nav li li a:visited {
		font-size:0.9em;
		font-weight:bold;
		color:#FFFFFF;
		}	
	#header-menu-nav li li a:hover, #header-menu-nav li li a:active {
	 	background-color: #E0E0E0;
		text-decoration:none;
		color:#A34900;
		}	
	#header-menu-nav li:hover ul, #header-menu-nav li li:hover ul, #header-menu-nav li li li:hover ul, #header-menu-nav li.sfhover ul, #header-menu-nav li li.sfhover ul,
	#header-menu-nav li li li.sfhover ul {
		left: auto;
		padding:0px;
		margin:0px;
		}
	a.main:hover {background:none;}
	
	
	#announcements-container p{
		padding-left:20px;
	}
	
	
/* Sidebar 
-------------------------------------------------------------- */
	#sidebar-top-middle-container{
		width:100%;
		margin: 0px;
		padding:0px;
	}
	#sidebar-right-container{
		margin: 0 0 2% 52%;
		padding: 0px;
	}
	#sidebar-left-container{
		float:left;
		width: 49%;
		margin: 0 0 2% 0;
		padding: 0 2% 0 0;
	}
	#sidebar-top-middle-container table ,#sidebar-right-container table ,#sidebar-left-container table {	
		width:100%;
	}
	/* Sidebar  Lists*/
	#sidebar-top-middle-container ul ,#sidebar-right-container ul ,#sidebar-left-container ul {
		float: left;
		list-style: none;
		list-style-image:none;
		width: 100%;	
		border: 0;
		padding:0px;
		margin:0px;
	}
	#sidebar-top-middle-container ul li,#sidebar-right-container ul li,#sidebar-left-container ul li {
		float: left;
		width: 100%;
		border: 1px solid #C7C7C7;
		padding:0px;
		margin-bottom:10px;
	}
	
	#sidebar-top-middle-container ul li h2,#sidebar-right-container ul li h2,#sidebar-left-container ul li h2 {
		border: 0;
		padding:2px;
		margin:0px;
		color:#FFFFFF;
		background-color:#F24F00;	
	}
	#sidebar-top-middle-container ul li ul ,#sidebar-right-container ul li ul ,#sidebar-left-container ul li ul {
		border: 0;
		padding:0px;
		margin:0px;
	}
	#sidebar-top-middle-container ul li ul li ,#sidebar-right-container ul li ul li ,#sidebar-left-container ul li ul li {
		float: left;
		width: 100%;
		border: 0;
		padding:0px;
		margin:0px;
		border-top:1px solid #C7C7C7;
	}
	#sidebar-top-middle-container ul li ul li a,#sidebar-right-container ul li ul li a,#sidebar-left-container ul li ul li a {
		float: left;
		width: 100%;
		text-decoration: none;
		margin:3px;
		background-image: url('images/bullet.png');
		background-repeat:no-repeat;
		padding-left:8px;		
	}
	#sidebar-top-middle-container ul li ul li a:hover,#sidebar-right-container ul li ul li a:hover,#sidebar-left-container ul li ul li a:hover {
	
	}
    
	/* Sidebar  Tabs CSS*/
	/*=====================================================================
	 Optional Script in Header File:  Temporarily hide the "tabber" class so it does not "flash"
	   on the page as plain HTML. After tabber runs, the class is changed
	   to "tabberlive" and it will appear. 
	
			<script type="text/javascript"> 
				document.write('<style type="text/css">.tabber{display:none;}<\/style>');
			</script> 
	=====================================================================*/
	.tabberlive .tabbertabhide {
		 display:none;
		}
		/*--------------------------------------------------
		  .tabber = before the tabber interface is set up
		  .tabberlive = after the tabber interface is set up
		  --------------------------------------------------*/
		.tabber {
		margin:0px 0px 2% 0px;
		}
		.tabberlive {
		margin:0px 0px 2% 0px;
		}
		/*--------------------------------------------------
		  ul.tabbernav = the tab navigation list
		  li.tabberactive = the active tab
		  --------------------------------------------------*/
		ul.tabbernav{
		 margin:0px;
		 padding: 3px 0;
		 border-bottom: 1px solid #C7C7C7;
		}
		ul.tabbernav li{
		 list-style: none;
		 margin: 0;
		 display: inline;
		}
		ul.tabbernav li a{
		 padding: 3px 0.5em;
		 margin-left: 3px;
		 border: 1px solid #C7C7C7;
		 border-bottom: none;
		 background-color:#F24F00;
		 text-decoration: none;
		 font-weight:bold;
		}
		ul.tabbernav li a:link {
		color:#FFFFFF;
		}
		ul.tabbernav li a:visited {
		color:#F24F00;
		}
		ul.tabbernav li a:hover{
		color:#A34900;
		background-color:#F8F8F8;
		}
		ul.tabbernav li.tabberactive a
		{
		 background-color: #F8F8F8;
		color:#F24F00;
		 border-bottom: 1px solid #F8F8F8;
		}
		
		ul.tabbernav li.tabberactive a:hover
		{
		 color:#A34900;
		 border-bottom: 1px solid F8F8F8;
		}
		
		/*--------------------------------------------------
		  .tabbertab = the tab content
		  Add style only after the tabber interface is set up (.tabberlive)
		  --------------------------------------------------*/
		.tabberlive .tabbertab {
		 padding:5px;
		 border: 1px solid #C7C7C7;
		 border-top:0;
		 min-height:45px;
	 	background-color:#F8F8F8;
		
		 /* If you don't want the tab size changing whenever a tab is changed
			you can set a fixed height */
		
		 /* height:200px; */
		
		 /* If you set a fix height set overflow to auto and you will get a
			scrollbar when necessary */
		
		 /* overflow:auto; */
		}
		
		/* If desired, hide the heading since a heading is provided by the tab */
		.tabberlive .tabbertab h2 {
		 display:none;
		}
		.tabberlive .tabbertab h3 {
		 display:none;
		}
		
		/* Example of using an ID to set different styles for the tabs on the page */
		.tabberlive#tab1 {
		}
		.tabberlive#tab2 {
		}
		.tabberlive#tab2 .tabbertab {
		 height:200px;
		 overflow:auto;
		}
		#index-tab-container{
			float:left;
			width:100%;
		} 
		#sidebar-tab-container{
		} 

/* Feature Post Glider CSS
-------------------------------------------------------------- */
	#glidercontent{
		float:left;
		margin-bottom:2%;		
	}
	.glidecontentwrapper{
		position: relative; /* Do not change this value */
		width: 100%;
		height: 250px; /* Set height to be able to contain height of largest content shown*/
		overflow: hidden;
		}
	.glidecontent{ /*style for each glide content DIV within wrapper.*/
		position:absolute; /* Do not change this value */
		padding:0px 0px 0px 0px;
		width: 100%;
		margin:0px;
		height: 250px;
		background:#ddd url(images/minibg.jpg) no-repeat;
		overflow:hidden;
		float:left;
		text-transform:capitalize;		
	}
	.glidecontent img{
		border:0px;
		margin:0px;
		padding:0px;
	}
	.glidemeta h2{
		margin:5px 5px 5px 10px;
		font-size:16px;
		font-weight:bold;
		text-transform:capitalize;
	}
	.glidemeta h2 a:link, .glidemeta h2 a:visited{
		color:#FFFFFF;
	}
	.glidemeta{
		height: 150px;
		width: 100%;
		padding:0px 5px 5px 5px;
		position:absolute;
		background: url(images/balloon.png);
		top:150px;
		color:#FFFFFF;
		font-size:12px;
		overflow: hidden;
		display:none;
		text-transform:capitalize;
	}
	.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
		width: 100%;
		z-index:150;
		position:absolute;
		top: 90px;
	}
	.glidecontenttoggler a{ /*style for every navigational link within toggler */
		display: -moz-inline-box;
		display: inline-block;
		color:#F24F00;
		font-weight: bold;
		text-decoration: none;
		text-transform:capitalize;
	}
	.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
		background-color: #E0E0E0;
		color:#F24F00;
	}
	.glidecontenttoggler a:hover{
		background-color: #E0E0E0;
		color:#A34900;
	}
	.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
	}
	.glidecontenttoggler a.prev{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
		float:left;
		display:block;
		background:url(images/left.png) bottom;
		width:36px;
		height:36px;
	}
	.glidecontenttoggler a.next{
		float:right;
		display:block;
		background:url(images/right.png) bottom;
		width:36px;
		height:36px;
	}
	.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
	}


/* Feature Post Glider CSS
-------------------------------------------------------------- */
	#mini-post-container{
		width:100%;
		float:left;
		padding:0px;
		margin:0px;
	}		

	#mini-post-left-container{
		float:left;	
		margin:0 2% 2% 0;
		padding:0px ;
		width:31.5%;
		border:1px solid  #C7C7C7;
		background-color:#F8F8F8;
	}
	#mini-post-middle-container{
		float:left;	
		margin:0 2% 2% 0;
		padding:0px ;
		width:31.5%;
		border:1px solid  #C7C7C7;
		background-color:#F8F8F8;
	}	
	#mini-post-right-container{
		float:left;	
		margin:0 0 2% 0;
		padding:0px ;
		width:31.5%;
		border:1px solid  #C7C7C7;
		background-color:#F8F8F8;
	}	
	#mini-post-title{
		font-size: 1.75em; 
		padding:2px;
		margin:0px;
		background-color:#F24F00;
		border-bottom:	1px solid #C7C7C7;
	}
	 #mini-post-title a{
	 	padding-left:2px;
		color:#FFFFFF;
		text-decoration:none; 		
	 }
	#mini-post-content{
    	margin:1px;
		padding:1px;
		text-align:justify;
		height:200px;
		min-height:200px;
	}
	#mini-post-content a{
		text-align:justify;
	}
	#thumbnail img{
		display: block;
    	margin-left:1%;
	    margin-right:1%;
		border: 1px solid #C7C7C7;
	}	
	#mini-post-content p{
		text-align:justify;
	}
/* post-container
	-------------------------------------------------------------- */
	#post-title{
		font-size: 1.75em; 
		padding:2px;
		margin:0px;
		color:#FFFFFF;
		background-color:#F24F00;
		border-bottom:	1px solid #C7C7C7;		
	}
	#post-title a{
	 	padding-left:2px;
		color:#FFFFFF;
		text-decoration:none; 	
	}
	#post-title a:visited {
		text-decoration:none; 
		}	 
	#post-title a:hover {
		font-weight:bold;
		text-decoration:none; 
		}
	#post-title a:active {
		text-decoration:none; 
		}	
	#post-metadata-header{
		text-align:left;
		margin:5px;
		padding-left:2px;
		border: 1px solid #C7C7C7;
		background-color: #EEEEEE;
	}
	#post-content {
		text-align: justify;
		margin:0px;
		padding:6px;
	}
	#post-content img, img.post-content{
		border: 2px solid #C7C7C7;
		margin: 1em 1em 0 0;
		float:left;
	}		
	#post-metadata-footer{
		text-align:left;
		margin:5px;
		padding-left:2px;
		border: 1px solid #C7C7C7;
		background-color: #EEEEEE;
	}
/*post-container Lists. */
	#post-container ol, #post-container ul{
		margin:1em 0 1em 2em;
		padding:0;
		}
	#post-container li ol, #post-container li ul{
		margin:0.5em 0 0.5em 2em;
		padding:0;
		}
	#post-container li {
		margin:0.2em 0;
		padding:0;
		}
	#post-container ul{
		list-style-type: none;
		}
	#post-container ol{
		list-style-position:inside;
		}
	#post-container li{
		padding:0px 0 0px 13px;
		line-height:1.2em;
		}
	#post-container ol li, #post-container ul ol li
	{
		background: none;
		padding-left:0;
	}
	#post-container ul li, #post-container ol ul li 
	{
		background-image: url('images/bullet.png');
		background-repeat:no-repeat;
		padding-left:13px;
	}

/* block-containe*/
	#block-title{
		font-size: 1.75em; 
		padding:2px;
		margin:0px;
		color:#FFFFFF;
		background-color:#F24F00;
		border-bottom:	1px solid #C7C7C7;		
	}
	#block-title a{
	 	padding-left:2px;
		color:#FFFFFF;
		text-decoration:none; 	
	}
	#block-title a:visited {
		text-decoration:none; 
		}	 
	#block-title a:hover {
		font-weight:bold;
		text-decoration:none; 
		}
	#block-title a:active {
		text-decoration:none; 
		}	
	#block-metadata-header{
		text-align:left;
		margin:5px;
		padding-left:2px;
		border: 1px solid #C7C7C7;
		background-color: #EEEEEE;
	}

	#block-content {
		text-align: justify;
		margin:0px;
		padding:6px;
	}
	#block-content img, img.block-content{
		border: 2px solid #C7C7C7;
		margin: 1em 1em 0 0;
		float:left;
	}		
	#block-metadata-footer{
		text-align:left;
		margin:5px;
		padding-left:2px;
		border: 1px solid #C7C7C7;
		background-color: #EEEEEE;
	}
/*block-container Lists. */
	#block-container ol, #block-container ul{
		margin:1em 0 1em 2em;
		padding:0;
		}
	#block-container li ol, #block-container li ul{
		margin:0.5em 0 0.5em 2em;
		padding:0;
		}
	#block-container li {
		margin:0.2em 0;
		padding:0;
		}
	#block-container ul{
		list-style-type: none;
		}
	#block-container ol{
		list-style-position:inside;
		}
	#block-container li{
		padding:0px 0 0px 13px;
		line-height:1.2em;
		}
	#block-container ol li, #block-container ul ol li
	{
		background: none;
		padding-left:0;
	}
	#block-container ul li, #block-container ol ul li 
	{
		background-image: url('images/bullet.png');
		background-repeat:no-repeat;
		padding-left:13px;
	}
	
/* Footer*/
	#footer-container p{
		text-align:center;
		padding:2px;
		margin:2px;
	}
	#footer-container a{
	 	padding-left:2px;
		color:#FFFFFF;
		text-decoration:none; 	
	}
	#footer-container a:hover{
		font-weight:normal;
	}
	
	
/* Misc classes
-------------------------------------------------------------- */
strong{
	 font-weight: bold; 
	 }
em,dfn{
	 font-style: italic; 
	 }
dfn{
	 font-weight: bold; 
	 }
sup, sub{
	 line-height: 0; 
	 }
address{
	 margin: 0 0 1.5em; 
	 font-style: italic; 
	 }	 
del{
	 color:#F24F00; 
	 }	 
	 
	 
	 
.small{ 
	font-size: .8em; 
	margin-bottom: 1.875em; 
	line-height: 1.875em; 
	}
.large { 
	font-size: 1.2em; 
	line-height: 2.5em; 
	margin-bottom: 1.25em;
	}
.hide{ 
	display: none; 
	}

.quiet { 
	color: #666; 
	}
.loud{ 
	color: #000; 
	}
.highlight{ 
	background:#ff0; 
	}
.added{ 
	background:#060; 
	color: #fff; 
	}
.removed{
	 background:#900; 
	 color: #fff; 
	 }

.first { 
	margin-left:0; 
	padding-left:0; 
	}
.last{ 
	margin-right:0; 
	padding-right:0; 
	}
.top { 
	margin-top:0; 
	padding-top:0; 
	}
.bottom     { 
	margin-bottom:0; 
	padding-bottom:0; 
	}