/*  Structure
--------------------------------------------------------------------------------------*/
* {font-size: 99%; margin: 0; padding: 0; line-height: 1.3em;}
body {position: relative; background: top center no-repeat #f5f8fa; font: 90% Helvetica, Arial, sans-serif; color: #ccc; text-align: center;min-width:990px;}

#header {
	float: left;
	display: block;
	width: 100%;
	background: bottom center no-repeat #090f13;
	margin-top: 0px;
	padding: 0 0 0 0;
}
.Estilo1 {font-size: 70%}
.Estilo2 {font-size: 150%}
#main { display: block; width: 100%;background: url(/images/bkg_main4.gif) top repeat-x;}
.row {display: block; clear: both; width: 980px; margin: 1em auto; text-align: left;}
.izquierda {float: left; display: block; width: 200px; margin: 0 2em;}
.centro {float: left; display: block; width: 350px; margin: 0 2em;}
.derecha {float: right; display: block; width: 190px; margin: 0 0em;}
.col {float: left; display: block; width: 24em; margin: 0 2em;}
.col2 {float: left; display: block; width: 15em; margin: 0 2em;}
.col3 {float: left; display: block; width: 900px; margin: 0 2em;}
.col5 {float: left; display: block; width: 30em; margin: 0 2em;}
.col4 {float: left; display: block; width: 34em; margin: 0 2em;}
.col6 {float: left; display: block; width: 22em; margin: 0 2em;}
.col7 {float: right; display: block; width: 20em; margin: 2em 2em;}
.col8 {float: left; display: block; width: 17em; margin: 0 2em;}
/*  Branding
--------------------------------------------------------------------------------------*/
#logo {float: left; display: block; width: 74em; margin: 50px 0 35px 2em; padding-bottom: 15px; background: url(/images/logo3.png) left top no-repeat; text-indent: 180px; text-decoration: none; height: 53px; border-bottom: 1px solid 00b3ff;}
#logo em {display: none; position: relative; top: 5px; font-style: normal; color: #aaa; margin: 0 0 0 1em; padding: 5px 0 0.5em 1em; border-left: 1px solid #aaa;  font-size: 0.9em;}
#logo img, #logo span {display: none;}

/*  Navigation
--------------------------------------------------------------------------------------*/
#nav {float: left; list-style: none; margin-top: 8px;}
#nav li {float: left; display: block; width: 22em; margin-bottom: 3px;}
#nav a {float: left; display: block; width: 100%; background: url(/images/nav2current.png) top left repeat; padding: 0.3em 0; text-indent: 0.5em; color: #000; text-decoration: none; font-size: 1.5em;}
#nav a:hover {background: url(/images/nav2.png) repeat; color: #fff;}
#nav .current a {background: url(/images/nav2current.png) repeat; color: #eee; cursor: default;}
#nav .current a:hover em {display: none;}
#nav em {color: #000; font-style: normal; font-size: 0.6em; display: none; margin-left: 1.5em; position: relative; top: -0.15em; border-left: 1px solid #ddd; padding: 0.4em 0 0.2em 1.5em;}
#nav a:hover em {display: inline;}
#nav span {display: none;}

