/* CSS Document */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; } a { color:#ba8748; text-decoration:none; } a:hover { text-decoration:underline; } a img { border:none } h1 { font-size:16px; font-weight:bold; margin:0 0 10px 0; color:#ba8748; } h2 { font-size:13px; font-weight:bold; margin:0 0 10px 0; } h3 { font-size:12px; font-weight:bold; margin:0 0 10px 0; } h4 { font-size:12px; font-weight:bold; margin:0 0 5px 0; } #content { width:870px; margin:auto; } #menu { border-top:#9b9b9b solid 1px; border-bottom:#9b9b9b solid 1px; height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-top:2px; } #menu div.item { background:url(../images/arrow.gif) no-repeat left; color:#000000; float:left; padding-left:10px; margin-right:20px; } #menu div.itemOn { background:url(../images/arrowon.gif) no-repeat left; color:#ba8748; float:left; padding-left:10px; margin-right:20px; font-weight:bold; } #menu div.item a { color:#000000 } #menu div.item a:hover { color:#ba8748; text-decoration:none; } #menu div.itemOn a:hover { color:#ba8748; text-decoration:none; font-weight:bold; } #menu div.right { float:right; } #left { width:470px; float:left; text-align:justify; } #left a { font-weight:bold; } #left div.item { border-bottom:#000000 solid 1px; margin-top:15px; } #left div.itemGray { border-bottom:#9b9b9b solid 1px;} #left div.itemWhite { } #right { width:340px; float:right; text-align:justify; } #right div.item { background:url(../images/point.gif) repeat-x bottom; margin-bottom:25px; margin-top:5px; padding-left:3px; } #right div.item a { font-weight:bold; } #right div.end {margin-top:5px;padding-left:3px;} #right div.end a { font-weight:bold; } #copyright { border-top:#9b9b9b solid 1px; text-align:right; padding-top:5px; } #homeFooter { float:left; padding-top:5px; } /* ARTICLES */ #article { width:560px; text-align:justify; float:left; } #article .thematic { background:#ba8647; padding:2px 0 2px 5px; width:555px; margin-bottom:10px; font-size:13px; color:#FFFFFF} #info { width:560px; height:13px; padding:1px 0 1px 0; border-top:#000000 solid 1px; border-bottom:#000000 solid 1px; } #info div.name { float:left; width:450px; } #info div.date { float:right; } #more { width:255px; float:right; } #more .thematic { background:#ba8647; padding:2px 0 2px 5px; width:250px; margin-bottom:5px; font-size:11px; color:#FFFFFF} #more hr { height:1px; border:0; background:#9b9b9b; } #infoMore { width:255px; height:13px; padding:1px 0 1px 0; border-top:#000000 solid 1px; border-bottom:#000000 solid 1px; font-weight:bold; } #all { width:255px; height:13px; padding:1px 0 1px 0; border-top:#9b9b9b solid 1px; border-bottom:#9b9b9b solid 1px; } div.plus { background:url(../images/plus.gif) no-repeat 4px; background-color:#ba8647; padding:2px 0 2px 20px; width:540px; font-size:12px; color:#FFFFFF; font-weight:bold; } div.plus a { color:#FFFFFF; } div.plus a:hover { color:#000000; } div.minus { background:url(../images/minus.gif) no-repeat 4px; background-color:#ba8647; padding:2px 0 2px 20px; width:540px; font-size:12px; color:#FFFFFF; font-weight:bold; } div.minus a { color:#FFFFFF; } div.minus a:hover { color:#000000; } div.commentInfo { margin-bottom:15px; margin-top:15px; } div.commentContent { padding-left:50px; width:510px; text-align:justify; margin-bottom:40px; } /* ARTICLES DETAILS */ #articleDetails { width:560px; text-align:justify; float:left; border-top:#000000 solid 1px; padding-top:5px; } #articleDetails .thematic { background:#ba8647; padding:2px 0 2px 5px; width:130px; margin-bottom:10px; font-size:10px; color:#FFFFFF; float:left; } #articleDetails .title { float:right; width:410px; } #articleDetails .content { float:right; width:410px; margin-bottom:20px; } #infoDetails { width:410px; height:13px; padding:1px 0 1px 0; border-top:#000000 solid 1px; border-bottom:#000000 solid 1px; float:right; } #infoDetails div.name { float:left; width:300px; } #infoDetails div.date { float:right; } div.plusDetail { background:url(../images/plus.gif) no-repeat 4px; background-color:#ba8647; padding:2px 0 2px 20px; width:390px; font-size:10px; color:#FFFFFF; font-weight:bold; float:right } div.plusDetail a { color:#FFFFFF; } div.plusDetail a:hover { color:#000000; } div.minusDetail { background:url(../images/minus.gif) no-repeat 4px; background-color:#ba8647; padding:2px 0 2px 20px; width:390px; font-size:10px; color:#FFFFFF; font-weight:bold; float:right } div.minusDetail a { color:#FFFFFF; } div.minusDetail a:hover { color:#000000; } div.commentInfoDetail { margin-bottom:15px; margin-top:15px; float:right; } div.commentContentDetail { padding-left:50px; width:400px; text-align:justify; margin-bottom:40px; float:right; } /* TEACHING */ #boxTitle { width:120px; height:80px; border:#000000 solid 2px; margin-bottom:2px; margin-right:15px; float:left; font-weight:bold; padding:4px 4px 4px 4px; } #boxTitleLast { width:120px; height:80px; border:#000000 solid 2px; margin-bottom:2px; margin-right:2px; float:right; font-weight:bold; padding:4px 4px 4px 4px; } #boxContent { width:122px; height:80px; border:#000000 solid 1px; margin-bottom:2px; margin-right:15px; float:left; padding:4px 4px 4px 4px;} #boxContentLast { width:122px; height:80px; border:#000000 solid 1px; margin-bottom:2px; margin-right:2px; float:right; padding:4px 4px 4px 4px; } /* TEACHING */ #writing { width:570px; text-align:justify; margin-bottom:20px; } * html #writing ul { padding:0 0 0 17px ; margin:0; } #writing ul { padding:0 0 0 13px ; margin:0; } #writing ul li { list-style-image:url(../images/li.gif); margin-bottom:10px;} /* ABOUT */ #about { width:570px; text-align:justify; margin-bottom:20px; float:left; } #pics {float:right; width:240px; } /* CLIENTS */ #client { width:570px; text-align:justify; } #client div.logo { float:left; } #client div.content { width:570px; float:left; } /* LINKS */ #links { width:570px; text-align:justify;} #links ul { padding:0 0 0 17px ; margin:0; } #links ul li { list-style-image:url(../images/arrow_link.gif); font-size:16px; font-weight:bold; color:#ba8648; margin-bottom:15px; } #links hr.line { height: 1px; color: #000000; background-color: #000000; width:570px; border: none; margin:10px 0 20px 0; } /* NEWS */ #news { width:560px; text-align:justify; float:left; margin-bottom:20px; } /* CONTACT */ #contact { width:570px; text-align:justify;} input.field { border:solid 1px #000000; width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } textarea.field { border:solid 1px #000000; width:460px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } select.field { border:solid 1px #000000; width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } #warning { font-weight:bold; color:#CC0000; margin-bottom:20px; } /* THEMATIC TAB */ #thematicTab { width:570px; font-size:11px; } #thematicTab a { font-weight:bold; color:#ba8748; } #thematicTab td { padding:5px 10px 5px 10px; } #thematicTab th { text-align:left; padding-bottom:15px; padding-left:12px;} #thematicTab th.filed { text-align:left; padding-bottom:15px; padding-left:12px; background:url(../images/arrow_th.gif) no-repeat left 5px } #thematicTab tr.trUnPair { background:#d9bd9b; } /* ARTICLE TAB */ #articleTab { width:870px; font-size:11px; } #articleTab a { font-weight:bold; color:#ba8748; } #articleTab td { padding:5px 10px 5px 10px; } #articleTab th { text-align:left; padding-bottom:15px; padding-left:12px;} #articleTab th.filed { text-align:left; padding-bottom:15px; padding-left:12px; background:url(../images/arrow_th.gif) no-repeat left 5px } #articleTab tr.trUnPair { background:#d9bd9b; } .thematic a { color:#ffffff; text-decoration:none; } .thematic a:hover { color:#000000; text-decoration:none; }