@charset "utf-8";

/**
 * PlayXP > 스타크래프트2 - 스크린샷
 * 
 * @copyright  2001-2008 PlayXP Communication
 * @author     Nios <nios@playxp.com>
 * @package    Imports
 * @subpackage CSS
 * @version    2.0
 */

/* 헤딩 */
#HeadingScreenshot{background:url(http://imports.playxp.com/images/sc2/screenshot/ca_screenshot.gif) no-repeat; width:195px; height:25px; display:block; margin:20px 0px 5px 0px;}
	#HeadingScreenshot span{display:none;}
#HeadingArtwork{background:url(http://imports.playxp.com/images/sc2/screenshot/ca_artwork.gif) no-repeat; width:195px; height:25px; display:block; margin:20px 0px 5px 0px;}
	#HeadingArtwork span{display:none;}
#HeadingWallpaper{background:url(http://imports.playxp.com/images/sc2/screenshot/ca_wallpaper.gif) no-repeat; width:195px; height:25px; display:block; margin:20px 0px 5px 0px;}
	#HeadingWallpaper span{display:none;}
#HeadingUser{background:url(http://imports.playxp.com/images/sc2/screenshot/ca_user.gif) no-repeat; width:195px; height:25px; display:block; margin:20px 0px 5px 0px;}
	#HeadingUser span{display:none;}
	
/* 리스트 */
#ScreenshotMenu{margin:0px 0px 20px 10px; padding:0px; list-style-type:none;}
* html #ScreenshotMenu{height:30px;}
	#ScreenshotMenu li{float:left; margin:0px 10px 0px 0px; padding:0px;}

#ScreenshotList{clear:both; margin-top:10px; width:900px;}
	#ScreenshotList thead td{height:17px; background:url(http://imports.playxp.com/images/sc2/screenshot/bg_box900_top.gif) no-repeat;}
	#ScreenshotList tbody td{background:url(http://imports.playxp.com/images/sc2/screenshot/bg_box900_middle.gif) repeat-y; padding:10px 6px 0px 6px;}
	* html #ScreenshotList tbody td{padding:10px 3px;}
	#ScreenshotList tfoot td{height:13px; background:url(http://imports.playxp.com/images/sc2/screenshot/bg_box900_bottom.gif) no-repeat;}
	
	#ScreenshotItems{clear:both;}
	#ScreenshotList div.item{float:left; margin:15px 7px 35px 7px; width:282px; height:212px; text-align:center;}
	* html #ScreenshotList div.item{margin:0px 6px 25px 6px;}
		#ScreenshotList div.edge{width:280px; height:210px;}
		#ScreenshotList div.item p{margin:5px;}
		#ScreenshotList div.item p,
		#ScreenshotList div.item p *{font-family:돋움; font-size:8pt; letter-spacing:-1px; color:#93a5d8;}
		#ScreenshotList div.item img{vertical-align:middle;}
		#ScreenshotList div.item p span.comment_num{margin-left:3px; color:#666;}

#Paging{clear:both; text-align:center; color:#efd442; margin:10px 0px;}
* html #Paging{margin:5px 0px;}
#Paging span.b{font-weight:bold;}
#Paging a{color:#ccc;}

/* 보기 */
#HeadingScreenshot{background:url(http://imports.playxp.com/images/sc2/screenshot/ca_screenshot.gif) no-repeat; width:195px; height:25px; display:block; margin:20px 0px 5px 0px;}
	#HeadingScreenshot span{display:none;}

#Screenshot{text-align:center;}
#Screenshot img{margin:5px 0px;}
	#Screenshot div.info{text-align:left;}
	#Screenshot a.list{float:left; margin-top:2px; margin-left:5px;}
	#Screenshot p.author{float:right; margin:0px 5px 30px 0px; line-height:200%;}
		#Screenshot p.author img{vertical-align:middle;}
	#Screenshot p.title{position:absolute; text-align:center; margin-top:5px; width:800px; margin-left:50px;}
		* html #Screenshot p.title{width:690px; !important;}
		*:first-child+html #Screenshot p.title{width:690px;}
		#Screenshot p.title,
		#Screenshot p.title *{color:#a65454; font-size:8pt; font-family:돋움; letter-spacing:-1px;}
	
