/*  SECTIONS  */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/*  COLUMN SETUP  */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }
/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWELVE  */
.b12 {
width: 100%;
}
.b11 {
width: 91.53%;
}
.b10 {
width: 83.06%;
}
.b9 {
width: 74.6%;
}
.b8 {
width: 66.13%;
}
.b7 {
width: 57.66%;
}
.b6 {
width: 49.2%;
}
.b5 {
width: 40.73%;
}
.b4 {
width: 32.26%;
}
.b3 {
width: 23.8%;
}
.b2 {
width: 15.33%;
}
.b1 {
width: 6.866%;
}
body {
background-color:#F5F5F5;
}
/*  GO FULL WIDTH BELOW 800 PIXELS */
@media only screen and (max-width: 800px) {
.col {  margin: 1% 0 1% 0%; }
 .b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9, .b10, .b11, .b12 {
width: 100%; 
}
}
@media screen and (max-width: 800px) {
/* #menu is the original menu */
#menu {
display:none;
}
.container2 {
display:none;
}	
}
img {
max-width: 200px;
max-height: 250px;
}
/* stop horizontally move on mobile devices */
html, body {
overflow-x: hidden;
}	

a:link {
color: #000;
text-decoration: none;
font-size: 1em;
font-family: Arial, sans-serif;
}
a:visited {color: #000;
text-decoration: none; 
}	 
a:hover {
color: #000;
text-decoration: none;
}
a:active {
color: #000;
text-decoration: none;
}
/* text */
p {
text-align: left;
font-family: Arial, sans-serif;
font-size: 1em; /* 16 / 16 = 1 */ 
color : #000; 
line-height: 1.4em;
font-weight: normal;
}	
h1 {
text-align: left;
font-size: 1.7em;
font-weight: bold;
font-family: 'Times New Roman', serif;
color : #000; 
}
h2 {
text-align: left;
font-size: 1.3em;
font-weight: bold;
font-family: 'Times New Roman', serif;
color : #000; 
}
h3 {
text-align: left;
font-size: 1.3em;
font-weight: bold;
font-family: 'Times New Roman', serif;
color : #000; 
}
h4 {
text-align: center;
font-size: 1em;
font-family: Arial, sans-serif;
font-weight : normal;
color : #000; 
}
p {
text-align: left;
font-size: 1em;
font-family: Arial, sans-serif;
font-weight : normal;
color : #000; 
}
/* best pics */
.b11_1 {
margin: 0 auto;
max-width: 100%;
padding-left: 2%;
}
.b11_2 {
margin: 0 auto;
max-width: 500px;
padding-left: 2%;
z-index:5;
}
.b9_1 {
margin: 0 auto;
max-width: 100%;
padding-left: 2%;
}
/* images in line */
.b8_container {
margin: 0 auto;
max-width: 95%; 
padding-left: 15%;
}
.b8_1 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b8_2 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b8_3 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b8_4 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b8_5 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b8_6 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b8_7 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b8_8 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}

/* best pics */
.b7_container {
margin: 0 auto;
max-width: 95%; 
padding-left: 2%;
}
.b7_1 {
margin: 0 auto;
max-width: 95%;
padding-left: 2%;
z-index:5;
}
/* adsense */
.b4_container {
margin: 0 auto;
max-width: 95%; 
padding-left: 15%;
}
.b4_1 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b4_2 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b4_3 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b4_4 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b4_5 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b4_6 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b4_7 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b4_8 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b5_1 {
margin: 0 auto;
max-width: 95%;
padding-left: 2%;
z-index:5;
}
.b6_container {
margin: 0 auto;
max-width: 95%; 
padding-left: 15%;
}
.b6_1 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b6_2 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b6_3 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b6_4 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b6_5 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b6_6 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b6_7 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b6_8 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b3_1 {
margin: 0 auto;
max-width: 500px;
padding-left: 2%;
z-index:5;
}
/* best pics and adsense */
.b2_container {
padding: 2%;
margin: 0 auto;
max-width: 95%; 
padding-left: 15%;
}
.b2_1 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b2_2 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b2_3 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b2_4 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b2_5 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b2_6 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b2_7 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
.b2_8 {
display: inline-block;
max-width: 200px;
padding-top: 2%;
padding-left: 2%;
}
/* button fan pages */
.b1_container {
margin: 0 auto;
max-width: 95%; 
vertical-align: top;
padding-top: 3%;
padding-right: 0%;
padding-bottom: 10%;
padding-left: 0%;
}
.b1_1 {
margin: 0 auto;
width: 80%;
height: auto;
}
.b1_2 {
margin: 0 auto;
width: 80%;
height: auto;
}
.b1_3 {
margin: 0 auto;
width: 80%;
height: auto;
}