html, body{margin:0; padding:0}
body{font:62.5% Arial,sans-serif; min-width:1018px; color:#6a6f75}
a{text-decoration:none; color:#6A6F75}
a:hover{text-decoration:underline}
img{border:none; display:block}
h2{margin:20px 0 0 0; color:#6A6F75; font:bold 24px/24px Arial,sans-serif}
#main-left h2 {margin:0;}
h3, h4{background:#6e7379; border-bottom:2px solid #464b51; padding:5px 20px; color:#ffffff; font:bold 1.8em/1.3em Arial,sans-serif; margin:5px 0 0 0}
h3.rss{background:#E0F4D3}
h3 span{font-size:0.6em}
h4{color:#ffffff}
h4 a{color:#6A6F75}
h1,h5{margin:15px 0 5px 0; color:#6A6F75; font:bold 1.75em/1em Arial,sans-serif}
h3 strong, h4 strong{color:#6A6F75}
h3 a, h4 a {color: #fff }
#main h4, #main-left h4 {margin-top: 10px}
p{margin:15px 0; font:1.4em/1.4em Arial,sans-serif; color:#666}
p a{font-weight:bold}
.left{float:left !important}
.right{float:right !important}
.container{width:1010px; padding:0 4px; margin:0 auto; overflow:hidden; position:relative}
.wrap{width:100%; overflow:hidden; margin:20px 0; font:1.4em/1.2em Arial,sans-serif}
.wrap img.left{padding:4px; border:1px solid #C6C6C6}
.author{padding-bottom:10px}
.half{width:49.9%; text-align:center; overflow:hidden}
.half img{display:inline; margin:10px 0}
.half a{font-weight:bold}
.half dl{margin:10px 0 0 0; padding:0}
.half dd, .half dt{display:inline; margin:0}
.buttons{margin:10px 0 0 0; padding:0 0 0 30px; list-style:none; width:100%; overflow:hidden}
.buttons li{float:left; padding-left:15px}
.buttons li a, .buttons li span{background:#6A6F75 url('../images/bg_button.gif') repeat-x; border:2px solid #6A6F75; color:#FFF; float:left; padding:3px 17px}
.buttons li .disabled{ color:#C6C6C6}
#header{border-top:7px solid #6A6F75; background:#000 url('../images/bg_header.gif') repeat-x 0 100%}
div#feedburner {position:absolute; z-index:3000; right:0; top:23px; height:20px; overflow:hidden;}
div#logo {margin:0 0 0 -4px; width:265px; height:94px; overflow:hidden; text-indent:-9999px; background:url('../images/logo.gif') no-repeat; float:left; display:inline}
div#logo a{display:block; height:94px}
#blogpost{position:absolute; right:4px; color:#E2E2E2; font:bold 1.4em/2.2em Arial,sans-serif}
#header ul{float:right; padding:64px 0 0 0; margin:0; list-style:none}
#header ul li{float:left; padding-left:5px; font:18px/30px Arial,sans-serif}
#header ul li a{float:left; border:2px solid #000000; background:#2A2B2A url('../images/bg_tab.gif') repeat-x; padding:0 17px; color:#FFF; margin-top:3px}
#header ul li a:hover{background:#2A2B2A url('../images/bg_tab_hover.gif') repeat-x; text-decoration:none}
#header ul li a.active{ margin:0; float:left; border:2px solid #FFFFFF; background:#FFFFFF; padding:0 17px; color:#333; padding:3px 17px 0 17px; text-decoration:none}
#header ul li a.active:hover{text-decoration:none}
#content{background:url('../images/bg_main.gif') repeat-x}
#content .container{background:#FFF url('../images/bg_container.gif') no-repeat}
#main, #main-left{width:640px; float:left; padding: 5px 0 10px 18px; overflow:hidden}
#main-left{float:left; padding: 5px 0 10px 18px;}
.pictures{margin:0; padding:0; list-style:none; width:110%; overflow:hidden}
.pictures li{float:left; padding:10px 20px 10px 0}
.pictures li.big{float:left; padding:0 20px 10px 0}
.pictures li img.screenshot{padding:3px; border:1px solid #C6C6C6;}
.pictures li .icons {list-style: none; margin: 0; padding: 0}
.pictures li .icons li {padding: 5px;}
.blog{border-bottom:1px dotted #BDBDBD; padding:0 0 20px 0; color:#919191}
.nobottom{ border-bottom:0}
.blog a{color:#6A6F75; font:bold 1.1em/1.3em Arial,sans-serif}
.blog em{font-size:1.4em}
.blog p{margin:20px 0 !important}
.bookmark{display:inline; vertical-align:middle; padding:0 15px}
.comment label{display:block; padding:3px 0}
.comment label strong, .comment label span{font-size:1.4em !important}
.comment input, .comment select{margin-bottom:10px; float:none !important; display:block}
.comment textarea{width:595px; padding:2px; border:1px solid #C6C6C6; display:block; margin-bottom:15px; background:#FFFFA0}
.add{background:#FFF !important}
.comment input.check{float:left !important; width:15px; margin:0 10px 0 0; padding:0; height:23px}
.comment .button{margin:15px 0 !important}
#upload .text{width:340px}
#upload select{width:205px}
div.top_banner {padding:20px 15px 10px; width:980px; height: 25px;border:5px solid #C6C6C6; }
div.grey980 {background:url('../images/banner.png') no-repeat; width:980px; height:25px;}
div.leaderboard {width:728px; height:20px; margin: 0 auto; padding: 8px 0 0 0; text-align: center;}
div.leaderboard img {display: inline;}
#sidebar, #sidebar-left{width:315px; float:right; padding:10px 0 0 15px; overflow:hidden}
#sidebar-left{float:right; padding:10px 15px 0 0;}
#sidebar-left h3{clear: both;}
.box{background:url('../images/bg_box.gif') repeat-x; padding:20px 10px 20px 20px; overflow:hidden; margin-bottom: 20px;}
#sidebar .box, #sidebar-left .box{width:285px; padding:0 10px 0 20px}
#sidebar .box p, #sidebar-left .box p{margin:10px 0 15px 0}
.box form{margin:0; padding:0; width:100%; overflow:hidden}
.box td, .box th{font:1.4em/1.4em Arial,sans-serif; color:#666}
.box .text{border:1px solid #C6C6C6; background:#FFFFA0; padding:3px 2px 4px 2px; font:12px Arial,sans-serif; width:176px; float:left; color:#666}
.box .text-short{border:1px solid #C6C6C6; background:#FFFFA0; padding:3px 2px 4px 2px; font:12px Arial,sans-serif; width:20px; float:left; color:#666}
.box .text-long{border:1px solid #C6C6C6; background:#FFFFA0; padding:3px 2px 4px 2px; font:12px Arial,sans-serif; width:400px; float:left; color:#666}
.box .button{background:#6e7379 url('../images/bg_button.gif') repeat-x; border:2px solid #6e7379; font:bold 12px Arial,sans-serif; color:#FFF; float:left; margin-left:11px; height:24px}
.box .sort{display:block; margin-top:10px; width:280px}
.box .sort_title{ margin:10px 0; font-size:14px; font-weight:bold}
.box .search{border:1px solid #C6C6C6; background:#FFFFFF; padding:3px 2px 4px 2px; font:12px Arial,sans-serif; width:200px; color:#6e7379}
.box form {padding-top: 10px}
div.onetwentyfivead, div.onetwentyfivead-alt {width:125px; height:125px; margin-bottom: 15px}
div.onetwentyfivead {float:left; margin-left: 7px }
div.onetwentyfivead-alt {float:right; margin-right: 8px}
div.buysellads {width:298px; margin-left: 7px;}
#email-box {background-color:#fffbb3;border:1px solid #d4cfcc; padding:7px; width:297px; margin:0 0 15px 0;}
#email-box form {background-color:#fff;border:1px solid #d4cfcc;padding:10px; margin:0;}
#email-box form font {margin:0 0 10px 0; color:#333; line-height:18px;}
#email-box form td {margin-right:20px; padding-bottom:10px; font-size:1.4em; font-weight:bold;}
#email-box form p label.check {width:auto; display:inline; margin-right:0; float:none; font-weight:bold; margin:0 3px;}
#email-box form input[type="text"] {border:1px solid #d3cdcd; background-color:#fffdb0; font-size:1.2em; padding:2px; width:195px;}
#email-box form p select {width:200px;}
#email-box form input[type="submit"] {background:#6A6F75 url('../images/bg_button.gif') repeat-x; border:2px solid #6A6F75; font:bold 16px Arial,sans-serif; overflow: hidden; color:#FFF; margin:0; padding:3px 10px;}
#email-box form p.freebie {font-weight:bold;}
#search-box {background:#6e7379; border-bottom:2px solid #464b51; padding:7px; color:#ffffff; font:bold 1.8em/1.3em Arial,sans-serif; margin:5px 0 0 0}
#search-box form {padding:0; margin:0;}
#search-box form p {margin:0; padding:0;}
#search-box form input {float:left; color:#999; padding:5px; border:1px solid #d5d0cd; width:215px; font:normal 12px Arial,sans-serif; margin:0;}
#search-box form input.button {background:none; font-weight:bold; color:#fff; border:none; width:70px; height:25px; padding:0 0 0 10px; font-size:18px; cursor:pointer; margin:0;}
#main .box strong, #main-left .box strong{font-size:1.2em}
#main .box span, #main-left .box span{font-size:1.1em}
#main .box p, #main-left .box p{margin:0}
#main .box p span, #main-left .box p span, #main .box p strong, #main-left .box p strong{font-size:1em}
ul#video-list {border-top:2px solid #c8c8c8; list-style-type:none; padding:0; margin:0;}
ul#video-list li {padding:20px 20px 20px 0; border-bottom:2px solid #c8c8c8;}
ul#video-list li div.left-vlist {float:left; width:192px;}
ul#video-list li img {padding:4px; border:1px solid #d2d1d7; display:block;}
ul#video-list li div.right-vlist {float:right; width:398px;}
ul#video-list li h3 {padding:0; margin:0; background:none; border:none;}
ul#video-list li h3 a {color:#6A6F75}
ul#video-list li em {font-size:1.4em;}
ul#video-list li em a {font-weight:bold}
ul#video-list li span a {font-size:1.4em; font-weight:bold;}
h2 small, h2 span {font-size:14px;}
h2 span {color:#666;}
#video-embed {padding:20px 0;}
.cloud{margin:0; padding:10px 0 0 0; list-style:none; width:100%; overflow:hidden}
.cloud li{display:inline; white-space:nowrap; color:#6A6F75; font-weight:bold; font-size:1.4em}
.tag9{font-size:0.65em}
.tag14{font-size:1em}
.tag18{font-size:1.3em}
.tag24{font-size:1.7em}
.tag36{font-size:2.58em}
.cloud a{color:#6A6F75}
.profile{padding:12px 0 0 0; width:100%; overflow:hidden}
.profile img{float:left; margin-right:7px; display:inline}
.profile strong{color:#6A6F75; font:bold 1.6em/1.5em Arial,sans-serif; display:block}
.profile a{font:1.4em/1em Arial,sans-serif; color:#6A6F75}
.users{margin:0; padding:0; list-style:none; width:100%; overflow:hidden}
.users li{float:left; padding:7px 7px 0 0}
.fresh_sites{padding:5px 0 0 0; margin:0; list-style:none; width:100%; overflow:hidden}
.fresh_sites li{padding:15px 0 0 20px; float:left; width:100%}
.between_ad{text-align:center}
.textlinks{margin:0 -10px 0 -15px; padding:0; list-style:none; overflow:hidden; width:315px}
.textlinks li{border-bottom:1px dotted #BBBCBB; font:1.4em/1em Arial,sans-serif; width:100%; float:left}
.textlinks a{color:#919191; padding:9px 15px; width:285px; float:left}
.textlinks a:hover{background:#3271b8; text-decoration:none}
.banners{width:300px; margin:20px auto; overflow:hidden}
* html .banners{margin-bottom:0}
.center{margin:20px auto; margin-top:0}
#footer{border-top:10px solid #6A6F75; background:#000 url('../images/bg_footer.gif') repeat-x; padding:15px 0; text-align:center; color:#ffffff}
#footer a{color:#ffffff}
#footer ul{margin:0; padding:5px 0; list-style:none; font-size:1.2em}
#footer ul li{display:inline; padding:0 9px 0 12px; background:url('../images/spr_footer.gif') no-repeat 0 50%}
.first{background:none !important}
div.error{background:#f4d3d3; padding:5px 20px; color:red; font:bold 1.8em/1.3em Arial,sans-serif; margin:20px 0 0 0}
div.formError{ font:14px Arial,sans-serif; color:red; margin:5px 5px}
div.fieldWithErrors{}
form label{ margin:5px 0}
div.rss{ margin:20px 10px 0 0; float:left}
p.blurb{ padding-top:10px; font-size:14px}
#errorExplanation{ width:400px; border:2px solid red; padding:7px; padding-bottom:12px; margin-bottom:20px; background-color:#f0f0f0}
#errorExplanation h2{ text-align:left; font-weight:bold; padding:5px 5px 5px 15px; font-size:12px; margin:-7px; background-color:#c00; color:#fff}
#errorExplanation p{ color:#333; margin-bottom:0; padding:5px}
#errorExplanation ul li{ font-size:12px; list-style:square}
table.admin{ border-collapse:collapse}
table.admin td{ padding:5px; padding-right:20px}
div.admin p{ padding-bottom:10px}
.notice{ color:#6A6F75}
div.banner_box{ width:300px; margin:10px auto 10px auto}
div.banner_300{ width:300px; margin:0 auto 20px auto;}
div.banner_left{ width:120px; height:600px; float:left; margin-right:20px}
div.banner_right{ width:160px; height:600px; margin: 0 auto;}
img.license{ margin:5px 0; display:inline}
input.license{ display:inline; vertical-align:middle}
p.license_types{ padding-left:20px}
.clear{ clear:both}
.pagination {padding-top: 10px; font-size: 16px}
.pager{float:left; height:32px; margin: 10px 0 10px 0; width:100%; background: #3271b8; color: #fff}
.pager ul{float:left; height:24px; margin:0; padding:7px 0 0 23px; font-size:16px; font-weight:bold}
.pager ul li{list-style:none; float:left}
.pager ul li.count{margin-right:10px}
.pager ul li.active{padding:0 0 0 8px}
.pager ul li a{margin:0 0 0 8px; text-decoration:underline}
.pager ul li a:hover{color:#000}
.blog a.button{background:#6A6F75 url('../images/bg_button.gif') repeat-x; border:2px solid #6A6F75; color:#FFF; padding:3px 17px}
.blog .box p{ margin:0}
input.checkbox {display: inline; float: none; vertical-align: middle }
.resources{margin:0; padding:0; list-style:none; overflow:hidden}
.resources li{float:left; padding:10px 6px 10px 6px; text-align: center; font-size: 16px; font-weight: bold}
.resources li div {margin: 10px 0 0 0;}
.resources li img{padding:3px; border:1px solid #C6C6C6;}
.featured_ad {padding:3px; border:1px solid #C6C6C6; margin: 10px 0 0 0; width: 628px}
.sideboard {margin: 20px 0 0 7px;}
.sideboard_ad_box {margin: 0 0 0 12px;}
.sideboard_ad {float: left; margin: 10px; width: 125px; height: 125px}
.advert_box {margin-left: 12px;}
.advert {float: left; margin: 10px; width: 125px; height: 125px;}
.spacer {margin-left: 20px;}
.premium_sideboard_ad {margin: 0 0 0 10px;}
.vspacer {clear: both; margin-bottom: 20px;}
.advert_thumb img {max-width: 120px; max-height: 120px;}
.video h1 {font-size: 24px;}
.video h2 {color:#666; font-size: 18px; margin: 10px 0;}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading img {display: inline}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url('../images/blank.gif') no-repeat; display: block}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url('../images/prevlabel.gif') left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url('../images/nextlabel.gif') right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #666}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000}
div#rating_stars {margin: 15px 10px}
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url('../images/star_rating.gif') left -1000px repeat-x}
.star-rating{ position:relative; width:300px; height:30px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top}
.star-rating li{ display: inline}
.star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:30px; line-height:30px; outline:none; overflow:hidden; border: none}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{ background-position: left bottom}
.star-rating a.star1{ width:10%; z-index:11}
.star-rating a.star2{ width:20%; z-index:10}
.star-rating a.star3{ width:30%; z-index:9}
.star-rating a.star4{ width:40%; z-index:8}
.star-rating a.star5{ width:50%; z-index:7}
.star-rating a.star6{ width:60%; z-index:6}
.star-rating a.star7{ width:70%; z-index:5}
.star-rating a.star8{ width:80%; z-index:4}
.star-rating a.star9{ width:90%; z-index:3}
.star-rating a.star10{ width:100%; z-index:2}
.star-rating .current-rating{ z-index:1; background-position: left center}
#main {}
#main .info_box {margin: 2em 0; padding: 10px 15px; background-color: #f4f4f4; border: 1px solid #ccc}
#main .errors {background-color: #ffe5e5; border-color: #f00; color: #f00}
#main .info_box h4 {margin: 0 0 0.5em 0; padding: 0; background: none; border: 0; font-size: 14px; color: #f00}
#main .info_box p {margin: 0; color: #f00}
#submit_form {}
#submit_form ol {margin: 0; padding: 0; list-style-type: none}
#submit_form ol h3 {margin: 0; padding: 0; background: none; border: 0; color: #6A6F75}
#submit_form {}
#submit_form fieldset {margin: 0; padding: 0; border: 0; background: none}
#submit_form fieldset.input {margin: 0; padding: 20px; position: relative; border: 0; border-top: 3px solid #6A6F75; background: url(../images/bg_box.gif) repeat-x}
#submit_form fieldset.input p {margin: 0.5em 0;}
#submit_form label {margin: 0; padding: 0 0 2px 0; font-size: 1.3em; color: #333; font-weight: bold}
#submit_form label .description {margin: 0; padding: 0; display: block; font-size: 0.846em !important; font-weight: normal; color: #666}
#submit_form .input input, #submit_form .input textarea {margin: 0; padding: 6px 5px; border: 1px solid #ddd; width: auto; background: #fff url(../images/input_bg.gif) no-repeat; font-family: Arial, sans-serif; font-size: 1.3em}
#submit_form .input input.required, #submit_form .input textarea.required {background-color: #ff9; background-image: url(../images/input_req_bg.gif)}
#submit_form .input input.error, #submit_form .input textarea.error {border-color: #f00;}
#submit_form .fieldWithErrors {padding: 2px; background-color: red; display: table}
#submit_form .group {margin: 0 0 10px 0}
#submit_form .inp {}
#submit_form .checkbox {}
#submit_form .checkbox input, #submit_form .checkbox label {float: left !important; color: #c00000}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clear {display: inline-block;}
* html .clear {height: 1%;}
.clear {display: block;}

/**********************************************************
 * ·ÖÒ³µ¼º½Ìõ
 **********************************************************/

.pagination {
  font-size: 12px;
  font-weight: bold;
}

.pagination p {
  float: left;
  color: #666;
  text-indent: 0;
  padding: 2px 0 0 0;
  margin: 0 2em 0 0;
}

.pagination ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.pagination li {
  list-style: none;
  background-color: #fff;
  margin: 0px;
  display: block;
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  line-height: 14px;
}

.pagination li.disabled {
  border: 1px solid #DDDDDD;
  padding: 2px 6px 2px 6px;
  color: #ccc;
}

.pagination li.current {
  border: 1px solid #2E6AB1;
  padding: 2px 6px 2px 6px;
  background-color: #2E6AB1;
  color: #fff;
}

.pagination li.none {
  border: 1px none;
  padding: 2px 6px 2px 6px;
}

.pagination li a {
  border: 1px solid #9AAFE5;
  padding: 2px 6px 2px 6px;
  display: block;
  text-decoration: none;
}

.pagination li a:hover {
  border: 1px solid #2E6AB1;
}