.no-nav {
	border-bottom: 0px solid #294564;
	margin-bottom: 2.1429em;
}
 /* Added by Joannis */
 #content_centered {
	margin: 10px auto;
	text-align:center;
}

#headline{
	
	font-size: 20pt; 
}
#background{
	margin: auto;
	text-align: center;
	max-width: 100%;
	margin-bottom: 50px;
}
#packshots{
	max-width: 100%;
	margin: auto;
	margin-bottom: 50px;
}

#calltoaction{
	font-size: 12pt; 
	color: #dc313a;
}

.horicontainer{
	text-align: center;
	width: 100%;
	margin: auto;
}

.horicontainer2{
	display: inline-block;
	margin:auto;
	text-align: center;
}
.linkcontainer{
	display: inline-block;
	width: 40%;
	border-style: solid;
	border-width: 1px;
	margin: 5px;
	background-color: white;
	border-radius: 5px;
}

.storelinkimage{
	margin: auto;
	max-width: 90%;
}


.screenshot{
	margin:auto;
	max-width: 70%;
	margin-left: 2%;
	margin-right: 2%;
	border-style: solid;
	border-color:  #f9f9f9;
	border-width: 8px;
}

/* END of Added by Joannis */


@media only screen and (min-width: 768px) {
 
 body {
 background: url("http://www.monsterboy.com/blog/templates/2k11/MB_intro_capture_wide.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

 #page {
	 background-color: #FFFFFF;
	 width: 65%;
 }

 #colophon p { text-align: center;}

 #identity, #content { 
	 width: 75%;

 }

 #content {
	 margin: 10px auto;
 }

 /* Added by Joannis */
#content_centered {
	margin: 10px auto;
	text-align:center;
}
#background{
	margin: auto;
	text-align: center;
	background-color: #f9f9f9;
	padding:15px;
	max-width: 90%;
	margin-bottom: 50px;
}
#packshots{
	max-width: 90%;
	margin: auto;
	margin-bottom: 50px;
}

#calltoaction{
	font-size: 18pt; 
	color: #dc313a;
}

.horicontainer{
	text-align: center;
	width: 90%;
	margin: auto;
}

.horicontainer2{
	display: inline-block;
	margin:auto;
	text-align: center;
}
.linkcontainer{
	display: inline-block;
	width: 20%;
	border-style: solid;
	border-width: 1px;
	margin: 10px;
}

.storelinkimage{
	margin: auto;
	max-width: 90%;
}


.screenshot{
	margin:auto;
	max-width: 27%;
	margin-left: 2%;
	margin-right: 2%;
	border-style: solid;
	border-color:  #f9f9f9;
	border-width: 8px;
}

/* END of Added by Joannis */

 #header_img {
	 display: block;
	 margin-left: auto;
	 margin-right: auto 
 }

 .serendipity_recententries_entrylink {
	 font-size: .875em;
	 text-overflow: ellipsis;
 }

 .serendipity_recententries_entrydate {
	 font-size: .6em;
 }


 .no-nav {
	 border-bottom: 0px solid #294564;
	 margin-bottom: 2.1429em;
 }



 #searchform,
 #sidebar_left,
 #sidebar_right { 
	 width: 25%;
	 margin: 10px auto; 
 }


 .ie7 #identity,
 .ie7 #content { 
	 width: NaN%; 
 }

 .ie7 #searchform,
 .ie7 #sidebar_left,
 .ie7 #sidebar_right { 
	 width: NaN%; 
 }

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2) {
   body {
	 background: url("MB_intro_capture_wide.png") no-repeat center center fixed;
	   -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
 }	
}


@media only screen and (min-width: 481px) {
	

}