/*
hello, i'm 19
http://www.wretch.cc/blog/sOrarize
修修修
這是 紅色摩登2.0被打版
有bug歡迎到我板上說 謝謝



/*可更改部分開始-------------------------------------------------------------------------------------------------*/

/*以下五行可自行決定要不要刪除，建議不刪除*/
.calendar {display:none}/*要顯示行事曆請刪除此行*/
#boxSlideShow {display:none}/*要顯示照片播放請刪除此行*/
#boxRssList {display:none}/*要顯示訂閱清單請刪除此行*/
#boxNewTrackback {display:none}/*要顯示最新回覆請刪除此行*/
#boxCounter {display:none}/*要顯示造訪人數請刪除此行*/

/*顏色設定和背景設定/color n' background settin'
-------------------------------------------------------------------------------------------------*/
body {color:#AB2929;background:#AB2929}
a {color:#711F1F;}
a:hover{color:#c00;}
input {
color:#696969;
background:#fafafa;
}
#container1 {background:#fff;}

#content .title {color:#696969;}
#content .extended {color:#ccc;}
#content .extended a {color:#bbb;}
#content .extended a:hover {color:#aaa;}
#content .posted a:hover {color:#bbb;}

#links div.calendar a,
#links .sidetitle {color:#a6a6a6;}
#links .sidetitle input {background:#fff;}
#links div.calendar .calendarhead a,
#links div.calendar span.calendar a {color:#711f1f;}

#banner {background:url('http://l.yimg.com/e/style/6/631/banner.gif') no-repeat left 59px;}
#content, #links {background:url('http://l.yimg.com/e/style/6/631/content.gif') no-repeat left top;}
.title, .comments-head {background:url('http://l.yimg.com/e/style/6/631/title.gif') no-repeat left 2px;}
.sidetitle{background-image:url('http://l.yimg.com/e/style/6/631/sidetitles.gif');}


/*可更改部分結束-------------------------------------------------------------------------------------------------*/
























/*kills
-------------------------------------------------------------------------------------------------*/

h1 .description,
#interactionList,
#blogCategory,
.boxMySpace1 .side select,
.boxMySpaceImg,
#scupioSearch,
#boxMusic .sidetitle,
.boxDate1 .side select,
#container1 .powerlogo br,
#links .boxDate1 .side br,
.trackback-url,
.blog .powered,
.syndicate,
br {
display:none;
}

#container1 br {display:inline;}

.powered img {visibility:hidden;}

#links br {display:none;}
#links .powered br, #links .side br {display:inline;}

/*general settings
-------------------------------------------------------------------------------------------------*/
* {margin:0;padding:0}

html{
scrollbar-face-color:#AB2929;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#AB2929;
scrollbar-shadow-color:#AB2929;
scrollbar-highlight-color:#AB2929;
scrollbar-3dlight-color:#AB2929;
scrollbar-darkshadow-color:#AB2929; 
}

body {
font:12px arial;
margin:0 57px 0 auto;
width:741px;
position:relative;
}

#container1 {
scrollbar-face-color:#fff;
scrollbar-arrow-color:#c00;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-color:#fff; 
}

a {
font:12px arial;
text-decoration:none;
}

a img {border:0;}

input {
border:0;
font:12px arial;
}

/*banner
-------------------------------------------------------------------------------------------------*/
#banner {
height:212px;
}

h1 a {
font-weight:bold;
display:block;
padding-left:308px;
padding-top:59px;
width:433px;
height:152px;
}

#description2 .description {
position:absolute;
left:308px;
top:84px;
}

/*content
-------------------------------------------------------------------------------------------------*/

#content {
padding-left:60px;
padding-right:60px;
}

.title {
font:12px arial;
font-weight:bold;
padding-left:15px;
margin-top:30px;
}

.innertext {
padding-left:15px;
margin-top:22px;
}

.date {
font:48px AvantGarde Md BT,Century Gothic,simhei;
width:455px;
position:absolute;
top:142px;
left:71px;
background:#fff;
}

