body{
 margin:0;
 color:#333;
 font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana,sans-serif;
 font-size:small;
 background:#f6f6f6 url('/images/bg.gif') repeat-y;
}

img{
 border:0;
}

a ,
a:link{
color:#f33;
text-decoration:underline,
}

a:visited{
 color:#f66;
 text-decoration:none
}

a:hover {
 color:#f44;
 text-decoration:none
}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
}


#header,
#about_bermilabs,
#contact_bermilabs,
#blog_entries{
width:230px;
padding:0 25px;

}

#header a{
  outline: none;
}

#branding{
  text-align:center;
  margin:45px 0;
}
h1{
 margin:0;
}

#content{
float:right;
position:absolute;
top:0;
}

#content{
 margin-left:330px;
 width:630px;
 top:50px;
 font-family: "Lucida Grande", "Lucida Sans Unicode",Geneva,Arial,Verdana,sans-serif;
}


#global_navigation *{
 height:30px;
 background:transparent;
}

#global_navigation{
 font-size:.9em;
 text-transform:lowercase;
 width:700px;
 float:left;
 top:10px;
 position:absolute;
 left:275px;
}




#global_navigation li{
 float:left;
 list-style:none;
 padding:0 10px;
 margin:0;
}


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

#global_navigation a,
#global_navigation a:link,
#global_navigation a:visited,
#global_navigation a:active{
  text-decoration:none;
  color:#777;
}

#global_navigation a:hover,
#footer a:hover{
  text-decoration:underline;
}

#footer {
 font-size:.9em;
 width:98%;
 float:right;
}

#jump_to{
  display:none;
}


#local_navigation,#navigation {
 margin-bottom:2.2em;
 text-transform:lowercase
}



#local_navigation a,
#local_navigation a:link,
#navigation a,
#navigation a:link {
text-decoration:none;
color:#666
}


#local_navigation a,
#local_navigation a:link,
#local_navigation a:visited{
color:#222
}


#local_navigation p a,
#local_navigation p a:link,
#local_navigation p a:visited{
color:#f33
}

#local_navigation li a:hover{
color:#f33
}


#navigation ul, #local_navigation ul{
 list-style:none;
 margin:0;
 padding:0;
 text-align:right;
}


#local_navigation a,#navigation a {
 display:block;
 padding:.15em 1em
}

#local_navigation a:visited {
 color:#b0b0b0
}


#local_navigation a:hover,#navigation a:hover {
 background-color:#f0f0f0;
 color:#333
}




#about_bermilabs,
#contact_bermilabs,
#blog_entries {
 line-height:1.4em;
 font-size:.8em;
 color:#555;
}

#contact_bermilabs h3{
  margin-top:25px;
}



#blog_entries{
 font-size:0.8em;
}




#local_navigation p {
  text-align:right;
}

#local_navigation p a,#local_navigation p a:visited,#local_navigation p a:hover,#local_navigation p a:link {
  font-size:1.1em;
}










#headline h2{
 font-size:2em;
 letter-spacing:-0.05em;
 margin:20px 0 40px 0;
 font-family: Verdana,sans-serif;
}

#main_content{
  line-height:1.4em;
}

#main_content h2{
  font-family: Verdana,sans-serif;
  font-size:1.7em;
  letter-spacing:-0.02em;
  margin:35px 0 5px 0;
  line-height:1.1em;
}
#main_content h2,
#main_content h2 a:link,
#main_content h2 a:visited,
#main_content h2 a:active{
  text-decoration:none;
  color:#f44;
}

#main_content h2 a:hover{
  text-decoration:underline;
}


#main_content h3,
#main_content h3 a:link,
#main_content h3 a:visited,
#main_content h3 a:active{
  text-decoration:none;
  color:#666;
  font-size:1.3em;
  margin:35px 0 5px 0;
}


#main_content p{
  margin:5px 0 15px 0;
}




p.extra{
  font-size:0.9em;
  text-align:right;
  margin-right:50px;
}

p.extra a:link,
p.extra a:active{
  color:#f33;
}





.project p.image{
 text-align:center;
 border:3px solid #f3f3f3;
}


.project p.image img{
 padding:7px 0 3px 0;
}


hr{
border:1px solid #eee;
margin:35px 0 30px 0;
}

.cls {
clear:both
}

img.polaroid{
  border:1px solid #e5e5e5;
  padding:12px 12px 24px 12px;
  border-bottom:1px solid #bbb;
  border-right:1px solid #ccc;
}



img.product,
img.profile{
  float:right;
  margin:0 0 0 20px;
}


div.project{
  margin:0 0 90px 0;

}





#home div.full_width{
  border-bottom:1px solid #eee; 
  width:620px;
  clear:both;
  margin:20px 0 30px 0;
}


#home a,
#home a:link,
#home a:visited{
   color:#666;
   text-decoration:underline;
}

#home div.one_third{
  width:200px;
}


#home div.two_thirds{
  width:400px;
}


#home div.left{ 
  float:left;
}


#home div.right{ 
  border-left:1px solid #eee;
  float:right;
}

#open_source_home{
  border-top:1px solid #eee;
}

#portfolio_home{
  margin:0 0 0 0;
  background:#fff url('/images/home/portfolio.jpg') repeat-x 50px -20px;
  width:620px;
  height:210px;
  border:1px solid #eee;
  text-align:right;
}


#portfolio_home a,
#portfolio_home a:link,
#portfolio_home a:visited{
  display:block;
  padding:5px 20px 190px 0;
}

#portfolio_home span{
    background-color:#fff;
    padding:10px;
}

#programacion_web_express img,
#express_web_programming img{
   float:right;
  margin-left:10px;
}


.right img{
  float:right;
  margin:0 0 0 10px;
}


input{
  width:400px;
}


textarea{
  width:400px;
  height:200px;
}

.form{
 margin:80px 0;
}

.region{
  font-weight:bold;
}

#navigation li.selected a{
  color:#000;
}

#navigation .parent{
  color:#f44;
}