/* CSS Document */
body { background-color:#fff; repeat 0 0; font-family:Verdana,Arial, Helvetica, sans-serif;}

.top-header {background-color:#000000; color:#FFFFFF; text-align:center; padding:10px; font-weight:bold; text-transform:capitalize; font-size:20px;}
#header { margin:10px auto}

#nav {background-color:#fff; display:block;  height:50px; margin-bottom:10px;}
#nav ul {margin:auto; line-height:50px; font-size:18px;width:100%;}
#nav li {display:inline;}
#warning{ width:1000px; margin:10px auto; background-color:#000; color:#FFFFFF; font-family:Tahoma; font-size:30px; padding:6px; font-weight:bold; text-align:center; border:2px}

.home, .more-gf, .member, .join {text-align:center; color:#262626; background-color:#D3D1D1; font-weight:bold;}
.more-gf:hover, .member:hover, .join:hover { background-color:#000; color:#FFF}

.home {width:120px; float:left; background-color:#FFF; color:#000}
.more-gf {width:450px; float:left;}
.member {width:280px; float:left;}
.join {width:350px; float:left; font-weight:bold; background-color:#323232; color:#FFF}


#wrapper {width:1200px; background-color:#FFF; overflow:hidden; margin:auto; }
.contents {width:95$; margin:auto}
.contents .box {float: left; margin: 5px 5px 5px 5px; *margin: 5px 2px 5px 2px; position: relative; width: 390px;  overflow:hidden}
.contents .box img {border:0px solid #2EDBF5; display:block;}
.contents .box a {font:normal 14px Verdana,Arial, Helvetica, sans-serif; color:#333; text-decoration:none}

.contents .box .overlay {
            background: url(../images/overlay.png) no-repeat 0 0;
            cursor: pointer;
            display: none;
			width: 390px;
            height: 300px;
            left: 0;
            position: absolute;
            text-indent: -9999px;
            top: 0;            
        }
		

.title, .time, .view, .star {margin:2px 0 2px 0;}
.star {background:url(../images/star.gif) repeat-x; width:95px; height:19px; float:right; clear:right}


.title {float:left; font-size:16px; font-weight:bold; color:#000; text-decoration:underline;}
.title:hover {color:#000; text-decoration:none}
.time {float:left; clear:left; width:150px; text-align:left;}
.views {float:right; clear:right; width:120px; text-align:right;}
.makered{ color:#FF0033}
.bigLink {font-size:50px; padding:10px 0 10px 0; height:auto; clear:both; font-weight:bold; display:block; text-transform:capitalize;}
.bigLink a:hover {text-decoration:none; color:#000}

.smallLink {font-size:25px; color:#000; padding:20px 0 0 0; display:block; height:auto; clear:both;  }


.footer {width:100%; height:140px; overflow:hidden; position:relative; bottom:0; margin-top:20px}

.footer_newlink {font:normal 12px Arial, Helvetica, sans-serif; color:#000}
.footer_newlink a{color:#047FE7; text-decoration:underline} 
.footer_newlink a:hover {text-decoration:none}


#menu ul{
	height:50px;
	background-image:url(../images/bg.jpg);
	background-color:#000;
	list-style: none;
	padding: 0;
	margin: 0px 5px 0px 0px;
	font-weight:bold;
	font-size:14;
	width:1190px;
	float:right;
		 -moz-border-radius: 8px;
	 -webkit-border-radius: 8px;
	}
	

	


#menu li{
	float: right;
	margin: 0 0.4em 0 0.6em;
}
#menu li a{
	height: 50px;
	line-height: 2.5em;
	float: left;
	margin-left:4px;
	width: 275px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
/* Hide from IE5-Mac \*/
#menu li a
{
	float: none
}
/* End hide */ 
#menu
{
	text-align:center;
	width:1200px;
	
}