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