/*******************
作者：19
網址：http://www.wretch.cc/user/sOrarize
此 CSS 樣式僅提供給無名小站(http://www.wretch.cc)使用者套用
風格：你說什麼就是什麼
色系：我沒色盲就是藍色
備註：文章貼圖寬度上限為559像素,超過會跑掉喔!(真是不乾脆的數字..)
*******************/


/*大致上是這樣--------------------------------------------------------*/
body{
	font-size:12px;
	color:#666;
	font-family:arial;
	margin:12px auto;/*可改變12px的數字來調整離畫面上端的距離*/
	background:#fff;
	width:950px;
	border-left:19px solid #fff;
}

html{/*捲軸*/
	scrollbar-face-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-darkshadow-Color:#fff;
	scrollbar-3dlight-color:#fff;
}

a{/*連結*/
	text-decoration:none;
	color:#999;
}

input{/*輸入框*/
	background:transparent;
	border:0;
	background:#eee;
	color:#666
}

textarea{/*打字區*/
	scrollbar-face-color:#dee;
	scrollbar-track-color:#dee;
	scrollbar-arrow-color:#dee;
	scrollbar-shadow-color:#dee;
	scrollbar-highlight-color:#dee;
	scrollbar-darkshadow-Color:#dee;
	scrollbar-3dlight-color:#dee;
	
	border:0px solid #999;
	background:#fff;
	color:#666;
}






/*上面橫的那條-------------------------------------------------------------*/
#banner{
	background:url(http://l.yimg.com/e/style/6/61/corner.gif) no-repeat right top #dee;
}

#pageheader{
	height:31px;
}

h1{
	text-align:right;
}
h1 a{/*網誌名稱*/
	padding-top:19px;
	padding-right:19px;
	display:block;
	font-size:15px;
	font-weight:normal;
	height:61px;
	color:#777;
	background:url(http://l.yimg.com/e/style/6/61/corner2.gif) no-repeat top left;
}

h1 .description{/*瀏覽頁面名稱*/
	font-size:12px;
	font-weight:normal;
	color:#666;
	background:#fff;
	display:block;
	padding-top:2px;
	padding-right:45px;
}
#description2{/*網誌敘述,可在敘述欄輸入語法連結到其他頁面,再把原本XXX的地盤等隱藏掉*/
	color:#666;
	padding-left:19px;
	margin-top:-35px;
	word-spacing:4px;
}

#description2 .description a:hover{
	color:#666;
	padding-top:13px;
	background: url(http://l.yimg.com/e/style/6/61/arrow.gif) no-repeat top;
}






/*下半部---------------------------------------------------------------------*/
#main2{
	scrollbar-face-color:#fff;
	scrollbar-track-color:#dee;
	scrollbar-arrow-color:#ccc;
	scrollbar-shadow-color:#dee;
	scrollbar-highlight-color:#dee;
	scrollbar-darkshadow-Color:#dee;
	scrollbar-3dlight-color:#dee;
	
	background:#dee;
	overflow:auto;
	height:413px;
	border-top:19px solid #dee;
	border-left:9px solid #dee;
	border-right:9px solid #dee;
}






/*網誌內容---------------------------------------------------------------------*/
#content,.extended,.innertext,.posted{
padding:19px;
}

#content{
	width:597px;
	float:right;
	border-left:10px solid #dee;
}

#content a:hover{
	color:#444;
}

.datediv{/*日期*/
	margin-left:370px;
	margin-top:100px;
	color:#666;	
	width:100px;
	padding-left:5px;
	display:inline;
	background:#eee;
	border-bottom:1px dotted #ccc;
}

.date{
	margin-bottom:-15px;
}

.title{/*標題*/
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
	background:#ddd;
	display:inline;
	margin-left:45px;
}

.title img{/*鎖的圖示*/
	display:none;/*建議不要刪除這行...*/
}

