/* Grandia's blog.css *//* 3rd generation elements 2009 *//* author:grandia@gmail.com */

body {  margin: 0px 0px 10px 0px;  /* setting border: 0 hoses ie6 win window inner well border */  padding: 0; background: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; font-family: 標楷體, arial, verdana;}

html{  margin: 0;   /* setting border: 0 hoses ie5 win window inner well border */   padding: 0; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #8E8563; scrollbar-darkshadow-color: #8E8563; scrollbar-shadow-color: #8E8563; scrollbar-arrow-color: #8E8563; scrollbar-track-color: #FFFFFF;  }


/* base elements.link.menu.img.input */

A                 {  color: #F09600; text-decoration: none; }
A:link	{ color: #605E5A; text-decoration: none; }
A:visited	{ color: #605E5A; text-decoration: none; }
A:active	{ color: #605E5A; }
A:hover	{ background-color: #F09600; color: #FFFFFF; }

a.menu                { font-size: 10px; color: #F09600; font-weight: normal; text-decoration: none; }
a.menu:link        { font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a.menu:visited  { font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a.menu:active   { font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; }
a.menu:hover    { font-size: 11px; background-color: #F09600; color:#FFFFFF;font-weight: normal; text-decoration: 

none; }

a img { border: 0; }
input, select, textarea { margin: 0; padding: 0; border: 1px solid #87A5F0; background:#FFFFFF; color: #000000; }

a { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0px; padding: 0px; }

p, ol, ul, pre 
{
   margin-top: 10px;
   margin-bottom: 10px;
}
blockquote{ 
           font-size: 14px; 
           font-family: verdana, arial; 
           padding:10px 20px 10px 20px; 
           border-left: 3px #F09600 
           solid; margin-left: 20px; 
           margin-bottom: 20px;  
           color:#505050;  
           }

.myunderline { line-height: 22px; padding: 4px 2px 2px 0; letter-spacing: 2px; border-bottom:1px dotted #999 }

	
/* standard helper classes */


.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   

padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */

.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 

0.1em;
   line-height: 0;
}

* html .pkg { display: inline-block; }

/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */


/* center on ie */
 /* container */

#container
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 720px;
   text-align: 

left;
 }

#container-inner { position: static; width: auto; }

/* index container */
#right {  float: left; width: 160px; margin: 0px auto; padding: 5px; overflow: hidden; }
#left {  float: left;  margin-left: 5px; width: 100px; margin: 0px auto; padding: 5px; overflow: hidden; }

#center { float: left; width: 500px; margin: 0px auto; padding:5px; overflow: hidden; }

/* archive container */
#left1, #right1, #center1 { float: left; width: 30%; overflow: hidden; margin: 2px 2px 4px 2px; }

#centerfor2col {
	float: left;
	width: 72%;
	overflow: hidden;
	}	


/* banner */
#banner { position: relative; font-family: arial black, verdana, sans-serif;color:#000000; font-size: medium; font-weight: normal; height: 50px; text-transform: uppercase; letter-spacing: .2em; }

#banner-inner { position: static; }
#banner a, #banner a:link, #banner a:visited, #banner a:active, #banner a:hover { font-family: arial black, verdana, sans-serif; font-size: medium; padding-left: 5px; color: #FFFFFF; text-decoration: none; }

#banner
{
   min-width: 710px; /* necessary for ie win */
   background: #FFFFFF;
}



#banner-inner
{
   padding: 15px 13px;
   border-width: 2px 2px 0 2px;
   border-style: solid;
   border-color: 

#999999;
}


.banner-user
{
   width: 70px;
   margin-top: 5px;
   font-size: 10px;
}


.banner-user-photo { border: 1px solid #999999; } 



#banner-header
{
   margin: 0;
   color: #000000;
   font-size: 30px;
   font-weight: bold;
   line-height: 1;
   text-shadow: #36414d 0 2px 3px;
}


#banner-description
{
   margin-top: 5px;
   margin-bottom: 0;
   color: #999999;
   background: none;
   font-size: 12px;
   font-weight: bold;
   line-height: 1.125;
   text-shadow: #36414d 0 1px 2px;
}

/* base description */
.description { font-family: verdana, arial, sans-serif; color: #999999; font-size: 12px; font-weight: normall; padding-left: 5px; text-transform: uppercase; letter-spacing: normal; }



/* banner user/photo */


.banner-user
{
   float: left;
   overflow: hidden;
   width: 64px;
   margin: 0 15px 0 0;
   border: 0;
   padding: 0;
   

text-align: center;
}


.banner-user-photo
{
   display: block;
   margin: 0 0 2px 0;
   border: 0;
   padding: 0;
   background-position: 

center center;
   background-repeat: no-repeat;
   text-decoration: none !important;
}


.banner-user-photo img
{
   width: 64px;
   height: auto;
   margin: 0;
   border: 0;
   padding: 0;
}




/* article-title *//* important */

.article-title { font-weight: bold; letter-spacing: 1.5px; margin: 1; color: #003300; text-align:right; font-family: arial black; font-size: 24px }

.side-title{  font-weight: bold; letter-spacing: 1.5px; margin: 1; color: #000000; text-align:right; font-family: arial black; font-size: 13px }

.side-title2{ font-family: verdana, arial, sans-serif; font-weight: bold; color: #FFFFFF; background:#D20000; font-size: 17px; letter-spacing: 1.5px; }


/* blogbody/pagebody */

#pagebody { position: relative; width: 100%; }

#pagebody-inner { position: static; width: 100%; }



.blog {
		font-size:11px;
                                padding-left:15px;
		padding-top:15px;
		padding-right:15px;

		}




.blogbody { font-family: arial, verdana, sans-serif; color: #666666; font-size: 14px; font-weight: normall; background: #FFFFFF; line-height: 140%; padding-left: 10px; padding-right: 10px; padding-top: 2px; border: 1px 

ridge; margin-bottom: 1.5px; margin-left: 10px; margin-right: 10px; }

/* textbody to images body */
#imagesbody { width:720 px;margin-top: 10px; margin-bottom: 5px; text-align:left; margin-left: auto; margin-right: auto;}
#imagesbody2 { margin-top: 10px; margin-bottom: 5px; text-align: center; margin-left: auto; margin-right: auto; }  

          
.images-title { font-family: arial black, verdana, sans-serif; color: #000000; text-align: justify; font-size: 18px; margin-bottom: 5px; margin-top:0px; line-height: 14px; font-weight: bold;}

.textstory {font-family: verdana, arial, sans-serif; color:#000000; font-size: 14px;}

.textstory2 {font-family: verdana, arial, sans-serif; color:#000000; font-size: 13.5px; text-align:justify;}
		

/* music page */
#musicpage{ float: center; text-align: center; }

#alpha, #beta, #gamma, #delta
 {
   display: inline; /* ie win bugfix */
   position: relative;
   float: left;
   min-height: 1px;
}


#delta { float: right; }


#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {   position: static;}



/* content */


#content { /* nothing */ }
#menu  { /* nothing */ }
  
.syndicate,.powered { font-family: verdana, arial, sans-serif;color: #000000; text-align: center; font-size: 12px; margin-bottom: 0px; margin-top: 0px; margin-left:-10px; line-height:14px; }


/* comments */

.comments-body { font-family:  標楷體, verdana, arial, sans-serif; color: #666666; font-size: small; font-weight: normal; background: #FFFFFF; line-height: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 14px; margin-top: 12px;margin-bottom: 6px }

.comments-post { font-family:  標楷體, verdana, arial, sans-serif; color: #666666; font-size: 13px; font-weight: normal; background: #FFFFFF; padding: 10px 10px 10px 10px; margin-left:10px }

.comments-head { font-family: verdana, arial, sans-serif; font-size: 12px; color: #777777; font-weight: normal; margin-top:10px; padding: 10px 10px 10px 10px; margin-left:10px; }


#banner-commentspop { font-family:arial black, verdana, sans-serif; color: #; font-size: medium; font-weight: bold; border-bottom: 1px dotted #; border-top:3px dotted #875A00; background: #96C3F0; padding: 15px; text-transform: uppercase; letter-spacing: .2em;	}
		
	
.nav { font-family: verdana, arial, sans-serif; font-size: 13px; text-decoration: none; color:#555555; }

#nav { font-family: arial black, verdana, sans-serif; color:#999999; font-size: 13px; font-weight: normal; }
.class1Ac22 {position:absolute; left:0px; top:0px; width:2px; height:2px; clip:rect(0px 2px 2px 0px)}
           


/* flickr style setting */
div.flickrimg { margin: 10px;}
div.flickrimg a { padding: 0; margin: 0 6px 4px 0; border: 4px solid #eee; line-height:0;}
div.flickrimg a:hover { border: 4px solid #ffd800; }
div.flickrimg a img { border:1px solid #FFFFFF; padding: 1.5px; line-height:0; width:60px; height:60px; }

/* flick style 2 */
div.flickrimg1 { margin: 10px;}
div.flickrimg1 a { padding: 0;line-height:0;}
div.flickrimg1 a:hover { border: 4px solid #FFD800; }
div.flickrimg1 a img { border:1px solid #FFFFFF; padding: 1.5px; line-height:0; }

/* modules */

.module {  position: relative; overflow: hidden; width: 100%; }
.module-content { position: relative; margin: 5px 10px 20px 10px; font-family: verdana, arial, sans-serif;color: #000000; text-align: justify; font-size: 12px;}

.module-list,.archive-list {
                                      
                                        }
.module-header { font-family:arial black, verdana, sans-serif; font-weight:bold;margin: 0;font-size: 16px; }
.module-header a { text-decoration: none; }
.module-list {
   margin: 0 ;
   padding: 0;
   list-style: none;
}


.module-list-item {
                           margin: 5px 0 5px 0;
                           padding:0;
                            }