The font size on my textarea is too small on my current theme and I would like to change it. When I use a different theme the font size on the textarea is normal. The problem only occurs when I use my current theme. I have tried putting font-size 100%; in all the "textarea" i can find on my themes css... this is the css of the theme:


body{
font-size: 80%;
font-family: Verdana, Tahoma;
line-height: 1.6em;
text-align: center;
margin: 0;
padding: 5px;
}

table,tr,td,input,textarea{
font-size: 100%;
}

th{
font-size: 120%;
padding: 3px;
}

th a:link, th a:active, th a:visited{
text-decoration: none;
}

hr{
}

img{
border: 0px;
}

p{
}

h1,h2,h3,h4,h5{
padding: 0;
margin: 0;
}


/* Link - ¥ê¥ó¥¯
-------------------------------------------------------- */

a:link, a:visited, a:active{
}

a:hover{
}


/* Form - ¥Õ¥©¡¼¥à
-------------------------------------------------------- */

form {
margin:0;
padding:0
}

input,select,textarea{
font-size: 100%;
}


input:focus,select:focus,textarea:focus{
font-size: 100%;
}


/* List - ¥ê¥¹¥È
-------------------------------------------------------- */

ul {
margin: 0 0 0 20px;
padding: 0px;
list-style: disc outside;
}

ol{
margin: 0 0 0 23px;
padding: 0px;
list-style: decimal outside;
}

li {
}


/* BB Code - °úÍÑ¡¢¥³¡¼¥É
-------------------------------------------------------- */

.xoopsQuote {
margin: 4px;
padding: 0 3px;
}

.xoopsQuote blockquote{
margin: 0;
padding: 0.5em;
}

.xoopsCode {
font-family: "Courier New", Courier, monospace;
overflow: auto;
margin: 4px;
padding: 0.5em;
}


/* Layout - ¥ì¥¤¥¢¥¦¥È
-------------------------------------------------------- */


#wrap{ /* Wrap - ¥µ¥¤¥ÈÁ´ÂΤÎÉý */
width: 100%; /* ¥Ô¥¯¥»¥ë»ØÄê¤Þ¤¿¤Ï¥Ñ¡¼¥»¥ó¥È»ØÄê */
min-width: 600px;
margin: 0 auto;
text-align: left;
}

.wrap_tl{ /* Top Left */
background: url(../images/wrap_tl.png) no-repeat;
width: 11px;
height: 11px;
}

.wrap_tc{ /* Top Center */
background: url(../images/wrap_tc.png) repeat-x;
width: 11px;
height: 11px;
}

.wrap_tr{ /* Top Right */
background: url(../images/wrap_tr.png) no-repeat;
width: 11px;
height: 11px;
}

.wrap_ml{ /* Middle Left */
background: url(../images/wrap_ml.png) repeat-y;
width: 11px;
height: 1px;
}

.wrap_mb{ /* Middle Background */
}

.wrap_mr{ /* Middle Right */
background: url(../images/wrap_mr.png) repeat-y;
width: 11px;
height: 1px;
}

.wrap_bl{ /* Bottom Left */
background: url(../images/wrap_bl.png) no-repeat;
width: 11px;
height: 11px;
}

.wrap_bc{ /* Bottom Center */
background: url(../images/wrap_bc.png) repeat-x;
width: 11px;
height: 11px;
}

.wrap_br{ /* Bottom Right */
background: url(../images/wrap_br.png) no-repeat;
width: 11px;
height: 11px;
}


/* Header Layout - ¥Ø¥Ã¥À¡¼ */

.header_tl{ /* Top Left */
background: url(../images/header_tl.png) no-repeat;
width: 7px;
height: 7px;
}

.header_tc{ /* Top Center */
background: url(../images/header_tc.png) repeat-x;
width: 7px;
height: 7px;
}

.header_tr{ /* Top Right */
background: url(../images/header_tr.png) no-repeat;
width: 7px;
height: 7px;
}

.header_ml{ /* Middle Left */
background: url(../images/header_ml.png) repeat-y;
width: 7px;
height: 1px;
}

.header_mb{ /* Middle Background */
}

.header_mr{ /* Middle Right */
background: url(../images/header_mr.png) repeat-y;
width: 7px;
height: 1px;
}

