/* CSS Document */
body{padding:0px; margin:0px;  font:16px Georgia, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none; line-height: 2em}

.clear {clear: both; margin: 0px; height:0}

p a{color:#34282C; text-decoration:underline;}
p a:hover{ color:#8eb61c;text-decoration:none;}

ul a{color:#34282C; text-decoration:underline;}
ul a:hover{ color:#8eb61c;text-decoration:none;}

h1{margin-bottom:6px;color:#000000; font:16pt Georgia, sans-serif; font-weight: bold}
h2{color:#000000; font:14pt Georgia, sans-serif; font-weight: bold}
h3{color:#000000; font:12pt Georgia, sans-serif; font-weight: bold}


.headline{font:14px Georgia, sans-serif; color:#454b55; font-weight:bold}

#backgroundindex{background:url(../images/long.png) repeat-x}
#backgroundpage{background:url(../images/page.png) repeat-x}
#backgroundplain{background:url(../images/plain.png) repeat-x}

#container{width:998px; margin:0 auto;}


/* TOP, menu bar */

#topPan{width:998px; height:95px; position:relative}

#topPan ul.menu{position:absolute; top:0;  width:998px}
#topPan ul.menu li{float:left; width:100px; height:95px;}
#topPan ul.menu li a{ height:95px; display:block; text-indent:-20000px;}
#topPan ul.menu li a:hover{ width:100px; height:95px;}

#topPan ul.menu li.home{float:left; background:url(../images/logo.png) 0 0 no-repeat; width:168px}
#topPan ul.menu li.home a:hover{background:url(../images/logo_hover.png) no-repeat; width:168px}

#topPan ul.menu li.amigurumi{float:left; background:url(../images/amigurumi.png) 0 0 no-repeat; width:126px}
#topPan ul.menu li.amigurumi a:hover{background:url(../images/amigurumi_hover.png) no-repeat; width:126px}

#topPan ul.menu li.books{float:left; background:url(../images/books.png) 0 0 no-repeat; width:120px }
#topPan ul.menu li.books a:hover{background:url(../images/books_hover.png) no-repeat; width:120px}

#topPan ul.menu li.free{float:left; background:url(../images/free.png) 0 0 no-repeat; width:120px }
#topPan ul.menu li.free a:hover{background:url(../images/free_hover.png) no-repeat; width:120px}

#topPan ul.menu li.blog{float:left;  background:url(../images/blog.png) 0 0 no-repeat; width:120px }
#topPan ul.menu li.blog a:hover{background:url(../images/blog_hover.png) no-repeat; width:120px}

#topPan ul.menu li.help{float:left; background:url(../images/help.png) 0 0 no-repeat; width:120px }
#topPan ul.menu li.help a:hover{background:url(../images/help_hover.png) no-repeat; width:120px}

#topPan ul.menu li.contact{float:left; background:url(../images/about.png) 0 0 no-repeat; width:120px }
#topPan ul.menu li.contact a:hover{background:url(../images/about_hover.png) no-repeat; width:120px}

#topPan ul.menu li.bird {margin-right:0; background:url(../images/end.png) 0 0 no-repeat;  width:104px}
#topPan ul.menu li.bird a:hover{background:url(../images/end.png) no-repeat; width:104px}


/* CONTENT */

#content{width:998px;position:relative;}
p{padding:5px 0px;  }
p.subtitle{font:16px Georgia, sans-serif; color:#437C17; padding:0px 30px;  text-transform:lowercase; font-weight:bold}

#animal2{width:998px; position:relative; background:url(../images/animalpage.jpg) 0px 0px no-repeat; alt="adorable amigurumi crochet stuffed animal patterns"}
#animal1{width:998px; position:relative; background:url(../images/animalpage2.jpg) 0px 0px no-repeat; alt="adorable amigurumi crochet stuffed animal patterns"}
#animalfree{width:998px; position:relative; background:url(../images/animalpagefree.jpg) 0px 0px no-repeat; alt="free amigurumi crochet stuffed animal patterns"}
#animalfree2{width:998px; position:relative; background:url(../images/animalpagefree2.jpg) 0px 0px no-repeat; alt="free amigurumi crochet stuffed animal patterns"}

#leftpanel {float: left;	width: 775px; height: 745px}
#leftpanel h1{position:absolute;top:13px; left:85px}
#leftpanel img#front{position:absolute; top:79px; left:95px}
#leftpanel img#side{position:absolute; top:79px; left:515px}
#leftpanel img#difficulty{position:absolute; top:250px; left:350px}
#leftpanel p#dob{position:absolute; top:75px; left:390px; font:14pt Georgia, sans-serif; font-weight: bold}
#leftpanel p#height{position:absolute; top:140px; left:430px; font:14pt Georgia, sans-serif; font-weight: bold}
#leftpanel p#about{width:650px; position:absolute; top:300px; left:80px}
#leftpanel p#yarn{width:440px; position:absolute; top:665px; left:28px}
#leftpanel ul {position:absolute; top:518px; left:20px; list-style-type:none;}
#leftpanel ul li{float:left; width:100px; padding:5px; margin:0}

#sidebar {float: right;	width: 200px;}
#sidebar img#purchase{margin-top:15px; padding-left:0px}
#sidebar ul {margin-top:73px; padding-left:20px}
#sidebar ul li{}

#half1 {float: left;	width: 450px}
#half2 {float: right;	width: 450px; padding-left: 20px}

ul.inside li{margin-bottom:6px; padding-left:5px; font:14px Georgia, Geneva, sans-serif;}
ul.inside li a{ color:#000; text-decoration:none}
ul.inside li a:hover{ color:#8eb61c; text-decoration:none}

#leftabout {float: left;	width: 775px;}
#leftabout ul{list-style-type:circle; line-height: 1.5em; padding-left: 2em}

#sideabout {float: right;	width: 200px;}

#welcome{width:513px; margin-bottom:10px; margin-top:10px; position:relative}
#welcome p{text-align: justify; text-justify: newspaper}
#welcome p span.headline{display:block; margin-bottom:8px}

#oneline{width:513px; height:150px; margin-bottom:10px; margin-top:10px; position:relative}
#oneline p{text-align: justify; text-justify: newspaper}
#oneline p span.headline{display:block; margin-bottom:8px}

#featured img#numberOne{position:absolute; top:221px; left:217px }
#featured img#reasonOne{position:absolute; top:11px; left:750px }
#featured img#reasonTwo{position:absolute; top:197px; left:750px }
#featured img#reasonThree{position:absolute; top:382px; left:750px }
#featured{width:998px; height:550px; position:relative; background:url(../images/mainpage.jpg) 0px 0px no-repeat; alt="Adorable amigurumi crochet patterns! Cute stuffed animal patterns, crochet hat patterns, crochet vehicle patterns and free amigurumi crochet patterns."}
#featured h1{position:absolute; margin:40px 0 0 250px}
#featured p{text-align: justify; text-justify: newspaper; position:absolute; width:260px; height:209px; top:70px; left:210px}

#ami_menu img#plush{position:absolute; top:10px; left:200px }
#ami_menu img#weird{position:absolute; top:30px; left:450px }
#ami_menu img#quick{position:absolute; top:30px; left:700px }
#ami_menu{width:998px; height:223px; position:relative; background:url(../images/amigurumi_menu2.jpg) 0px 0px no-repeat; alt="Plush amigurumi crochet stuffed animal toy patterns"}
#ami_menu h1{position:absolute; margin:40px 0 0 250px}
#ami_menu h2{position:absolute; margin:240px 0 0 300px}

#ami_faves img#new{position:absolute; top:70px; left:800px }
#ami_faves{width:998px; height:223px; position:relative; background:url(../images/favorites.jpg) 0px 0px no-repeat; alt="Plush amigurumi crochet stuffed animal toy patterns"}
#ami_faves h1{position:absolute; margin:40px 0 0 250px}
#ami_faves h2{position:absolute; margin:240px 0 0 300px}

#resource img#numberOne{position:absolute; top:150px; left:5px }
#resource img#numberTwo{position:absolute; top:150px; left:205px }
#resource img#numberThree{position:absolute; top:150px; left:410px }
#resource img#numberFour{position:absolute; top:150px; left:615px }
#resource{width:800px; height:400px; position:relative; background:url(../images/tips.jpg) 0px 0px no-repeat; alt="Crochet Amigurumi help and resources, tips, videos and tutorials."}
#resource h1{position:absolute; margin:40px 0 0 250px}
#resource p{text-align: justify; text-justify: newspaper; position:absolute; width:260px; height:209px; top:120px; left:210px}

#table{position:relative}
#table h2{margin-top:16px; margin-bottom:12px}
#table a{ color:#000; text-decoration:none}
#table a:hover{ color:#8eb61c; text-decoration:none}
#table table{margin-bottom:12px}

#table250{position:relative; margin-top:25px; }
#table250 h2{margin-top:16px; margin-bottom:12px}
#table250 a{ color:#000; text-decoration:none}
#table250 a:hover{ color:#8eb61c; text-decoration:none}
#table250 table{margin-bottom:12px}

/****************************/
/*** Used by tim-foot.php ***/
#tim_footer a{color:#000000; text-decoration:none; padding: 0 3px }
#tim_footer a:hover{text-decoration:none; background:#ffffff; color:#000}
/****************************/

/* FOOTER */
#footer{width:998px; height:196px; position:relative;}
#footer p{text-align:center; color:#000000; text-align: center; position:absolute; top:150px; left:340px}
#footer p a{color:#000000; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#ffffff; color:#000}

		.footer1 { 
		position: relative;
		margin: 0px 0 0px 0px; 
		padding: 0px 0; 
		width: 998px; 
		height: 196px; 
		background:url(../images/footer.jpg) 0px 0px no-repeat;
		background-repeat: no-repeat; 
		}
		
#footer-link0 { 
		position: absolute; 
		top: 35px; 
		left: 35px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent;}	

#footer-link1 { 
		position: absolute; 
		top: 30px; 
		left: 158px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent;}	
		
#footer-link2 { 
		position: absolute; 
		top: 18px; 
		left: 323px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent; }	

#footer-link3 { 
		position: absolute; 
		top: 13px; 
		left: 658px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent; }	
		
#footer-link4 { 
		position: absolute; 
		top: 33px; 
		left: 800px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent; }	
		
#footer-link5 { 
		position: absolute; 
		top: 35px; 
		left: 912px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent; }	
		
		

/* FOOTER for index page*/
#footerindex{width:998px; height:196px; position:relative;}
#footerindex p{text-align:center; color:#000000; text-align: center; position:absolute; top:150px; left:340px}
#footerindex p a{color:#000000; text-decoration:none; padding: 0 3px }
#footerindex p a:hover{text-decoration:none; background:#ffffff; color:#000}

		.footerindex1 { 
		position: relative;
		margin: 0px 0 0px 0px; 
		padding: 0px 0; 
		width: 998px; 
		height: 196px; 
		background:url(../images/footer_index.jpg) 0px 0px no-repeat;
		background-repeat: no-repeat; 
		}
		
#footerindex-link0 { 
		position: absolute; 
		top: 35px; 
		left: 35px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent;}	

#footerindex-link1 { 
		position: absolute; 
		top: 30px; 
		left: 158px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent;}	
		
#footerindex-link2 { 
		position: absolute; 
		top: 18px; 
		left: 323px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent; }	

#footerindex-link3 { 
		position: absolute; 
		top: 13px; 
		left: 658px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent; }	
		
#footerindex-link4 { 
		position: absolute; 
		top: 33px; 
		left: 800px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent; }	
		
#footerindex-link5 { 
		position: absolute; 
		top: 35px; 
		left: 912px; 
		width: 50px; 
		height: 50px; 
		background-color: transparent; }