/* CSS file for TimsLife.com. Created on December 18, 2008 */


/* Links color change code */
a:link	{color: #0000FF}
a:visited	{color: #9900FF}
a:hover	{color: #FC0505}
a:active	{color: #09097C}

/* Sets a Wiki type new page image 15 pixels to the right of an image NOT USED*/
	a.external {
		padding-right: 15px;
		background: url(/images/external.gif) no-repeat center right;
	}


/* Container for Search and Menu button bars. */
div.topsection{
margin: 0% 1% 0% 1%;
width: auto;
position: relative;
z-index: 1000;
}

/* Google Search Button table and marble background */
table.searchbar {background-image: url('http://www.timslife.com/images/backgrnd/headmarb.jpg');
  width: 100%;
  border-style: outset;
  border-width: 5px;
  border-color: #c0c0c0;
  padding: 0px 2px 0px 2px;
  margin: 0% 0% 0% 0%;
  font-family: arial, courier, serif;
  font-size: large;
  font-style: normal;
  font-weight: bold;
  text-transform: capitalize;
  color: #0000cc;  
  text-align: left;
}



/* Google Search Box container */
div.searchbox { float: right}

/* Span for search bar center message */
span.search
{
  font-family: arial, courier, serif;
  font-size: small;
  font-style: normal;
  font-weight: bold;
  color: #000000;  
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background-image: url('http://www.timslife.com/images/backgrnd/headmarb.jpg'); /*menu strip background*/
border-style: outset;
border-width: 5px;
border-color: #c0c0c0;
padding: 2px 0px 2px 12px;
margin: 0% 0% 1% 0%;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('http://www.timslife.com/images/globe/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/

style=filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('http://www.timslife.com/images/globe/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.aero{
background-image: url('http://www.timslife.com/images/globe/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('http://www.timslife.com/images/globe/aerorightblack.gif');
}

/* Header with photo and marble background */

table.header {
  table-layout: auto;
  width:70%;
  border-collapse: collapse;
  border-style: outset;
  border-width: 5px;
  border-color: #c0c0c0;
  background-image: url('http://www.timslife.com/images/backgrnd/headmarb.jpg');
  margin: 1% 15% 1% 15%;
  padding: 0% 0% 0% 0%;
  font-family: times, arial, courier, serif;
  font-size: x-large;
  font-style: normal;
  font-weight: bold;
  text-transform: capitalize;
  color: #000000;  
  text-align: center;
  }

/* Header with stage background */
table.stage {
  table-layout: auto;
  width: 700px;
  height: 341px;
  background:transparent url("http://www.timslife.com/images/backgrnd/frames/stage.jpg");
  border: 5px inset;
  border-top-color: #cc9933;
  border-right-color: #8b4513;
  border-bottom-color: #8b4513;
  border-left-color: #996633;      
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  margin-bottom: 1%;
  }

/* Sets images in the middle of an element 
used on shop9a and shop36 for odd sized pre-framed photos */
img.mid 
{
vertical-align:middle;
margin-right: auto;
margin-left: auto;
}

/* Table of Contents pages - Journal Notebook image code */
div.contentsj {background-image: url('http://www.timslife.com/images/backgrnd/notebook.jpg');
      width:70%;
      padding: 0% 0% 0%  0%;
      margin:   1% 15% 1% 15%;
}

/* Table of Contents for main and sectional TOC's */
table.contents {
  table-layout: auto;
  width:92%;
  border-collapse: collapse;
  border-spacing: 1px;
  border-style: outset;
  border-width: 5px;
  border-color: #c3c3c3;
  margin: 1% 1% 1% 6%;
  padding: 1% 0% 1% 0%;
  font-family: arial, courier, serif;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  text-transform: capitalize;
  text-align: left
   }
    tr.d0 td {
	background-color: #FFFFF0; color: #000000;
  }
tr.d1 td {
	background-color: #FAF0E6; color: #000000;
}

/* Top and bottom ads */
table.ad {
  table-layout: auto;
  width: 50%;
  margin: 1% 25% 1% 25%;
  border-collapse: collapse;
  border-style: outset;
  border-width: 5px;
  border-color: #336633;
  background-image: url('http://www.timslife.com/images/backgrnd/dollarb.jpg');
  padding: 5% 5% 5% 5%;
  font-family: arial, courier, serif;
  font-size: medium;
  font-style: normal;
  font-weight: bold;
  color: #003300;
  text-transform: capitalize;
  text-align: center;
  } 

/* Center ad in journal */
table.adj {
  table-layout: auto;
  width: 70%;
  margin: 2% 15% 2% 15%;
  border-collapse: collapse;
  border-style: outset;
  border-width: 5px;
  border-color: #336633;
  background-image: url('http://www.timslife.com/images/backgrnd/dollarb.jpg');
  padding: 5% 5% 5% 5%;
  font-family: arial, courier, serif;
  font-size: medium;
  font-style: normal;
  font-weight: bold;
  color: #003300;
  text-transform: capitalize;
  text-align: center;
  } 


/* Journal header code with marble background */
h1.jheader {background-image: url('http://www.timslife.com/images/backgrnd/headmarb.jpg');
  font-family: arial, courier, serif;
  color: #000000;
  text-align: center;
  text-transform: capitalize;
  width:79%;
  padding: .5% .5% .5% .5%;
  margin: 1% 10% 1% 10%;
}

/* Journal Notebook image code */
div.journal {background-image: url('http://www.timslife.com/images/backgrnd/notebook.jpg');
      width:90%;
      padding: .5% 3% .5%  4%;
      margin: 1% 1% 1% 1%;
}

/* Paragraph class for the journal entries */
p.journal {
 margin: 3em 0 0 0; 
 font-family: arial, courier, serif;
 font-size: small;
 font-style: normal;
 font-weight: normal;
 text-indent: 0%;
 color: #000000;
 text-transform: none;
 text-align: left;
}

/* Allows an extra large first letter in the beginning of a paragraph */
span.journal {
  text-indent: .1em;
  float:left;
  width:0.9em;
  font-size: 3em;
  font-family: times, courier, serif;
  line-height:75%;
  padding: 0.15em;
  margin: 0 .15em 0 0; 
  background: #ffffcc;
  border: .1em outset;
  border-top-color: #cc9933;
  border-right-color: #8b4513;
  border-bottom-color: #8b4513;
  border-left-color: #996633;      
}


/* Allows any text to be italicized  */
span.jitalics {
  font-family: arial, courier, serif;
  font-size: small;
  font-style: italic;
  font-weight: normal;
}

/* Allows any text to be in bold  */
span.jbold {
  font-family: arial, courier, serif;
  font-size: small;
  font-style: normal;
  font-weight: bold;
}

/* Allows any text to be in MEDIUM bold  */
span.jbold2 {
  font-family: arial, courier, serif;
  font-size: medium;
  font-style: normal;
  font-weight: bold;
}

/* Allows a bold span before a large letter graphic */
span.journalb {
 text-indent: 0cm;
 float:left;
 width: auto;
 padding: .3em .3em .3em .3em;
 margin: 1em 0 0 0; 
 background: #ffffcc;
 border: .3em outset;
 border-top-color: #cc9933;
 border-right-color: #8b4513;
 border-bottom-color: #8b4513;
 border-left-color: #996633;      
 font-family: arial, courier, serif;
 font-size: small;
 font-style: normal;
 font-weight: bold;
 text-transform: none;
 color: #000000;  
}

/* Allows a list inside the journal */
ul.jlist {
  font-family: arial, courier, serif;
  font-size: small;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  color: #000000;  
  text-align: left;
  list-style-type: circle;
  list-style-position: outside;
}

/* Inside journal header with marble background */
h2.jheader2 
{
  background-image: url('http://www.timslife.com/images/backgrnd/headmarb.jpg');
  clear: both;
  padding: 0% 0% 0% 1%;
  text-align: center;
  text-transform: capitalize;
  width: auto;
	 }

/* Small Inside journal header bar with marble background */
.jheader6 
{
background-image: url('http://www.timslife.com/images/backgrnd/headmarb.jpg');
  clear: both;
  padding: 0% 0% 0% 1%;
  text-align: center;
  text-transform: capitalize;
  width: auto;
	 }

.imgtext
{
background: ffffcc;
  clear: both;
  padding: 1% 1% 1% 1%;
  text-align: center;
  text-transform: capitalize;
  width: auto;
	 }

/* Pulls a quote and creates a right sidebar in the journal */
.pullq{
font: 150% helvetica, arial, serif;
text-align: center;
border-top: medium black solid;
border-bottom: thin black solid;
margin: 1em 0em 1em 0em;
padding: 0.5em;
background: #ffffcc;
width: 50%;
float: right;
}

/* Left justifies an image and caption, and surrounds it with a raised grey border in the journal */
div.imgleftcap
{
float:left;
vertical-align: bottom;
width: auto;
padding: 0px 0px 5px 0px;
margin: 2% 5% 1% 1%;
background: #ffffcc;
border: .3em outset;
border-top-color: #cc9933;
border-right-color: #8b4513;
border-bottom-color: #8b4513;
border-left-color: #996633;      
font-family: arial, courier, serif;
font-size: small;
font-style: normal;
font-weight: bold;
text-transform: none;
color: #000000;  
text-align: center;
}

/* Right justifies an image and caption, and surrounds it with a raised grey border in the journal*/
div.imgrightcap
{
float:right;
vertical-align: bottom;
width: auto;
padding: 0px 0px 5px 0px;
margin: 2% 1% 1% 3%;
background: #ffffcc;
border: .3em outset;
border-top-color: #cc9933;
border-right-color: #8b4513;
border-bottom-color: #8b4513;
border-left-color: #996633;      
font-family: arial, courier, serif;
font-size: small;
font-style: normal;
font-weight: bold;
text-transform: none;
color: #000000;  
text-align: center;
}

    /* Left justifies a FRAMED image and caption, and surrounds it with a raised tan border in the journal */
div.imgleftcapf
{
float:left;
width: auto;
height: auto;
padding: 0px 0px 5px 0px;
margin: 2% 3% 1% 1%;
background: #ffffcc;
border: 3px outset;
border-top-color: #cc9933;
border-right-color: #8b4513;
border-bottom-color: #8b4513;
border-left-color: #996633;      
font-family: arial, courier, serif;
font-size: small;
font-style: normal;
font-weight: bold;
text-transform: none;
color: #000000;  
text-align: center;
}

/* Right justifies a FRAMED  image and caption, and surrounds it with a raised tan border in the journal*/
div.imgrightcapf
{
float:right;
width: auto;
height: auto;
padding: 0px 0px 5px 0px;
margin: 2% 1% 1% 3%;
background: #ffffcc;
border: 3px outset;
border-top-color: #cc9933;
border-right-color: #8b4513;
border-bottom-color: #8b4513;
border-left-color: #996633;      
font-family: arial, courier, serif;
font-size: small;
font-style: normal;
font-weight: bold;
text-transform: none;
color: #000000;  
text-align: center;
}

    /* Middle justifies a 900x400 FRAMED image and caption, and surrounds it with a raised tan border in the journal */
div.imgmiddlecapf
{
width: 90%;
padding: 0% 0% .5% 0%;
margin: 2% 5% 2% 5%;
background: #ffffcc;
border: 3px outset;
border-top-color: #cc9933;
border-right-color: #8b4513;
border-bottom-color: #8b4513;
border-left-color: #996633;      
font-family: arial, courier, serif;
font-size: small;
font-style: normal;
font-weight: bold;
text-transform: none;
color: #000000;  
text-align: center;
}

/* Table for double image display, side by side */
table.doubleimg {
  table-layout: auto;
  width:100%;
  float:left;
  border-collapse: collapse;
  border-style: none;
  margin: 1% 0% 1% 0%;
  padding: 5% 0% 1% 0%;
  }  

/* aligns images to the bottom of each table cell */
td.doubleimgbot{
vertical-align: bottom;
}

/* Puts a 15 pixel picture frame (inset) border around an image */
img.imgborder {
   border: 1.0em inset;  
   border-top-color: #8b4513;
   border-right-color: #996633;
   border-bottom-color: #cc9933;
   border-left-color: #8b4513;      
   padding:3%; /* Inner photo mat border */
   width: auto;
   background-image: url('http://www.timslife.com/images/backgrnd/linen.jpg');
}

/* Puts a 1 pixel black border around an image */
img.imgborder1 {
border:1px solid black;
}

/* Puts a 5 pixel grey raised border around an image */
img.imgborder5 {
  border-style: outset;
  border-width: 5px;
  border-color: #c0c0c0;
  }



/*Feedback form - part Dynamic Drive CSS Library and part from Tim */
.feedbackform{
  width: 50%;
  border: .3em outset;
  border-top-color: #cc9933;
  border-right-color: #8b4513;
  border-bottom-color: #8b4513;
  border-left-color: #996633;      
  background-image: url('http://www.timslife.com/images/backgrnd/linen.jpg');
  margin: 1% 25% 1% 25%;
  padding: 0% 0% 0% 1%;
  text-align: left;
  font-size: small;
  font-style: normal;
  font-weight: normal;
}
div.fieldwrapper{ /*field row DIV (includes one column -  'thefield' column)*/
width: auto; /*width of form row*/
overflow: hidden;
}
div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields in fieldwrapper DIV) */
float: left;
margin-bottom: 0px; /* space following the field */
}
span.italic1{
font-style: italic;
color: #ff0033;
}
div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}
div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 90%;
height: 20%;
}
div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 0px; /*space above buttonsdiv*/
}
div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
 width: 200px;
 background: #ffcc99;
 border: .2em outset;
 border-top-color: #cc9933;
 border-right-color: #8b4513;
 border-bottom-color: #8b4513;
 border-left-color: #996633;      
}
div.botsection{
margin: 0% 1% 0% 1%;
width: auto;
}

/* Weather Table */
table.weather {
  table-layout: auto;
  width: auto;
  margin-right: auto;
  margin-top: 1%;
  margin-left: auto;
  margin-bottom: 1%;
  border-collapse: collapse;
  border-style: none;
  background-image: url('http://www.timslife.com/images/backgrnd/headmarb.jpg');
  padding: 5% 5% 5% 5%;
  font-family: arial, courier, serif;
  font-size: medium;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  text-align: center;
  } 

/* Footer with directional boxes no background */
table.footer {
  border-collapse: collapse;  
  border-spacing: 1px;
  border-style: outset;
  border-width: 5px;
  border-color: #c3c3c3;
  width: 100%;
  padding: 2px 0px 2px 0px;
  margin: 1% 0% 1% 0%;
  font-family: arial, courier, serif;
  font-size: small;
  font-style: normal;
  font-weight: bold;
  text-transform: capitalize;
  color: #000000;  
  text-align: center;
  }

/* Cells for above table with a gray notebook background */
td.page {background-image: url('http://www.timslife.com/images/globe/nbookc.jpg'); }
td.spiral {background-image: url('http://www.timslife.com/images/globe/nbookr.jpg'); }



/* Default body style */
body {font-family: arial, courier, serif;
  background-image: url(http://www.timslife.com/imgsbike/backgrnd/beech.jpg);
  background-repeat: repeat;
  color: #000000;
  text-align: center}

h1		{color:blue}
th		{font-family: arial}
td		{font-family: arial}

/* Index page body style */
#tlindex			{
  background-image: url(http://www.timslife.com/images/backgrnd/desktop.jpg);
  background-repeat: repeat;
  font-family: arial, courier, serif;
  color: #000000;
  text-align: center;
  }   

/* Search Results page body style */
#search			{
  background-image: url(http://www.timslife.com/images/backgrnd/question.jpg);
  background-repeat: repeat;
  font-family: arial, courier, serif;
  color: #000000;
  text-align: center;
  }   
   
/* Main Table of Contents page body style */
#tlcontents			{
  background-image: url(http://www.timslife.com/images/backgrnd/scrolly1.jpg);
  background-repeat: repeat;
  font-family: arial, courier, serif;
  color: #000000;
  text-align: center;
  }   

   /* Family Section page body style - pink */
#family			{
  background-image: url(http://www.timslife.com/images/backgrnd/scrollk1.jpg);
  background-repeat: repeat;
  font-family: arial, courier, serif;
  color: #000000;
  text-align: center;
  }   

   /* Travel Section page body style - mint green */
#travel			{
  background-image: url(http://www.timslife.com/images/backgrnd/scrollg1.jpg);
  background-repeat: repeat;
  font-family: arial, courier, serif;
  color: #000000;
  text-align: center;
  }   

     /* Fire Story Section page body style - light yellow */
#fire			{
  background-image: url(http://www.timslife.com/images/backgrnd/scrolly1.jpg);
  background-repeat: repeat;
  font-family: arial, courier, serif;
  color: #000000;
  text-align: center;
  }   

   /* MSU Section page body style - reddish purple */
#msu			{
  background-image: url(http://www.timslife.com/images/backgrnd/scrollp1.jpg);
  background-repeat: repeat;
  font-family: arial, courier, serif;
  color: #000000;
  text-align: center;
  }   

   /* Town Body Style Section - light blue */
#town {font-family: arial, courier, serif;
  background-image: url(http://www.timslife.com/images/backgrnd/scrollb1.jpg);
  background-repeat: repeat;
  color: #000000;
  text-align: center;
  }

   /* Emigrant Section page body style - lavender */
#emigrant			{
  background-image: url(http://www.timslife.com/images/backgrnd/scrolll1.jpg);
  background-repeat: repeat;
  font-family: arial, courier, serif;
  color: #000000;
  text-align: center;
  }   


   /* Copy to center any element.

   <style type="text/css">
  
  #layout { margin-left:auto; margin-right:auto; }
  #element { text-align:left; background-color:#000; color:#FFF; width:770px; height:50px; }
  </style>

  <div id="layout">
  <div id="element">
  This is text.
  </div><!--end element-->
  </div><!--end layout--> */




#bikecare			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/tanbrlp.jpg)}
#bottombr			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/palebl4.jpg)}
#brake			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/palebl8.jpg)}
#campy			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/palebl2.jpg)}
#cassette			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/paleblue.jpg)}
#catindex			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/pastel.jpg)}
#chains			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/palebl3.jpg)}
#computer		{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/marblgrn.jpg)}
#contents			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/branback.gif)}
#crank			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/palebl5.jpg)}
#gifts			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/giftbox.jpg)}
#gruppos			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/palebl5.jpg)}
#headset			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/palebl8.jpg)}
#heart			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/bird.jpg)}
#helmet			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/sky.jpg)}
#hub			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/palebl8.jpg)}
#lighttoc			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/sunset.jpg)}
#lights			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/star1.jpg)}
#saddles			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/saddlewd.jpg)}
#shimano			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/palebl6.jpg)}
#smmrwear		{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/sky.jpg)}
#storage			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/beech.jpg)}
#tires			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/tirebrck.jpg)}
#tools			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/alumgrid.jpg)}
#trainer			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/tanstcco.jpg)}
#trim			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/rainbow.jpg)}
#undrwear		{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/blueice.jpg)}
#videos			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/tile1.gif)}
#wearcare		{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/turgwatr.jpg)}
#whatsnew		{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/tiffany.jpg)}
#wheels			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/backgrnd/spokewd.jpg)}
#wintwear			{font-family: arial; background-image: url(http://www.timslife.com/imgsbike/global/bg_snow.jpg)}