.header_bl{ /* Bottom Left */
background: url(../images/header_bl.png) no-repeat;
width: 7px;
height: 7px;
}

.header_bc{ /* Bottom Center */
background: url(../images/header_bc.png) repeat-x;
width: 7px;
height: 7px;
}

.header_br{ /* Bottom Right */
background: url(../images/header_br.png) no-repeat;
width: 7px;
height: 7px;
}

/* Content Layout - ¥³¥ó¥Æ¥ó¥Ä */

.content_tl{ /* Top Left */
background: url(../images/content_tl.png) no-repeat;
width: 7px;
height: 7px;
}

.content_tc{ /* Top Center */
background: url(../images/content_tc.png) repeat-x;
width: 7px;
height: 7px;
}

.content_tr{ /* Top Right */
background: url(../images/content_tr.png) no-repeat;
width: 7px;
height: 7px;
}

.content_ml{ /* Middle Left */
background: url(../images/content_ml.png) repeat-y;
width: 7px;
height: 7px;
}

.content_mb{ /* Middle Background */
}

.content_mr{ /* Middle Right */
background: url(../images/content_mr.png) repeat-y;
width: 7px;
height: 7px;
}

.content_bl{ /* Bottom Left */
background: url(../images/content_bl.png) no-repeat;
width: 7px;
height: 7px;
}

.content_bc{ /* Bottom Center */
background: url(../images/content_bc.png) repeat-x;
width: 7px;
height: 7px;
}

.content_br{ /* Bottom Right */
background: url(../images/content_br.png) no-repeat;
width: 7px;
height: 7px;
}


/* Left Column - º¸¥«¥é¥à */

#leftcolumn{
padding: 0 3px 0 0;
vertical-align: top;
width: 180px;
}

#leftcolumn .blockTitle{
background: url(../images/blocktitle_c.png) repeat-x;
font-weight: bold;
height: 21px;
}

#leftcolumn .blockTitleLeft{
float: left;
background: url(../images/blocktitle_l.png) no-repeat;
width: 19px;
height: 21px;
}

#leftcolumn .blockTitleRight{
float: right;
background: url(../images/blocktitle_r.png) no-repeat;
width: 3px;
height: 21px;
}

#leftcolumn .blockContent{
padding: 0.3em 0;
}

#leftcolumn table{
width: 100%;
}


/* Center Column - Ãæ±û¥«¥é¥à */

#centercolumn{
vertical-align: top;
}

#centercolumn .blockTitle{
background: url(../images/blocktitle_c.png) repeat-x;
font-weight: bold;
height: 21px;
}

#centercolumn .blockTitleLeft{
float: left;
background: url(../images/blocktitle_l.png) no-repeat;
width: 19px;
height: 21px;
}

#centercolumn .blockTitleRight{
float: right;
background: url(../images/blocktitle_r.png) no-repeat;
width: 3px;
height: 21px;
}

#centercolumn .blockContent{
padding: 8px 3px;
}

#centerleftcolumn{
vertical-align: top;
width: 50%;
}

#centerrightcolumn{
vertical-align: top;
width: 50%;
}


/* Right Column - ±¦¥«¥é¥à */

#rightcolumn{
padding: 0 0 0 3px;
vertical-align: top;
width: 180px;
}

#rightcolumn .blockTitle{
background: url(../images/blocktitle_c.png) repeat-x;
font-weight: bold;
height: 21px;
}

#rightcolumn .blockTitleLeft{
float: left;
background: url(../images/blocktitle_l.png) no-repeat;
width: 19px;
height: 21px;
}

#rightcolumn .blockTitleRight{
float: right;
background: url(../images/blocktitle_r.png) no-repeat;
width: 3px;
height: 21px;
}

#rightcolumn .blockContent{
padding: 0.3em 0;
}



/* Footer - ¥Õ¥Ã¥¿¡¼ */

#footer{
font-size: 90%;
text-align: center;
}

#footer a:link, #footer a:active, #footer a:visited{
text-decoration: none;
}

#footer a:hover{
text-decoration: none;
}


/* Mainmenu - ¥á¥¤¥ó¥á¥Ë¥å¡¼
-------------------------------------------------------- */

td#mainmenu {
line-height: 1.0em;
}

