/*
* From css-tricks.com
* http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
*/
        
.menu_games_button{
 	 
	 font-size: 150%;
	 color: purple;
	 background: white;
     border-radius: 4px;
     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
     margin-top: 15px;
     margin-bottom: 15px;
	 
 }
 
 .menu_games_button:hover{
 	 color: white;
	 background: purple;
     
 }
 
 .classroom_menu_title{
	 color: purple;
	 font-weight: bold;
	 font-size: 115%;
	 text-align: center;
	 padding-top: 5px;
	 border-bottom-width: 3px;
	 border-bottom-style: solid;
	 border-bottom-color: purple;
	 
 }

.menu_option_copy, .menu_option_copy  a{
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color: purple;
}

.subject_menu{
/*
	padding-top: 5px;
    padding-bottom: 5px;
*/
}

.english_subject_topiclist{
	border: 5px solid #f80e0e;
	background-color: #f80e0e;
	
}
 
.english_subject_topiclist .classroom_menu_title{
	background-color: #f80e0e;
	color: white;
}

.math_subject_topiclist{
	border: 5px solid #fa9c0f;
	background-color: #fa9c0f;
	
}
 
.math_subject_topiclist .classroom_menu_title{
	background-color:#fa9c0f;
	color: white;
}


.science_subject_topiclist{
	border: 5px solid #10f093;
	background-color: #10f093;
	
}
 
.science_subject_topiclist .classroom_menu_title{
	background-color:#10f093;
	color: white;
}


.socialstudies_subject_topiclist{
	border: 5px solid #0dc9f9;
	background-color: #0dc9f9;
	
}
 
.socialstudies_subject_topiclist .classroom_menu_title{
	background-color:#0dc9f9;
	color: white;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	.subject_topiclist{
	width: 90%;
	float: none;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	.number_players_btn{
	width: 35%;
	margin-top: 10px;
	margin-bottom: 10px;
	float: none;
	}
	.restore_pastgame_btn{
	width: 85%;
	margin-top: 10px;
	margin-bottom: 10px;
	float: none;
		
		
	}
	.guru_begin_add_player{
		margin-top: 25px;
		float: none;
	}
}
 
 .secondary{
	 background: rgb(66, 184, 221);
 }
 
 .incorrect{
	 background:#e30909;
 }
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
.two_column_clear{
	clear: both;
}
.subject_topiclist{
	width: 45%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
}

.number_players_btn, restore_pastgame_btn{
	width: 45%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}

.guru_begin_summary_column, .guru_begin_add_player{
	width: 30%;
	margin-right: 2%;
	float: left;
}

}

@media only screen 
and (min-width : 320px)  {
/* Styles */

.menu_games_button{
 		width: 80%;
 		
 	}


  
}
 
/* iPads (landscape) ----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
	
}


 
/* iPads (portrait) ----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */


}


 
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
.subject_topiclist{
	width: 20%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
}

.number_players_btn, restore_pastgame_btn{
	width: 45%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}
.guru_begin_summary_column, .guru_begin_add_player{
	width: 30%;
	margin-right: 2%;
	float: left;
}

}
 
/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}