@charset "UTF-8";
/* CSS Document */

#left{ clear:both; float:left; margin-left:0; width:95%; margin-bottom:10px; padding:2.5%; border:1px solid blue; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.4); box-shadow: 1px 2px 4px rgba(0,0,0,0.4);}
#right{clear:both; float:left;	width:100%; margin-left:0;}
.small_right{width:90%; padding:5%; margin-bottom:10px; text-align:left; border:1px solid blue; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.4); box-shadow: 1px 2px 4px rgba(0,0,0,0.4);}
.block{ color:blue;}

/* Print Layout: Inherits styles from: Mobile Layout. */
@media print {
#left {clear: both;	float: left; margin-left: 0; width: 40%; display: block;}
#right {clear: none; float: left; margin-left: 2.5%; width: 52%; display: block;}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width:481px) {
#left{ width:40%;}
#right{clear:none; width:52%; margin-left:2.5%;}
}
/* Desktop Layout: 769px to a max of 800.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 800px) {
.block{ margin-left:30px;}
}

/* Desktop Layout: 769px to a max of 800.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1024px) {
#left{box-shadow: 8px 8px 5px rgba(0,0,0,0.4); -moz-box-shadow: 8px 8px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 8px 8px 5px rgba(0,0,0,0.4);}
.small_right{box-shadow: 8px 8px 5px rgba(0,0,0,0.4); -moz-box-shadow: 8px 8px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 8px 8px 5px rgba(0,0,0,0.4);}
}