/* 	Master CSS sheet for www.tigerDog.co.uk v6
	----------------------------------------
	
	Main Coding: 	Stuart @ tecniche
				www.tecniche.co.uk

  	Written: 	Sept 06
	Updated:	
	Refreshed:	
	
	Language:	CSS1
*/
/* ************************************************************* */

html { height: 100%;  margin-bottom: 1px; }
html * { padding: 0; margin: 0; }


/* ***************************************** */ 
/* Colors */
.orange {color: #f60; }
.italic {font-style: italic;}
.cls {clear: both;  height: 10px;}



/* ***************************************** */ 
/* ** GENERAL ** */ 


body {
font-size: 88%;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
text-align: center;
background: #56585a url(img/bg.gif) repeat-x;
padding: 20px 0px 40px 0px;
}


/* Text Settings */
h2 {
  font-family: georgia, times, serif;
  font-size: 1.8em;
  color: #56585a; 
  padding: 20px 0px 6px 0px;
  margin: 0px 20px 0px 20px;
  }
  
h2.comment {
  font-size: 1.5em;
  color: #56585a; 
  padding: 5px 0px 10px 0px;
  margin: 0px 20px 0px 20px;
  }
  
  
h3 {
  font-weight: bold;
  font-size: 0.9em;
  color: #689000; 
  border-bottom: 1px solid #689000;
  padding: 0px 0px 20px 0px;
  margin: 0px 40px 20px 40px;
  }
  
h4 {
  font-size: 1.2em;
  color: #f60;
  padding: 0px 0px 0px 0px;
  margin: 0px 40px 20px 40px;
  }  

h4 .orange {color: #000;}
 

p {
  font-family: verdana, arial, helvetica, san-serif; 
  font-size: 1em;
  line-height: 1.5em;
  margin: 0px 40px 0px 40px;
  padding: 0em 0em 1em 0em;
   }

ul {
  margin: 0px 20px 0px 60px;
  padding: 0 0 1em 0;
  font-size: 1.5em;
  }
  
ul li {
    padding: 0px 0px 3px 10px;
    }
    
  
blockquote {
    font-family: Georgia, "Times New Roman";
    padding-left: 40px;
    padding-right: 40px;
    color: #777777;
    font-size: 1.1em;
    line-height: 1.7em;
  }
 
/* ***************************************** */ 
/* DIVS */

#wrapper {
text-align: left;
margin: 0 auto;
width: 900px;
}

a:link,
a:visited,
a:active {
outline: none;
color: #689000;
}

a:hover {
color: #76B900;
}



/* ***************************************** */ 
/*** HEADER ***/

#header {
height: 150px; /*header image + menu height*/
position: relative;

}

  #header h1 {
  width: 650px;
  height: 120px;
  background: transparent url(img/tigerDog-logo.gif) no-repeat;
  }
  
    #header h1 a {
    display: block;
    width: 650px;
    height: 120px;
    text-decoration: none;
    text-indent: -1000px;
    }
    
    
/* ***************************************** */ 
/* ** MAIN MENU ** */

