#tetris   { border-image: url('img/border.png') 42 48 54 48 /42px 48px 0px 48px repeat repeat;
			  -moz-border-image: url('img/border.png') 42 48 54 48 /42px 48px 0px 48px repeat repeat;
			  border-style:solid;
			  border-width: 42px 48px 0px 48px;
			  padding-bottom: 16px;}
	#tetris_bottom   { border-image: url('img/border.png') 42 60 54 60 /0px 60px 54px 60px repeat repeat;
			  -moz-border-image: url('img/border.png') 42 60 54 60 /0px 60px 54px 60px repeat repeat;
			  border-style:solid;
			  border-width: 0px 60px 54px 60px;}
    #stats    {  vertical-align: top }
    #canvas   { vertical-align: top; margin: auto; padding: 0px 10px 10px 10px;   background-image: url('img/canv_bg.png')}
    #menu     { float: left; vertical-align: top; position: relative; height: inherit; margin:0px 15px 0px 0px;}
    #upcoming { display: block; margin: 25px 25px 25px 25px; background-image: url('img/next_bg.png'); padding:10px; /*background-color: #E0E0E0;*/}
    #score    { color: #343434; font-weight: bold; margin-left: 80px }
    #rows     { color: #454545; font-weight: bold; margin-left: 80px }
    #stats    { position: absolute; bottom: 0em; right: 1em; }
    /*@media screen and (min-width:   0px) and (min-height:   0px)  { #tetris { font-size: 0.75em; width: 250px; } #menu { width: 100px; height: 200px; } #upcoming { width:  50px; height:  50px; } #canvas { width: 100px; height: 200px; } }*/ /* 10px chunks */
    /*@media screen and (min-width: 400px) and (min-height: 400px)  { #tetris { font-size: 1.00em; width: 350px; } #menu { width: 150px; height: 300px; } #upcoming { width:  75px; height:  75px; } #canvas { width: 150px; height: 300px; } }*/ /* 15px chunks */
    /*@media screen and (min-width: 500px) and (min-height: 500px)  { #tetris { font-size: 1.25em; width: 450px; } #menu { width: 200px; height: 400px; } #upcoming { width: 100px; height: 100px; } #canvas { width: 200px; height: 400px; } }*/ /* 20px chunks */
    /*@media screen and (min-width: 600px) and (min-height: 600px)  { #tetris { font-size: 1.50em; width: 550px; } #menu { width: 250px; height: 500px; } #upcoming { width: 125px; height: 125px; } #canvas { width: 250px; height: 500px; } }*/ /* 25px chunks */
    /*@media screen and (min-width: 700px) and (min-height: 700px)  { #tetris { font-size: 1.75em; width: 650px; } #menu { width: 300px; height: 600px; } #upcoming { width: 150px; height: 150px; } #canvas { width: 300px; height: 600px; } }*/ /* 30px chunks */
    /*@media screen and (min-width: 600px) and (min-height: 800px)  { #tetris { font-size: 2.00em; width: 600px; } #menu { width: 200px; height: 700px; } #upcoming { width: 175px; height: 175px; } #canvas { width: 350px; height: 700px; } }*/ /* 35px chunks */
    /* @media screen and (min-width: 900px) and (min-height: 940px)  { #tetris { font-size: 2.25em; width: 900px; } #menu { width: 400px; height: 880px; } #upcoming { width: 200px; height: 200px; } #canvas { width: 400px; height: 800px; } }  /*40px chunks */
    
	
	#tetris { font-size: 2.00em; width: 700px; background-color: #efefef; background-image: url('img/board.jpg');}
	#tetris_bottom { height:1px; width: 676px; background-color: #efefef;} 
	#menu { width: 310px; height: 700px; /*background-color:blue;*/} 
	#upcoming { width: 175px; height: 175px; }
	#canvas { width: 350px; height: 700px; }
	
    .control_but {width: 80px; height: 80px; background-color: #DDDDDD; margin: 10px;}
    #controls    {margin-top: 35px}
    #pp_but 	 {float: left; width: 64px; background-color: #efefef; background-image: url('img/pp_but_2.png');  margin-top:10px; background-repeat: no-repeat}
	#rotate_but 	 {background: url('img/rotate_but.png'); background-repeat: no-repeat}
	#left_but 	 {background: url('img/left_but.png'); background-repeat: no-repeat}
	#right_but 	 {background: url('img/right_but.png'); background-repeat: no-repeat}
	#up_but 	 {background: url('img/up_but.png'); background-repeat: no-repeat}
	#down_but 	 {background: url('img/down_but.png'); background-repeat: no-repeat; position:relative; top: -35px;}
	#message_pic {width:140px; height:70px;  background-image: url('img/press_space.png'); float:left; margin:0px 0px 0px 10px; background-repeat: no-repeat}
	#start {height: 70px; }
	
	
	.d_image { width: 20px; height: 32px; background-image: none; float: left}
	#sc_title { width: 92px; height: 32px; background-image: url('img/scores.png'); float: left; margin: 0px 0px 12px 0px}
	#ln_title { width: 92px; height: 32px; background-image: url('img/lines.png'); float: left; margin: 0px 0px 12px 0px}
	
	#lines, #scores {display: block; margin: 0px 0px 0px 35px; height: 32px; width:inherit}