@charset "utf-8";
/*
for Thirteen1 and mmosite Article Contest
version:2.0
author:Marc
data:2008-12-27
*/
/* CSS Reset */
html{color:#000;background:#3d4044;}
body {text-align:center;margin-left:auto;margin-right:auto;font-family:Arial,sans-serif,Verdana, Helvetica; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
li {list-style:none;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}

/* color */
a {color: #9b9b9b; text-decoration:none;}
a:hover {color: #fff; text-decoration:underline;}


/* usefull styles */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; height:0; visibility: hidden; }
.hidden {display: none;}

.fullbg { background:#3d4044 url(../photo/bg.jpg) center top no-repeat;}

#header ,#wrapper ,#footer { width:1002px; margin:0 auto; text-align:left;}

	.head_01 { height:74px; background:url(../photo/head_01.jpg) center top no-repeat;}
	.head_02 { height:113px; background:url(../photo/head_02.jpg) center top no-repeat;}
	/*navigation*/
	#nav { height:53px; width:1002px; overflow:hidden; background:url(../photo/nav_bg.jpg) center top no-repeat; }
	#nav ul { padding:10px 0 0 200px; height:33px;}
	#nav ul li { float:left; width:96px; height:33px; margin:0 10px; _display:inline;}
	#nav ul li.home { margin:0 25px 0 20px;}
	#nav ul li.oplist { margin:0 8px;}
	#nav ul li a { display:block; float:left; width:96px; height:33px; text-indent:-3000em; overflow:hidden;}
	#nav .home a { background:url(../photo/home.jpg) no-repeat;}
	#nav .blogs a { background:url(../photo/blogs.jpg) no-repeat;}
	#nav .oplist a { background:url(../photo/toplist.jpg) no-repeat;}
	#nav .guide a { background:url(../photo/guide.jpg) no-repeat;}
	#nav .forum a { background:url(../photo/forum.jpg) no-repeat;}
	#nav .home a:hover { background:url(../photo/home_on.jpg) no-repeat;}
	#nav .blogs a:hover { background:url(../photo/blogs_on.jpg) no-repeat;}
	#nav .oplist a:hover { background:url(../photo/toplist_on.jpg) no-repeat;}
	#nav .guide a:hover { background:url(../photo/guide_on.jpg) no-repeat;}
	#nav .forum a:hover { background:url(../photo/forum_on.jpg) no-repeat;}
	
/*wrapper*/
#wrapper { background:url(../photo/wrapper_bg.gif) center top repeat-y;}
	#container { padding:0 18px 25px 24px; height:100%; background:url(../photo/container_bg.jpg) center bottom no-repeat; position:relative;}
	
	/*command box*/
	.box { border:#343535 1px solid; background:#eeeeee; margin-bottom:10px;}
	.box h3 { font-size:14px; height:36px; line-height:36px; color:#fff; background:url(../photo/bar.jpg) repeat-x; padding-left:25px; position:relative; border-bottom:#343535 1px solid;}
	.box h3 .ico { background:url(../photo/ico_1.gif) no-repeat; width:10px; height:18px; position:absolute; top:8px; left:8px;}
	.box h3 .more { font-size:12px; position:absolute; top:0px; right:20px;}
	.box .con { padding:2px; line-height:160%;}
	.box_half1 { width:957px; float:left; border-right-width:0px;}
	/*.box_half2 { width:478px; float:left; border-left-color:#a3a3a3;}*/
	.top { position:absolute; bottom:-2px; right:50px;}
	
	.intro { padding:15px; line-height:180%; width:660px; float:left;}
	.intro ul li { background:url(../photo/arrow1.gif) 0 4px no-repeat; padding-left:20px;}
	.join { float:right; background:#d8d8d8; padding:32px 27px; border-left:#838383 1px solid; }
	
	/*rewards*/
	#rewards { background:#959595; width:318px; float:left; border-right-width:0px;}
	#rewards .con{ text-align: center; padding-top:35px; padding-bottom:35px; padding-left:15px; padding-right:15px; height:195px;}
	#rewards .con img { border:#6b6c6c 1px solid; margin-bottom:10px;}
	
	/*rules*/
	#rules { width:639px; float:left; border-left-color:#858686;}
	#rules .con { padding:15px; line-height:180%; color:#323232; height:500px;}
	#rules .con li span ,#rules .con p { font-weight:bold; color:#8d8d8d; }
	#rules .con h4 {font-weight:bold; font-size:12px; color:#000000; }
	
	/*guide*/
	#guide .con { padding:15px; line-height:180%;}
	#guide h4 { font-size:14px; color:#323232; background:url(../photo/ico_3.gif) 5px 5px no-repeat; padding-left:20px; margin:5px 0;}
	#guide .sumary { background:#dbdbdb; border:#acacac 1px solid; padding:5px; }
	
	/*toplist and latest*/
	#toplist table ,#latest table{ width:100%; line-height:160%;}
	#toplist table td ,#latest table td{ padding:5px; border-bottom:#616161 1px solid;}
	#toplist table td img ,#latest table td img { float:left; margin:5px 10px 5px 5px; _display:inline; width:88px; height:88px; border:#616161 1px solid;}
	#toplist table h4 ,#latest table h4 {font-size:12px; color:#474747; padding:5px 0;}
	#toplist table h4 a ,#latest table h4 a { color:#474747;}
	#toplist table h4 a:hover ,#latest table h4 a:hover  { color:#000;}
	#toplist table h5  ,#latest table h5 { float:left; width:830px; padding:0 2px; font-size:12px; background:#767676; color:#fff; font-weight:normal; position:relative;}
	#toplist table h5 span  ,#latest table h5 span { color:#fff; font-weight:bold; position:absolute; top:0; right:20px;}

/*main*/
#main { float:left; width:725px;}
	/*article*/
	#article { border:#343535 1px solid;}
	#article .menu { background:url(../photo/bar.jpg) repeat-x; height:36px; position:relative;}
	#article .menu ul { position:absolute; left:10px; bottom:-1px; height:35px;}
	#article .menu ul li { width:144px; height:35px; float:left; margin:0 2px; _display:inline;}
	#article .menu ul li a { display:block; width:144px; height:35px; float:left; text-indent:-3000em; overflow:hidden;}
	#article .menu ul li.mostviewed a { background:url(../photo/mostviewed.jpg) no-repeat;}
	#article .menu ul li.mostdigged a { background:url(../photo/mostdigged.jpg) no-repeat;}
	#article .menu ul li.latest a { background:url(../photo/latest.jpg) no-repeat;}
	#article .menu ul li.mostviewed a:hover ,#article .menu ul li.mostviewed a.on { background:url(../photo/mostviewed_on.jpg) no-repeat;}
	#article .menu ul li.mostdigged a:hover ,#article .menu ul li.mostdigged a.on { background:url(../photo/mostdigged_on.jpg) no-repeat;}
	#article .menu ul li.latest a:hover ,#article .menu ul li.latest a.on{ background:url(../photo/latest_on.jpg) no-repeat;}
	
	.article_list { background:#eeeeee; clear:both; line-height:160%;}
	.article_list table { width:100%;}
	.article_list table thead td ,.article_list table thead th { background:url(../photo/thead_bg.jpg) repeat-x; line-height:29px; height:29px; padding:2px; font-weight:bold; color:#717171;}
	.article_list table tfoot td ,.article_list table tfoot th { background:url(../photo/tfoot_bg.jpg) repeat-x; height:42px; padding:2px;}
	.article_list table td { text-align:center;}
	.article_list table tbody td { font-size:14px; font-weight:bold; padding:5px; color:#323232;}
	.article_list table tbody th { padding:5px; font-weight:normal;}
	.article_list table tbody th img { float:left; margin:5px 10px 5px 5px; _display:inline; width:88px; height:88px; border:#616161 1px solid;}
	.article_list table tbody h4 { font-size:12px; color:#474747; padding:5px 0;}
	.article_list table tbody h4 a { color:#474747;}
	.article_list table tbody h4 a:hover { color:#000;}
	.article_list table tbody p { font-size:12px; color:#323232;}
	.article_list table .row_2 th ,.article_list table .row_2 td { background:#dddddd;}
	
	/*pages*/
	.pages span  { padding:3px 5px; font-weight:bold; color:#fff; background:#c7c7c7; border:#606161 1px solid;}
	.pages a { padding:3px 5px; font-weight:bold; color:#606161; background:#c7c7c7; border:#606161 1px solid;}
	.pages a:hover { padding:3px 5px; font-weight:bold; color:#fff; background:#606161; border:# 1px solid;}

/*sidebar*/
#sidebar { float:right; width:226px; border:#343535 1px solid; background:#eeeeee;}
#sidebar img { margin:10px auto; display:block;}
#sidebar #rules { width:100%; float:none;}
#sidebar #rules h3 { font-size:14px; height:30px; line-height:30px; color:#000; padding-left:25px; position:relative;}
#sidebar #rules h3 .ico { background:url(../photo/ico_2.gif) no-repeat; width:10px; height:18px; position:absolute; top:8px; left:8px;}
#sidebar #rules .con { height:auto;}

#footer { line-height:160%; text-align:center; padding:10px 0;color: #9b9b9b;}