/* 
Title:     Taiwanease the end of the pilot version
Author:    clark@clarkmacleod.com
Updated:   April 1, 2007

CSS needs allot of work

*/

/* Main ======================================== */

body,
html
{
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
	color: #383D44;
	background-color: #FFF;
}


#main
{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
	background: url(../img/colbg.gif) 200px 0 repeat-y;
}

/* Structure ======================================== */


#main-content
{
	float: left;
	width: 560px;
	margin: 0;
	padding: 0 0 28px 0;
	text-align: left;
}

#left-content
{
	float: left;
	margin: 0 0 21px 0;
	padding: 0;
	width: 200px;
}

#sidebar
{
	width: 200px;
	float: right;
	margin: 0 0 21px 0;
	padding: 0;
}

#footer
{
	clear: both;
	padding: 40px 0 20px 0;
	margin: 0 auto 21px auto;
	width: 960px;
	background-color: #ffffff;
	border-top: 1px solid #e6e6e6;
}

/* Links ======================================== */

#header a:link, a:visited {
	border-bottom: 0;
	padding-bottom: 0;
	text-decoration: none;
	}
	
a:link, a:visited {
	color: #fd1b14;
	text-decoration: none;

	}
	
a:hover {
	padding-bottom: 0;
	color: #0099d2;
	border-bottom: 1px dotted #fd1b14;
	}
	
a.more
{
	padding-right: 7px;
	background-image: url(../img/icon-arrow.gif);
	background-repeat: no-repeat;
	background-position: 125% 5px;
}
	
h3 a:link, h3 a:visited {
	color: #383D44;
	text-decoration: none;

	}
#main-content h3 a:hover {
	padding-bottom: 0;
	color: #fd1b14;
	border-bottom: 1px dotted #0099d2;
	}

/* Head ======================================== */

#header
{
	margin: 0 auto 14px auto;
	width: 960px;

	padding: 0;
}



#logo
{
	width: 960px;
	margin: 0 auto;
	padding: 60px 0 40px 0;
}


#logo span, #logo a {
	
	display: block;
	
	width: 340px;
	
	height: 60px;
	
	padding: 0;
	
	border-style: none;
	
	background: url(../img/logo-white.gif) no-repeat;
}


#logo img  {
	
	display: block;
	
	width: 0;
	
}


#logo a:hover {
	
	background-image: url(../img/logo-hov.gif);
	
}


/* FPG Nav ===*/
/*becoming div soup*/

#globalnavbar { width: 100%; background-color: #db4d4d; height: 14px; background-image: url(../img/globalnavbg.gif);}
#globalfloat{ width: 960px; margin: 0 auto 0 auto; padding: 0;}
#globalnav
{
	margin: 0;
	height: 14px;
	list-style: none;
	display: inline;
	overflow: hidden;
	padding: 0;
}

#globalnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#globalnav a
{
	float: left;
	padding: 14px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	/**/
	/* for IE5/Win only */
}
	
#globalnav a:hover {
	background-position: 0 -14px;
	border:0;
	}

#globalnav a:active, #nav a.selected {
	background-position: 0 -28px;
	}

#tforums a  {
	width: 178px;
	background: url(../img/tforums.gif) top left no-repeat;
	}
	
#tgarage a  {
	width: 98px;
	background: url(../img/tgarage.gif) top left no-repeat;
	}
	
#tinfomosa a  {
	width: 85px;
	background: url(../img/tinfomosa.gif) top left no-repeat;
	}

#ttaiwanease a  {
	width: 97px;
	background: url(../img/ttaiwanease.gif) top left no-repeat;
	}

#ttaiwanted a  {
	width: 90px;
	background: url(../img/ttaiwanted.gif) top left no-repeat;
	}	

/* Nav ===*/

#navbar
{
	position: relative;
	width: 960px;
	height: 28px;
	padding: 0;
	margin: 5px 0 20px 0;
	background-color: #282827;
	background-image: url(../img/navbarbg.jpg);
}

#nav
{
	margin: 0;
	padding: 0;
	height: 28px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#nav li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
	}

#nav a
{
	float: left;
	padding: 28px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	/**/
	/* for IE5/Win only */
}
	
#nav a:hover {
	background-position: 0 -28px;
	border:0;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -56px;
	}
	
#thome a  {
	width: 70px;
	background: url(../img/thome.gif) top left no-repeat;
	}
	
#tfeatures a  {
	width: 95px;
	background: url(../img/tfeatures.gif) top left no-repeat;
	}
	
#tcolumns a  {
	width: 95px;
	background: url(../img/tcolumns.gif) top left no-repeat;
	}

