# HG changeset patch
# User rlm
# Date 1263791957 18000
# Node ID 0deeb2d5d1dbc7c468ef6a361e9dd84a2657b153
# Parent  d269b63b4a54e6d68574330244d92af481a44885
[svn r33] modifications with Kevin on jan 18.

diff -r d269b63b4a54 -r 0deeb2d5d1db buy.html
--- a/buy.html	Sun Jan 17 22:11:27 2010 -0500
+++ b/buy.html	Mon Jan 18 00:19:17 2010 -0500
@@ -45,6 +45,14 @@
 
 <div id = "centerbox" >
 
+
+
+
+
+<div id= "trifold" >
+
+
+
 <div id = "disp_contain"></div>
 	
 <div id="display">PERL-REPLACE::DISPLAY</div>
@@ -62,21 +70,6 @@
 </script>
 
 
-
-<div id= "trifold" >
-
-<div id="trileft">
-<div id = "arrowleft"><img src = "./images/left.png"></div>
-<div class="texttext">1. Choose!</div>
-</div>
-
-
-<div id = "triright">
-<div id = "arrowright"><img src = "./images/right.png"></div>
-<div class="texttext">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. Info!</div>
-</div>
-
-
 </div>
 
 <div id="pokedex">PERL-REPLACE::POKEDEX</div>
@@ -89,16 +82,18 @@
 <div id="inputbox" >PERL-REPLACE::INPUTBOX</div>
 
 
-</div>
 
 
 
 <div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div>
 
 
+</div>
 
 
 
+<div id = "copyright">&copy; 2010 LaserKard, LLC</div>
+
 
 
 
diff -r d269b63b4a54 -r 0deeb2d5d1db buy.pl
--- a/buy.pl	Sun Jan 17 22:11:27 2010 -0500
+++ b/buy.pl	Mon Jan 18 00:19:17 2010 -0500
@@ -89,8 +89,8 @@
 $materialcolor = $1;
 
 	
-$r = "<div id = \"i_templates\"><titletron>Templates</titletron><br>
-
+$r = "<div id = \"i_templates\"><div class = 'ttyl'> <titletron>Select Style.</titletron></div>
+<div id = 'stupid'>
 <input TYPE=\"image\" src = \"./images/templates/big_$materialcolor.jpg\" 	onmouseover=\"pokedex([\'args__big\'],[\'pokedex\']);\" 	onclick=\"display([\'template2\'], [\'display\']); inputbox([\'template2\'], [\'inputbox\']);material([\'template2\'], [\'materials\']);\" ID=\"template2\" NAME=\"template2\" VALUE=\"big_$materialcolor\"        > <br>
   
 <input TYPE=\"image\" src = \"./images/templates/basic_$materialcolor.jpg\"  onmouseover=\"pokedex([\'args__basic\'],['pokedex\']);\"	onclick=\"display([\'template3\'], [\'display\']); inputbox([\'template3\'], [\'inputbox\']);material([\'template3\'], [\'materials\']);\" ID=\"template3\" NAME=\"template3\" VALUE=\"basic_$materialcolor\"          ><br>
@@ -99,6 +99,7 @@
  
 <input TYPE=\"image\" src = \"./images/templates/lines_$materialcolor.jpg\"  onmouseover=\"pokedex([\'args__lines\'],[\'pokedex\']);\"	onclick=\"display([\'template4\'], [\'display\']); inputbox([\'template4\'], [\'inputbox\']);material([\'template4\'], [\'materials\']);\" ID=\"template4\" NAME=\"template4\" VALUE=\"lines_$materialcolor\"           > 
 	</div>
+	</div>
 
 ";
 
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/BASE.paylist
--- a/paypal/BASE.paylist	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/BASE.paylist	Mon Jan 18 00:19:17 2010 -0500
@@ -1,8 +1,8 @@
 <div id = "i_inputbox">
 
-<h1>PERL::TITLE</h1>
+<div class = "ttyls"> <titletron>PERL::TITLE</titletron></div><br>
+<div class = "descript"> PERL::DESC </div>
 
-<br><br>
 <!-- Start of Form -->
 <!-- Note: target="paypal" was replaced with the variable target="_self" -->
 <!-- Note: shopping_url also added to code -->
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/basic_acrylic_clear.paylist
--- a/paypal/basic_acrylic_clear.paylist	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/basic_acrylic_clear.paylist	Mon Jan 18 00:19:17 2010 -0500
@@ -1,8 +1,8 @@
 <div id = "i_inputbox">
 
