/*screen.css for www.freedom2act.com website 2011.08.31 */
body, table,td,th, text, ul, li, h1, h2, h3, h4, h5, img { 
  padding:0; border:0; margin:0;   /*removal of browser defaults */
}

body {
  background-color: #F5F5F5;
  font-family: Verdana,Arial,Helvetica,sans-serif; 
  font-size: 12px;                 /*most browsers have 16px!*/
  text-align: center;
}
#freedom2act-top {                 /*outher container*/
  background-color: white;
  width: 770px;
  margin: 0 auto;    /*the auto margins (in conjunction with width) centers */
  text-align: left;  /*IE fix */
}
/*---------------------------------*/
h1,h2,h3,h4,h5 {color: #000080;}
h1 {
  font-size: 15px;
  margin-top: 18px;
  margin-bottom: 6px
}
h2, h3 {
  font-size:13px;
  margin-top: 6px;
  margin-bottom: 3px;
}
h4, h5 {
  font-size:1em;
  line-height: 1em;
  margin-top: 0;
  margin-bottom: 3px;}
li {
  font-size: 12px;
}
p, th, td {
  font-size: 12px;
  line-height: 130%;
  margin-top: 3px; margin-bottom: 6px; 
}
/*header with logo and thematic sentense ----------------*/
#header {
  background-color:white;
  text-align:left;
  width:100%;
  border-bottom:1px solid #C0C0C0;
}
#header div.logo-left {
  color:#555555;
  float:left;
  font:italic 18px "Times New Roman", serif;
  top:.5em;
  padding-left:6px;
  margin-bottom:12px;
}
#header div.login {
  color:#191970;              /*MidnightBlue characters */
  float:right;
  font:normal 11px Arial,sans-serif; 
  top:.5em;
  padding-right:12px;
  margin-bottom:12px;
}

#header p.logo {
  color:#444444;
  font:italic 18px "Times New Roman", serif;
  top:.5em;
  margin-bottom:12px;
}
#header img.flag {
  float:right;
  height:12px;
  width:24px;
  margin:2px 1em 2px 0;
}
/*full-width ----------------------------*/
#fullWidth {                       /*inner container following the top menu*/
  clear: both;
  width: 100%;
  padding: 0 10px 0 10px;
}    
#fullWidth a, .column1 a,.column2 a {
  color: #800000;
}
#fullWidth a:hover, .column1 a:hover, .column2 a:hover {
  color: #191970;               /*MidnightBLue characters */
  background-color: #B0C4DE;    /*Light Steelblue background */
}
/*columns -------------------------------*/
.column1 {
  vertical-align: top;
  float: left;
  width: 350px;
  w\idth: 340px;
  padding-left: 10px;
}
.column2 {
  vertical-align: top;
  text-align: left; 
  float: right;
  width: 400px;
}
.column1 ul, .column2 ul {
  padding: 0;
  margin: 0 0 6px 12px;
}
.column1 li, .column2 li {
  line-height: 130%;
  margin-left: 15px; 
}
/*portfolio ----------------------------*/
table.portfolio {
  border-collapse:collapse;
  width: 100%;
  border: 2px solid black;
}
table.portfolio th {
  vertical-align: bottom;
  padding: 6px 3px 3px 3px;
  border-top: 2px solid black;
  border-bottom: 1px solid black;
}
table.portfolio td {
  vertical-align: top;
  padding: 3px;
  border-bottom: 1px solid black;
}
/*other -------------------------------*/
.accentuate {
  background-color: #DCDCDC;
  padding: 10px;
 }
.border {
  color: #999999;
  border: 1px solid #C0C0C0;     /*Gray border  */
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}
.center {
  text-align: center;
}
.citat {
  font-size: 12px;
  font-style: italic;
  margin-left: 5px;
}
.citat li {
  line-height: 130%;
  margin-bottom:3px;
}

.citation {
  background-color: #FEFFEA;
  padding: 10px;
}
.date {
  color: #BFA69D;            /*gray chars*/
  font-size: 8px;
}
.floatstop {
  clear: both; 
  font-size: 1px; 
  height: 0; 
  line-height: 0; 
}
/*footer ------------------------------*/
#footer {
  clear: both;
  color: #BFA69D;            /*gray chars*/
  font-size: 9px;
  text-align: center;
  width:100%;
}
/*CV setups --------------------------*/
#cv {
  background-color: white;
  text-align: left;
  width: 300px;
  padding-left: 1em;
}
#cv h5 {padding: 6px 0 0 0; margin: 0;}
#cv p, #cv li{
  font-size: smaller;
}
#cv ul{padding:0; margin:0}
#cv li{
  padding:0;
  margin: 1px 0 0 20px;
}