#ttopics a  {
	width: 80px;
	background: url(../img/ttopics.gif) top left no-repeat;
	}

#tindex a  {
	width: 70px;
	background: url(../img/tindex.gif) top left no-repeat;
	}
	
/* Content mid ======================================== */

h2, h3, h4, h5
{
	font-family: Georgia, serif;
	line-height: 21px;
	margin: 0 0 21px 0;
	font-weight: normal;
	color: #1b1b1b;
}

h2 { font-size: 34px; line-height: 36px; padding: 0 14px 0 21px;}

h3
{
	padding: 0 14px 0 21px;
	font-size: 24px;
	line-height: 28px;
}

h4
{
	padding: 0 14px 0 21px;
	margin: 0; 
	font-size: 16px;
	line-height: 21px;
}

h5
{
	padding: 0 14px 0 21px;
	margin: 0; 
	font-size: 13px;
	line-height: 21px;
}

h3.box { font-size: 16px; }
h4.apps
{
	font-size: 13px;
	font-weight: bold;
	padding: 0 14px 0 21px;
	margin: 14px 0 21px 0;
}


h4.column
{
	font-size: 11px;
	font-weight: bold;
	padding: 0 14px 0 21px;
	margin: 14px 0 0 0;
	color: #0099d2;

}

h4.date
{
	font-size: 11px;
	color: #cccccc;
	padding: 0 14px 0 21px;
	margin: 14px 7px 0 0;
}

/* home === */

.lead-box { margin: 7px 21px 7px 21px; Height: 330px;}


.recentArticles
{
	float: left;
	border-color: #e6e6e6;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	background: url(../img/line.gif) 283px 0 repeat-y;
}

.firstArticle
{
	width: 269px;
	float: left;
	padding: 0 14px 0 0;
	margin: 0;
}

.secondArticle
{
	width: 269px;
	float: left;
	margin: 0;
	padding: 0;
	
}

.lead-box h3, .recentArticles h3 {
	margin: 0;		
}

#adbox
{
	width: 552px;
	float: left;
	height: 80px;
	border-color: #e6e6e6;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	padding: 14px 0 7px 0;
}


#adbox p {
	
	
	padding-top:7px;
	
}

	
#article-title h2
{
	margin: 0;
	padding: 0 14px 0 21px;
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 21px;
}

#article-title h3
{
	margin: 0 0 21px 0;
	padding: 0 14px 0 21px;
	font-weight: normal;
	font-size: 24px;
	line-height: 36px;
}
.column-left { padding-right: 14px; }

.column-right { padding-left: 14px; background-image: url(../img/sidebarbg.gif); }

#main-content .author
{
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: normal;
	word-spacing: 2px;
	padding: 0 14px 0 21px;
	margin: 0 0 21px 0;
}

#article-title
{
	background-image: url(../img/title-block.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
}

.section-title {line-height: 36px; margin: 0 0 21px 0;}



#main-content h3 a {
	border: none;
	text-decoration: none;
	}
	
#main-content h3 a:hover {	
	padding-bottom: 0;
	color: #0099d2;
	border-bottom: 1px dotted #fd1b14;

}

#main-content p
{
	font-size: 13px;
	line-height: 21px;
	margin: 0 0 21px 0;
	padding: 0 21px 0 21px;
}

#main-content #subject li
{
	padding: 0 7px 0 14px;
	margin: 0 0 21px 0
	line-height: 21px;
	background: url(../img/icon-arr1.gif) no-repeat 0 7px;
}
	
#main-content #subject ul
{
	font-size: 13px;
	color: #999999;
	list-style: none;
	line-height: 21px;
	padding: 0 21px 0 21px;
	margin: 0;
} 

.inline-em
{
	font-size: 95%;
	margin: 0 0 21px 0;
	padding: 0 7px 0 14px;
}
.inline-em ul { padding: 0; margin: 0 0 21px 0; }
.inline-em li { display: inline; padding: 0 0 0 7px; margin: 0;}


/*===========*/

.thumb {
  display:block;
  float:left;
  margin:0;
  padding:0 3px 3px 0;
  }
  
 .thumb em
 {
 	background-repeat: no-repeat;
 	background-position: 60% 60%;
 	display: block;
 	font-size: 11px;
 	font-style: normal;
 }
  
 .thumb span
 {
 	background-repeat: no-repeat;
 	background-position: 0 0;
 	display: block;
 
 }

.thumb a, .thumb a:link, .thumb a:visited {
  background:none !important;
  display:block;
  width:40px;
  height:100px;
  border:none;
 
  }

