/*--------------------
skuare.net base.css
 created:2010/04/14
 modified:2010/04/14
 version:0.5

 I'm @skuare on Twitter.
--------------------*/

/* master */
body { background: url(../img/BgGnv.jpg) 0 0 repeat-x;}
a { color: #666;text-decoration: none;}
a:visited,a:linked { color: #666;}
a:hover { color: #666;text-decoration: underline;}
#header { margin: 0 auto; text-align: center; width: 960px}

.master-sprite{background:transparent url(../img/bg.gif) no-repeat; ;border:0;padding:0;cursor:hand;cursor:pointer}
.master-sprite::-moz-focus-inner{border:0}
.pkg { /zoom : 1; }
.pkg:after{ content : ''; display : block; clear : both; }

/*-------------------
header
--------------------*/

/* hgroup */
#header { position: relative; height: 150px;width: 960px; }
	#header hgroup { margin-bottom: 10px; padding-top: 10px;}
	#header hgroup h1 { position: absolute; top: 10px;left: 0px;}
		#header hgroup h1 { }
		#header hgroup h1 a { width: 273px; height: 70px; display: block; }
	#header hgroup h2 { font-weight: normal; font-size: 10px; color: #666; position: absolute; right: 10px;}
	
	.Snav { position: absolute; top: 40px; right: 0px; list-style: none;}
		.Snav li { float: left;}
		.Snav li a { display: block; height: 45px;}
		.Snav .li01 { background-position: -715px -10px; width: 45px;}
		.Snav .li02 { background-position: -765px -10px; width: 45px;}
		.Snav .li03 { background-position: -818px -10px; width: 45px;}
		.Snav .li04 { background-position: -865px -10px; width: 45px;}
		.Snav .li05 { background-position: -915px -10px; width: 45px;}

/* nav */
.Gnav { background: #000; position: absolute; top:90px; left: 0px;}
	.Gnav ul li { float: left;}
	.Gnav ul li a { display: block;  height: 60px;}
	.Gnav ul .li00 { background-position: 0 -80px; width: 80px;}
	.Gnav ul .li01 { background-position: -80px -80px; width: 210px;}
	.Gnav ul .li02 { background-position: -290px -80px; width: 120px;}
	.Gnav ul .li03 { background-position: -410px -80px; width: 75px;}
	.Gnav ul .li04 { background-position: -485px -80px; width: 120px;}
	.Gnav ul .li05 { background-position: -605px -80px; width: 125px;}
	.Gnav ul .li06 { background-position: -728px -80px; width: 110px;}
	.Gnav ul .li07 { background-position: -840px -80px; width: 120px;}

	.Gnav ul .li00 a:hover { background: url(../img/bg.gif) 0 -144px no-repeat; }
	.Gnav ul .li01 a:hover { background: url(../img/bg.gif) -80px -144px no-repeat; }
	.Gnav ul .li02 a:hover { background: url(../img/bg.gif) -290px -144px no-repeat; }
	.Gnav ul .li03 a:hover { background: url(../img/bg.gif) -410px -144px no-repeat; }
	.Gnav ul .li04 a:hover { background: url(../img/bg.gif) -485px -144px no-repeat; }
	.Gnav ul .li05 a:hover { background: url(../img/bg.gif) -605px -144px no-repeat; }
	.Gnav ul .li06 a:hover { background: url(../img/bg.gif) -728px -144px no-repeat; }
	.Gnav ul .li07 a:hover { background: url(../img/bg.gif) -840px -144px no-repeat; }
	
/* main contents */
#DMn { clear: both;width: 960px;margin: 0px auto; text-align: center;}

/* 1 : article */
.AMn { float: left; width: 512px;text-align: left; margin: 20px 0 30px; padding-bottom: 20px; font-size: 95%;line-height: 140%;background: url(../img/line.jpg) 0 bottom no-repeat}
	.AMn h1 { margin: 10px 0 20px; font-size:115%;}
	.PMr a { float: right; width: 130px; height: 50px; background: url(../img/bg.gif) 5px -220px no-repeat; }
	.AMn .intro { border: 3px solid #000; padding:3px; background: #dcdcdc;margin-top: 10px;}
	
	.AMn aside { clear: both; padding: 25px 0 20px;margin-top: 30px; background: url(../img/line.jpg) 0 top no-repeat}
		.AMn aside dl { display: inline-block; /display: inline;margin-right:3px;zoom: 1; width: 250px;}
		.AMn aside dl dt { width: 250px; overflow: hidden;text-align: left;border: 1px solid #ccc;}
		.AMn aside dl dt img { position: relative; /position: static;left: -25px; overflow: hidden;}
		.AMn aside dl:nth-child(2) { margin: 0 0 0 3px;} 
		.AMn aside dl dd { font-size: 12px; margin-top: 5px;}
	.AMn footer { clear: both;padding: 20px 0;background: url(../img/line.jpg) 0 top no-repeat}
		.AMn footer .MAd1 { float:left; width: 250px; height: 250px; padding-bottom: 10px}
		.AMn footer .MAd2 { float:right; width: 250px; height: 250px; padding-bottom: 10px}

	.AMn aside#AEy { background:none;pading:0;margin:0 0 15px 0;}
		.AMn aside .MAd1 { float:left; width: 250px; height: 250px; padding-bottom: 10px}
		.AMn aside .MAd2 { float:right; width: 250px; height: 250px; padding-bottom: 10px}

/* 1.2 : entry */
	.DBk { text-align: right; position: relative; top:-10px;}
	.AMn strong { clear: both;display: block; margin: 20px 0 0px; padding: 15px 0;background: url(../img/line.jpg) 0 bottom no-repeat}
	.AMn code { font-size: 77%;padding: 5px 8px; margin: 10px 0;background: #333; color: #fafafa; display: block;}
	.AMn code a { color: #FFF;}
	.AMn .PDt { text-align: right; }
	.AMn .cb2tw { margin-top: 15px;}
	.AMn .cb2tw .fm { float:right;}
	.AMn .PRd { margin: 10px 0 5px; border-top: 1px dotted #ccc; padding-top: 10px;}
	p.pagination {text-align:center;font-size:90%;}
	p.pagination a {text-decoration:none;padding:3px 5px;border:1px solid #DCDCDC;}
	p.pagination a:hover{background:#9D7901;color:#FFFFFF;}
	p.pagination span a {border:none;}
	p.pagination span a:hover {background:none;color:#9D7901;text-decoration:underline;}

	.ST1 { margin:0;padding:0;width:510px;}
	.ST1 td,.ST1 th{ padding:5px;}
	.ST1 th{ background:#333;color:#fff;}
	.ST1 td{ border-bottom:1px dotted #333;}
	blockquote { margin:10px;font-size:90%;padding:10px;border:1px solid #DCDCDC;background:#FAFAFA;}
	blockquote cite { font-style:normal;text-align:right;padding-top:5px;margin-top:5px;border-top:1px dotted #CCC;display:block;font-size:90%;}

	
/* 2 : side column */
.SAd1 { float:left; width: 160px; height:600px; margin: 30px 0 0 20px; display: inline;}

#SS2 { float: right; width: 250px; margin-top: 30px;}
	#SS2 dl { padding: 2px 2px 5px; border:1px solid #ccc; background: #F2F2F2; margin-bottom: 20px;}
	#SS2 dl dt img { margin-bottom: 4px;}
	#SS2 dl dd { text-align: left; }
	#SS2 dl dd a { font-size: 88%;text-decoration: none; color: #666;}
	#SS2 dl dd a:hover { text-decoration: underline; }
	
#SS3 { float: right; width: 425px; margin-top: 20px;}
	#SS3 h1 { background: url(../img/bg.gif) -245px -225px no-repeat; height: 25px; margin-bottom: 10px; width: 160px; text-align: left;}
	#SS3 #popular{ list-style: none;text-align: left;}
		#SS3 #popular li { margin: 5px 0 7px;font-size: 77%;}
		#SS3 #popular li img { margin-right: 7px;}

#SS4 { float: right; width: 425px; margin: 20px 0;}
	#SS4 h1 { background: url(../img/bg.gif) -410px -225px no-repeat; height: 25px; margin-bottom: 10px; width: 160px; text-align: left;}
	#SS4 #URt{ list-style: none;text-align: left;}
		#SS4 #URt li { margin: 5px 0 8px;font-size: 77%;}
		
/* footer */
footer { clear: both; padding: 10px; background: #000;zoom: 1;}
	#Ft{ margin: 20px auto; text-align: center; width: 960px;}
	.Fnav li { display: inline; margin-right: 5px;text-align: center; font-size: 77%;}
	.Fnav li a { color: #fff; text-decoration: none;}
	.Fnav li a:hover { color: #fff; text-decoration: underline;}
	
	footer section { margin: 20px 0;  width: 540px; float:left;text-align: left;}
	footer section hgroup h1 { background: url(../img/bg.gif) 0 -292px no-repeat; width: 176px; height: 60px;text-indent: -9999px;}
	footer section hgroup h2 { background: url(../img/bg.gif) -200px -285px no-repeat; width: 83px; height: 25px; margin-bottom: 5px;text-indent: -9999px;}
	
	footer section dl dt { background: url(../img/bg.gif) 0 -352px no-repeat; width: 109px; height: 112px;text-indent: -9999px;}
	footer section dl dd { position: relative; left: 145px; top: -108px; width: 430px; color: #ccc;text-align: left; font-size: 77%;line-height: 145%;}
	footer section dl dd a { color: #fff;}
	
	footer aside { width: 285px;float: right; margin-top: 82px;text-align: left;}
	footer aside h2 { background: url(../img/bg.gif) -312px -285px no-repeat; width: 144px; height: 25px;text-indent: -9999px;}

	footer aside ul { margin-top: 3px;}
	footer aside ul li a {width: 283px; height: 40px; text-indent: -9999px; display: block;margin-bottom: 10px;}
	footer aside ul .li01 a { background: url(../img/bg.gif) -150px -355px no-repeat; }
	footer aside ul .li02 a { background: url(../img/bg.gif) -455px -405px no-repeat; }
	footer aside ul .li03 a { background: url(../img/bg.gif) -150px -405px no-repeat; }
	footer aside ul .li04 a { background: url(../img/bg.gif) -455px -355px no-repeat; }
	
	footer .PCt { background: url(../img/bg.gif) -490px -460px no-repeat; text-indent: -9999px; width: 420px; text-align: center; margin: 0 auto; position: relative; top: -20px;height: 15px;}