/*
Description:dgonzalez.net CSS file
Version:3.0
Site URI:http://dgonzalez.net
Author:Diego González
*/
html *{margin:0; padding:0}
body{background:#fff; color:#333; font:100%/1.5em helvetica,arial,freesans,clean,sans-serif}
a{color:#007DAF}
a:hover{color:#004F6F; text-decoration:underline}
a img{border:none}
h1, h2, h3{margin:.8em 0 .2em; padding:0; color:#222}
p{margin:.4em 0 .8em; padding:0}
a img{border:none}

/* Wrapper */
#wrapper{border:0; width:100%; margin:20px auto; clear:both; max-width:970px; min-width:450px}

/* Header styles */
#header{clear:both; width:100%}
#header h1, 
#header h2{margin:0}
#header h2{font-size:75%}
#header .suffix{color:#007DAF}
#header .description{color:#777; font-style:italic; letter-spacing:-.2px}
#header ul{clear:left; float:right; list-style:none; margin:0 0 15px; font-size:85%}

#header ul li{display:inline; list-style:none; margin:0; padding:0}
#header ul li a{display:block; float:right; padding:3px 10px; text-align:center; color:#111; text-decoration:none; position:relative; line-height:1.6em}
#header ul li a:hover, 
#header ul li a.active, 
#header ul li a.active:hover{background:none; color:#999; text-decoration:underline}
.trans{clear:both; display:block; float:right; margin-left:20px; margin-right:10px}

/* section title container */
#sectionbanner{  clear:both;   margin:auto auto 25px;   height:75px;   width:95%;   position:relative;   background:url("/img/bback.gif") repeat-x scroll center bottom #444;  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#777',endColorstr='#444');  background:-webkit-gradient(linear,left top,left bottom,from(#777),to(#444));  background:-moz-linear-gradient(top,#777,#444);  border:1px solid #555;  -webkit-border-radius:9px;  -moz-border-radius:9px;  border-radius:9px;  -webkit-box-shadow:0 1px 9px rgba(0,0,0,0.3);  -moz-box-shadow:0 1px 9px rgba(0,0,0,0.3);  box-shadow:0px 1px 9px #111;  -webkit-font-smoothing:antialiased}

#sectionbanner h1{color:#fff; margin-left:30px}
/* content container */
#content{ background-color:#fff; clear:both; margin:0 auto; width:80%; overflow:hidden}

/* Footer styles */
#footer{background-color:#fff; clear:both; color:#888; font-size:70%; line-height:1.5em; text-align:left; width:100%; margin-top:20px; text-align:center}

.spacer{clear:both; display:block; margin:15px 0}

img.right{float:right; margin-left:10px}
img.left{float:left; margin-right:20px}

.docdescription{color:#555; font-size:90%; margin-bottom:25px}
.docdate{color:#CF230C; font-size:85%}
.docref{color:#555; font-size:90%; font-style:italic}
.lightgray{color:#777}

/* mobile and TVs */
@media print, tv, handheld, all and (max-device-width:780px){body{font-size:medium}
#wrapper{min-width:320px}
a img{border:none}
}

@media print{body{font-size:small}
}