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