ul#mainmenu {
position: absolute;
top: 120px; left: 50%; 
margin: 0px; padding: 0px; font-size: 1.0em;
margin-left: -71px;
width: 521px; height: 30px;
list-style-type: none; 
background: #f60 url(img/menu.gif) no-repeat;

}

  ul#mainmenu li {
  display: block; 
  position: absolute;
  top: 0px;
  padding: 0px;
  }

    ul#mainmenu li a { 
    display: block; 
    height: 30px;     
    text-decoration: none; 
	text-indent: -2000px;
    }
    
    ul#mainmenu a.current { cursor: default; }
    
    ul#mainmenu li { width: 90px;}
    ul#mainmenu li a { background: #f60 url(img/menu.gif) no-repeat; }
    
    ul#mainmenu li#nav_home           { width: 80px; left: 0px; }
    ul#mainmenu li#nav_home           { background-position: -0px  -0px; }
    ul#mainmenu li#nav_home a:hover   { background-position: -0px -30px; }
    ul#mainmenu li#nav_home a.current { background-position: -0px -60px; }
    
    ul#mainmenu li#nav_news           { width: 77px; left: 80px; }
    ul#mainmenu li#nav_news a         { background-position: -80px  -0px; }
    ul#mainmenu li#nav_news a:hover   { background-position: -80px -30px; }
    ul#mainmenu li#nav_news a.current { background-position: -80px -60px; }
    
    ul#mainmenu li#nav_faqs           { width: 93px; left: 157px;  }
    ul#mainmenu li#nav_faqs a         { background-position: -157px  -0px; }
    ul#mainmenu li#nav_faqs a:hover   { background-position: -157px -30px;  }
    ul#mainmenu li#nav_faqs a.current { background-position: -157px -60px; }
	
    ul#mainmenu li#nav_pictures          { width: 96px; left: 250px; }
    ul#mainmenu li#nav_pictures a         { background-position: -250px  -0px; }
    ul#mainmenu li#nav_pictures a:hover   { background-position: -250px -30px; }
    ul#mainmenu li#nav_pictures a.current { background-position: -250px -60px; }
    
    ul#mainmenu li#nav_friends           { width: 100px; left: 346px; }
    ul#mainmenu li#nav_friends a         { background-position: -346px  -0px; }
    ul#mainmenu li#nav_friends a:hover   { background-position: -346px -30px; }
    ul#mainmenu li#nav_friends a.current { background-position: -346px -60px; }    
    
    ul#mainmenu li#nav_links           { width: 75px; left: 446px; }
    ul#mainmenu li#nav_links a         { background-position: -446px  -0px; }
    ul#mainmenu li#nav_links a:hover   { background-position: -446px -30px; }
    ul#mainmenu li#nav_links a.current { background-position: -446px -60px; } 

/* ***************************************** */ 
/* Selected Page menu styles */

/* INDEX */
#home ul#mainmenu li#nav_home a  { background-position: -0px -60px; } 

/*NEWS */
#news ul#mainmenu li#nav_news a  { background-position: -80px -60px; } 

/* FAQ */
#faqhome ul#mainmenu li#nav_faqs a  { background-position: -157px -60px; } 
#faqharness ul#mainmenu li#nav_faqs a  { background-position: -157px -60px; } 
#faqshed ul#mainmenu li#nav_faqs a  { background-position: -157px -60px; } 
#faqtoys ul#mainmenu li#nav_faqs a  { background-position: -157px -60px; } 
#faqsleep ul#mainmenu li#nav_faqs a  { background-position: -157px -60px; } 

/* THE-BOYS */
#bboys ul#mainmenu li#nav_pictures a  { background-position: -250px -60px; } 
#bzack ul#mainmenu li#nav_pictures a  { background-position: -250px -60px; } 
#bjake ul#mainmenu li#nav_pictures a  { background-position: -250px -60px; } 
#bluke ul#mainmenu li#nav_pictures a  { background-position: -250px -60px; } 
#b2002 ul#mainmenu li#nav_pictures a  { background-position: -250px -60px; } 
#b2003 ul#mainmenu li#nav_pictures a  { background-position: -250px -60px; } 
#b2004 ul#mainmenu li#nav_pictures a  { background-position: -250px -60px; } 
#b2005 ul#mainmenu li#nav_pictures a  { background-position: -250px -60px; } 
#b2006 ul#mainmenu li#nav_pictures a  { background-position: -250px -60px; } 
#b2007 ul#mainmenu li#nav_pictures a  { background-position: -250px -60px; } 
 
/* FRIENDS */
#ffriends ul#mainmenu li#nav_friends a  { background-position: -346px -60px; } 
#fad ul#mainmenu li#nav_friends a  { background-position: -346px -60px; } 
#feh ul#mainmenu li#nav_friends a  { background-position: -346px -60px; } 
#fil ul#mainmenu li#nav_friends a  { background-position: -346px -60px; } 
#fmp ul#mainmenu li#nav_friends a  { background-position: -346px -60px; } 
#fqz ul#mainmenu li#nav_friends a  { background-position: -346px -60px; } 
#fim ul#mainmenu li#nav_friends a  { background-position: -346px -60px; } 
#fjoin ul#mainmenu li#nav_friends a  { background-position: -346px -60px; } 


/* LINKS */
#llinks ul#mainmenu li#nav_links a  { background-position: -446px -60px; } 
#lthanks ul#mainmenu li#nav_links a  { background-position: -446px -60px; } 


/* ***************************************** */ 
/*** crumbs ***/

.crumbs {
height: 225px;
border-top: 3px solid #ccc;
border-bottom: 4px solid #f60; 

}