.slideset {
  	float: left;
  	position:relative;
  	line-height: 21px;
	padding: 0 21px 0 21px;
	margin: 0;
  	list-style:none;
  }

.slideset .thumb {
  float:left;
  margin:0 14px 14px 0;
  }

/*===========*/

.treemenu { margin: 0; padding: 0; list-style: none; }

.treemenu ul {
	font-size: 13px;
	color: #999999;
	list-style: none;
	line-height: 21px;
	padding: 0 21px 0 21px;
	margin: 0;
}
.treemenu li {
	font-size: 13px;
	list-style: none;
	padding: 0 7px 0 14px;
	margin: 0 0 21px 0
	line-height: 21px;
}
.treemenu h3
{
	padding: 0 14px 0 21px;
	margin: 0 0 7px 0;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
}
.arrli {background: url(../img/icon-arr1.gif) no-repeat 0 7px;}

 dl
{
	margin: 0;
	padding: 0;
}
	
 dt {
	color: #333333;
	font-weight: normal !important;
	}
img.content {margin: 7px 21px 7px 21px;}

img
{
	border: 0;
}

img a {
	border: 0;
	text-decoration: none;
}

img a:hover {
	border: 0;
	text-decoration: none;
}

div.hrule hr {
        display: none;
}

div.hrule
{
	border-bottom: #e6e6e6;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	margin: 7px 21px  7px 21px;
	padding: 0;
}

div.hruledot hr {
        display: none;
}
div.hruledot
{
	clear: both;
	border-bottom: #cccccc;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	margin: 7px 21px 7px 21px;
	padding: 0;
}

blockquote
{
	margin: 14px 0 0 14px;
	padding: 14px 0 0 14px;
	color: #333333;
}

/* Sidebar ======================================== */

#sidebar h4
{
	margin: 0;
	padding: 0 0 7px 0;
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #0099d2;
}
#sidebar h3.first {
	margin-top: 0;
	}
	
#sidebar li { margin: 7px 0 7px 0; }
	
#sidebar ul
{
	padding: 0 0 14px 0;
	list-style-type: none;
	margin: 0;
	text-transform: uppercase;
	word-spacing: 1px;
	font-size: 10px;
} 

#sidebar span 
{
	background-image: url(../img/sidebarbg.gif);
}

/* col left 1 ======================================== */

#left-content li
{
	padding: 0 7px 0 14px;
	margin: 0;
	line-height: 21px;
}

#mag, #bullets, #articles, #left-content ul
{
	list-style: none;
	padding: 0;
	margin: 7px 0 21px 0;
} 