.extended{/*文章分類,繼續閱讀等選項*/
	text-align:right;
	font-size:10px;
	padding-bottom:5px;
	background:url(http://l.yimg.com/e/style/6/61/com.gif) no-repeat -5px -4px #fff;
	height:40px;
}

.innertext{/*內文*/
	background:#fff;
}

.posted{/*文章發表資料*/
	margin-bottom:61px;
	padding-top:120px;
	padding-left:70px;
	background:url(http://l.yimg.com/e/style/6/61/posted.gif) no-repeat -4px -21px;
	margin-top:-80px;
}






/*回應區---------------------------------------------------------------------*/
/*回應內容會很窄是正常現象....*/
.comments-body{
	width:597px;
}

.comments-body input{/*id,e-mail,url等輸入框*/
	color:#666;
	border:0px ;
	font-size:10px;
	padding:1px;
	padding-bottom:2px;
}

.comments-body form{
	font-size:11px;
	float:right;
	width:400px;
	padding-left:80px;
	margin-top:19px;
	background:url(http://pic.wretch.cc/icon/blog/19/20050412/img/text.gif) no-repeat right;
}


.comments-body textarea{/*回應內容輸入框*/
	height:180px;
	float:right;
	padding-top:19px;
	margin-top:-180px;
	margin-right:22px;
	writing-mode:tb-rl;
	
	scrollbar-face-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-darkshadow-Color:#fff;
	scrollbar-3dlight-color:#fff;
}

.comments-body p{/*回應內容*/
	margin-bottom:0px;
	padding:19px;
	padding-bottom:6px;
	background:url(http://l.yimg.com/e/style/6/61/com.gif) no-repeat top #fff;
}

.comments-head {
	visibility:hidden;
}
.comments-head a{
	visibility:visible;
}

.comments-post {/*回應相關資料*/
	text-align:right;
	background:url(http://l.yimg.com/e/style/6/61/com.gif) no-repeat -6px -52px;
	padding-top:35px;
	padding-right:6px;
	padding-left:6px;
}

.comments-post a{
	height:35px;
}

.comments-post img{/*原本回應相關資料的圖示*/
	visibility:hidden;
}

.postuser{/*身分認證圖示----那是大聲公不是喇叭不是檯燈,更不是鐵鎚!*/
	background:url(http://l.yimg.com/e/style/6/61/user.gif) no-repeat left 10px;
	padding:5px;
	padding-top:19px;
	padding-left:45px;
	margin-right:-25px;
}

.postuser:hover{
	background:url(http://l.yimg.com/e/style/6/61/user.gif) no-repeat left -27px;
	padding:5px;
	padding-left:45px;
	padding-top:19px;
	margin-right:-25px;
}

.postemail{/*信封*/
	background:url(http://l.yimg.com/e/style/6/61/post.gif) no-repeat;
}

.postemail:hover{
	background:url(http://l.yimg.com/e/style/6/61/post.gif) no-repeat 0px -30px;
}

.postweb{/*小房子*/
	background:url(http://l.yimg.com/e/style/6/61/post.gif) no-repeat -36px top;
}

.postweb:hover{
	background:url(http://l.yimg.com/e/style/6/61/post.gif) no-repeat -36px -30px;
}




/*選單---------------------------------------------------------------------*/

#links{
	text-align:right;
	font-size:10px;
}

#links a:hover{
	color:#444;
}
#links2{
	float:right;
}

#links select{
	background:#dee;
	color:#666;
}

.sidetitle{
	padding-right:19px;
	padding-top:3px;
	background:#ccc;
	border-bottom:1px solid #aaa;
	width:231px;
	margin-top:61px;
}

.side a{
	display:block;
	background:#fff;
	text-align:left;
	width:231px;
	padding-bottom:1px;
	padding-left:10px;
	padding-right:9px;
	padding-top:3px;
	border-bottom:1px solid #ccc;
	font-size:10px;
}

.side a:hover{
	background:url(http://l.yimg.com/e/style/6/61/arrow2.gif) no-repeat 235px center #eee;	
}

.boxProfile1 .side {
	color:#dee;
	font-size:3px;
}

.boxProfileImg {
	
}

.boxProfile1 select{/*好友名單*/
	background:#dee;
	color:#666;
	display:none;/*預設為隱藏 刪掉即可顯示*/
}

.boxSlideShow1 {
	background:#fff;
}
#boxSlideShow  a{
	display:inline;
	padding:0px;
	border:0;
}

#boxSlideShow img{
}

#boxSlideShow textarea{
	width:141px;
	height:100px;
	font-size:11px;
}

#boxSlideShow input{
	border:1px solid #fff;
	float:right;
	background:#eee;
	font-size:11px;
}

.boxNewArticle1{
	font-size:3px;
}

.boxCategory1{
	font-size:3px;
}
#boxSearch input{
	background:#fff;
	border:1px solid #dee;
	clear:left;
	font-size:11px;
}

.boxFolder1 img{
	filter:gray;/*影像濾鏡:灰階*/
}

.boxFolder1{
	font-size:3px;
}

.calendar{/*行事曆*/
	margin-top:19px;
	background:#fff;
	}

.calendar a{
	background:#ccc;
	padding-right:19px;
	padding-top:3px;
	text-align:right;
	display:block;
}

.calendarhead{
	padding-top:10px;
}

.calendar span a{
	padding:0px;
	background:none;
	color:#000;
	text-align:center;
}

.calendar span a:hover{
	color:red;
}
.calendarhead a{
	display:inline;
	background:none;
}

#boxCounter{/*人氣統計*/
	padding-bottom:20px;
}
.syndicate{/*RSS*/
	display:inline;
}

.syndicate img{
	filter:gray
}

.powered{/*無名小站權限聲明*/
	margin-top:40px;
}
.powered input{
	font-size:11px;
}

.powered img{
	visibility:hidden;
	height:45px;
	width:105px;
}

.powerlogo{/*自行設定的logo*/
	background:url(http://l.yimg.com/e/style/6/61/logo.gif) no-repeat 0px 12px;
}






/*其他---------------------------------------------------------------------*/

/*以下三個標籤用於寫文章時,
方便文繞圖使用,標籤名字可以為自己方便自己改掉,不過語法要相互對應
*/
.picleft{
	float:left;/*輸入<img class="picleft" src="圖片網址">圖片置左*/
}
.picright{
	float:right;/*輸入<img class="picright" src="圖片網址">圖片置右*/
}
.piccenter{
	display:block;
	/*輸入<img class="piccenter" src="圖片網址">圖片強制換行*/
}
.piccenter,.picright,.picleft{
	border:1px solid #ccc;
}



#footer{/*左下圓角*/
	height:25px;
	background:url(http://l.yimg.com/e/style/6/61/footer.gif) no-repeat left bottom;
	position:relative;
	z-index:19;
}


#extraDiv1{/*版權聲明*/
	height:19px;
	margin-bottom:-25px;
position:relative;
	z-index:5;

	background:url(http://l.yimg.com/e/style/6/61/copyright.gif) no-repeat 773px 2px #dee;
}
 