/*
作者：ballad520 
主題：【網】Early Summer
導覽列樣式：#FFFFFF
網址：http://www.wretch.cc/blog/ballad520
*/

/* General Set
-----------------------------------------*/
BODY {
margin:0px;
FONT-FAMILY:verdana;}

A {
COLOR:#aaaaaa;
text-decoration:none;}

A:link {
COLOR:#aaaaaa;}

A:hover {
COLOR:#FF1C19;}


/* container
-----------------------------------------*/
#container1 {
WIDTH:800px;
POSITION:relative;
BACKGROUND:transparent;
MARGIN:0px auto;}


/* banner and pageheader
-----------------------------------------*/
#banner {
BACKGROUND:#eeeeee;
BORDER:0px;
text-align:center;}


#pageheader h1 a {
PADDING-LEFT:10px;
font-weight:bold;
FONT-SIZE:20px;
text-decoration:none;
COLOR:#aaaaaa;}

#pageheader h1 a:hover {
COLOR:#000000;}

.description {
FONT-SIZE:12px;
font-weight:normal;
COLOR:#aaaaaa;
BACKGROUND-COLOR:transparent;}

INPUT {
BACKGROUND:#aaaaaa;
BORDER:#ffffff 1px solid;
FONT-SIZE:7pt;
color:#ffffff;
padding:2px;}


/* main
-----------------------------------------*/
#main2 {}



/* content
-----------------------------------------*/
#content {
FLOAT:left;
margin-left:0px;
margin-top:50px;
margin-bottom:50px;
WIDTH:550px;
BACKGROUND:#eeeeee no-repeat;}

.date {
BORDER:#cccccc 1px solid;
margin:5px;
padding:5px;
font-weight:normal;
FONT-SIZE:11px;
COLOR:#aaaaaa;
BACKGROUND:#dddddd;
TEXT-ALIGN:right;}

.blogbody {
PADDING:15px;
MARGIN-BOTTOM:15px;}

.title {
PADDING-LEFT:10px;
font-weight:bold;
FONT-SIZE:14px;
COLOR:#aaaaaa;}

.innertext {
PADDING-LEFT:5px;
font-weight:normal;
FONT-SIZE:8pt;
line-height:180%;
color:#aaaaaa;}

.extended {
FONT-SIZE:8pt;
COLOR:#aaaaaa;
text-align:right;}

.extended A {
COLOR:#aaaaaa;}

.extended A:hover {
color:#FF1C19;}

.posted {
FONT-SIZE:7pt;
TEXT-ALIGN:right;COLOR:#aaaaaa;}

.posted A {
COLOR:#aaaaaa;}

.posted A:hover {
color:#FF1C19;}


/* comments
-----------------------------------------*/
.total-comments-div {
WIDTH:300px;
BORDER:none;
MARGIN-TOP:10px;
PADDING-TOP:10px;}

.trackback-url {
font-size:7pt;
color:#aaaaaa;}

.trackbacks-head {
BORDER:#aaa 1px solid;
FONT-SIZE:7pt;
PADDING:7px;}

.comments-head {
BORDER:#aaa 1px solid;
FONT-SIZE:7pt;
PADDING:7px;}

.comments-body {
BORDER:0px;
FONT-SIZE:7pt;
COLOR:#aaaaaa;}

.comments-post {
FONT-SIZE:7pt;
TEXT-ALIGN:left;
COLOR:#aaaaaa;
padding-top:20px;
padding-bottom:20px;}

.comments-body FORM {
FONT-SIZE:7pt;
COLOR:#aaaaaa;}


/* links
-----------------------------------------*/
#links {
float:right;
margin-top:50px;
margin-bottom:50px;
WIDTH:185px;
COLOR:#aaaaaa;
BACKGROUND:#eeeeee;}

#links a {
line-height:200%;}

.sidetitle {
BORDER:#ffffff 1px solid;
PADDING:5px;
MARGIN:10px;
FONT-SIZE:8pt;
font-weight:bold;
FONT-STYLE:normal;
LETTER-SPACING:1pt;
BACKGROUND:transparent;
TEXT-ALIGN:center;}

.side {
FONT-SIZE:7pt;
PADDING:20px;
BORDER:none;
BACKGROUND:transparent;}

.calendar {
FONT-SIZE:7pt;
COLOR:#bbbbbb;
BACKGROUND:transparent;}

DIV.calendar A {
FONT-SIZE:7pt;
COLOR:#fff;
FONT-FAMILY:verdana;}

DIV.calendar A {
DISPLAY:none;}

BODY {background:url(http://f10.wretch.yimg.com/ballad520/11/1777797637.jpg?ostRFTlDcxFz4mvcnt5MwQ2W18T8LMtsdJkpKL4Y2EfAzn2j.OLU9SQ6dZQ-) no-repeat left bottom;}

BODY {background-position:right top;}

BODY {background-position:70% 1%;}

#main2 {margin-top:100px;margin-left:0px;}

BODY {background-color:#FFFFFF;}

#banner {
background:#FFFFFF;
width:300px;
height:100px;}

#pageheader h1 a {
font-size:20px;
color:#000000;}
#pageheader h1 a:hover {
color:#666666;}

.description {
position:absolute;
top:60px;
left:80px;
font-size:10px;
color:#444444;}

#content {background:#FFFFFF;}

.date {
font-size:10px;
background:#DDDDDD;
color:#000000;
border:#FFFFFF solid 0px;}

.title {
font-size:14px;
color:#000000;
padding-left:30px;}

.innertext {
font-size:12px;
color:#000000;}

.posted {font-size:10px;
color:#444444;}
.posted a {color:#444444;}
.posted a:hover {color:#666666;}

.extended  {font-size:10px;}
.extended a {color:#444444;}
.extended a:hover {color:#666666;}

#links {background:#FFFFFF;}

.sidetitle {
background:#DDDDDD;
border:#FFFFFF solid 0px;
font-size:12px;
color:#000000;
text-align:center;}

.side a {
font-size:10px;
color:#444444;}
.side a:hover {color:#666666;}

#boxWho .sidetitle {DISPLAY:none;}

#boxWho {position:absolute;top:50px;left:700px;}

#boxWho DIV#whowrapper 
{padding-right:80px;WRITING-MODE:tb-rl;}

#boxWho li, #boxWho li img 
{width:30px !important;height:30px !important;}

#serviceList {position:absolute;top:150px;left:80px;width:500px;}
#serviceList LI {float:left;margin:0px 4px 0px 0px;}

#serviceList LI A {
display:block;text-align:center;letter-spacing:1px;padding:5px;
width:50px;
background:#FFFFFF;
color:#444444;font:7pt verdana;
border:#DDDDDD 1px solid;}

#serviceList #linkVideo {display:none;}
#serviceList #linkMypage {display:none;}
#serviceList #linkUser  {display:none;}

#content {width:500px;height:450px;}
#links {width:250px;height:450px;}

#boxCounter {

POSITION:absolute;
TOP:180px;LEFT:550px;WIDTH:200px;
COLOR:#000000;BORDER:#DDDDDD 0px solid;
PADDING:5px;}

#boxCounter .sidetitle {DISPLAY:none;}