#mag li
{
	background: url(../img/icon-mag.gif) no-repeat 0 5px;
	border-bottom: #EBF5FF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#partners li
{
	background: url(../img/icon-partnerlist.gif) no-repeat 0 5px;
	border-bottom: #EBF5FF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#bullets li
{
	background: url(../img/icon-bullet1.gif) no-repeat 0 7px;
	border-bottom: #EBF5FF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#articles li
{
	background: url(../img/icon-article.gif) no-repeat 0 7px;
	border-bottom: #EBF5FF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}	

#left-content #tools li
{
	display: inline;
	padding: 0 7px 0 0;
	margin: 0;
	border: 0;
	background-color: transparent;
}
	
#left-content #tools ul
{
	display: inline;
	border: 0;
	padding: 0;
	margin: 7px 0 21px 0;
	
} 

#left-content #feeds li
{
	padding: 0 7px 0 14px;
	margin: 0;
	line-height: 21px;
	background: url(../img/icon-feed.gif) no-repeat 0 5px;
	border-bottom: #EBF5FF;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}
	
#left-content #feeds ul
{
	list-style: none;
	padding: 0;
	margin: 7px 0 21px 0;
} 
	
#left-content h2
{
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#left-content h3
{
	font-size: 13px;
	line-height: 21px;
	color: #999;
	font-weight: normal;
	margin: 0;
	padding: 7px 0 0 0;
}

#left-content .norm
{
	font-size: 11px;
	font-weight: bold;
	text-transform: Uppercase;
	margin: 0;
	color: #1b1b1b;
	line-height: 21px;
	padding-top: 7px;
}

#left-content h4
{
	font-size: 11px;
	background-color: #f8f8f8;
	font-weight: bold;
	padding: 0;
	margin: 14px 0 7px 0;
}

#left-content h5
{
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	margin: 14px 0 7px 0;
}


#left-content dt {font-weight: bold;}
#left-content dl { padding: 0 0 21px 0; margin: 0 0 7px 0; border-bottom: 1px solid #e6e6e6;}
#left-content dl.last {border: none;}
#left-content dt { margin: 7px 0 0 0; }
#left-content dd { font-style: italic; color: #666666; margin: -7px 0 0 0; line-height: 21px;}


/* Footer ======================================== */

#footer li
{
	display: inline;
	padding: 0 7px 0 0;
	margin: 0;
}
	
#footer ul
{
	display: inline;
	padding: 0;
	margin: 7px 0 21px 0;
} 


.footerlocal
{
	padding: 7px;
	background-color: #D9F1F7;
	background-image: url(../img/sidebarbg.gif);
}

/* Stragglers ======================================== */

.small { font-size: 75%; } 

dt, dd { line-height: 21px; }
dd {margin-bottom: 7px;}

ul, ol {list-style: none;}

.left {float: left;}
.right {float: right;}

.leftpic
{
	float: left;
	margin: 0 28px 14px 0;
}

.rightpic
{
	float: right;
	margin: 0 0 14px 14px;
}

table
{
	padding: 0 14px 0 21px;
	margin: 0;
}

/* Forms ======================================== */

input:focus, textarea:focus {
	background: #f8f8f8;
	}

fieldset { border:0;margin:0;padding:0; }

#feedburner
{
	margin: 0 0 21px 0;
	padding: 14px 0 0 0;
}

#search-form
{
	margin: 0 0 14px 0;
	padding: 14px 0 0 0;
}


#search-form p { margin: 0 0 14px 0; }
	
#search-form input
{
	vertical-align: middle;
	color: #383d44;
}

#search-form input 
{
	vertical-align: middle;
}

#contactFormArea dl {
	margin: 0;
	padding: 0;
	font-size: 105%;
	}
	
#contactFormArea dt {
	color: #333333;
	padding: 0 0 7px 0;
	font-weight: normal !important;
	}
	
#contactFormArea dd
{
	margin: -7px 0 21px 0;
	line-height: 21px;
}
	
#contactFormArea dt em, #contactFormArea .note em {
	color: #c00;
	font-weight: bold;
	font-style: normal;
	}
	
#contactFormArea #posName, #contactFormArea #posEmail, #contactFormArea #posRegard {
	width: 345px;
	border: 1px solid #e6e6e6;
	font-family: inherit;
	margin: 0;
	padding: 0;
	font-size: 110%;
	color: #333333;
	}
	
#contactFormArea textarea {
	width: 462px;
	height: 180px;
	font-family: inherit;
	font-size: 110%;
	color: #333333;
	border: 1px solid #e6e6e6;
	}
#sendContactEmail
{
	width: 138px;
	float: right;
	margin: 0;
	padding: 0;
}
#contactFormArea
{
	width: 483px;
	margin: 14px 0 7px 0;
	padding: 0 0 0 21px;
}
/* Comments ======================================== */

#comments
{
	padding: 0 7px 0 0;
	font-size: 13px;
}

#comments h3
{
	color: #333;
	font-weight: normal;
	font-size: 16px;
	background-color: #e6e6e6;
	margin: 0 0 21px 0;
}

#comments h4
{
	margin: 7px 0 14px 0;
	padding: 0 14px 0 21px;
	color: #333333;
	font-weight: bold;
	font-size: 13px;
	line-height: 21px;
}

.guidelines
{
	font-size: 13px;
	line-height: 21px;
	color: #666666;
	background-color: #fff6cf;
	margin: 0 0 21px 0;
}

.comment
{
	border-bottom: solid 1px #e6e6e6;
	padding: 0 0 14px 0;
	margin: 0 0 14px 0;
	font-size: 13px;
}


.comment-footer, .comment-footer a
{
	font-family: Georgia, serif;
	color: #bfe7f1;
	font-size: 10px;
	margin: 0 0 21px 0;
}
	
.comments-content
{
	padding-bottom: 31px;
	margin: 0 0 7px 0;
}

.comments-open-moderated
{
	font-size: 13px;
	line-height: 21px;
	background-color: #fedf90;
	margin: 0 0 21px 0;
}

input#comment-author, input#commchallenge_answer, input#comment-email, input#comment-url, textarea#comment-text
{
	width: 400px;
	padding: 0 0 7px 0;
	margin-top: 7px;
	font-size: 13px;
	font-family: Georgia, serif;
	color: #383D44;
}

#comments-open label {

	margin: 0;
	font-size:13px;

}

.comments-open-footer
{
	text-align: right;
	width: 421px;
	padding: 0;
	margin: 0 0 14px 0;
}

.comments-open-footer input {
	margin-top:10px;
}