.crumbs ul {
  font-size: 14px;
  background: transparent url(img/meshed.gif) bottom left;  
  list-style-type: none;
  margin: 0px; padding: 0px; 
  padding: 2px 6px;
  text-align: right;
  }
  
.crumbs ul li {
    display: inline;
	padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
    }
    
 .crumbs ul li a:link {color: #fff; text-decoration: none;}
 .crumbs ul li a:visited {color: #fff; text-decoration: none;}
 .crumbs ul li a:active {color: #fff; text-decoration: none;}
 .crumbs ul li a:hover {color: #d7eaa3; text-decoration: underline;}
   
 .crumbs ul li a.current {font-size: 14px;color: #fff;}    
 
 
 /* Page specific Crumbs */


#home .crumbs {background: transparent url(img/page-head.jpg) no-repeat;}
#home .quote{ 
	position: relative;
	top: 54px; left: 50%;
	margin-left: 190px;
	width: 240px; height: 96px;
	background: transparent url(img/in-memory.gif) no-repeat;
	}


#error .crumbs {background: transparent url(img/error-head.jpg) no-repeat top right;}
#error .quote{ 
	position: relative;
	top: 54px; left: 10px;
	width: 260px; height: 140px;
	background: transparent url(img/error.gif) no-repeat;
	}


/* NEWS SECTION */
#news .crumbs {background: transparent url(img/news-head.jpg) no-repeat top right;}
#news .quote { 
	position: relative;
	top: 54px; left: 10px;
	width: 260px; height: 96px;
	background: transparent url(img/news.gif) no-repeat;
	}


	
 /* FAQ SECTION */
#faqhome .crumbs {background: transparent url(img/faq-head.jpg) no-repeat;}
#faqhome .quote { 
	position: relative;
	top: 42px; left: 50%;
	margin-left: 170px;
	width: 260px; height: 120px;
	background: transparent url(img/faq.gif) no-repeat;
	}
	
#faqharness .crumbs {background: transparent url(img/stuff-head.jpg) no-repeat;}
#faqharness .quote { 
	position: relative;
	top: 44px; left: 50%;
	margin-left: 170px;
	width: 250px; height: 120px;
	background: transparent url(img/stuff.gif) no-repeat;
	} 
	
#faqshed .crumbs {background: transparent url(img/faq-head.jpg) no-repeat;}
#faqshed .quote { 
	position: relative;
	top: 44px; left: 50%;
	margin-left: 170px;
	width: 250px; height: 120px;
	background: transparent url(img/faq.gif) no-repeat;
	} 
	
#faqtoys .crumbs {background: transparent url(img/faq-head.jpg) no-repeat;}
#faqtoys .quote { 
	position: relative;
	top: 44px; left: 50%;
	margin-left: 170px;
	width: 250px; height: 120px;
	background: transparent url(img/faq.gif) no-repeat;
	} 

#faqsleep .crumbs {background: transparent url(img/faq-head.jpg) no-repeat;}
#faqsleep .quote { 
	position: relative;
	top: 44px; left: 50%;
	margin-left: 170px;
	width: 250px; height: 120px;
	background: transparent url(img/faq.gif) no-repeat;
	} 

	
	
/*BOYS SECTION*/	
#bboys .crumbs {background: transparent url(img/years-head.jpg) top left no-repeat}
#bboys .quote { 	
	position: relative;
	top: 134px; left: 0px;
	width: 180px; height: 69px;
	background: transparent url(img/boys-names.gif) bottom left no-repeat;
	}

 
#bzack .crumbs {background: transparent url(img/zack-head.jpg) no-repeat top right;}
#bzack .quote { 
	position: relative;
	top: 44px; left: 10px;
	width: 260px; height: 120px;
	background: transparent url(img/zack.gif) no-repeat;
	} 

#bjake .crumbs {background: transparent url(img/jake-head.jpg) no-repeat;}
#bjake .quote { 
	position: relative;
	top: 44px; left: 50%;
	margin-left: 170px;
	width: 260px; height: 120px;
	background: transparent url(img/jake.gif) no-repeat;
	} 

#bluke .crumbs {background: transparent url(img/luke-head.jpg) no-repeat top right;}
#bluke .quote { 
	position: relative;
	top: 44px; left: 10px;
	width: 260px; height: 120px;
	background: transparent url(img/luke.gif) no-repeat;
	} 


