﻿


html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	background:             url(/images/footer_bg.jpg) #F4F8E8 repeat-y top left;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;} 
	
	
/* -------------- BEGIN: Main Framework -------------- */

#pagebody {
	background:             url(/images/body_header_fade.jpg) #F4F8E8 repeat-x top left;
}

#breadcrumb {
    margin-bottom:          15px;
    }
    
.header {
    font-family: 		    Tahoma,Arial,sans-serif;
    font-size: 			    9px;
    color:					#555555;
    }
    
		
/* Used in Master page as the main body section */
#mainlifestream 
    {
    margin-left:            410px;
    width:                  470px;
    }
    

/* Used in Master page */
#header {
	background:             url(/images/header_p2.jpg) #1E263C repeat-x top left;
	height:                 40px;
}


/* -------------- END: Main Framework -------------- */


    
/* -------------- BEGIN: Lifestream Specific Framework -------------- */

.post_spacer{
    margin-bottom:          30px;
	border:					0px solid green;
    }
    
.post_related{
    margin-bottom:          10px;
	border:					0px solid blue;
    }
    
.timeago {
    margin-top:             4px;	
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				10px;
	text-decoration:	    none;
	color:					#777777;
	text-align:				right;
	width:					85px;
	border:					0px solid red;
	float: 					right;
	}
	
	
.ls_container {
	border:					0px solid orange;
}
	
	
/* -------------- END: Lifestream Specific Framework -------------- */

.item_comment {
    font-size:              12px;
    background-color:       #FAFAE2;
	margin-top:             5px;
    padding:                7px;
    }

/* -------------- BEGIN: Lifestream > Films -------------- */

   
.tag_filminsest {
    margin-right:         	4px;
    float:					left;
    width:					25px;
	border:					0px solid red;
    }
    
.film_box {
    margin-bottom:          0px;
	border:					0px solid red;
    }
    
.films_title {		
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				12px;
	font-weight:            bold;
	text-decoration:	    none;
	color:					#555555;
	}
	
.films_desc {		
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				12px;
	text-decoration:	    none;
	color:					#555555;
    line-height:            16px;
	}
	
.films_essential {
    background-color:       #D5E0E8;
    margin-top:             5px;
    padding:                10px;
    line-height:            16px;
    }
    
.films_general {
    background-color:       #F1F1F1;
    padding:                10px;
    margin-top:             5px;
    line-height:            16px;
    }
    
.film_image {
    text-align:             center;  
    margin-bottom:          8px;
    text-align:				center;
    }
	
	
/* -------------- END: Lifestream > Films -------------- */



/* -------------- BEGIN: Lifestream > Photolog -------------- */

.tag_photolog {
    position:               absolute;
    left:                   370px;
    text-align:             center;  
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				10px;
	color:					#333333;
    padding-top:            3px;
    padding-bottom:         3px;
    line-height: 			1.4em;
	border:					0px solid red;
    }
    
.photolog_box {
    margin-bottom:          0px;
	border:					0px solid red;
}

.photolog_desc {
    text-align:             left;  
    margin-top:             8px;
    line-height:            16px;
    }
	
/* -------------- END: Lifestream > Photolog -------------- */



/* -------------- BEGIN: Lifestream > Blog -------------- */

.blog_box {
    margin-bottom:          0px;
    line-height:            14px;
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				12px;
	color:					#555555;
    border:                 1px solid #DDDDDD;
    background-color:       #FFFFFF;
    margin-top:             5px;
    padding:                9px;
    }
    
.blog_subtitle {
    line-height:            20px;
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				18px;
	color:					#555555;
	}
	   
.blog_title {
    margin-top:          	4px;
    margin-bottom:          12px;
	/*font-family:			Arial, Verdana, sans-serif; 
	font-size:				16px;
	font-weight:			bold;
	color:					#4B8256;*/
	font:					30px Georgia, "Times New Roman", Times, serif; 
	color:					#262625;
    }
    
.blog_desc {		
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				12px;
	text-decoration:	    none;
	color:					#333333;
    line-height: 			1.4em;
	}
	
	
/* -------------- END: Lifestream > Blog -------------- */


/* -------------- BEGIN: Footer  -------------- */
.footer_content {
    margin-bottom:          0px;
    line-height:            14px;
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				12px;
	color:					#555555;
    background-color:       #FFFFFF;
    margin-top:             5px;
    }
/* -------------- END: Footer -------------- */


/* -------------- BEGIN: Lifestream > Twitter -------------- */
    
.twitter_box {
    margin-bottom:          0px;
	border:					0px solid red;
    }
	
.twitter_text {
    margin-left:          	6px;
    line-height: 			1.4em;
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				14px;
	color:					#555;
	float:					left;
	width:					320px;
	border:					0px solid purple;
	}
	
.twitter_quote {
	float:					left;
	text-align:				right;
	width: 					120px;
	border:					0px solid #CEEBD4;
	}
	
/* -------------- END: Lifestream > Twitter -------------- */

	
	

/* -------------- BEGIN: Lifestream > Delicious -------------- */
    
.delicious_box {
    margin-bottom:          0px;
	border:					0px solid red;
    }
	