-<h1>Clarity Series:<br> The Arrow Kard.</h1>
+<div class = "ttyls"> <titletron>Clarity Series:<br> The Arrow Kard.</titletron></div><br>
+<div class = "descript"> Laser-Etched Clear Acrylic </div>
 
-<br><br>
 <!-- Start of Form -->
 <!-- Note: target="paypal" was replaced with the variable target="_self" -->
 <!-- Note: shopping_url also added to code -->
@@ -107,7 +107,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -137,7 +137,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -167,7 +167,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -197,7 +197,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/basic_acrylic_green.paylist
--- a/paypal/basic_acrylic_green.paylist	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/basic_acrylic_green.paylist	Mon Jan 18 00:19:17 2010 -0500
@@ -1,8 +1,8 @@
 <div id = "i_inputbox">
 
-<h1>Vitality LaserKard Basic Style</h1>
+<div class = "ttyls"> <titletron>Vitality LaserKard Basic Style</titletron></div><br>
+<div class = "descript"> Laser-Etched Clear Acrylic </div>
 
-<br><br>
 <!-- Start of Form -->
 <!-- Note: target="paypal" was replaced with the variable target="_self" -->
 <!-- Note: shopping_url also added to code -->
@@ -107,7 +107,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -137,7 +137,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -167,7 +167,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -197,7 +197,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/big_acrylic_clear.paylist
--- a/paypal/big_acrylic_clear.paylist	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/big_acrylic_clear.paylist	Mon Jan 18 00:19:17 2010 -0500
@@ -1,8 +1,8 @@
 <div id = "i_inputbox">
 
-<h1>Clarity Series:<br> The Bold Kard.</h1>
+<div class = "ttyls"> <titletron>Clarity Series:<br> The Bold Kard.</titletron></div><br>
+<div class = "descript"> Laser-Etched Clear Acrylic </div>
 
-<br><br>
 <!-- Start of Form -->
 <!-- Note: target="paypal" was replaced with the variable target="_self" -->
 <!-- Note: shopping_url also added to code -->
@@ -107,7 +107,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -137,7 +137,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/big_acrylic_green.paylist
--- a/paypal/big_acrylic_green.paylist	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/big_acrylic_green.paylist	Mon Jan 18 00:19:17 2010 -0500
@@ -1,8 +1,8 @@
 <div id = "i_inputbox">
 
-<h1>Vitality LaserKard BIG Style</h1>
+<div class = "ttyls"> <titletron>Vitality LaserKard BIG Style</titletron></div><br>
+<div class = "descript"> Laser-Etched Clear Acrylic </div>
 
-<br><br>
 <!-- Start of Form -->
 <!-- Note: target="paypal" was replaced with the variable target="_self" -->
 <!-- Note: shopping_url also added to code -->
@@ -107,7 +107,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -137,7 +137,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/classic_acrylic_clear.paylist
--- a/paypal/classic_acrylic_clear.paylist	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/classic_acrylic_clear.paylist	Mon Jan 18 00:19:17 2010 -0500
@@ -1,8 +1,8 @@
 <div id = "i_inputbox">
 
-<h1>Clarity Series:<br> The Classic Kard.</h1>
+<div class = "ttyls"> <titletron>Clarity Series:<br> The Classic Kard.</titletron></div><br>
+<div class = "descript"> Laser-Etched Clear Acrylic </div>
 
-<br><br>
 <!-- Start of Form -->
 <!-- Note: target="paypal" was replaced with the variable target="_self" -->
 <!-- Note: shopping_url also added to code -->
@@ -107,7 +107,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -137,7 +137,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -167,7 +167,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -197,7 +197,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -227,7 +227,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -257,7 +257,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/classic_acrylic_green.paylist
--- a/paypal/classic_acrylic_green.paylist	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/classic_acrylic_green.paylist	Mon Jan 18 00:19:17 2010 -0500
@@ -1,8 +1,8 @@
 <div id = "i_inputbox">
 
-<h1>Vitality LaserKard  Classic Style</h1>
+<div class = "ttyls"> <titletron>Vitality LaserKard  Classic Style</titletron></div><br>
+<div class = "descript"> Laser-Etched Clear Acrylic </div>
 
-<br><br>
 <!-- Start of Form -->
 <!-- Note: target="paypal" was replaced with the variable target="_self" -->
 <!-- Note: shopping_url also added to code -->
