/* 
    Document   : mystyle
    Created on : Aug 22, 2009, 10:09:40 AM
    Author     : vlonij
    Description: style for wordconnection game
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    font-family:Verdana,sans-serif;
    background-color:white;
    text-align:center;

}


.border{
    position:relative;
    float:left;
    margin:.7em;
    width:20em;
    height:26em;
    border: 1px solid #bbb;
}
.box_content{

    width:85%;
    margin:auto;
}


.box_title{
    margin-top:2ex;
    margin-bottom:3ex;

    font-size:18px;
    height:4ex;
    width:100%;
    text-align:center;
}

.pageContent{
    /*font-size: 110%;*/
    margin:auto;
    width:66em;
}
.word{
    width:100%;
    position:absolute;
}
.input{
    width:100%;
    margin-bottom:15px;
}
.output{
    font-family:"Lucida Console",Monaco,monospace;
    font-size:130%;
    position:relative;
    width:22.5ex;
    height:9.2ex;
    margin:auto;
    overflow:hidden;
}
.letter{
    float:left;
    width:1.25ex;
    height:2.3ex;
}
h2{
    margin-top:2ex;
    margin-bottom:3ex;
    font-weight:normal;
    font-size:130%;
    height:4ex;
    width:100%;
    text-align:center;
}

.share{
    margin: auto;
}