1.1 --- a/sexy.css	Sun Jan 17 22:11:27 2010 -0500
     1.2 +++ b/sexy.css	Mon Jan 18 00:19:17 2010 -0500
     1.3 @@ -4,8 +4,8 @@
     1.4  position:relative;
     1.5  width:505;
     1.6  background-color:#000000;
     1.7 -margin-bottom:120px;
     1.8 -margin-top:25px;
     1.9 +margin-bottom:30px;
    1.10 +margin-top:4px;
    1.11  font: bold 25px "helvetica","arial", "sans-serif";
    1.12  color: white;
    1.13  
    1.14 @@ -13,23 +13,66 @@
    1.15  }
    1.16  
    1.17  
    1.18 -div#trileft
    1.19 +
    1.20 +div#texttop
    1.21  {
    1.22 +position: relative;
    1.23 +top: 0px;
    1.24 +left: 80px;
    1.25 +}
    1.26  
    1.27 -position:absolute;
    1.28 +
    1.29 +div#textbottom
    1.30 +{
    1.31 +position: relative;
    1.32 +top: 0px;
    1.33 +left: 0px;
    1.34 +}
    1.35 +
    1.36 +
    1.37 +div#arrowleft
    1.38 +{
    1.39 +position: absolute;
    1.40 +top: 7px;
    1.41 +left: -65px;
    1.42 +}
    1.43 +
    1.44 +div#arrowright
    1.45 +{
    1.46 +position: absolute;
    1.47 +top: 8px;
    1.48 +left: 125px;
    1.49 +
    1.50 +}
    1.51 +
    1.52 +
    1.53 +
    1.54 +div#innertri
    1.55 +{
    1.56 +width:55%;
    1.57 +position:relative;
    1.58  top:0;
    1.59  left:0%;
    1.60 -width:45%;
    1.61  
    1.62 +margin-left:auto;
    1.63 +margin-right:auto;
    1.64  
    1.65 -padding:5px;
    1.66 +
    1.67 +padding-top: 10px;
    1.68 +padding-left: 20px;
    1.69 +padding-right: 10px;
    1.70 +padding-bottom: 10px;
    1.71 +background-color: #000000;
    1.72 +
    1.73  border-style:solid;
    1.74  border-color:#ffffff;
    1.75  border-width:1px;
    1.76  
    1.77 +}
    1.78  
    1.79  
    1.80 -}
    1.81 +
    1.82 +
    1.83  
    1.84  div.texttext
    1.85  {
    1.86 @@ -37,19 +80,7 @@
    1.87  }
    1.88  
    1.89  
    1.90 -div#triright
    1.91 -{
    1.92 -position:absolute;
    1.93  
    1.94 -top:0;
    1.95 -left:52.5%;
    1.96 -width:45%;
    1.97 -padding:5px;
    1.98 -border-style:solid;
    1.99 -border-color:#ffffff;
   1.100 -border-width:1px;
   1.101 -padding-left:15px;
   1.102 -}
   1.103  
   1.104  
   1.105  div#wtf
   1.106 @@ -61,18 +92,6 @@
   1.107  }
   1.108  
   1.109  
   1.110 -div#arrowleft
   1.111 -{
   1.112 -float:left;
   1.113 -margin:7px;
   1.114 -margin-right:15px;
   1.115 -}
   1.116 -
   1.117 -div#arrowright
   1.118 -{
   1.119 -float:right;
   1.120 -margin:7px;
   1.121 -}
   1.122  
   1.123  h1 
   1.124  {
   1.125 @@ -90,7 +109,9 @@
   1.126    margin-top:25px;
   1.127    margin-left: auto ;
   1.128    margin-right: auto ;
   1.129 -
   1.130 +	clear: right;
   1.131 +	
   1.132 +	
   1.133  /*
   1.134  padding:2px;
   1.135  border-style:solid;
   1.136 @@ -138,13 +159,14 @@
   1.137  font: bold 32px "arial", "sans-serif";
   1.138  
   1.139  padding:10px;
   1.140 +padding-top: 15px;
   1.141  border-style:solid;
   1.142  border-color:#ffffff;
   1.143  border-width:1px;
   1.144  
   1.145  float: left;
   1.146  width: auto;
   1.147 -
   1.148 +margin-right: 7px;
   1.149  
   1.150  
   1.151  /*
   1.152 @@ -161,15 +183,35 @@
   1.153  {
   1.154  
   1.155  
   1.156 -padding-bottom: 50px;
   1.157 +
   1.158 +
   1.159  color: white;
   1.160 -background-color:#000000;
   1.161 -text-align: left;
   1.162 +background-color:#00000;
   1.163 +
   1.164  font: bold 32px "arial", "sans-serif";
   1.165  
   1.166  
   1.167  }
   1.168  
   1.169 +div.ttyl
   1.170 +{
   1.171 +padding-top: 0px;
   1.172 +padding-left: 10px;
   1.173 +
   1.174 +}
   1.175 +div.ttyls
   1.176 +{
   1.177 +padding-top:6px;
   1.178 +padding-left: 0px;
   1.179 +
   1.180 +}
   1.181 +
   1.182 +div#stupid
   1.183 +{
   1.184 +padding-top: 7px;
   1.185 +
   1.186 +}
   1.187 +
   1.188  
   1.189  div#centerbox
   1.190  {
   1.191 @@ -194,10 +236,9 @@
   1.192  
   1.193  div#display 
   1.194  {
   1.195 -position: absolute;
   1.196 -top:60px;
   1.197 -left:0px
   1.198 -background-color:#00ff00;
   1.199 +position: relative;
   1.200 +top: -325px;
   1.201 +background-color:#000000;
   1.202  z-index: 5;
   1.203  }
   1.204  
   1.205 @@ -232,7 +273,7 @@
   1.206  float:left;
   1.207  width:240px;
   1.208  clear:right;
   1.209 -
   1.210 +margin-left: 7px;
   1.211  /*
   1.212  position:absolute;
   1.213  left:1260px;
   1.214 @@ -242,12 +283,23 @@
   1.215  background-color:#000000;
   1.216  }
   1.217           
   1.218 +div.descript
   1.219 +{
   1.220  
   1.221  
   1.222 +font: bold 16px "helvetica","arial", "sans-serif";
   1.223 +color: white;
   1.224 +margin-bottom: 10px;
   1.225 +background-color: #000000;
   1.226 +
   1.227 +}
   1.228 +
   1.229  
   1.230  
   1.231  div#pokedex
   1.232  {
   1.233 +position: relative;
   1.234 +top: -334px;
   1.235  padding : 30px;
   1.236  clear:right;
   1.237  float:none;
   1.238 @@ -270,7 +322,16 @@
   1.239  
   1.240  }
   1.241  
   1.242 +div#copyright
   1.243 +{
   1.244 +position:relative;
   1.245 +font: bold 16px "helvetica","arial", "sans-serif";
   1.246 +color: white;
   1.247 +margin-left:auto;
   1.248 +margin-right: auto;
   1.249 +clear:left;
   1.250  
   1.251 +}
   1.252  
   1.253  
   1.254  
   1.255 @@ -307,10 +368,51 @@
   1.256  margin-bottom: 10px;
   1.257  }
   1.258  
   1.259 +div#inputbox
   1.260 +{
   1.261  
   1.262 +clear:right;
   1.263  
   1.264 +}
   1.265  
   1.266  
   1.267 +/*  
   1.268 +Sticky Footer Solution
   1.269 +by Steve Hatcher 
   1.270 +http://stever.ca
   1.271 +http://www.cssstickyfooter.com
   1.272 +*/
   1.273 +
   1.274 +* {margin:0;padding:0;} 
   1.275 +
   1.276 +/* must declare 0 margins on everything, also for main layout components use padding, not 
   1.277 +vertical margins (top and bottom) to add spacing, else those margins get added to total height 
   1.278 +and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
   1.279 +
   1.280 +html, body, #wrap {height: 100%;}
   1.281 +
   1.282 +body > #wrap {height: auto; min-height: 100%;}
   1.283 +
   1.284 +#main {padding-bottom: 150px;}  /* must be same height as the footer */
   1.285 +
   1.286 +#footer {position: relative;
   1.287 +font: bold 16px "helvetica","arial", "sans-serif";
   1.288 +color: white;
   1.289 +	margin-top: -150px; /* negative value of footer height */
   1.290 +	height: 150px;
   1.291 +	clear:both;} 
   1.292 +
   1.293 +/* CLEAR FIX*/
   1.294 +.clearfix:after {content: ".";
   1.295 +	display: block;
   1.296 +	height: 0;
   1.297 +	clear: both;
   1.298 +	visibility: hidden;}
   1.299 +.clearfix {display: inline-block;}
   1.300 +/* Hides from IE-mac \*/
   1.301 +* html .clearfix { height: 1%;}
   1.302 +.clearfix {display: block;}
   1.303 +/* End hide from IE-mac */
   1.304  
   1.305  /*stuff to make the containing divs actually contain the stuff they contain.*/
   1.306