/*
版型名稱：七天
1. banner背景圖 / 著作財產權人：添翼創越工作室
2. 有版型問題可到http://sites.google.com/site/hifotoyu/留言詢問。
*/

html, body {
margin:0px;
padding:0px;
font-size:11.5px;
font-family:Verdana, Arial, Sans-serif;
line-height:1.6em;
}
a {color:#aaa;text-decoration:none;}
a:hover {color:#333;}


/* container
-----------------------------------------*/
#container1 {
width:1000px;
position:relative;
margin:0px auto;
background-image:url(http://farm3.static.flickr.com/2707/4079381259_af90c006fa_o.jpg);
background-position:50% 0%;
background-repeat:repeat-y;
}
#container2 {
width:880px;
margin:0px auto;
position:relative;
}

/* banner and pageheader
-----------------------------------------*/
#banner {
height:830px;
background-color:#fff;
background-image:url(http://farm3.static.flickr.com/2721/4080162812_336152e1f1_o.jpg);
background-position:50% 100%;
background-repeat:no-repeat;

}
#pageheader {
width:155px;
background:#fff;
display:block;
float:right;
position:relative;
right:42px;
top:210px;
font-size:11px;
line-height:1.4em;
}
#pageheader h1{
margin:3px 4px;
padding:0px;
font-size:11px;
font-weight:normal;
}
#pageheader h1 a{color:#000;text-decoration:none;}
#pageheader h1 a:hover{text-decoration:underline;}
#pageheader .description {margin:3px 4px;}
#pageheader #description2 .description {color:#bbb;display:block;}


