/* Gem's Template.. I'm new at this so it sucks. ----------------------------------------------- */

/*-----------------------------------------------Gem's Experimental Three Column Layout

This is my very first css template ever!!

date made:  Jan. 2, 2005- Jan. 3, 2005

site: http://web.tnnua.edu.tw/~g920713/blog.1.html----------------------------------------------- */

/* body----------------------------------------------- */

/* the background image is from http://squidfingers.com/-- */


/* old  #567475*/


body {background-color: #CCCC99 ;
background-attachment:fixed;
background-image:url(img_44.gif);
background-repeat: repeat;
line-height: 1.4em;
font-size: 1em;
font-family: Georgia, Arial, Helvetica, Sans-Serif;}

a:hover {text-decoration: none;
background-color: #abf99d;
color: black;
cursor: crosshair;}

a:link {text-decoration: none;
border-bottom: 1px dotted green;
font-family: arial, sans-serif;
color: #008080;}

a:visited {text-decoration: none;
border-bottom: 1px dotted green;
font-family: arial, sans-serif;
color: #008080;}

/* mailto styles----------------------------------------------- */

a[href="mailto:MisadventuresInTaiwan@gmail.com?subject=misadventures in taiwan podcast&"]
{background-color: #FF0099;}

a[href="mailto:MisadventuresInTaiwan@gmail.com?subject=dead links&"]
{  background-color: #FF9966; }
a[href="mailto:MisadventuresInTaiwan@gmail.com?subject=misadventures in taiwan art works&"]
{background-color: #FF0099;}

/* header----------------------------------------------- */

#title {margin-left:10em;margin-right:10em;border: groove  medium;padding: 4px; text-align: center;
background-color: #AEFF57;
background-image:url(sun.png);
background-repeat: repeat-x;
font-family: verdana, sans-serif;
font-weight: bold;font-size: 14pt;
margin-top: 0;
color: black;} 

/* navigation bar----------------------------------------------- */

p.navigation-bar {border-left: dotted  0.1em  #d0fdda;
border-right: dotted  0.1em  #d0fdda;
border-bottom: solid  0.4em #ff009c;
margin-top: 0;
margin-bottom: 0;
margin-left:14em;margin-right:14em;
text-align: center;
font-size: 13pt;
font-variant:small-caps;
background-color: #d3e3e4;  
color: #ff009c;}

p.navigation-bar a:link {color: #366a5c;
border: none;
font-family: georgia, serif;
text-decoration: none}

.current-page {background-color: #FFAB82;}

p.navigation-bar a:hover {background-color: #dbe2ae;color: #567475;   border-bottom: 1px dotted black;cursor: ne-resize;}

p.navigation-bar a:visited {
color: #366a5c; 
border:none;
text-decoration: none;
font-family: georgia, serif;}

/* side bars- h5 and unordered lists----------------------------------------------- */

h5{width: 100%; 
background-color: #0c6474;
color: #f7fccd;font-variant:small-caps;
font-size:  10pt;
font-family: georgia, times new roman, serif;
letter-spacing:0.5em;
text-align: center;
margin-bottom: 0;
margin-top: 0;
border-bottom: solid #0c6474 1px;}
ul { width: 100%; font-size: 10pt;
background-color: #2A4D49;
color: #effbcb;
font-family: trebuchet MS, helvetica, arial, sans-erif;
border-top: solid #2A4D49 1px;
font-weight: bolder;
margin: 0;
padding: 0}
ul li {  background:url("http://www.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;   
padding:0 1em 0 1em;
list-style: none;  }

/* left unordered lists links----------------------------------------------- */

#left ul a:link {color: white;
border: none;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
text-decoration: none;}
#left ul a:hover {font-family: arial, helvetica, sans-serif;
background-color: #7F9533;
cursor: crosshair;}

#left ul a:visited {color: white;
text-decoration: none;
font-weight: normal;
border: none;}

/* right unordered lists links----------------------------------------------- */

#right ul a:link {color: white;
border: none;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
text-decoration: none;}

#right ul a:hover {font-family: arial, helvetica, sans-serif;
background-color: #7F9533;
cursor: crosshair;}

#right ul  a:visited {color: white; 
text-decoration: none;
font-weight: normal;
border: none;}

/* right sidebar----------------------------------------------- */

#right{ text-align: left;
position: absolute;
right:0px;
top:1em; 
width:18%; 
z-index:1;}

/* left sidebar----------------------------------------------- */

#left { text-align: left;
position: absolute;
left:0px; top:1em; 
width:18%;
z-index:1;}

/* center----------------------------------------------- */

#center { position: absolute;
top: 1em; 
border: thin #c0c0c0 solid; 
width: 60%; 
left: 18%; right: 18%; 
padding-left:1.2em;
padding-right:1.2em;
background-color: #f7fccd;
text-align: justify;
margin-top: 10%;
z-index:2;}

/* dates----------------------------------------------- */

h2.date {font-size: 0.8em;
letter-spacing:10px;
font-weight:bold;
border-bottom: 1px dotted green;
border-right: 1px dotted green;}

/* abbr----------------------------------------------- */

abbr  {cursor: help;
border-bottom: 1px dashed #999;}

/* post titles----------------------------------------------- */

h3.posttitle {font-size: 1.5em;
text-align: center;
font-family: 'Trebuchet MS', Helvetica,'Lucida Grande', Helvetica, Arial, Sans-Serif;}

/* entries----------------------------------------------- */

p.entry {line-height: 1.4em;
font-size: 1em;
font-family: Georgia, Arial, Helvetica, Sans-Serif;}

.post {  margin:0 0 1em;  }