td#mainmenu a {
background: url(../images/menu.png) no-repeat;
text-decoration: none;
}

td#mainmenu a:hover {
text-decoration: none;
}

td#mainmenu a.menuTop {
padding-left: 20px;
}

td#mainmenu a.menuTop:hover {
background-position: 0 -30px;
}

td#mainmenu a.menuMain {
padding-left: 20px;
}

td#mainmenu a.menuMain:hover{
background-position: 0 -30px;
}

td#mainmenu a.menuSub {
background: none;
line-height: 0.8em;
margin-left: 10px;
}

td#mainmenu a.menuSub:hover {
text-decoration: underline;
}


/* Usermenu - ¥æ¡¼¥¶¡¼¥á¥Ë¥å¡¼
-------------------------------------------------------- */

td#usermenu {
line-height: 1.0em;
}

td#usermenu a {
background: url(../images/menu.png) no-repeat;
text-decoration: none;
padding-left: 20px;
}

td#usermenu a:hover {
background-position: 0 -30px;
text-decoration: none;
}

td#usermenu a.menuTop {
padding-left: 20px;
}

td#usermenu a.menuTop:hover {
background-position: 0 -30px;
text-decoration: none;
}

td#usermenu a.highlight {
background: url(../images/menu_newpm.png) no-repeat;
}

td#usermenu a.highlight:hover {
background-position: 0 -30px;
text-decoration: none;
}


/* News - ¥Ë¥å¡¼¥¹
-------------------------------------------------------- */

.item {
}

.itemHead {
font-size: 120%;
font-weight: bold;
padding: 3px;
}

.itemInfo {
text-align: right;
padding: 2px 3px;
}

.itemTitle a:link, .itemTitle a:active, .itemTitle a:visited {
text-decoration: none;
}

.itemPoster {}

.itemPostDate {}

.itemStats {}

.itemBody {
padding: 2px 3px;
}

.itemText {
}

.itemFoot {
padding: 2px 3px;
}

.itemAdminLink {}

.itemPermaLink {}


/* Forum,Table - ¥Õ¥©¡¼¥é¥à¡¢¥Æ¡¼¥Ö¥ë
-------------------------------------------------------- */

.outer{
width: 100%;
border-collapse: collapse;
}

.head, tr.head td{
font-weight: bold;
padding: 2px 3px;
}

.head a:link, .head a:active, .head a:visited{
text-decoration: none;
}

.head a:hover{
}

.even, tr.even td{
padding: 2px 3px;
vertical-align: top;
}

.odd, tr.odd td{
padding: 2px 3px;
vertical-align: top;
}

.foot, tr.foot td{
padding: 2px 3px;
}

.foot a:link, .foot a:active, .foot a:visited{
}


/* Forum Post,etc.. - ¥Õ¥©¡¼¥é¥àÅê¹Æ
-------------------------------------------------------- */

.comTitle {
font-size: 110%;
font-weight: bold;
}

.comPoster {

}

.comText {
}

.comUserStat {
font-size: 100%;
margin: 2px;
padding: 1px 3px;
}

.comUserStatCaption {
font-weight: bold;
}

.comUserStatus {

}

.comUserRank {
margin: 2px;
padding: 1px 2px;
}

.comUserRankText {
font-weight: bold;
}

.comUserRankImg {

}

.comUserName {

}

.comUserImg {
margin: 2px;
padding: 2px 3px;
}

.comDate {

}

.comDateCaption {

}


/* Error Message - ¥¨¥é¡¼¥á¥Ã¥»¡¼¥¸
-------------------------------------------------------- */

div.errorMsg {
text-align: center;
font-weight: bold;
padding: 10px;
}

div.confirmMsg {
text-align: center;
font-weight: bold;
padding: 10px;
}

div.resultMsg {
text-align: center;
font-weight: bold;
padding: 10px;
}

ok hehehe... i've changed the body to this:

body{
font-size: 12px;
font-family: Verdana, Tahoma;
line-height: 1.6em;
text-align: center;
margin: 0;
padding: 5px;
}

but the thing is... The whole theme changed... I only want the textarea to change and not the whole theme... I have also tried putting in textareat{ font-size: 100%; } but no luck... thanks in advance!

div#content textarea {
width: 400px;
}

You can add a declaration for font size, and remove the width if you wish.