/* content
-----------------------------------------*/
#content {
width:660px;
float:left;
}
#content .blog{
width:640px;
margin-left:10px;
}
.date {
line-height:100%;
font-size:11px;
}
.blogbody {
padding:0px;
margin:0px;
margin-bottom:3em;
border-bottom:1px dashed #aaa;
}
.articletext h3{
padding:0px;
margin:0px;
font-size:15px;
}
.articletext a{text-decoration:underline;}
.articletext a:hover{text-decoration:none;}
.articletext .innertext {margin-top:2em;}
.articletext .clearfix {margin-top:5em;}
.articletext .clearfix, .articletext #article_counter, 
.articletext .extended, .articletext .history, .posted{font-size:11px;color:#aaa;}
.articletext .extended a, .articletext .history a, .posted a{color:#aaa;text-decoration:none;}
.articletext .extended a:hover, .articletext .history a:hover, .posted a:hover{color:#333;}
#content input, #content select{
font-size:11px;
border:1px solid #333;
background:#fff;
color:#333;
}
#content .trackback-url input{
font-size:11px;
border:1px solid #aaa;
background:#aaa;
color:#fff;
font-family:Verdana, Arial, Sans-serif;
margin-top:0.5em;
}
#content input#trackback_url{width:57%;}
#content .blog table .calendar a{color:#000;}
#content .blog table .calendar a:hover{color:#aaa;background:none;}


/* comments
-----------------------------------------*/
.total-comments-div .trackbacks-head .comments-head a{color:#333;}
.total-comments-div .trackbacks-head .comments-head a:hover{color:#aaa;}
.total-comments-div .comments-head {
background-image:url(http://farm3.static.flickr.com/2615/4080141430_1392c9bd81_o.jpg);
background-position:0% 50%;
background-repeat:no-repeat;
height:65px;
line-height:65px;
padding-left:35px;
font-family:SimHei, Verdana, Sans-serif;
font-size:20px;
}
.total-comments-div .comments-body {border:none;}
.total-comments-div .comments-body .cmt_floor, 
.total-comments-div .comments-body .comments-post{font-size:11px;color:#aaa;}
.total-comments-div .comments-body .comments-post img, 
.total-comments-div .comments-body form img{width:12px;}
.total-comments-div .comments-linkcontrol, .trackback-linkcontrol{font-size:11px;}
.total-comments-div .comments-reply{background:#ccc;}
.total-comments-div .comments-reply .comments-post a{color:#aaa;}
input#name_id, input#email, input#url, input#magic{
background:none;
border:none;
border-bottom:1px solid #333;
width:300px;
color:#333;
font-size:11.5px;
font-family:Verdana, Arial, Sans-serif;
}
#text {
width:300px;
border:1px solid #333;
font-size:11.5px;
font-family:Verdana, Arial, Sans-serif;
line-height:1.6em;
padding:2px;
}


/* links
-----------------------------------------*/
#links {
width:210px;
float:right;
font-size:11px;
}
#links2 {
width:195px;
color:#C2C2A3;
margin:0 auto;
}
.sidetitle {
width:195px;
height:65px;
display:block;
color:#996;
font-size:0px;
}
.side {margin-bottom:1em;}
.side a{color:#ddd;text-decoration:none;}
.side a:hover{color:#fff;}
#links input, #links select{
font-size:11px;
border:1px solid #ADAD85;
background:#996;
color:#C2C2A3;
}
.side select{width:70%;}

/*calendar-----------------------------------------*/
.calendar {font-size:10px;margin-bottom:0.5em;}
.calendar a{color:#fff;text-decoration:none;}
.calendar td a:hover{background:#ADAD85;}
.calendar th{width:28px;}

/*something-----------------------------------------*/
#boxMySpace{margin-bottom:1em;}
#boxMySpace .sidetitle img{margin:35px 135px;}
#boxSlideShow .side textarea{color:#fff;font-size:11px;font-family:Verdana, Arial, Sans-serif;}
#boxNewComment .syndicate img{margin:40px 0px 0px 140px;padding:0px;}
#boxWho{margin-bottom:1em;}


/*service (use background image: 7days_service.jpg)-----------------------------------------*/
#boxMySpace #service{
position:absolute;
top:570px;
left:5px;
width:95px;
height:195px;
background:url(http://farm4.static.flickr.com/3497/4075380988_2abd7fa212_o.png);
}
#boxMySpace #service li a{
display:block;
height:20px;
color:#996;
font-size:0px;
}
#boxMySpace #service li a#linkMypage{}
#boxMySpace #service li a:hover#linkMypage{background:url(http://farm4.static.flickr.com/3497/4075380988_2abd7fa212_o.png) 95px 0px;}
#boxMySpace #service li a#linkAlbum{}
#boxMySpace #service li a:hover#linkAlbum{background:url(http://farm4.static.flickr.com/3497/4075380988_2abd7fa212_o.png) 95px 175px;}
#boxMySpace #service li a#linkBlog{position:relative;margin-top:18px;}
#boxMySpace #service li a:hover#linkBlog{background:url(http://farm4.static.flickr.com/3497/4075380988_2abd7fa212_o.png) 95px 137px;}
#boxMySpace #service li a#linkGbook{position:relative;margin-top:10px;}
#boxMySpace #service li a:hover#linkGbook{background:url(http://farm4.static.flickr.com/3497/4075380988_2abd7fa212_o.png) 95px 107px;}
#boxMySpace #service li a#linkUser{position:relative;margin-top:8px;}
#boxMySpace #service li a:hover#linkUser{background:url(http://farm4.static.flickr.com/3497/4075380988_2abd7fa212_o.png) 95px 79px;}
#boxMySpace #service li a#linkFriend{position:relative;margin-top:8px;}
#boxMySpace #service li a:hover#linkFriend{background:url(http://farm4.static.flickr.com/3497/4075380988_2abd7fa212_o.png) 95px 51px;}
#boxMySpace #service li a#linkVideo{position:relative;margin-top:11px;}
#boxMySpace #service li a:hover#linkVideo{background:url(http://farm4.static.flickr.com/3497/4075380988_2abd7fa212_o.png) 95px 20px;}
#boxMySpace #service #interactionList{display:none;}

/*sidetitle (use background image:7days_title.png)-----------------------------------------*/
#boxMySpace .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 0px 390px;}
#boxSlideShow .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 0px 325px;}
#boxMusic .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 0px 260px;}
#boxNewArticle .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 0px 195px;}
#boxCategory .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 0px 130px;}
#boxDate .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 0px 65px;}
#boxSearch .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 195px 0px;}
#boxNewComment .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 195px 390px;}
#boxNewTrackback .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 195px 325px;}
#boxFolder .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 195px 130px;
color:#fff;font-size:20px;font-family:SimHei, Verdana, Sans-serif;line-height:65px;}
#boxWho .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 195px 260px;}
#boxCounter .sidetitle{background:url(http://farm3.static.flickr.com/2429/4079381353_1513d9c227_o.jpg) 195px 195px;}


/* footer
-----------------------------------------*/
#footer {
clear:both;
height:50px;
background-image:url(http://farm4.static.flickr.com/3263/4080141448_5c856268d9_o.jpg);
}