/* CSS Document */
/* general css */
body{margin:0;padding:0;background:#F1F1F1;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
H1{ margin:25px 0 0 0;padding:0;color:#FFF;float:left;font-family:Helvetica, Arial, sans-serif;font-size:2em;}
H1 SPAN{ display:none;}
LI{list-style:none;}
IMG{border:0;}

/* header */
#header{background:#1B3754 url(../image/hbg.jpg) top left repeat-x;height:120px;width:100%; border-bottom:solid 7px #CDD2DA}
#header H2{ margin:5px 0 0 0;padding:0;color:#FFF;float:left;font-family:Helvetica, Arial, sans-serif;font-size:1.4em; clear:left;}
#header #topLine{background:#3C5D7E url(../image/th.jpg) top left repeat-x;height:5px;width:100%; border-bottom:solid 1px #517CA8}
#header #hContainer{width:770px;margin:0 auto;position:relative}
#header UL.nav{float:right;margin:20px 0 0 0;padding:0;}
#header UL.nav LI{float:left;margin:0 5px;padding:0;}
#header UL.nav LI:first-child{margin:0 5px 0 0;}
#header UL.nav LI A{display:block;background:#FFF;text-decoration:none;padding:5px 10px;color:#203D5B;}
#header UL.nav LI A:hover{background:#3E5F80;color:#FFF;}

/* content */
#content{width:750px;margin:0 auto;background:#FFF;padding:10px;}
#content #main{width:470px;margin-right:10px;float:left;}
#content #sidebar{width:260px;float:left;}

#content #sidebar LI.not-launched-yet{display:none}

#content #main H2{margin:0;padding:0; font-size:1.8em;}
#content #main UL{margin:0;padding:0;}
#content #main LI{margin:10px 0;}
#content #main LI IMG{margin:0 5px 0 0;padding:2px;border:solid 1px #CDD2DA;float:left;}
#content #main LI P{margin:0 0 7px 0;float:left;width:240px;color:#000033}
#content #main LI A{color:#538534;}

/* contact main */
#content .contact P{margin:0;padding:0;}
#content .contact P LABEL{margin:0;padding:10px 0 0 0;display:block}
#content .contact P INPUT{padding:3px;border:solid 2px #CDD2DA;width:200px;margin:1px 5px 0 0;}
#content .contact P TEXTAREA{padding:3px;border:solid 2px #CDD2DA;width:300px;height:80px;margin:1px 5px 0 0;}
#content .contact P #submit{margin:20px 0;width:130px;}
#content .contact #mErrSend{border:solid 1px #BD0F13;background:#FBCECF;color:#BD0F13;padding:3px;display:none;}
#content .contact #mSent{border:solid 1px #518D3F;background:#E6F2E1;color:#518D3F;padding:5px;display:none;font-weight:bold;text-align:center;}

/* portfolio */
#content .portfolio{width:750px !important;}
#content .portfolio H2{margin:0;padding:0;font-size:1.8em;color:#333}
#content .portfolio P.date{margin:0 0 10px 0;color:#666}
#content .portfolio .pBox{padding:10px;float:left;background:#DEE7EF;margin-bottom:10px;}
#content .portfolio .pBox LI.fl{height:285px;width:200px;float:left;padding:10px 20px;}
#content .portfolio .pBox LI.fl IMG{float:none !important;}

/*jquery plugins*/
.plugins,.plugins-details{width:740px !important;}
.plugins P A{color:#538534}

.plugins-details P{clear:both;}
.plugins-details P A{color:#538534}
.plugins-details UL.gallery1{height:100px}

/* .- sidebar  */
#content .sideBox{background:#2B4A67;width:245px;padding:10px;margin:10px 0 0 0; float:left;}
#content .sideBox H3{margin:0 0 5px 0;padding:0;color:#FFF;font-size:1.2em;}
#content .sideBox H3 SMALL{ font-size:0.7em;}

/* .-- search */
#content #searchBy{margin-top:0;}
#content #searchBy INPUT.txt{padding:3px;border:solid 2px #5682AD;width:130px;float:left;margin:1px 5px 0 0;}
#content #searchBy INPUT.btn{padding:3px;border:solid 2px #5682AD;background:#F1F3F5;font-weight:bold;float:left;}
/* .-- twitter */
#content #twitter UL{margin:0;padding:0;}
#content #twitter LI{margin:5px 0;padding:0;color:#F7F7F7;}
#content #twitter LI:first-child{margin:0;}
#content #twitter LI A{display:block;color:#36E3F1;}
#content #twitter LI A.readMore{color:#FFF; text-align:right; padding-top:5px;}
/* .-- CV */
#content #cv UL{margin:0;padding:0;}
#content #cv LI{margin:5px 0;padding:0;}
#content #cv LI:first-child{margin:0;}
#content #cv LI A{display:block;color:#B1E7A3;}
#content #cv LI A.readMore{color:#FFF; text-align:right; padding-top:5px;}
/* .-- contact  */
#content #contactW UL{margin:0;padding:0;}
#content #contactW LI{margin:5px 0;padding:0;color:#FFF;}
#content #contactW LI:first-child{margin:0;}
#content #contactW LI A{display:block;color:#B1E7A3;}
#content #contactW LI A.readMore{color:#FFF; text-align:right; padding-top:5px;}

/* .-- personal projects */
#content #personal UL{margin:0;padding:0;}
#content #personal LI{margin:5px 0;padding:0;}
#content #personal LI:first-child{margin:0;}
#content #personal LI A{display:block;color:#B1E7A3;}
#content #personal LI A.readMore{color:#FFF; text-align:right; padding-top:5px;}

/*flags*/
UL.languages{position:absolute;top:0;right:0;}
UL.languages LI{float:left;width:23px;height:16px;margin-left:5px;}
UL.languages LI A{display:block;width:23px;height:16px;}
UL.languages LI A.br{background:url(../image/brasil.jpg) 0 0 no-repeat;}
UL.languages LI A.uk{background:url(../image/uk.jpg) 0 0 no-repeat;}
UL.languages LI A SPAN{display:none}
/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#EEFDEA;margin:0 !important;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;} 

#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/


/* footer */
#footer{background:#1B3754 url(../image/hbg.jpg) top left repeat-x;width:760px;margin:0 auto; padding:5px; clear:both;}
#footer UL.nav{float:left;margin:5px 0;padding:0;}
#footer UL.nav LI{float:left;margin:0;padding:0;}
#footer UL.nav LI:first-child A{border-left:0;}
#footer UL.nav LI A{display:block;padding:0 5px;color:#FFF;text-decoration:none; border-left:solid 1px #496F94;}
#footer UL.nav LI A:hover{text-decoration:underline;}
#footer H3{color:#FFF;clear:right;float:right; margin:5px 95px 0 5px;padding:0;font-size:1.2em;}
#footer UL.w3cStamps{float:right;clear:right;margin:5px 0 0 5px;padding:0;}
#footer UL.w3cStamps LI{float:left;margin:0;padding:0;}
#footer P{clear:both;color:#FFF;text-align:center;font-size:0.9em;padding:10px 0 0 0;}
#footer P A{color:#FFF}
/* general classes */
.cb{clear:both;}