.delicious_text {
    margin-left:          	6px;
    line-height: 			1.4em;
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				14px;
	color:					#555;
	float:					left;
	width:					320px;
	border:					0px solid purple;
	}
	
.delicious_quote {
	float:					left;
	text-align:				right;
	width: 					120px;
	border:					0px solid #CEEBD4;
	}
	
.delicious_link {		
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				14px;
	text-decoration:	    none;
	}


    
/* -------------- END: Lifestream > Delicious -------------- */

	

/* -------------- BEGIN: Film Lists -------------- */

#filmlists td {
	font-family: 			"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 				11px;
	color:					#555555;
	border-bottom: 	        1px solid #DEDEDE;
	padding-top: 		    2px;
	padding-bottom:         2px;
	}

#filmlists a {
	font-family: 			"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 				11px;
	color:					#000099;
	}
	
#filmlists .header {
	font-family: 			Tahoma,Arial,sans-serif;
	font-size: 				9px;
	color:					#555555;
	}
		
#filmlist td {
	font-family: 			"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 				11px;
	color:					#555555;
	border-bottom: 	        1px solid #DEDEDE;
	padding-top: 		    2px;
	padding-bottom:         2px;
	}
		
#filmlistsessential td {
	font-family: 			"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 				11px;
	color:					#555555;
	border-bottom: 	        1px solid #C1CED8;
	padding-top: 		    2px;
	padding-bottom:         2px;
	}

#filmlist a {
	font-family: 			"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 				11px;
	color:					#000099;
	}
	
#filmlist .header {
	font-family: 		Tahoma,Arial,sans-serif;
	font-size: 			9px;
	color:					#555555;
	}
		
#filmdecadelist td {
	font-family: 			"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 				11px;
	color:					#555555;
	border-bottom: 	        1px solid #DEDEDE;
	padding-top: 		    2px;
	padding-bottom:         2px;
	}

#filmdecadelist a {
	font-family: 			"Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 				11px;
	color:					#000099;
	}
	
	
#filmdecadelist .header {
		font-family: 		Tahoma,Arial,sans-serif;
		font-size: 			9px;
		color:					#555555;
		}
	
		
.progressbox {
    border: 				1px solid #EFEFEF;
    width: 					100px;
    padding: 				1px;
    }


/* -------------- END: Film Lists -------------- */



/* -------------- BEGIN: General Use Tags -------------- */

.red {
	font-family:			Arial, Verdana, sans-serif; 		
	color:					#AB3A3A;
	}
	
.orange {
	font-family:			Arial, Verdana, sans-serif; 		
	color:					#EFA735;
	}
	
.yellow {	
	font-family:			Arial, Verdana, sans-serif; 	
	color:					#CECC3B;
	}
	
.bluegreen {	
	font-family:			Arial, Verdana, sans-serif; 	
	color:					#669999;
	}
	
.aqua {	
	font-family:			Arial, Verdana, sans-serif; 	
	color:					#2E8EB6;
	}
	
.gray {		
	color:					#ABABAB;
	}
	
.dgray {		
	color:					#818181;
	}
	
.tiny {		
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				10px;
	text-decoration:	    none;
	/*color:					#333333;*/
	}
	
.left 
{
    text-align:left;
    }
	
.right 
{
    text-align:right;
    }
	
.center 
{
    text-align:center;
    }
	
	
/* -------------- END: General Use Tags -------------- */


/* -------------- BEGIN: For Use In Blog Posts -------------- */

.bluebullet {
	position:					relative;
	left:            	-15px;
	list-style-image: url(/images/bluearrow.gif);
	} 
	
.orangebullet {
	position:			relative;
	left:            	-15px;
	line-height:        18px;
	list-style-image: url(/images/orangearrow.gif);
	} 
	
/* -------------- END: For Use In Blog Posts -------------- */

/* -------------- BEGIN: Tag Redfinitions -------------- */

body 
    {
	font-family: 			Arial, Tahoma, Verdana, sans-serif;
    font-size:              9pt;
    background-color:       #F4F8E8;
	background:             url(/images/bg_y_repeat.jpg) #F4F8E8 repeat-y top left;
	padding:                0px;
	margin:                 0px;
    }
    
a {
	font-family: 			Arial, Tahoma, Verdana, sans-serif;
	/*font-size:				12px;*/
	color: 					#000099;
	}
	
img {
	border:      			0px;
	}
	
a:link {
	text-decoration:	    none; 
	color:					#000099;
	}

a:visited {
	text-decoration:	    none; 
	color:					#6699CC;
	}

a:hover {
	text-decoration:	    none; 
	color:					#3399FF;
	}
	
blockquote { 
	margin: 				0px 20px; 
	padding: 				0px;
	font-family: 			Arial, Tahoma, Verdana, sans-serif;
	font-size: 			    12px;
	color:					#333333;}
	
td {
	font-family:			Arial, Verdana, sans-serif; 
	font-size:				10px;
	text-decoration:	    none;
	color:					#333333;}
	
.ten {font-family:Arial, Verdana, sans-serif;font-size:10px;}
	
/* -------------- END: Tag Redfinitions -------------- */