#b2002 .crumbs, #b2003 .crumbs, #b2004 .crumbs, #b2005 .crumbs, #b2006 .crumbs, #b2007 .crumbs {background: transparent url(img/years-head.jpg) no-repeat top left;}
#b2002 .quote { 
	position: relative;
	top: 134px; left: 0px;
	width: 168px; height: 69px;
	background: transparent url(img/2002.gif) bottom left no-repeat;
	} 

#b2003 .quote { 
	position: relative;
	top: 134px; left: 0px;
	width: 168px; height: 69px;
	background: transparent url(img/2003.gif) bottom left no-repeat;
	} 

#b2004 .quote { 
	position: relative;
	top: 134px; left: 0px;
	width: 168px; height: 69px;
	background: transparent url(img/2004.gif) bottom left no-repeat;
	} 

#b2005 .quote { 
	position: relative;
	top: 134px; left: 0px;
	width: 168px; height: 69px;
	background: transparent url(img/2005.gif) bottom left no-repeat;
	} 

#b2006 .quote { 
	position: relative;
	top: 134px; left: 0px;
	width: 168px; height: 69px;
	background: transparent url(img/2006.gif) bottom left no-repeat;
	} 

#b2007 .quote { 
	position: relative;
	top: 134px; left: 0px;
	width: 168px; height: 69px;
	background: transparent url(img/2007.gif) bottom left no-repeat;
	} 	

/* FRIENDS SECTION*/	
#ffriends .crumbs, #fad .crumbs, #feh .crumbs, #fil .crumbs, #fmp .crumbs, #fqz .crumbs, #fjoin .crumbs {
	background: transparent url(img/friends-head.jpg) top left no-repeat;
	}
#ffriends .quote, #fad .quote, #feh .quote, #fil .quote, #fmp .quote, #fqz .quote, #fjoin .quote {
	position: relative;
	top: 138px; left: 900px;
	margin-left: -320px;
	width: 320px; height: 65px;
	background: transparent url(img/friends.gif) bottom left no-repeat;
	} 

#fim .crumbs {
	background: transparent url(img/friends-rip-head.jpg) top left no-repeat;
	}
#fim .quote {
	position: relative;
	top: 138px; left: 900px;
	margin-left: -320px;
	width: 320px; height: 65px;
	background: transparent url(img/friends-rip.gif) bottom left no-repeat;
	} 

	
/* LINKS SECTION*/	


#llinks .crumbs{
	background: transparent url(img/links-head.jpg) top left no-repeat;
	}	
#llinks .quote { 
	position: relative;
	top: 24px; left: 50%;
	margin-left: 170px;
	width: 260px; height: 160px;
	background: transparent url(img/links.gif) no-repeat;
	} 

#lthanks .crumbs {
	background: transparent url(img/thanks-head.jpg) top right no-repeat;
	}	
#lthanks .quote { 
	position: relative;
	top: 22px; left: 0px;
	width: 280px; height: 180px;
	background: transparent url(img/thanks.gif) no-repeat;
	}
	
	
	
	
	
/* ** BODY TEXT ** */

#bodytext {
background-color: #ffffff;
color: #444;
padding: 0 0 20px 0;
}

#bodytext a:link, #bodytext a:visited, #bodytext a:active {
    text-decoration: none;
    color: #689000;
    border-bottom: 1px solid #CEDBAC;
    }
      
#bodytext a:hover {background-color: #e7f4c3; }


#bodytext acronym {
	cursor: help;
	text-decoration: none;
    border-bottom: 1px dotted #f60;
	}
	
#bodytext .strong {color: #555; }
#bodytext .small {font-size: 0.7em;}

#bodytext ul {
  margin: 0px 20px 0px 60px;
  padding: 0 0 1em 0;
  font-size: 1em;
  line-height: 1.5em;
  font-family: verdana, arial, helvetica, san-serif; 
  }
  
#bodytext  ul li {
    padding: 0px 0px 3px 10px; 
	font-size: 1em;	list-style: none;

    }

  

a.return {
	text-decoration: none;
	font-size: 0.7em;
	line-height : 1.25em;
	color: black;
	background-color: transparent;
	border-bottom: dotted 1px black;
	clear: both;
    float: right;
	text-align: right;
	margin-right: 20px;
	margin-bottom: 5px;
}


