@CHARSET "UTF-8";
body div {font-family: Verdana; font-size: 18px;}
.button {padding: 20px; min-width: 150px; position: relative;}
.inputText {height: 30px; min-width: 50px;}
#newForm {spacing: 10px; padding-top: 20px;}
#question, #answer {position: relative; height: 50px; padding-top: 50px;}
#footButtons {position: absolute; left: 10px; top: 350px;}
#headButtons {position: absolute; left: 10px;}
#ajaxBusy {display: none; margin: 0px; padding: 0px; position: absolute; right: 300px; top: 3px; width: auto;}
#tags, #tags a {text-decoration: none; color: black; left: 10px;}
#content {position: absolute; top: 90px; padding-left: 10px;}
.clr{clear:both;}

/*@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {*/
@media only screen and (max-width : 768px) {
body div, input{font-size:20px;}
#wrapper{width:100%;}
form{width:100%;display:block; text-align:center;}
input{width:90%;display:inline-block;margin-bottom:10px;}
legend{margin-bottom:10px;text-align:center;width:100%;}
#username{width:90%;}
#headButtons{position:static; width:100%;left:0px;}
#headButtons #newBtn{width:45%; float:left;}
#headButtons #deleteBtn{width:45%; float:right;}
.button{min-width:initial;}
#content{width:100%; position:static;padding-left:0px;}
#addBtn {float:left; width:45%;}
#cancelNewBtn {float:right; width:45%;}
#footButtons{left:0px;width:96%;padding-left:2%;padding-right:2%;}
#footButtons #nextBtn{float:left; width:45%;}
#footButtons #showBtn{float:right; width:45%;}
}