/* == Base Styles Older browsers and older mobile, and very small == */

/*all fonts*/
body, pre
{
    font-family: Arial;
}

body 
{
    /*font-family: Arial;*/
    margin: 0.5em;
}

body .container .testclass span
{
    color: #00ef00;
}

a, a:visited { /*color: #0000ff;*/ }

body 
{
/*    
    background: #101010;

    color: #efefef;
  */    

    /*
    font-family: Arial;
*/
}




a, a:visited { color: #0070f0; }

h1 { font-size: 2.1em }
h1  
{
    font-size: 1.65;
    margin-top: 0.2em;
    margin-bottom:0.2em;
}

br.clearLeft 
{
    clear: left;
}



div.container {
	/*border: 1px solid #f0f0f0;*/
	min-height: 30em;
	width:300px;
}

/* Smallest Browsers lt 320px */
div.container, div.container font {
	font-size: 1.2em;
}

div.container font {
	font-size: 1.3em;
}

div.container a 
{
    font-size: 1.2em;
}

div.container font a
{
    font-size: 1em;
}

div.container div.mainContent font 
{
    line-height: 1.3em;
}

div.container div.mainContent a 
{
    line-height: 1.3em;
}

div.container div.mainContent div.letters a 
{
    line-height: 1.4em;
    padding-right: 0.28em;
    font-size: 1.4em;  
}


div.container div.block
{
    margin-top: 1em;
    margin-bottom: 1em;
}

pre  
{
    white-space: pre-wrap; 
    /*font-family:Tunga;*/
    font-size: 18pt;
    line-height:1.1em;
}


/* == Mobile Styles == */


/* General Very Small Browsers */
@media only screen and (min-width: 320px) {

	div.container {
		width:290px;
	}


}

/* General Medium Range Browsers */
@media only screen and (min-width: 480px) {

	div.container {
		width:450px;
	}

}

/* General Large and Desktop Browsers */
@media only screen and (min-width: 960px) {

	div.container {
		width:910px;
	}
	
}