/*  Typography
--------------------------------------------------------------------------------------*/
p, ul {margin: 0 0 1em 0;}
ul ul {margin: 0;}
#main p, #main ul, #main dl {color: #757575; font-size: 0.98em;}
.commentstitle {display: block; width: 100%; font-size: 1.7em; letter-spacing: -0.05em; font-weight: normal; line-height: 0.9em; margin: 2em 0 1em 0; color: #5a5a5a;}
.minititle {float: left; display: block; width: 100%; font: 0.8em Helvetica, Arial, sans-serif; color: #00b3ff; text-transform: uppercase; padding-top: 1em; margin: 1em 0 1em 0;} /* color: #ff679b*/
.minititle em {font-style: normal; border-top: 3px solid #dadad8; display: inline; padding-top: 4px;}
#main .firstentryinfo {color: #aaa; font-size: 0.9em; text-transform: none;}
#main .entryinfo {float: left; display: block; width: 100%; color: #aaa; font-size: 0.9em; text-transform: none; margin: 2.2em 0 0 0;}
#main h2 + .entryinfo {margin-top: 1em;}
#main .minititle .firstentryinfo {font-size: 1.1em;}
.firstentrytitle {font-family: Myriad Pro, Helvetica, Arial, sans-serif; font-size: 2.2em; letter-spacing: -0.03em; font-weight: normal; line-height: 0.9em; margin: 0 0 0.2em 0; color: #000;}
.entrytitle {display: block; width: 100%; font-family: Myriad Pro, Helvetica, Arial, sans-serif; font-size: 2.2em; letter-spacing: -0.03em; font-weight: normal; line-height: 0.9em; margin: 0.5em 0 1em 0; color: #000;}
#main .firstentrytitle a {float: left; display: block; width: 100%;}
a:hover .thumb {border-color: #757575;}
a img {border: none;}
a:focus {outline: none !important;}

.workdetails {color: #757575; font-size: 0.9em; text-transform: none;}
.workdetails em {display: block; float: left; color: #aaa; font-style: normal; width: 6em;}
.clients { width: 74em; height: 130px; margin: 0 0 -4.8em -26em; text-indent: -9999px; top no-repeat;}
.clients2 {display: none;}

.bullet {margin: 0 0.7em;}
#header .col2 {color: #000000;}

#header .col2 h1, #header .col2 h2 {font-family: Myriad Pro, Helvetica, Arial, sans-serif; font-size: 2.7em; letter-spacing: -0.02em; margin: 0 0 0 0; font-weight: normal; color: #fff;}
.entry h2 {font: 1.6em Helvetica, Arial, sans-serif; color: #222; margin: 1em 0; font-weight: normal;}
.entry h3 {font: 1.4em Helvetica, Arial, sans-serif; color: #222; margin: 1em 0; font-weight: normal;}
.morelist {display: block; clear: both; border-top: 1px solid #ddd; margin: 0 0 1em 0; border-bottom: 3px solid #eee;}
.morelist li {display: block; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 0.8em 0; border-top: 1px solid #fff;}
.morelist li:last-child {border-bottom: 1px solid #ccc;}
code {color: #b95300; font-size: 1.1em;}
.enlaces{color: #b95300; font-size: 60%; float: left; display: block; width: 110em; margin: 0 2em;}

/*  Links
--------------------------------------------------------------------------------------*/
a {text-decoration: none; color: #090f13;}
a:hover, .workdetails a:hover, #header p a:hover {color: #00b3ff;}

#header p a {color: #eee}
.firstentryinfo a, .entryinfo a {color: #aaa; border-bottom: 1px solid #bbb;}
.workdetails a {color: #5a5a5a; border-bottom: 1px solid #bbb;}
.firstentryinfo a:hover, .entryinfo a:hover {color: #00b3ff;} 
.firstentrytitle a:hover {color: #00b3ff;}
.archive {float: right; padding: 0.5em; background: #343a3f; margin: 0 0 1em 0; color: #fff;}
.archive2 {padding: 0.5em; background: #343a3f; margin: 0 0 1em 0; color: #fff;}
.archive2:hover {color: #fff; background: #00b3ff;}
.archive:hover {color: #fff; background: #00b3ff;} 
.button {float: right; padding: 0.5em; background: #00b3ff; margin: 0; color: #fff; border: 0; cursor: pointer;}
.button:hover {color: #fff; background: #5a5a5a;}

.delicious-posts {display: block; clear: both;}
.delicious-posts li {margin-bottom: 1em;}
.delicious-posts li a {font-weight: bold;}
#main .delicious-posts p {font-size: 0.9em; color: #888;}
.delicious-posts h2 {display: none;}
.flickr_badge_image {float: left; display: block; width: 7.3333em; margin-bottom: 0.5em;}
.flickr_badge_image a {float: left; display: block; border: 1px solid #aaa;}
.flickr_badge_image a:hover {border-color: #757575;}
.flickr_badge_image a img {border: none;}
.flickr_badge_image img {float: left; display: block; margin: 2px;}

.sponsorlist {display: block; clear: both; list-style: none;}
.sponsorlist li {float: left; display: block; clear: both; width: 100%; }
.sponsorlist a {display: block; width: 100%; color: #5a5a5a; border-left: 1px solid #ccc; padding: 0.4em;}
.sponsorlist a.current {display: block; width: 100%; color: #00b3ff; border-left: 1px solid #ccc; padding: 0.4em;}
.sponsorlist a:hover {color: #00b3ff; border-color: #666;}

/*  Images
--------------------------------------------------------------------------------------*/
.thumb {float: left; width: 99%; overflow: hidden; margin: 0.2em 0 1em 0;}
.proyecto {float: left; width: 110%; overflow: hidden; margin: 0.2em 0em 1em 0em;}
.thumb span {float: left; display: block; width: 98.5%; height: 143px;}

#workexcerpt a:hover .thumb {border-color: #aaa; cursor: default;} 
.col2 .thumb span {width: 99.3%}
#workexcerpt {margin-top: 0.9em;}
/* #workexcerpt .thumb span {height: 22em;} */

.contact {background: #ddd;}
.colpadding {margin: 1em 1em 0 1em;}

#footer {padding-top: 3em;}
#footer a, #footer a:visited {color: #888; border-bottom: 1px solid #ccc;}
#footer a:hover {color: #00b3ff;}
#footer p {color: #888; font-size: 0.7em;}
#footer .col3 {border-top: 1px solid #ccc; padding-top: 1em; margin-bottom: 3em;}
.right {float: right;}
.txright {text-align: right;}

#comments {list-style: none;}
#comments li {border-bottom: 3px solid #eee; margin-bottom: 2em;}
#comments h3 {float: left; padding: 0.5em; background: #ddd; color: #777; font-weight: normal;}
#comments h3 a {font-weight: bold;}
.comment {display: block; clear: both; padding: 1em 0.5em 0.5em 0.5em; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; background: #f2f2f2;}
#comments .entryinfo {float: right; display: inline; width: auto; margin: 0; padding: 0.6em 0 0 2em;}

.leavecomment {display: block; float: left; width: 47em; padding: 0.5em; background: #ccc; margin-top: 2em;}
.leavecomment h2 {display: block; width: 100%; font-size: 1.5em; font-weight: normal; letter-spacing: -0.05em; line-height: 0.9em; margin: 0.5em 0 0 0; color: #fff;}
#main .leavecomment p {font-size: 0.9em; color: #888;}
.leavecomment fieldset {border: 0; background: #e4e4e4; padding: 0.5em;}
.leavecomment label {display: block; clear: both; color: #666; margin: 0 0 0.2em 0; font-size: 0.9em;}
.field {font: 1em Arial, Helvetica, sans-serif; display: block; clear: both; background: #fff; width: 22.5em; padding: 0.2em; margin: 0 0 0.9em 0; border: 0.05em solid #ccc;}
.leavecomment textarea {font: 1em Arial, Helvetica, sans-serif; display: block; clear: both; background: #fff; width: 45.5em; padding: 0.2em; margin: 0 0 0.9em 0; border: none; height: 7.8em; border: 0.05em solid #ccc;}
.button {}

.portfolioitem {margin-top: 2em;}
.portfolioitem .workdetails {float: left; display: block; width: 100%; min-height: 6.4em; border-bottom: 1px dashed #999;}

.results em {float: left; display: block; width: 100px; background: #ccc; margin: 3px 10px 0 0; border: 1px solid #fff;}
.results em span {display: block; background: #f37611; height: 8px;}

.workcols {height: 27em; margin-bottom: -2em;}

.contactDetail {float: left; margin: 0 0 1em 0;}
.contactDetail dt {float: left; display: block; width: 8em;}
.contactDetail dd {float: left; display: block; width: 14em; color: #222;}

.fieldwrap {margin: 0;}
.fieldwrap label {float: left; width: 11em;}
.fieldwrap input {font: 1em Arial, Helvetica, sans-serif; background: #fff; width: 22.5em; padding: 0.2em; margin: 0 0 0.5em 0; border: 0.05em solid #ccc;}
.fieldwrap input.fmverify {width: 10em;}
.fieldwrap img {position: absolute; margin: -2px 0 0 10px;}
.fieldwrap textarea {font: 1em Arial, Helvetica, sans-serif; background: #fff; width: 37.3em; padding: 0.2em; margin: 0 0 0.5em 0; border: 0.05em solid #ccc;}
.ddfm .button {float: left; margin-left: 11em;}
.required {color: #00b3ff;}

.ddfmerrors {float: left; width: 100%; border: 1px solid #f97f80; border-bottom: 0; padding: 0.5em 0 0 0; text-indent: 1em; font-weight: bold; color: #00b3ff; background: #f6e3e5;}
.errorlist {float: left; width: 100%; border: 1px solid #f97f80; border-top: 0; padding: 0 0 0.5em 0; text-indent: 1em; color: #757575; background: #f6e3e5; margin: 0 0 2em 0;}

#hcard-Ed-Merritt, .ddfmwrap {float: left; margin-top: 2em;}

.errorText h3 {margin-bottom: 1em;}
.errorText p {font-family: Myriad Pro, Helvetica, Arial, sans-serif; font-size: 1.4em !important; line-height: 1em; margin: 0 0 0.5em 0;}


#bsaz_1234988 {float: left;}
html > body div#bsaz_1234988.adblock a.adhere {filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5;}
div#bsaz_1234988.adblock a {float: left; margin: 0 2em 0 0 !important;}
div#bsaz_1234988.adblock a + a {margin-right: 0 !important;}
div#bsaz_1234988.adblock a + a + a {margin-top: 2em !important;}


.hide {display: none;}