/* 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/-- */


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

#center a:hover {
background-color: #1C575E;
cursor: crosshair; }

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

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

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

a[href="mailto:MisadventuresInTaiwan@gmail.com?subject=misadventures in taiwan podcast&"]
{
          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: 1em;
color: #56767C;} 

/* 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: 0px;
margin-top: 10%;
border: 1px dotted #c0c0c0;}

ul { 
width: 100%; 
font-size: 10pt;
border: 1px dotted #FFFFFF;
background-color: #2A4D49;
color: #effbcb;
font-family: trebuchet MS, helvetica, arial, sans-serif;
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: #dbfff5;
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: #7F9533;
cursor: crosshair;}

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

/* blogroll----------------------------------------------- */

ul.bloglines { 
text-decoration: underline;}


a.bloglines:link {
color: #dbfff5;
border: none;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
text-decoration: none;}

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

.bloglines   a:visited {
color: #dbfff5;
text-decoration: none;
font-weight: normal;
border: none;}



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

#right ul  a:link {
color: #dbfff5;
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: #7F9533;
cursor: crosshair;}

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

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

#right{ 
text-align: left;
position: absolute;
right:0px;
top:30%;
width:18%; }

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

#left { 
text-align: left;
position: absolute;
left:0px;
top:30%;
width:18%;}

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

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

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

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

/* 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;  }

/* comments----------------------------------------------- */

a.comments:link {
position: absolute;
right: 12px;
font-family: Arial, sans-serif;
font-size: 1.3em;
color: #408080;}

a.comments:visited {
color: #408080;  
position: absolute;
right: 12px;
font-family: Arial, sans-serif;
font-size: 1.3em;
color: #c4723c;}

a.comments:hover {
background-color: #a8f592;
cursor: sw-resize;}

/* permalink----------------------------------------------- */

a.permalink:link {
font-family: Arial, sans-serif;
font-size: 1.2em;
color: #408080;
letter-spacing: 1px;}

a.permalink:visited {
font-family: Arial, sans-serif;
font-size: 1.2em;
letter-spacing: 1px;
color: #c4723c;}

a.permalink:hover {
background-color: #a8f592;
cursor: crosshair;}

/* post footer----------------------------------------------- */

p.postfooter {
font-family: Arial, sans-serif;
font-size: 0.7em;
color: #408080;}

/* comments page- from Glish Tekka template----------------------------------------------- */

.blogComments{
font-size:15px;
text-align:left;
margin-top:20px;
margin-bottom:14px;
padding:1px;
padding-left:17px;
color:gray;
font-family:trebuchet ms, verdana, sans-serif;}

.blogComment{
margin-top:10px;
margin-bottom:10px;
color:black;
text-indent:10px;
padding-right:20px;
line-height:22px}

.deleted-comment {
font-style:italic;
color:gray;}

.byline{
margin-bottom:20px;
margin-left:0px;
margin-right:10px;
color:black;
font-size:10px;
display:inline}

#googleads {
margin-top:7%;}