h4.caption{float:left; clear:both; display:block; margin:20px 0px 0px 0px; padding:7px 0px 0px 0px; width:147px; height:31px; text-align:center; font-weight:bold; color:#fff; font-size:9pt; background:url(http://imports.playxp.com/images/sc2/guide/bg_heading.gif) no-repeat;}
*:first-child+html h4.caption{padding-top:8px;}
h4.addmargintop{margin-top:50px;}

#CommentArea{clear:both; float:left; margin-bottom:10px;}
#CategoryArea{float:left; margin-left:30px; width:270px; margin-bottom:10px;}
	#Download span.download{font-family:돋움; font-size:8pt; color:#666; letter-spacing:-1px;}
	#CategoryArea ul{clear:both; float:left; margin-top:10px; margin-left:10px;}
		#CategoryArea li{width:200px; height:25px; background:url(http://imports.playxp.com/images/arrow_gray.gif) no-repeat 0px 4px; padding-left:8px;}
			#CategoryArea li span.items{font-size:8pt; color:#666;}
	#UserUpload{clear:both;}
		#UserUpload p{width:255px; font-family:돋움; font-size:8pt; letter-spacing:-1px; line-height:160%; color:#333;}
		#UserUpload p span.note,
		#UserUpload p span.note a{font-size:8pt; color:#666;}
		#UserUpload p span.note a{font-weight:bold; color:#a65454;}
		#UserUpload form{margin-top:10px; border:1px solid #f1f1f1; padding:5px;}
		#UserUpload form th{font-weight:normal; letter-spacing:-1px; color:#003366; width:35px;}
		#UserUpload form input{margin:1px 0px;}
		#UserUpload form input.title{border:1px solid #999; width:210px; padding:2px;}
		#UserUpload form input.file{padding:2px 0px;}
			*:first-child+html #UserUpload form input.file{width:215px;}
		#UserUpload form input.submit{margin-left:35px;}
/*
#ScreenshotList{clear:both; background-color:#a2b1cf; height:120px; padding:7px 0px 10px 0px; margin:0px 0px 10px 0px; border:3px solid #445d8e;}
	#ScreenshotList li{float:left; margin:0px 7px;}
		#ScreenshotList li img{border:1px solid #000;}
*/
/* 댓글 */
#BoardComment{clear:both;}
#BoardComment div.announce{font-size:8pt; width:575px; text-align:center; color:#999; border:1px solid #cfcfcf; background-color:#fafafa; margin-bottom:10px; padding:10px;}
#BoardComment div.announce a{font-size:8pt; color:#333; font-weight:bold;}
#BoardComment table.item{border:1px solid #cfcfcf; background-color:#fafafa; margin:0px 0px 10px 1px; width:596px;}
#BoardComment table.item table.inner{margin:10px 10px 5px 10px; width:574px;}
#BoardComment table.item table.inner2{margin:0px 10px 10px 10px; width:574px;}
*:first-child+html #BoardComment table.item{margin-left:0px;}
* html #BoardComment table.item table.inner{width:573px;}
* html #BoardComment table.item table.inner2{width:573px;}

	#BoardComment td.del{text-align:right;}
	#BoardComment span.nick{height:18px;}
		#BoardComment span.nick img{vertical-align:top;}
	#BoardComment span.date{margin-left:5px; font-size:8pt; color:#666;}
	#BoardComment span.date a{font-size:8pt; color:#666; letter-spacing:-1px;}
	#BoardComment span.ip{font-size:8pt; color:#999; margin-left:5px;}
	#BoardComment a.delete{margin-left:5px;}
	#BoardComment table.item td.sense div{border:1px solid #999;}
	#BoardComment table.item td.sense img{vertical-align:top;}
	#BoardComment table.item td.content{vertical-align:top;}
	#BoardComment table.item td.content div{padding:3px; word-break:break-all; line-height:160%; width:474px; overflow:hidden;}
		#BoardComment table.item td.content div hr{display:block; height:1px;}

/* 댓글 쓰기 */
#BoardCommentWrite{clear:both; width:597px;}
#BoardCommentWrite div.announce{font-size:8pt; text-align:center; color:#999; border:1px solid #cfcfcf; background-color:#fafafa; margin-bottom:10px; padding:10px;}
#BoardCommentWrite div.announce a{font-size:8pt; color:#333; font-weight:bold;}
#BoardCommentWrite div.form{border:1px solid #cfcfcf; background-color:#fafafa; margin-bottom:5px; padding:10px;}
	#BoardCommentWrite span.nick{float:left; margin:5px 0px 5px 10px;}
	#BoardCommentWrite div.options{float:right; margin-right:45px;}
	#BoardCommentWrite input.submit{height:25px; width:60px; margin-bottom:10px;}
	* html #BoardCommentWrite input.submit{margin-bottom:5px;}
	*:first-child+html #BoardCommentWrite input.submit{margin-bottom:5px;}

	#BoardCommentWrite div.cwContainer{clear:both;}
	#BoardCommentWrite textarea{border:1px solid #aaa; width:480px; height:50px; line-height:140%; margin:5px;}
	#BoardCommentWrite .nick_caption{margin:5px 0px 5px 10px; color:black;}
	#BoardCommentWrite .nick_input{border:1px solid #aaa; height:14px; width:80px;}
	#BoardCommentWrite .passwd_caption{margin:5px 0px 5px 10px; color:black;}
	#BoardCommentWrite .passwd{border:1px solid #aaa; height:14px; width:100px;}
	
/* delComment */
#delCommentPopup{display:none; position:absolute;}
	#delCommentPopup .ps{position:relative; left:340px; top:-25px; border:1px solid #d1d1d1; background-color:#fff; width:250px; height:30px;}
	#delCommentPopup .pd{margin:5px;}
	#delCommentPopup span{font-weight:bold;}
	#delCommentPopup .text{width:100px; border:1px solid #ccc;}
	
	/* ie */
	*:first-child+html #delCommentPopup .ps{left:300px; top:-7px;}
	* html #delCommentPopup .ps{left:300px; top:-7px;}
	
	*:first-child+html #delCommentPopup span{margin-right:5px;}
	* html #delCommentPopup span{margin-right:5px;}
	
	*:first-child+html #delCommentPopup input{vertical-align:middle;}
	* html #delCommentPopup input{vertical-align:middle;}
	
	* html #delCommentPopup .text{width:125px;}
	*:first-child+html #delCommentPopup .text{width:125px;}