/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (min-width: 100px) and (max-width: 767px)  {
body {
    font-size: 14px;
    line-height: 20px;
}
h1 {
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 17px;
	line-height: 20px;
}

body {
	background:#000;
}

#container {
	width:320px;
}

#top {
	width:320px;
	height:123px;
	background-size:490px;
	background-position:-10px -2px;
	margin-top:10px;
}

#top #mailLink {
	height: 100px;
    left: 10px;
    position: absolute;
    top: 11px;
    width: 300px;
}
#top #flags {
    position: absolute;
    right: 20px;
	z-index:10000;
    top: 133px;
}

#mainMenu {
	width:320px;
	height:45px;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #fff;
}


#latestRow {
	width:320px;
	height:auto;
	overflow:hidden;
	border-right:none
}

#latestBox {
    font-size: 13px;
    margin: 7px 0 7px 10px;
    width: 300px;
}

a#fbButton { display:none }

#content {
    overflow: hidden;
    padding: 10px;
    width: 300px;
}

#mainLeft { width: 100%; }
.sliderBg { background-position:top center !important;  }
.sliderBg .descBg { height:auto; background-position:bottom;  padding: 20px 10px 5px; width:280px }
.sliderBg .descBg .sliderTitle { font-size:17px; line-height:21px; margin-bottom:2px; }

.mainIntro .newsPic, .mainIntro .newsPic img, .mainIntro .content { width:100%; }
.mainIntro .content { margin-top:5px }
body.subpage #fbBox { margin-top:00px }

#mainRight { width:100%; margin-top:25px }

#footer {font-size: 11px; width:100% }
#footer #design { display:none }

	
body.subpage #content { padding-top:20px }
	
#subLeft {
	width:100%;
}
	
#subRight {
	width:100%;
	margin-top:25px;
}	

#subLeft img { max-width:294px }
	
#contactBox { width:100% }
		.contentForm fieldset { padding: 20px 0 8px; }
		.contentForm .row label { font-size:13px; width:110px }
		.contentForm input.text, .contentForm select, .contentForm textarea { width:135px }
		.footerLefend { font-size:11px; float:left; display:inline }
#contactLeft { width: 100%; }	
	
a.boxIntro { width:300px }
a.boxIntro .title { width:280px; font-size:13px }
div.separatorVert { display:none }

div.defaultIntro img.miniature { width:294px }
div.defaultIntro div.content { width:300px; margin-top:12px; }

.playerIntro { width:294px; }
.playerIntro .playerName { font-size:15px;}
.playerIntro .playerDesc ul { margin:5px 0 0 7px; }
.playerIntro .playerDesc ul li{ margin:0 0 0 12px;font-size:13px; padding:0 }

}