.posted {
color:#efefef;
text-decoration:linethrough;
padding-left:15px;
}
.posted a {
color:#efefef;
}

.extended {
margin-top:15px;
padding-left:15px;
}
/*comments
-------------------------------------------------------------------------------------------------*/
.total-comments-div p {
padding-left:15px;
}

.comments-post {
margin-bottom:15px;
margin-left:15px;
padding:3px;
border-bottom:1px dashed #c00;
}



.comments-head {
font-weight:bold;
color:#a6a6a6;
padding-left:15px;
padding-top:2px;
margin-top:30px;
}

.comments-body form {
padding-left:15px;
}

/*links
-------------------------------------------------------------------------------------------------*/

#links {
padding-left:60px;
width:681px;
margin-top:20px;
position:relative;
padding-top:484px;

}

.sidetitle {
text-indent:-5000px;
background-repeat:no-repeat;
height:13px;
font:12px AvantGarde Md BT,Century Gothic,arial;
}

.side {
padding-left:15px;
}

#boxFolder .sidetitle {
text-indent:0;
padding-left:15px;
height:12px;
}

#boxFolder .side {padding-top:2px;}

#boxMySpace .sidetitle{background-position:left 0;}
#boxNewArticle .sidetitle{background-position:left -13px;}
#boxNewComment .sidetitle{background-position:left -26px;}
#boxCategory .sidetitle{background-position:left -39px;}
#boxDate .sidetitle{background-position:left -51px;}
#boxFolder .sidetitle{background-position:left -78px;}
#boxSearch .sidetitle{background:none;}
#boxSlideShow .sidetitle{background-position:left -91px;}
#boxRssList .sidetitle{background-position:left -104px;}
#boxNewTrackback .sidetitle{background-position:left -117px;}
#boxCounter .sidetitle{background-position:left -130px;}

#boxNewComment .side,
#boxNewArticle .side{
overflow:auto;
height:182px;
}

#boxNewComment .side {text-align:right;}
#boxNewComment .side a {
display:block;
text-align:left;
}

#boxMySpace, #boxNewArticle, #boxNewComment, #boxDate, #boxFolder, #boxCategory, .powered{width:202px;height:182px;}
#boxMySpace, #boxNewArticle, #boxNewComment, #boxDate, #boxSearch, #boxCategory, #boxMusic,  .powered{position:absolute;}

#boxMySpace{top:040px;left:060px;}
#boxNewArticle{top:040px;left:262px;}
#boxNewComment{top:040px;left:464px;}
#boxCategory {top:262px;left:060px;}
#boxDate {top:262px;left:262px;}
#boxSearch {top:300px;left:260px;}
#boxMusic  {top:380px;left:464px;}
.powered {top:262px;left:464px;}

.boxDate1 .side a {display:block;}
.powered {
background:url('http://l.yimg.com/e/style/6/631/title.gif') no-repeat left top;
padding-left:15px;
font-size:11px;
}

.powerlogo, .powered img{width:68px;height:17px;}
.powerlogo{
display:block;
background:url('http://l.yimg.com/e/style/6/631/powerlogo.gif') no-repeat left top;
}

#boxFolder {float:left;}

#footer {clear:both;}
#footer .side {padding-top:2px;}

/*my fucking lovely trouble
-------------------------------------------------------------------------------------------------*/
div.calendar,
#boxSlideShow,
#boxCounter,
#boxNewTrackback,
#boxRssList{width:202px;height:182px;}

#boxCategory .side,
#boxNewTrackback .side,
#boxRssList .side{height:182px;overflow:auto;}


div.calendar,
#boxFolder,
#boxSlideShow,
#boxCounter,
#boxNewTrackback,
#boxRssList {float:left;margin-bottom:20px;margin-top:30px;}

div.calendar a {
text-indent:-140px;
padding-left:15px;
height:13px;
background:url('http://l.yimg.com/e/style/6/631/sidetitles.gif') no-repeat left -77px;
}

div.calendar .calendarhead a,
div.calendar span.calendar a {
text-indent:0;
padding:0;
background:none;
}