@charset "UTF-8";
/* CSS Document for ANDY LEEK MINISITES */

body {margin:0;padding:0;background-color:#fff;font-family:"Times New Roman", Times, serif;font-size:15px;}
h1, h2, h3, h4, h5 {font-weight:normal;}
h1 {font-size:84px;margin:0px;margin-top:-20px;}
h2 {font-size:24px;margin:0px;padding-top:20px;}
h3 {font-size:32px;padding:0px;margin:0px;}
h4 {font-size:18px;padding:0px;}

a {border:thin, #000, solid;}

img a {border:none !important;}

hr {border:none;border-bottom:thin dashed;}
.clear {clear:both;}
.fullBg {position: fixed; top: 0;right: 0;overflow: hidden;}

.center {text-align:center;}

.space100 {clear:both; height:100px;}
.space225 {clear:both; height:225px;}

#wrap {position: relative;width:900px;margin-left:auto;margin-right:auto;}

#thumbnails img {padding:10px;}

.new-pic {float:left; padding:5px 5px 5px 0;}

.white {color:#fff;}

/* HOMEPAGE SPECIFIC */

.home-col2 {
	float:left;
	width:400px;
}
.home-col2-inner {
	float:left;
	width:150px;
	height:190px;
	padding:0px 8px 20px 8px;
	text-align:center;
}
.home-col2 p a img,
.home-col4 p a img {
	border:#000 thin solid;
}
.home-col1 {
	float:left;
	width:250px;
	top:175px;
}
.home-col3 {
	float:left;
	width:150px;
}
.home-col4 {
	float:left;
	width:260px;
}
.home-col5 {
	border:#000 thin solid;
	margin-top:15px;
	padding: 15px 24px 15px 24px;
	width:192px;
	float:left;
	background-image:url(../images/player-bg.jpg);
}
.fade1 {
	font-size:24px;
	font-style:italic;
	font-weight:bold;
}
.fade2 {
	font-size:18px;
	font-style:italic;
	width:250px;
}

/* OTHER PAGES */

#inner-column1,
#inner-column2,
#inner-column-wide {
	float:left;
	padding-right:20px;
}
#inner-column1 {
	width:280px;
}
#inner-column2 {
	width:340px;
}
#inner-column-wide {
	width:620px;
}
#inner-column1 .leftbutton,
#inner-column1 .rightbutton {
	width:20px;
	float:left;
	height:100px;
	padding-top:100px;
}
#inner-column1 .mainpic {
	padding-top:20px;
	width:240px;
	float:left;
	height:200px;
}
img a {
	border:none;
}
#inner-column1 .mainpic img,
#inner-column1 .leftbutton img,
#inner-column1 .rightbutton img {
	display:block;
	margin-left: auto;
	margin-right: auto;
}
#inner-footer {
	clear:both;
	width:100%;
	bottom:0px;
}
#inner-footer img {
	border:#000 thin solid;
	margin-right:20px;
}

.play a {
	background-color:#000;
	color:#fff;
}
.play a:hover {
		background-color:#fff;
	color:#000;
}

#footer {
	clear:both;
	width:300px;
	margin:auto;
	font-size:12px;
	text-align:center;
}
#footer p {
	text-align:center;
}
.odd a,
.even a{
	background-color:#000;
	color:#fff;
	text-decoration:none;
	opacity:0.5;
}
.odd a:hover,
.even a:hover{
	background-color:#fff;
	color:#000;
	text-decoration:none;
}

#toptabs {
	padding:0px;
	margin:auto;
	height:30px;
	width:320px;
	top:0px;
	left:60%;
	position:absolute;
	z-index:90;
}
#toptabs a {
	opacity: 0.5;
	border:0px;
	padding-left:1px;
}
#toptabs a:hover {
	opacity: 1;
	border:none;
}
/* SLIDING MENU */
#menu {
	top:0px;
	left:60%;
	position:absolute;
	z-index:90;
	/*width:334px;*/
	opacity:0.7;
	}

.menu_class a {
}

.the_menu {
	display:none;
	width:200px;
	list-style:none;
	padding:0;
	margin:0px 0px 0px 67px;
	text-align:center;
	background-color: #000;
	border-radius: 5px;
}

.the_menu li {
}


.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	display:block;
	font-size:14px;
	font-weight:bold;
	border:none;
	padding:5px 0px 5px 0px;
}

.the_menu li a:hover {
	color: #000;
	background-color:#999;
}

img a,
img a:hover,
img a:visited {
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}

/* Mobile (Portrait) */
@media only screen and (max-width: 767px) {
.space225 {height:0;}
#bg-wrap {display:none;}
body {font-size:18px;}
#wrap { width: 300px;margin:auto;}
h1 {font-size:72px; margin-top:10px;}
.home-col1, .home-col2, .home-col4 {width:100%;}
.home-col5 {display:none;}
.home-col2-inner {width:90px; overflow:hidden;}
.home-col2-inner img {width:85px; height:auto;}

#inner-column1, #inner-column2, #inner-column-wide{width:300px;}
#inner-column1 .mainpic {width:250px;}
#inner-footer img {border:#000 thin solid;margin-right:10px;margin-bottom:10px;}
}

/* Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrap { width: 420px;margin:auto;}
#inner-column1, #inner-column2, #inner-column-wide{width:420px;}
#inner-column1 .mainpic {width:380px;}
.home-col2-inner {width:120px; overflow:hidden;}
.home-col2-inner img {width:110px; height:auto;}
}