/* Lauren's cascading style sheet. Based on wonderful websites such as joemaller.com, philringnalda.com and megnut.com */

	/* background:#EEE is gray */
	body {
                font-family:georgia, verdana, arial, sans-serif;
		margin:20px 20px 20px 20px;
                background:#FFF;
		}

	a:link {color: #663366; font-weight: bold; } /* purple */
	a:visited {color: #996699; font-weight: normal; } /* lilac */
	a:hover {color: #660099; } 
	a:active {color: #9900CC; } /* purple */
	
	em { font-style: italic; font-weight: normal; }
	strong { font-weight: bold; }
      
	h1, h2, h3, h4 {
            margin: 0px;
		padding: 0px;
	}

	h1 {	font-size: 180%; 	
		margin-bottom:10px;
	}

	h2 {  font-size: 150%; 
            margin-top: 20px;
            margin-bottom: 10px;
	}

	h3 {	font-size: 120%; 	
            margin-top: 15px;	
            margin-bottom: 10px;
		margin-left: 10px;
	}

	h4 {	font-size: 110%; 	
		margin-bottom: 5px;
		margin-left:20px;
	}	

	p {
		color:#000;
		font-size:14px;
		font-weight:normal;
  		line-height:18px;			
		margin-top: 0px; 
		margin-bottom: 5px; 
	}
    
        /* ul {margin-left: 20px; 
            margin-top: 0px;            
            margin-bottom: 0px;
            margin-right: 0px;
        }

        ol {margin-left: 20px; 
            margin-top: 0px;            
            margin-bottom: 0px;
            margin-right: 0px;
        } */

	li {font-size:14px; 
            line-height:18px; 
            margin-bottom: 2px;
        }

	#header {
		font-family:georgia, verdana, arial, sans-serif;
		color: white;
                width: auto;   /* Faux Columns width: 100%; */
                position: relative;   /* Faux Columns position: relative; */
                height: 60px;
		font-weight: bold;
		border-bottom: 1px solid #cccccc;	
  		background: #330066;   /* #330033, #660066 */
  		padding: 15px; 		  		  		  
		voice-family: "\"}\"";      
		voice-family: inherit;      
		height:59px;                
		}
	html>body #header {              
	 	height:59px;                
	 	}                           

	.description {
		font-family:verdana, arial, sans-serif;
		font-size:14px;
		margin-top: 10px;
		}	

      	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}

        .outer {
	        border-right-width: 200px; /* right column width */
		border-right-color: white;  /* right column colour */
		border-left-width: 0px; /* Eliminates ugly black line */
		background-color: white; /* center column colour */
                width: auto; /* Faux Columns width: auto; */
                border-left-style: solid; 
                border-right-style: solid;
                }

        .inner { 
                margin: 0;     /* Faux Columns margin: 0; */
                width: 100%;    /* Faux Columns width: 100% */
               }

        #content {
		font-color: #000;
		font-size: 12px;
		font-weight: normal;
  		line-height: 18px;			
		/* background: #FFF; */
                padding: 15px;
		border-right: 1px dashed #cccccc;
		margin-bottom: 20px;
                float: left; /* Faux columns float: left; */
                width: auto; /* Faux columns width: auto;*/
                position: relative;  /* Faux columns position: relative */
		/* margin-right: 201px;       */
		/*   voice-family: "\"}\"";   */
		/*   voice-family: inherit;   */
		/*   margin-right:201px;      */   
		}
	/*   html>body #content {       */
	/*   	margin-right:201px;     */
      	/*   	}	                */ 

	/* Navigation bar formatting from JoeMaller.com. He used font-family: verdana, arial, sans-serif; */

	#rightnav {
		font-size: 10px; 
		/* color: #cccccc;  */
		font-family: georgia, times, sans-serif; 
		text-transform: lowercase;
                position: relative; /* Faux columns position: relative; */
                float: left; /* Faux columns float: left; */
                right: -15px;
                /* top:115px; */
                width: 200px;
                margin-right: -200px; /* Faux Columns _negative_ width */
                /* background:#fff; Inherit color from .outer */
                height: auto;
                }

	.nav a:link {text-decoration: none; color: #663399;} 
	.nav a:visited {text-decoration: none; color: #9966cc;} 
	.nav a:hover {text-decoration: underline; color: #990066;}
	.nav h2 a:link {color: #660066;}
	.nav h2 {font-size: 12px; 
                 font-family: Arial, Helvetica, sans-serif; 
                 color: #330033; 
                 text-transform: uppercase; 
                 margin-top: 10px; 
                 margin-bottom: 5px;
                 }
	.nav p { margin-bottom: 4px; }

        /* Table layout for my race calendar etc. */
        table.schedule {
                 width: 60%; 
                 voice-family: "\"}\"";
                 voice-family: inherit;
                 width: 90%;                 
                 }

	html>body table.schedule {
                 width: 90%;
		 }

	#footerinfo {
		font-family: georgia, verdana, arial, sans-serif;
		font-color: black;
                width: 100%;           /* Faux Columns width: 100%; */
                position: relative;    /* Faux Columns position: relative; */
		font-size:11px;
                border-top: 1px dashed #cccccc;
		padding-top: 10px;
		text-align:center;
                background-color: transparent;
		}

        /* Blog specific formatting below */
	.blog {
		background:#FFF;  							
		}	
	/* Main text of post */
	.blogbody {
		font-family:georgia, verdana, arial, sans-serif;
		color:#000;
		font-size:14px;
		font-weight:normal;
  		margin-left:15px;
		background:#FFF;
  		line-height:18px;			
		}	

	/* date of each post */
	.date	{ 
		font-family:georgia, verdana, arial, sans-serif; 
		color: #000; 
		margin-bottom: 10px;
		border-bottom:1px solid gray;
		font-weight:bold;
		}			
	
	/* blog titles */
	.title	{ 
		font-family: verdana, arial, sans-serif; 
		color: #000000; 	
		margin-bottom: 10px;
		text-transform:uppercase;				
		}			

	/* posted by Lauren at [time] & comments info */
	.posted	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: 11px; 
		color: #000000; 
		margin-bottom:25px;
		}
	
	blockquote {margin-bottom: 5px; margin-top: 5px; margin-left: 15px; color: #330066;} /* color: #225577 */

        blockquote.reply {color: #006600} /* color: #225577 */

	/* margin:10px; letter-spacing: .2em; */
	.powered {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:9px;
		font-weight:bold;
  		line-height:14px;
		text-transform:uppercase; 
		padding:5px;
		text-align:center;
		margin-top:25px;
		border:0px dotted #999;
		}

      #navbar {
      height: 0px;
      visibility: hidden;
      display: none;
      }	
		
	/* ********************************* */
	/*                                   */
	/* Everything below this is not used */
	/*                                   */
	/* ********************************* */

        .emailtext {font-family: courier, monospace, courier new;
                    font-size:10px;
                   }

	#menu {
  		margin-bottom:15px;
		background:#FFF;
		text-align:center;  								}		

	/* bloglinks from JoeMaller.com (green, underline & smaller font */
	.bloglink {font-size: 9px; color: #44aa44; font-family: verdana, sans-serif; font-style: italic; padding-bottom: 25px;}
	.bloglink A:link {color: #090; text-decoration: none; border-bottom: 1px dotted #090}
	.bloglink A:visited {color: #070; text-decoration: none; border-bottom: 1px dotted #070}
	.bloglink A:hover {color: #0c0; text-decoration: none; border-bottom: 1px dotted #0c0}

	/* PhilRingnalda.com: right hand side/links */
	#links {
		background:#999;
		padding:5px;				
		border:1px solid #FFF;			
		height:100%;
		}

	.calendar {
		font-family:verdana, arial, sans-serif;
		color:#FFF;
		font-size:10px;
		font-weight:normal;
  		background:#999;
  		line-height:14px;
  		padding:2px;
  		text-align:center;	
		}

	.calendarhead {	
		font-family:verdana, arial, sans-serif;
		color:#FFF;
		font-size:11px;
		font-weight:bold;
  		background:#999;
  		line-height:14px;
  		padding:2px;					
		}	

	/* NOT USED (PhilRingnalda.com): side navigation bar 
	.side {
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:11px;
		font-weight:normal;
  		background:#999;
  		line-height:14px;
  		padding:2px;				
		}	

	.syndicate {
		font-family:verdana, arial, sans-serif;
		font-size:9px;
		font-weight:bold;		
  		line-height:14px;
  		padding:2px;
  		margin-top:10px;
  		text-align:center;
  		background:#CCC;  		
 		}	
		
	.comments-body {
		font-family:georgia, verdana, arial, sans-serif;
		color:#000;
		font-size:11px;
		font-weight:normal;
  		background:#FFF;
  		line-height:14px;
 		padding-bottom:10px;
  		padding-top:10px;		
		}		

	.comments-post {
		font-family:verdana, arial, sans-serif;
		color:#000;
		font-size:9px;
		font-weight:normal;
  		background:#FFF;		
		}	
			
	
	.trackback-url {
		font-family:georgia, verdana, arial, sans-serif;
		color:#000;
		font-size:11px;
		font-weight:normal;
  		background:#FFF;
  		line-height:14px;
 		padding:5px;		
 		border:1px dotted #999; 					
		}


	.trackback-body {
		font-family:georgia, verdana, arial, sans-serif;
		color:#000;
		font-size:11px;
		font-weight:normal;
  		background:#FFF;
  		line-height:14px;
 		padding-bottom:10px;
  		padding-top:10px;		
 		border-bottom:1px dotted #999; 					
		}		

	.trackback-post {
		font-family:verdana, arial, sans-serif;
		color:#000;
		font-size:9px;
		font-weight:normal;
  		background:#FFF;		
		}	

		
	.comments-head	{ 
		font-family:georgia, verdana, arial, sans-serif; 
		font-size: 11px; 
		color: #000; 
		border-bottom:1px solid #999;
		margin-top:20px;
		font-weight:bold;
  		background:#FFF;		
		}		

	#banner-commentspop {
		font-family:georgia, verdana, arial, sans-serif;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		border-left:1px solid #FFF;	
		border-right:1px solid #FFF;  		
		border-top:1px solid #FFF;  		
  		background:#003366;
  		padding-left:15px;
  		padding-right:15px;
  		padding-top:5px;
  		padding-bottom:5px;  		  		  			 
		}

		.comments-nest-box {
		    padding-left:15px;
		    margin-top:5px;
		    border-left:5px solid #AAA;
		}

		div.nicetitle {
		    position: absolute;
		    padding: 4px;
		    top: 0px;
		    left: 0px;
		    color: white;
		    font-size: 13px;
  		  font-family: Verdana, Helvetica, Arial, sans-serif;
  		  width: 25em;
  		  font-weight: bold;
  		  background-color: #666;
    
 		   /* IE proprietary */
 		   filter:alpha(opacity=75);
    
 		   /* Mozilla proprietary */
 		   -moz-opacity:0.75;
 		   -moz-border-radius: 12px;
		}
		div.nicetitle p {
 		   margin: 0; padding: 0 3px;
		}
		div.nicetitle p.destination {
  		  font-size: 9px;
  		  text-align: left;
  		  padding-top: 3px;
		}

		.highlight {
 		 color: black;
 		 background-color: yellow;
		}
		.cite {
  		text-align: right;
		}

		.referrals {
 		 width:80%;
 		 margin-left:auto;
 		 margin-right:auto;
 		 border: 1px solid black;
  		}

		.song {
 		 border-bottom: white 1px solid;
 		 margin-left: 5px;
 		 padding-top:5px;
 		 padding-bottom:5px;
  		}