/* Reset all margins and paddings for browsers */
* {
	padding: 0;
	margin: 0;
}

body 
{
    font: .8em Tahoma, Arial, Sans-Serif;
	line-height: 1.6em;
}

#wrap
{ 
  margin-left: 10%;
  width: 80%
}


/* TOP MENU ---------- */
#topmenu
{
  margin: 10px 8px 0px 8px;
  padding: 0;
  background: url(../images/menu.jpg) repeat-x top;
  height: 35px;
}

#topmenu .title
{
  position: relative;
  top: 7px;
  left: 15px;
  color: white;
  font-size: 18px;
  font-weight: bold;
}

#topmenu .lefts
{
  background: url(../images/menul.jpg) no-repeat left;
  height: 35px;
  padding-left: 5px;
}

#topmenu .rights
{
  background: url(../images/menur.jpg) no-repeat right;
  float: right;
  height: 35px;
  width: 8px;
}

#topmenu li a
{
  color: #FFF;
  text-align: left;
  padding-left: 20px;
  padding-right: 15px;
  text-decoration: none;
  background: transparent;
  font-weight: bold;
  text-decoration : underline;
}

#topmenu li a:hover
{
  color: lightblue;
}

#topmenu li  a.current
{
  text-decoration : none;
  color: #efebca;
  cursor: default;
}

#topmenu li
{
  padding: 0px;
  float: right;
  margin: 0;
  font-size: 11px;
  line-height: 35px;
  white-space: nowrap;
  list-style-type: none;
  width: auto;
  background: url(../images/sep.gif) no-repeat top left;
}


/* NAVTOP ------------------------------ */
#navitop {
    font-size: 90%;
	width: auto;
	color: #888;
	background: #FFF;
    margin: 0px 8px 0px 8px;
}


/* TITLE, SUBTITLES ---- */
.title1
{
  background-color: #046280;
  font: .8em Tahoma, Arial, Sans-Serif;
  border: solid 1px #002f2f;
  padding: 2px;
  text-indent: 10px;
  line-height: 15px;
  color: white;
  font-size: 14px;
  /*font-weight: normal;*/
  margin-bottom: 4px;
}

.title2
{
  background-color: #046280;
  font: .8em Tahoma, Arial, Sans-Serif;
  border: solid 1px #002f2f;
  padding: 1px;
  line-height: 12px;
  color: white;
  font-size: 12px;
  margin-bottom: 4px;
}

/* MAIN -------------------------------- */

#main
{
   padding-top: 20px;
   color: #666;
}

/* RIGHT SIDE - PROFIL AREA -------------- */

#rightside
{
    width: 220px;
	float: right;
	color: #666;
}

#rightside div{
    margin-bottom: 11px;
	padding-bottom: 4px;
}

#rightside img
{
  vertical-align: middle;
}

#rightside h3
{
  text-align: right;
  margin-right: 10px;
}

#rightside li
{
  margin-left: 3px;
  font-size: .8em;
  font-weight: bold;
}

#rightside a
{
  font-weight: bold;
  margin-left: 6px;
  color: white;
}

#rightside a:hover
{
  color: #e6e2af;
}

#profil
{
  background-color: #e6e2af;
  border: solid 1px #a7a37e;
  padding: 4px;
}

#contacts
{
  background-color: #046280;
  border: solid 1px #002f2f;
  padding: 4px;
}
#contacts h3
{
  color: white;
}

#blog {
    margin-right: 0%; 
	border: solid 1px #002f2f;
	background-color: #DAE0E0;
	/*width: 100%;*/
}

#blog .title {
    color: #046280;
}

#blog p {
  width: 100%;
  text-align: right;
  font-size: 80%;
  margin: 0px;
  margin-top: 10px;
}

#blog a{
  color: #0066B3; 
  background: inherit; 
  text-decoration: none 
}

#blog a:hover
{
  color: darkred;
}

#competences
{
  border: solid 1px #DAE0E0;
  text-align: center;
}
#competences h3
{
  color: #046280;
}

#references
{
  border: solid 1px #DAE0E0;
  text-align: center;
}
#references h3
{
  color: #046280;
}

#meebo
{
  margin: 0px;
  float: right;
}


/* LEFT SIDE - ARTICLES AREA -------- */
#leftside
{
    padding: 0;
	padding-left: 8px;
	color: #888;
	background: #fff;
	margin: 0;
	margin-right: 255px;
	margin-left: 8px;
}

#leftside h2
{
  color: #555;
  text-indent: 17px;
  background: #FFF url(../images/head.gif) no-repeat left;
}

#leftside img
{
  float: left;
  padding: 0px;
  margin: 0px;
  margin-right: 50px
}

#leftside li
{
  color: #666;
  font-size: 10px;
  list-style-image: url(../images/listarrow.gif);
}

#leftside li.trick
{
  list-style-image: none;
}

.techno
{
  color: darkred;
  font-size: 10px;
}

/* LEFT SIDE - ARTICLES AREA -------- */
#bottomleft
{
    float: left;
	width: 80%;
	margin-right: 255px;
	padding-left: 8px;
	color: #888;
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#bottomleft .subleft
{
  float: left;
  width: 32%;
  margin-right: 1%;
  text-align: center;
  height: 98%;
}

#bottomleft li
{
  
}

#bottomleft ul
{
  font-size: 9px;
}


/* FOOTER - ARTICLES AREA -------- */


#footer 
{
	clear: both;
	/*background-color: #003C52;*/
	background: #fff url(../images/footer.jpg) repeat-x;
	height: 46px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 75%;
	color: #666;
}

#footer p  {
  padding: 5px;
  text-align: center;
}

#footer .rside
{
  float: right;
  display: inline;
  padding: 5px; text-align: right
}

#footer .lside
{
  float: left;
  display: inline;
  padding: 5px; text-align: left
}

/*  COMMON --------------------------------------- */

a 
{ 
  color: #0066B3; 
  background: inherit; 
  text-decoration: none 
}

a:hover
{
  color: darkred;
}

h1 { font: bold 1.9em Arial, Arial, Sans-Serif }
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0 }
ul {  padding: 0; margin: 0}
li { list-style-type: none }