/*** FOOTER ***/

#footer {
border-top: 6px solid #f60;
font-size: 10px;
color: #8a8a8a;
padding: 6px 20px 4px 20px;
width: 860px;
}

#footer .right a:link,
#footer .right a:active,
#footer .right a:visited { color: #8a8a8a; }
#footer .right a:hover { color: #ffffff; }

span.right {float: right;}




 /*** IMAGES ***/

#bodytext #photoContainer { width: 860px; margin-left: 10px; }
#faqstuff #bodytext #photoContainer { width: 900px; margin-left: 0px;}

#photoContainer ul {padding: 0; border: 0; margin: 0; margin-left: 25px; }
#photoContainer li.photo {
	float: left;
	display: inline;
	border: #FA8A3F 1px dashed; 
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	background-color: #efefef;  
	text-align: center; 
	min-width: 175px; 
	}


#photoContainer img {	text-align: center; padding: 0; margin: 0; border: 0; padding: 10px 8px 2px 8px;}

#photoContainer  p  { 
	font-size: 11px; text-align: left; padding: 0; padding-left: 8px; 
	margin: 0 4px; border: 0; margin-bottom: 4px; font-weight: bold;  
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	}

#photoContainer  p.text  {   font-size: 1em;  margin: 0px 40px 0px 30px;  padding: 0em 0em 1em 0em; font-weight: normal; }

#photoContainer  p.poem {
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	font-family: arial;
	font-weight: normal;
	margin: 14px;
	/* for stupid IE*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 350px;
	
	}


#bodytext .photoR {
	float: right;
	display: inline;
	border: #FA8A3F 1px dashed; 
	margin-right: 20px;
	margin-left: 10px;
	background-color: #efefef;  
}

#bodytext .photoR img {	text-align: center; padding: 0; margin: 0; border: 0; padding: 10px 12px 2px 12px;}
#bodytext .photoR p  {font-size: 11px; text-align: center; padding: 0; margin: 0; border: 0; margin-bottom: 4px;  }


#bodytext .photoL {
	float: left;
	display: inline;
	border: #FA8A3F 1px dashed; 
	margin-right: 15px;
	margin-left: 40px;
	background-color: #efefef;  
}

#bodytext .photoL img {	text-align: center; padding: 0; margin: 0; border: 0; padding: 10px 12px 2px 12px;}
#bodytext .photoL p  {font-size: 11px; text-align: center; padding: 0; margin: 0; border: 0; margin-bottom: 4px;  }



/* ***testing ************************ */

#bodytext .photoContainer { width: 860px; margin-left: 10px; }
#bodytext  .large {width: 880px; margin-left: 0; }
#bodytext  .large2 {width: 890px; margin: 0; padding: 0;  }


.photoContainer ul {padding: 0; border: 0; margin: 0; margin-left: 25px; }
.photoContainer li.photo {
	float: left;
	display: inline;
	border: #FA8A3F 1px dashed; 
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	background-color: #efefef;  
	text-align: center; 
	min-width: 175px; 
	}


.photoContainer img {	text-align: center; padding: 0; margin: 0; border: 0; padding: 10px 8px 2px 8px;}
.photoContainer  p  { 
	font-size: 11px; text-align: left; padding: 0; padding-left: 8px; 
	margin: 0 4px; border: 0; margin-bottom: 4px; font-weight: bold;  
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	}

hr {width: 860px; text-align: center; margin: 0 20px; clear: both; }


 
/* *************************** */
/* Clever stuff - image replacement of h2 tags */
/* *************************** */

/* Based on a modified FiR method as outlined on: http://levin.grundeis.net */
.replace{ 
	position:relative; 
	margin:0px; padding:0px; border: 0; 
	/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ 
	} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
	} 

/* The replacement method - replaces both h1 and h2 tags and is CSS on/Images off safe */

/* ****************************** */
/* Home - signatures */
#h4-sig, #h4-sig span {
	margin-left: 0px; text-align: center;
	background: #fff url(img/h4-signatures.gif) no-repeat;
	height: 100px; width: 850px;
}

#h4-zack, #h4-zack span {
	margin-left: 0px; text-align: center;
	background: #fff url(img/h4-zack.gif) no-repeat;
	height: 100px; width: 850px;
}