@@ -107,7 +107,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -137,7 +137,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -167,7 +167,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -197,7 +197,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -227,7 +227,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -257,7 +257,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/generate_paylists.pm
--- a/paypal/generate_paylists.pm	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/generate_paylists.pm	Mon Jan 18 00:19:17 2010 -0500
@@ -15,6 +15,7 @@
 	
 {#input stuff
     my %args = (
+		DESC   => "Laser-Etched Clear Acrylic",
 		TITLE  => "Clarity LaserKard --- Classic Style",
         NAME   => 'classic_acrylic_clear', 
         FIELDS      => ["Line 1", "Line 2","Line 3","Line 4","Line 5","Side"],
@@ -34,7 +35,7 @@
     $penny = $args{ADD_PENNY};
     $title = $args{TITLE};
     $initial_price = $args{INITIAL_PRICE};
-    
+	$desc = $args{DESC};
 }      
 
 {#determine the total number of fields and payment options present:
@@ -70,7 +71,7 @@
 {#PERL::TITLE   
 $base =~ s/PERL::TITLE/$title/g;
 $base =~ s/PERL::PRODUCT-NAME/$prod_name/g;
-
+$base =~ s/PERL::DESC/$desc/g;
 }
 
 {#PERL::OPT0 -- PERL::OPT9
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/lines_acrylic_clear.paylist
--- a/paypal/lines_acrylic_clear.paylist	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/lines_acrylic_clear.paylist	Mon Jan 18 00:19:17 2010 -0500
@@ -1,8 +1,8 @@
 <div id = "i_inputbox">
 
-<h1>Clarity Series:<br> The Direct Kard.</h1>
+<div class = "ttyls"> <titletron>Clarity Series:<br> The Direct Kard.</titletron></div><br>
+<div class = "descript"> Laser-Etched Clear Acrylic </div>
 
-<br><br>
 <!-- Start of Form -->
 <!-- Note: target="paypal" was replaced with the variable target="_self" -->
 <!-- Note: shopping_url also added to code -->
@@ -107,7 +107,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -137,7 +137,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -167,7 +167,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -197,7 +197,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -227,7 +227,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -257,7 +257,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/lines_acrylic_green.paylist
--- a/paypal/lines_acrylic_green.paylist	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/lines_acrylic_green.paylist	Mon Jan 18 00:19:17 2010 -0500
@@ -1,8 +1,8 @@
 <div id = "i_inputbox">
 
-<h1>Vitality LaserKard  Lines Style</h1>
+<div class = "ttyls"> <titletron>Vitality LaserKard  Lines Style</titletron></div><br>
+<div class = "descript"> Laser-Etched Clear Acrylic </div>
 
-<br><br>
 <!-- Start of Form -->
 <!-- Note: target="paypal" was replaced with the variable target="_self" -->
 <!-- Note: shopping_url also added to code -->
@@ -107,7 +107,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -137,7 +137,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -167,7 +167,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -197,7 +197,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -227,7 +227,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
@@ -257,7 +257,7 @@
 onKeyUp="
 tt.remove();
 
-var font_size = 75;
+var font_size = 65;
 
 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
 tt.attr('stroke', '#f00');
diff -r d269b63b4a54 -r 0deeb2d5d1db paypal/make.pl
--- a/paypal/make.pl	Sun Jan 17 22:11:27 2010 -0500
+++ b/paypal/make.pl	Mon Jan 18 00:19:17 2010 -0500
@@ -6,6 +6,7 @@
 (
 TITLE  => 'Clarity Series:<br> The Bold Kard.',
 PRODUCT_NAME => 'Clarity Series: The Bold Kard',
+DESC	=> 'Laser-Etched Clear Acrylic',
 
 NAME   => 'big_acrylic_clear', 
 
diff -r d269b63b4a54 -r 0deeb2d5d1db sexy.css
--- a/sexy.css	Sun Jan 17 22:11:27 2010 -0500
+++ b/sexy.css	Mon Jan 18 00:19:17 2010 -0500
@@ -4,8 +4,8 @@
 position:relative;
 width:505;
 background-color:#000000;
-margin-bottom:120px;
-margin-top:25px;
+margin-bottom:30px;
+margin-top:4px;
 font: bold 25px "helvetica","arial", "sans-serif";
 color: white;
 
@@ -13,23 +13,66 @@
 }
 
 
-div#trileft
+
+div#texttop
 {
+position: relative;
+top: 0px;
+left: 80px;
+}
 
-position:absolute;
+
+div#textbottom
+{
+position: relative;
+top: 0px;
+left: 0px;
+}
+
+
+div#arrowleft
+{
+position: absolute;
+top: 7px;
+left: -65px;
+}
+
+div#arrowright
+{
+position: absolute;
+top: 8px;
+left: 125px;
+
+}
+
+
+
+div#innertri
+{
+width:55%;
+position:relative;
 top:0;
 left:0%;
-width:45%;
 
+margin-left:auto;
+margin-right:auto;
 
-padding:5px;
+
+padding-top: 10px;
+padding-left: 20px;
+padding-right: 10px;
+padding-bottom: 10px;
+background-color: #000000;
+
 border-style:solid;
 border-color:#ffffff;
 border-width:1px;
 
+}
 
 
-}
+
+
 
 div.texttext
 {
@@ -37,19 +80,7 @@
 }
 
 
-div#triright
-{
-position:absolute;
 
-top:0;
-left:52.5%;
-width:45%;
-padding:5px;
-border-style:solid;
-border-color:#ffffff;
-border-width:1px;
-padding-left:15px;
-}
 
 
 div#wtf
@@ -61,18 +92,6 @@
 }
 
 
-div#arrowleft
-{
-float:left;
-margin:7px;
-margin-right:15px;
-}
-
-div#arrowright
-{
-float:right;
-margin:7px;
-}
 
 h1 
 {
@@ -90,7 +109,9 @@
   margin-top:25px;
   margin-left: auto ;
   margin-right: auto ;
-
+	clear: right;
+	
+	
 /*
 padding:2px;
 border-style:solid;
@@ -138,13 +159,14 @@
 font: bold 32px "arial", "sans-serif";
 
 padding:10px;
+padding-top: 15px;
 border-style:solid;
 border-color:#ffffff;
 border-width:1px;
 
 float: left;
 width: auto;
-
+margin-right: 7px;
 
 
 /*
@@ -161,15 +183,35 @@
 {
 
 
-padding-bottom: 50px;
+
+
 color: white;
-background-color:#000000;
-text-align: left;
+background-color:#00000;
+
 font: bold 32px "arial", "sans-serif";
 
 
 }
 
+div.ttyl
+{
+padding-top: 0px;
+padding-left: 10px;
+
+}
+div.ttyls
+{
+padding-top:6px;
+padding-left: 0px;
+
+}
+
+div#stupid
+{
+padding-top: 7px;
+
+}
+
 
 div#centerbox
 {
@@ -194,10 +236,9 @@
 
 div#display 
 {
-position: absolute;
-top:60px;
-left:0px
-background-color:#00ff00;
+position: relative;
+top: -325px;
+background-color:#000000;
 z-index: 5;
 }
 
@@ -232,7 +273,7 @@
 float:left;
 width:240px;
 clear:right;
-
+margin-left: 7px;
 /*
 position:absolute;
 left:1260px;
@@ -242,12 +283,23 @@
 background-color:#000000;
 }
          
+div.descript
+{
 
 
+font: bold 16px "helvetica","arial", "sans-serif";
+color: white;
+margin-bottom: 10px;
+background-color: #000000;
+
+}
+
 
 
 div#pokedex
 {
+position: relative;
+top: -334px;
 padding : 30px;
 clear:right;
 float:none;
@@ -270,7 +322,16 @@
 
 }
 
+div#copyright
+{
+position:relative;
+font: bold 16px "helvetica","arial", "sans-serif";
+color: white;
+margin-left:auto;
+margin-right: auto;
+clear:left;
 
+}
 
 
 
@@ -307,10 +368,51 @@
 margin-bottom: 10px;
 }
 
+div#inputbox
+{
 
+clear:right;
 
+}
 
 
+/*  
+Sticky Footer Solution
+by Steve Hatcher 
+http://stever.ca
+http://www.cssstickyfooter.com
+*/
+
+* {margin:0;padding:0;} 
+
+/* must declare 0 margins on everything, also for main layout components use padding, not 
+vertical margins (top and bottom) to add spacing, else those margins get added to total height 
+and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
+
+html, body, #wrap {height: 100%;}
+
+body > #wrap {height: auto; min-height: 100%;}
+
+#main {padding-bottom: 150px;}  /* must be same height as the footer */
+
+#footer {position: relative;
+font: bold 16px "helvetica","arial", "sans-serif";
+color: white;
+	margin-top: -150px; /* negative value of footer height */
+	height: 150px;
+	clear:both;} 
+
+/* CLEAR FIX*/
+.clearfix:after {content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;}
+.clearfix {display: inline-block;}
+/* Hides from IE-mac \*/
+* html .clearfix { height: 1%;}
+.clearfix {display: block;}
+/* End hide from IE-mac */
 
 /*stuff to make the containing divs actually contain the stuff they contain.*/