/*  
Theme Name: Awei
Theme URI: http://awei.tw
Description: 蔡葉偉部落格專用theme
Version: 0.1
Author: Lachesis
Author URI: http://blog.aztaru.com/
Tags: three-columns,fixed-width,right-sidebar,left-sidebar	
*/

@charset "utf-8";
@import url(reset.css);
/* @import url(debug.css);*/

body { background:#f8f4e3 url(img/site-bg.jpg) repeat-x; font:12px Arial, Helvetica, sans-serif; }
#wrap { position:relative; overflow:hidden; width:934px; height:1%; margin:0 auto; border:2px solid #dcdcda; border-width:0 2px; background:#fff;}

#visual { }
#visual img { display:block; }
#visual h1, #visual h2 { display:none; }
#visual hr { display:none; }

#navigation { overflow:hidden; height:57px; background:url(img/navi-bg.jpg) repeat-x; }
#navigation li { float:left; width:100px; height:57px; margin:0 7px;}
#navigation li a { position:relative; display:block; height:53px; background:url(img/navi-hover.jpg) no-repeat 100px 0;}
#navigation li a:hover,
#navigation li a.on { background-position:0 0;}
#navigation li a:hover img { top:16px; }
#navigation li a img { position:absolute; top:18px; /*behavior: url(css/iepngfix.htc);*/}
#navigation li a b { display:none;}

#content { position:relative; overflow:hidden; height:1%;}

#side { float:left; width:224px; padding:10px 0 0 0;}
#side .md { width:202px; margin:0 auto 10px auto; background:url(img/side-b.gif) repeat-y}
#side .md h2 { display:block; text-indent:-1000px;}
#side .md b { display:block; overflow:hidden; height:10px; background:green url(img/side-f.gif);}
#side .md * b { display:inline; overflow:visible; background:none; }
#side-news h2 { height:68px; background:url(img/news-h.jpg);}
#side-video h2 { height:57px; background:url(img/video-h.jpg);}
#side-sche h2 { height:55px; background:url(img/schedule-h.jpg);}
#side-photo h2 { height:54px; background:url(img/photo-h.jpg);}

#side-news li { position:relative; height:1%; padding:0 15px 0 42px; margin:0 0 10px 0; }
#side-news li span { display:block; position:absolute; top:-4px; left:12px; width:25px; height:25px; background:url(img/icon2.gif) no-repeat; font-size:10px; color:#fff; text-align:center; line-height:25px; font-weight:bold;} /*digit*/
#side-news li small { color:#7594b2; font-size:13px;} /*date*/
#side-news li strong { display:block; color:#606060; font-size:13px;} /*title*/
#side-news li .more { font-size:11px; color:#28689b;}
#side-news li .more:hover { color:#134369;}

#side-sche li { position:relative; height:1%; padding:0 15px 0 42px; margin:0 0 10px 0; }
#side-sche li span { display:block; position:absolute; top:-4px; left:12px; width:25px; height:25px; background:url(img/icon3.gif) no-repeat; font-size:10px; color:#fff; text-align:center; line-height:25px; font-weight:bold;} /*digit*/
#side-sche li small { color:#7594b2; font-size:13px;} /*date*/
#side-sche li strong { display:block; color:#606060; font-size:13px;} /*title*/
#side-sche li .more { font-size:11px; color:#28689b;}
#side-sche li .more:hover { color:#134369;}

#side-video ul { text-align:center;}
#side-video ul li { margin:0 0 10px 0;}
#side-video ul li div { position:relative; width:120px; height:72px; padding:1px; margin:0 auto 10px auto; border:1px solid #666;}
#side-video ul li div:hover { border-color:#999; }
#side-video ul li div a { overflow:hidden; display:block; width:120px; height:72px;}
#side-video ul li div a img { margin:-10px 0 0 0;}
#side-video ul li div i { display:block; position:absolute; right:1px; bottom:1px; width:30px; height:14px; background:#000; opacity:.75; color:#fff; font:11px Arial, Helvetica, sans-serif; font-weight:bold; } /*video time */
#side-video ul li .t { color:#606060; text-decoration:none;}
#side-video ul li .t:hover { text-decoration:underline;}
#side-video .more { text-align:center;}

#nextprev { overflow:hidden; width:198px; height:1%; padding:5px 0; margin:0 auto; background:#f3f3f3;}
#nextprev .wrap { width:154px; margin:0 auto; }
#nextprev .pic { overflow:hidden; height:1%; }
#nextprev .pic div { float:left; border:1px solid #f3f3f3;}
#nextprev .navi a { text-indent:-1000px; outline:0; overflow:hidden; }
#nextprev .navi .left { float:left; width:37px; height:10px; background:url(img/flickr-arrow-left.gif) 0 0; }
#nextprev .navi .left:hover { background-position:0 10px; }
#nextprev .navi .view { float:left; width:79px; height:10px; background:url(img/flickr-view.gif) 0 0; }
#nextprev .navi .view:hover { background-position:0 10px; }
#nextprev .navi .right { float:left; width:37px; height:10px; background:url(img/flickr-arrow-right.gif) 0 0; }
#nextprev .navi .right:hover { background-position:0 10px; }

#main { float:left; width:480px; padding:36px 0 0 0;}

#side2 { float:left; width:230px; padding:38px 0 0 0;}
#side2 .md { width:202px; margin:0 auto 20px auto; }
#side2 .md h2 { display:block; height:20px; margin:0 0 8px 0; text-indent:-1000px;}
#side2-map h2 { background:url(img/map-h.gif);}
#side2-login h2 { background:url(img/login-h.gif);}
#side2-guest h2 { background:url(img/guest-h.gif);}
#side2-reply h2 { background:url(img/reply-h.gif);}

#side2-g-map { padding:0; margin:0; border:1px solid #d5d5d5; }

#side2-login { overflow:hidden; height:1%; }
#side2-login form {}
#side2-login label { display:block; margin:0 0 3px 0;}
#side2-login label input { width:165px; border:2px inset #fff; background:#e2e0e0; color:#111; padding:0 0 0 2px; font:12px Arial, Helvetica, sans-serif;}
#side2-login .submit { width:60px; float:right; margin:10px 0 0 0; border:1px outset #fff; background:#e2e0e0; }
#side2-login .utils { float:right; margin:15px 10px 0 0; color:#383838; font-size:11px; }
#side2-login .utils a { color:#383838; text-decoration:none; margin:0 4px; }
#side2-login .utils a:hover { text-decoration:underline; }

#side2-guest ol { overflow:hidden; width:190px; height:1%; margin:0 auto; }
#side2-guest li { float:left; width:33px; height:33px; margin:0 5px 5px 0; overflow:hidden; }
#side2-guest .more { padding:5px 10px 0 0; text-align:right; }
#side2-guest .more a { color:#f7941d; text-decoration:none; }
#side2-guest .more a:hover { color:#000; text-decoration:none; }

#side2-reply li { margin:0 0 4px 0;}
#side2-reply li a { color:#000; text-decoration:none;} /* title */
#side2-reply li a:hover { color:#111; text-decoration:underline;}
#side2-reply li span { color:#d65c22;} /* author */
#side2-reply li span small { font-size:10px;} /* date */
#side2-reply .more { text-align:right;}

#footer { position:relative; height:69px; background:url(img/footer-bg.jpg); color:#fff; }
#footer hr { display:none; }
#footer-wrap { padding:12px 0 0 250px;}
#footer strong { line-height:20px;}
#footer address { display:inline;}
#footer .tel { margin: 0 0 0 20px;}
#footer .fax { margin: 0 0 0 20px;}

/* elements */
a { color:#0c70ba; }
a:hover { color:#000; }
.morebtn { display:inline-block; width:86px; height:27px; background:url(img/morelink-bd.gif) no-repeat; text-align:center; line-height:27px; color:#fff; text-decoration:none; }
.morebtn:hover { color:#c9f9ff; }
.link2 { display:inline-block; width:86px; height:27px; background:url(img/link-bd.gif) no-repeat; text-align:center; line-height:27px; color:#fff; text-decoration:none; }
.link2:hover { color:#ffed99; }
.pager { text-align:center; }
.pager a { font-size:15px; color:#0c70ba; text-decoration:none; padding:0 2px; margin:0 2px;}
.pager a:hover { color:#000; }
.pager a.on { font-size:18px; color:#f26317; }
.pager b { margin:0 4px; }

/* home */
#home {}
#home-headline { overflow:hidden; height:1%; padding:10px; margin:0 0 10px 0; background:#efefef;}
#home-headline .pic { float:left; margin:0 0 10px 0; border:1px solid #dfdfdf;}
#home-headline blockquote { float:left; clear:left; width:168px; margin:0 0 10px 0; border:1px solid #dfdfdf; background:#fff; padding:8px; font-size:12px; line-height:1.69; }
#home-headline h3 { padding:0 0 6px 194px; font-size:17px; line-height:1.64; color:#0e58ae; }
#home-headline p { padding:0 0 0 194px; font-size:13px; line-height:1.69; color:#3d3d3d; }
#home-headline .more { color:#28689b;}
#home-headline .more:hover { color:#134369;}

#home-journal {}
#home-journal h2 { height:77px; background:url(img/home-journal-heading.jpg); text-indent:-1000px; }
#home-journal .more { color:#28689b;}
#home-journal .more:hover { color:#134369;}
#home-journal .more { text-align:right;}

#home-journal-cites {}
#home-journal-cites li { margin:0 0 35px 0;}
#home-journal-cites li h3 { padding:0 0 6px 25px; background:url(img/icon1.gif) 8px 6px no-repeat; font-size:15px;color:#0e58ae; }
#home-journal-cites li h3 a { color:#0e58ae; text-decoration:none;}
#home-journal-cites li h3 a:hover { text-decoration:underline; }
#home-journal-cites li div { padding:0 0 0 25px; color:#3d3d3d; font-size:13px; line-height:1.69 }
#home-journal-cites li h3+div { background:url(img/hr-dashed.gif) repeat-x; }
#home-journal-cites li h3+div .more { float:right; text-decoration:none;}
/*
#home-journal-links {}
#home-journal-links li { }
#home-journal-links li h3 { padding:0 0 6px 25px; background:url(img/icon1.gif) 8px 6px no-repeat; font-size:13px;color:#0e58ae; }
#home-journal-links li h3 a { color:#0e58ae; text-decoration:none;}
#home-journal-links li h3 a:hover { text-decoration:underline; }
*/
/* photo */
#photoPage {}
#photo-list { overflow:hidden; height:1%; padding:0 0 0 30px;}
#photo-list li { float:left; width:150px; height:195px; padding:0 0px 0 0;}
#photo-list li h3 { padding:0 0 5px 0; font-size:15px; font-weight:bold; color:#0e58ae; line-height:1.6; width:100px;}
#photo-list li h3 a { color:#0e58ae; text-decoration:none;}
#photo-list li h3 a:hover { background:#0063DC; color:#fff;}
#photo-list li p { font-size:12px; color:#999;}
#photo-list li p em { font-weight:bold; color:#555; }
#photo-list li div  { width:91px; height:95px; background:url(img/set_case.gif) no-repeat; margin:0px 0 5px 0;}
#photo-list li div a { display:block; margin:0 0 5px 0; padding:7px 0 0 7px;}
#photo-list li div a:hover {}
#photo-list li div a img { border:1px solid #000;}
#photo-list .pager { clear:both; display:block; margin-bottom:20px; }

/* video */
#videoPage {}
#video-list { overflow:hidden; height:1%; padding:0 0 0 30px;}
#video-list li { position:relative; float:left; width:145px; height:195px; padding:0 5px 0 0;}
#video-list li h3 { padding:0 0 5px 0; font-size:15px; font-weight:bold; color:#0e58ae; line-height:1.2;}
#video-list li h3 a { color:#0e58ae; text-decoration:none;}
#video-list li h3 a:hover { background:#0063DC; color:#fff;}
#video-list li p { font-size:12px; color:#999;}
#video-list li p em { font-weight:bold; color:#555; }
#video-list li div { position:absolute; top:75px; width:120px; height:72px; padding:1px; margin:10px 0 10px 0; border:1px solid #666; background:#fff;} /* video clip */
#video-list li div:hover { border-color:#999; }
#video-list li div i { display:block; position:absolute; right:1px; bottom:1px; width:30px; height:14px; background:#000; opacity:.75; color:#fff; font:11px Arial, Helvetica, sans-serif; font-weight:bold; } /*video time */
#video-list li div a { overflow:hidden; display:block; width:120px; height:72px;}
#video-list li div a img { margin:-10px 0 0 0;}
#video-list .pager { clear:both; display:block; margin-bottom:20px; }

#video-view { margin:0 0 30px 0;}
#video-view h3 { padding:0 0 5px 0; font-size:15px; font-weight:bold; color:#0e58ae; line-height:1.2;}
#video-view p { margin:0 0 10px 0; font-size:12px; color:#999;}
#video-view p em { font-weight:bold; color:#555; }
#video-plybk { display:block; margin:0 0 35px 0; }

#video-reply { width:430px; margin:0 auto 35px auto;}
#video-reply h2 { margin:0 0 5px 0; font-size:15px; color:#4d96cc; }
#video-reply ul { margin:0 0 35px 0;}
#video-reply li { margin:0 0 5px 0; }
#video-reply li b { display:block; padding:3px 0 5px 5px; background:url(img/hr-dashed.gif) repeat-x;}
#video-reply li b a { font-size:12px; color:#0e58ae; text-decoration:none;}
#video-reply li b a:hover { text-decoration:underline;}
#video-reply li b small { margin:0 0 0 6px; font-size:11px; color:#999;} /* time ago */
#video-reply li p { padding:0 0 0 5px; color:#3d3d3d; font-size:13px; line-height:1.69;}

/* journal */
#journalPage {}
#journal-article-cont { overflow:hidden; height:1%; margin:0 0 35px 0;}
#journal-article-cont .pic { float:left; margin:0 10px 10px 0; border:1px solid #dfdfdf;}
#journal-article-cont blockquote { float:left; clear:left; width:168px; margin:0 10px 10px 0; border:1px solid #dfdfdf; background:#fff; padding:8px; font-size:12px; line-height:1.69; }
#journal-article-cont h1 { padding:0 0 6px 0px; font-size:17px; line-height:1.64; color:#0e58ae; }
#journal-article-cont p { padding:0 0 0 0px; font-size:13px; line-height:1.69; color:#3d3d3d; }
#journal-article .pager { clear:both; display:block; margin-bottom:20px; }

/* schedule */
#schePage {}
#sche-calendar { margin:0 0 35px 0;}
#sche-calendar iframe { margin:0 0 20px 0;}
#sche-calendar .more { text-align:center; }

/* achieve */
#achievePage {}
#achieve-map { margin:0 0 35px 0;}
#achieve-g-map { width:430px; height:380px; margin:0 auto 20px auto;}
#achieve-g-map iframe { width:100%; height:100%; padding:6px; margin:0; border:1px solid #d5d5d5; }

.achieve-points { overflow:hidden; height:1%; padding:0 0 0 20px;}
.achieve-points li { float:left; width:75px; height:98px;}
.achieve-points li a { display:block; margin-left:15px; color:#4d96cc; text-decoration:none;}
.achieve-points li a img { display:block; margin:0 0 10px 0; }
.achieve-points li a span { display:block; padding:0;}
.achieve-points li a:hover span { /*border-bottom:1px solid #4d96cc*/ text-decoration:none;}

#achieve-reply { width:430px; margin:0 auto 35px auto;}
#achieve-reply h2 { margin:0 0 5px 0; font-size:15px; color:#4d96cc; }
#achieve-reply ul { margin:0 0 35px 0;}
#achieve-reply li { margin:0 0 5px 0; }
#achieve-reply li b { display:block; padding:3px 0 5px 5px; background:url(img/hr-dashed.gif) repeat-x;}
#achieve-reply li b a { font-size:12px; color:#0e58ae; text-decoration:none;}
#achieve-reply li b a:hover { text-decoration:underline;}
#achieve-reply li b small { margin:0 0 0 6px; font-size:11px; color:#999;} /* time ago */
#achieve-reply li p { padding:0 0 0 5px; color:#3d3d3d; font-size:13px; line-height:1.69;}
#achievePage .achtt { line-height:1.5; width:390px; padding-top:34px; padding-left:40px; background-repeat:no-repeat; margin:15px auto; color:#999; font-size:12px; }

/* register */
#register-form { padding:0 20px;}

#register-form #headphoto { width:132px; padding:6px; margin:0 0 20px 0; border:1px solid #c6c6c6; }
#register-form #headphoto img { border:1px solid #c6c6c6;}
#register-form p { position:relative; display:block; height:1%; padding:0 0 0 100px; margin:0 0 10px 0;}
#register-form label { position:absolute; left:0; top:4px; color:#4885ac;}
#register-form label em { position:absolute; left:-10px; top:1px; color:#CC0000; }
#register-form p input[type="text"] { width:255px; padding:3px; border:1px inset #ddd; background:#f9f9f9; font:12px Arial, Helvetica, sans-serif;}
#register-form p input[type="file"] { width:218px; padding:3px; border:1px inset #ddd; background:#f9f9f9; font:12px Arial, Helvetica, sans-serif;}
#register-form p textarea { width:335px; border:1px inset #ddd; background:#f9f9f9;font:12px Arial, Helvetica, sans-serif;}
#uploadheadphoto { margin:0 0 0 8px; border:1px outset #fff; background:#e2e0e0; }
#register-form #queryzipcode { margin:0 0 0 10px; color:#4885ac; }
#register-form #codepic { margin:0 0 0 10px; vertical-align:middle; }
#register-form #submit { display:block; width:86px; height:27px; margin:20px auto; border:none; background:url(img/morelink-bd.gif); text-align:center; color:#fff; font:12px Arial, Helvetica, sans-serif; line-height:27px; cursor:pointer; }
#register-form #submit:hover { color:#c9f9ff; }


/* member */
#memberPage { color:#4885ac;}
#user-title { padding:0 10px; }
#user-title .headphoto { float:left; width:132px; padding:6px; margin:0 20px 20px 0; border:1px solid #c6c6c6; }
#user-title .headphoto img { border:1px solid #c6c6c6;} 
#user-title h3 { margin:0 0 5px 0; color:#0e58ae; font-size:15px; line-height:1.6; font-weight:bold;}
#user-title .info { margin:0 0 5px 0; font-size:13px; }
#user-title address { font-size:15px; }
#user-title address a { margin:0 0 0 10px; font-size:12px; color:#d65c22; text-decoration:underline; }
#user-title address a:hover { color:#000; }
#user-title .message { margin:25px 0 4px 0; }
#user-title .makefriends .link2 { margin:0 0 0 -7px;}
#user-blogurl, 
#user-newarticle, 
#user-albumurl, 
#user-selfintro, 
#user-friends, 
#user-position, 
#user-articles, 
#user-replies { clear:left; margin:0 0 15px 0; padding:0 10px; }
#user-blogurl h4, 
#user-newarticle h4, 
#user-albumurl h4, 
#user-selfintro h4, 
#user-friends h4, 
#user-position h4 { float:left; margin:0 0 6px 0; }
#user-selfintro p { clear:left; color:#3d3d3d; font-size:13px; line-height:1.69; }
#user-friends ol { overflow:hidden; width:266px; height:1%; }
#user-friends li { float:left; width:33px; height:33px; margin:0 5px 5px 0; overflow:hidden; }
#user-position p { clear:left; color:#3d3d3d; font-size:13px; line-height:1.69; }

#user-articles h4, 
#user-replies h4 { color:#d65c22; margin:0 0 6px 0;}
#user-articles h5,
#user-replies h5{ padding:0 0 6px 25px; background:url(img/icon1.gif) 8px 6px no-repeat; font-size:13px;color:#0e58ae; }
#user-articles h5 a,
#user-replies h5 a { color:#0e58ae; text-decoration:none;}
#user-articles h5 a:hover,
#user-replies h5 a:hover { text-decoration:underline; }
#user-articles p,
#user-replies p { padding:0 0 0 25px; color:#3d3d3d; font-size:13px; line-height:1.69 }
#user-articles li:first-child h5, 
#user-replies li:first-child h5{/*font-size:15px;*/  }
#user-articles li:first-child p,
#user-replies li:first-child p { margin:0 0 25px 0;  background:url(img/hr-dashed.gif) repeat-x; }
#user-articles .more,
#user-replies .more { text-align:right;}
#user-replies .date {color:#3d3d3d; font-weight:plain;font-size:11px;} /* by lachesis*/

#gb-list { width:470px; overflow:hidden; margin:0 0 35px 0;}
#gb-list .post { padding:8px; border:1px solid #e9e9e9; margin-bottom:10px; }
#gb-list .post p.link { font-size:11px; *font-size:10px; text-align:right; margin:5px 0; }
#gb-list .post p.link a{ color:#134799; text-decoration:none; margin-right:6px; }
#gb-list .post p.link a:hover { color:#000; }
#gb-list .post:hover { background-color:#f9fafc; }
#gb-list .post .pic { float:right; position:relative; right:5px; top:5px; }
#gb-list .post h5 { padding:4px 2px 4px 8px; background:#f6f6f6 url(img/hr-dashed.gif) repeat-x; font-size:13px; color:#0e58ae; }
#gb-list .post h6 { margin-bottom:8px; padding:0 2px 5px 8px;background:#f6f6f6;  color:#999898; font-size:12px; }
#gb-list .post h3 { padding:0 2px 0 8px; line-height:22px; color:#3d3d3d; }
#gb-list .post .re { width:420px; margin:10px 0 10px auto; background:#fff url(img/hr-dashed.gif) repeat-x; } 
#gb-list .post .re:hover { background-color:#f5f7fa; }
#gb-list .post .re h5 { padding:4px 2px 4px 8px; background:#f6f6f6 url(img/hr-dashed.gif) repeat-x; font-size:13px; color:#0e58ae; }
#gb-list .post .re h6 { margin-bottom:8px; padding:0 2px 5px 8px;background:#f6f6f6;  color:#999898; font-size:12px; }
#gb-list .post .re h4 { padding:0 2px 0 8px; line-height:22px; color:#6d737c; }

#aboutPage{ color:#3d3d3d; font-size:13px;}
#aboutPage .pic { float:left; margin:0 12px 12px 0; }
#aboutPage h1 { font-size:16px; color:#0e58ae; margin-bottom:20px; }
#aboutPage h4 { height:14px; color:#7bbee8; font-size:13px; margin:10px 0; line-height:14px;}
#aboutPage h4 img { float:left; margin-right:5px; position:relative; top:2px;}
#aboutPage h5 { color:#1774df; font-size:13px; font-style:italic; font-weight:bold; margin:5px 0; }
#aboutPage ol li { padding:4px 0; background:url(img/dotline.gif) bottom repeat-x; margin-bottom:4px; color:#767676; }
#aboutPage p { color:#3d3d3d; line-height:22px; margin-bottom:22px; }

/* by lachesis */
#archive {width:470px;padding:0 0.3em;}
#archive h2{color:#0e58ae; font-size:1.4em; font-weight:bold;}
#archive a{text-decoration:none;}
#archive .post{margin-bottom:1em;padding-bottom:1em;border-bottom:1px dotted #ccc;}
#archive .datetime{color:#999; font-size:0.9em;padding-top:0.3em;}
#archive .entry{font-size:1.1em; color:#3d3d3d; padding-top:0.7em;}
#archive .entry p{padding-bottom:1em;line-height:1.7em;}
#archive .tags{font-size:0.9em; color:#888;padding:0 1em;}
#journal {width:470px;padding:0 0.3em;}
#journal h2{color:#0e58ae; font-size:1.7em; font-weight:bold;}
#journal .post{margin-bottom:0.5em;}
#journal .datetime{color:#999; font-size:0.9em;padding-top:0.3em;}
#journal .entry{font-size:1.1em; color:#3d3d3d; padding-top:0.7em;}
#journal .entry p{padding-bottom:1em;line-height:1.7em;}
#journal .headpic{float:left;padding:0 1em 0.3em 0;width:200px;}
#journal .headpic img{border:1px solid #ccc;width:200px;}
#journal .headpic div{margin-top:0.5em;  color:#333;border:1px solid #999;}
#journal .headpic p{padding:0.5em 0.6em;font-size:0.9em;}
#first {width:455px;background-color:#efefef;padding:0.8em 1em 0 1em;}
#first h2{color:#0e58ae; font-size:1.7em; font-weight:bold;}
#first .post{margin-bottom:0.5em;}
#first .datetime{color:#999; font-size:0.9em;padding-top:0.3em;}
#first .entry{font-size:1.1em; color:#3d3d3d; padding-top:0.7em;}
#first .entry p{padding-bottom:1em;line-height:1.7em;}
#first .headpic{float:left;padding:0 1em 0.3em 0;width:200px;}
#first .headpic img{border:1px solid #ccc;width:200px;}
#first .headpic div{margin-top:0.5em; color:#333;border:1px solid #999;background-color:#fff;}
#first .headpic p{font-size:0.9em; padding:0.5em 0.6em;}
#comments {width:470px;}
#comments h2{font-size:1.4em;color:#0e58ae;padding-bottom:0.5em; font-weight:bold;} /* for guestbook */
#comments h3{font-size:1.2em;color:#3d3d3d;padding-bottom:0.5em; font-weight:bold;}
#comments .navigation{padding:0.5em 0; font-size:1.1em;}
#comments .alignleft{padding-right:1em;}
#comments .depth-1{padding:8px; border:1px solid #e9e9e9; margin-bottom:10px;}
#comments .depth-2{width:420px; margin:15px 0 10px auto; background:#fff url(img/hr-dashed.gif) repeat-x;}
#comments img{float:right; position:relative; right:5px; top:5px;}
#comments .vcard{padding:4px 2px 4px 8px; background:#f6f6f6 url(img/hr-dashed.gif) repeat-x; font-size:13px; color:#0e58ae;}
#comments .commentmetadata{ margin-bottom:8px; padding:0 2px 5px 8px;background:#f6f6f6;color:#999898;}
#comments .commentmetadata a{color:#999898;}
#comments p{padding:0 2px 5px 8px; line-height:22px; color:#3d3d3d;}
#comments .reply{float:right; position:relative; right:5px; bottom:15px;}
#respond h3{font-size:1.1em;color:#3d3d3d;padding:0.5em 0;font-weight:bold;}
#respond p{color:#3d3d3d;}
textarea { width:460px;} 
.single-nav{padding:1em 0 2em 0; font-size:1.2em;}
.single-nav .alignleft{padding-right:1em;}
blockquote {border:1px solid #666; background-color:#fff; padding:0.6em 0.4em 0 0.4em;}
#album h1{font-size:1.6em;padding:0.5em;}
#album p{text-align:center;padding:1em;font-size:1.2em;}
#album .picarray{padding:1em 0 1em 3.5em;}
#album img{padding:1px;}


/* Change Log *** 
1.0		: Initial Released
*** */