rlm@78: 
rlm@78: div#trifold
rlm@78: {
rlm@78: position:relative;
rlm@78: width:505;
rlm@78: background-color:#000000;
rlm@78: margin-bottom:120px;
rlm@78: margin-top:25px;
rlm@78: font: bold 25px "helvetica","arial", "sans-serif";
rlm@78: color: white;
rlm@78: 
rlm@78: 
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: div#trileft
rlm@78: {
rlm@78: 
rlm@78: position:absolute;
rlm@78: top:0;
rlm@78: left:0%;
rlm@78: width:45%;
rlm@78: 
rlm@78: 
rlm@78: padding:5px;
rlm@78: border-style:solid;
rlm@78: border-color:#ffffff;
rlm@78: border-width:1px;
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: }
rlm@78: 
rlm@78: div.texttext
rlm@78: {
rlm@78: padding-top: 12px;
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: div#triright
rlm@78: {
rlm@78: position:absolute;
rlm@78: 
rlm@78: top:0;
rlm@78: left:52.5%;
rlm@78: width:45%;
rlm@78: padding:5px;
rlm@78: border-style:solid;
rlm@78: border-color:#ffffff;
rlm@78: border-width:1px;
rlm@78: padding-left:15px;
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: div#wtf
rlm@78: {
rlm@78: padding:5px;
rlm@78: border-style:solid;
rlm@78: border-color:#79797b;
rlm@78: border-width:1px;
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: div#arrowleft
rlm@78: {
rlm@78: float:left;
rlm@78: margin:7px;
rlm@78: margin-right:15px;
rlm@78: }
rlm@78: 
rlm@78: div#arrowright
rlm@78: {
rlm@78: float:right;
rlm@78: margin:7px;
rlm@78: }
rlm@78: 
rlm@78: h1 
rlm@78: {
rlm@78: 
rlm@78: color: white;
rlm@78: background-color:#000000;
rlm@78: text-align: center;
rlm@78: font: bold 32px "arial", "sans-serif";
rlm@78: 
rlm@78: }
rlm@78: 
rlm@78: div#whole
rlm@78: {
rlm@78:   width: 1100px ;
rlm@78:   margin-top:25px;
rlm@78:   margin-left: auto ;
rlm@78:   margin-right: auto ;
rlm@78: 
rlm@78: /*
rlm@78: padding:2px;
rlm@78: border-style:solid;
rlm@78: border-color:#79797b;
rlm@78: border-width:1px;
rlm@78: */
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78:          
rlm@78: div#i_materials
rlm@78: {
rlm@78: 
rlm@78: display: none;
rlm@78: padding:5px;
rlm@78: border-style:solid;
rlm@78: border-color:#79797b;
rlm@78: border-width:1px;
rlm@78: 
rlm@78: width:auto;
rlm@78: float:left;
rlm@78: 
rlm@78: /*position:absolute;
rlm@78: left:15px;
rlm@78: top:80px;*/
rlm@78: background-color:#000000;
rlm@78: 
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: div#templates
rlm@78: {
rlm@78: 	
rlm@78: margin-bottom:	10px;
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: div#i_templates
rlm@78: {
rlm@78: 
rlm@78: color: white;
rlm@78: background-color:#000000;
rlm@78: text-align: left;
rlm@78: font: bold 32px "arial", "sans-serif";
rlm@78: 
rlm@78: padding:10px;
rlm@78: border-style:solid;
rlm@78: border-color:#ffffff;
rlm@78: border-width:1px;
rlm@78: 
rlm@78: float: left;
rlm@78: width: auto;
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: /*
rlm@78: position:absolute;
rlm@78: left:15px;
rlm@78: bottom:15px;
rlm@78: */
rlm@78: 
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: titletron
rlm@78: {
rlm@78: 
rlm@78: 
rlm@78: padding-bottom: 50px;
rlm@78: color: white;
rlm@78: background-color:#000000;
rlm@78: text-align: left;
rlm@78: font: bold 32px "arial", "sans-serif";
rlm@78: 
rlm@78: 
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: div#centerbox
rlm@78: {
rlm@78: float:left;
rlm@78: margin-top:-10px;
rlm@78: margin-left:10px;
rlm@78: margin-right:10px;
rlm@78: width:515px;
rlm@78: padding:5px;
rlm@78: background-color:#000;
rlm@78: /*
rlm@78: border-style:solid;
rlm@78: border-color:#79797b;
rlm@78: border-width:1px;
rlm@78: margin:10px;
rlm@78: */
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: div#disp_contain
rlm@78: {position: relative;z-index:10;}
rlm@78: 
rlm@78: div#display 
rlm@78: {
rlm@78: position: absolute;
rlm@78: top:60px;
rlm@78: left:0px
rlm@78: background-color:#00ff00;
rlm@78: z-index: 5;
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr
rlm@78: {
rlm@78: padding:3px;
rlm@78: /*#border-style:solid;
rlm@78: #border-color:#79797b;*/
rlm@78: border-width:1px;
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: div#i_inputbox
rlm@78: {
rlm@78: 
rlm@78: padding-left:10px;
rlm@78: padding-top:10px;
rlm@78: padding-right:0px;
rlm@78: border-style:solid;
rlm@78: border-color:#ffffff;
rlm@78: border-width:1px;
rlm@78: padding-bottom:10px;
rlm@78: 
rlm@78: font: bold 14px "helvetica","arial", "sans-serif";
rlm@78: color: white;
rlm@78: 
rlm@78: float:left;
rlm@78: width:240px;
rlm@78: clear:right;
rlm@78: 
rlm@78: /*
rlm@78: position:absolute;
rlm@78: left:1260px;
rlm@78: top:80px;
rlm@78: */
rlm@78: 
rlm@78: background-color:#000000;
rlm@78: }
rlm@78:          
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: div#pokedex
rlm@78: {
rlm@78: padding : 30px;
rlm@78: clear:right;
rlm@78: float:none;
rlm@78: background-color:#000000;
rlm@78: border-style:solid;
rlm@78: border-color:#ffffff;
rlm@78: border-width:1px;
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: font: bold 16px "helvetica","arial", "sans-serif";
rlm@78: color: white;
rlm@78: }
rlm@78: 
rlm@78: div#garbage
rlm@78: {
rlm@78: 
rlm@78: float:left;
rlm@78: width:1000px;
rlm@78: 
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: div#buttoncon
rlm@78: {
rlm@78: position:relative;
rlm@78: 
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: div#vanish
rlm@78: {
rlm@78: position:absolute;
rlm@78: top:0px;
rlm@78: left:0px;
rlm@78: z-index:2;
rlm@78: }
rlm@78: 
rlm@78: div#crush
rlm@78: {
rlm@78: position:relative;
rlm@78: left:8px;
rlm@78: top:0px;
rlm@78: z-index:1;
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: h1
rlm@78: 
rlm@78: {
rlm@78: padding: 0px;
rlm@78: margin:0px;
rlm@78: margin-bottom: 10px;
rlm@78: }
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: 
rlm@78: /*stuff to make the containing divs actually contain the stuff they contain.*/
rlm@78: 
rlm@78:     .clearfix:after {
rlm@78:         content: ".";
rlm@78:         display: block;
rlm@78:         height: 0;
rlm@78:         clear: both;
rlm@78:         visibility: hidden;
rlm@78:     }
rlm@78: 
rlm@78:     * html .clearfix {height: 1%;}