/*  Info
--------------------------------------------------------------------------------------*/
/*  Styles for www.edmerritt.com
    Created by Ed Merritt
    13th August 2008
--------------------------------------------------------------------------------------*/


/*  Structure
--------------------------------------------------------------------------------------*/
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.3em;}
body {position: relative; background: url(../images/bkg_top4.gif) top center no-repeat #f5f8fa; font: 75% Helvetica, Arial, sans-serif; color: #ccc; text-align: center;}
#header {float: left; display: block; width: 100%; background: url(../images/bkg_header4.gif) bottom center no-repeat #090f13; margin-top: 4px; padding: 3em 0 4em 0;}
#main {float: left; display: block; width: 100%;background: url(../images/bkg_main4.gif) top repeat-x;}
.row {display: block; clear: both; max-width: 78em; margin: 1em auto; text-align: left;}
.col {float: left; display: block; width: 22em; margin: 0 2em;}
.col2 {float: left; display: block; width: 48em; margin: 0 2em;}
.col3 {float: left; display: block; width: 74em; margin: 0 2em;}a

/*  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 #d5d5d5;}
#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: #888; text-decoration: none; font-size: 1.5em;}
#nav a:hover {background: url(../images/nav2.png) repeat; color: #699aff;}
#nav .current a {background: url(../images/nav2current.png) repeat; color: #eee; cursor: default;}
#nav .current a:hover em {display: none;}
#nav em {color: #aaa; 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: #ff2e2e; text-transform: uppercase; padding-top: 1em; margin: 2em 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;}

blockquote {background: #eee; padding: 1.5em 1.5em 0.7em; border-left: 3px solid #bbb}
cite {border: 1px solid #ddd; padding: 0.2em 0.6em; background: #fff; position: relative; top: -0.5em; left: 1.5em;}

.entry ul {margin: 0 0 1em 1.5em;}
.entry ul ul {margin-left: 1.5em; margin-bottom: 0;}

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

.bullet {margin: 0 0.7em;}
#header .col2 {color: #a5a5a5;}
@font-face {
  font-family: "Nevis";
  src: url(http://www.edmerritt.com.com/nevis.ttf) format("truetype");
}
#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.5em 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;}

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

#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: #699aff;} 
.firstentrytitle a:hover {color: #699aff;}
.archive {float: right; padding: 0.5em; background: #343a3f; margin: 0 0 1em 0; color: #fff;}
.archive:hover {color: #fff; background: #699aff;} 
.button {float: right; padding: 0.5em; background: #699aff; 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.5em;}
.sponsorlist a:hover {color: #699aff; border-color: #666;}

/*  Images
--------------------------------------------------------------------------------------*/
.thumb {float: left; width: 99%; border: 1px solid #aaa; overflow: hidden; margin: 0.2em 0 1em 0;}
.thumb span {float: left; display: block; width: 98.5%; height: 128px; border: 2px solid #fff;}
#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: #699aff;}
#footer p {color: #888; font-size: 0.9em;}
#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;}
.r1 {width: 1px;}
.r4 {width: 4px;}
.r7 {width: 7px;}
.r12 {width: 12px;}
.r15 {width: 15px;}
.r20 {width: 20px;}
.r24 {width: 24px;}
.r30 {width: 30px;}
.r38 {width: 38px;}
.r39 {width: 39px;}
.r41 {width: 41px;}
.r50 {width: 50px;}
.r56 {width: 56px;}
.r80 {width: 80px;}

.workcols {min-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: #fc2e2e;}

.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: #fc2e2e; 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;}

#twitter_div {}
#twitter_div ul {position: absolute; top: 0.5em; right: 50%; margin-right: -37em; list-style: none; text-align: right;}
#twitter_div span {background: #1e262b; padding: 1em 0.8em 0.3em 0.8em; color: #699aff; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;}
#twitter_div li {padding-left: 25px; background: url(../images/twitter.png) top left no-repeat;}
#twitter_div a {text-indent: -9999px; display: block; width: 25px; height; 25px; position: absolute; top: 0; left: -35px; padding-right: 35px;}
#twitter_div a:hover {color: #888;}
#twitter_div span a {display: inline; text-indent: 0; width: auto; position: relative; left: 0; padding: 0; height: auto; color: #699aff;}
#twitter_div span a:hover {color: #fff;}

.hide {display: none;}

#lastfm_recent_userbadge {display: none !important;}
#lastfm_recent li {float: left; list-style: none; display: block; clear: both; border-bottom: 1px solid #eee; width: 100%; padding: 10px 0 5px 0;}
.lastfm_recent_image {float: left; margin: -5px 0 0 0; padding: 0;}
.lastfm_recent_image a {float: left; border: 1px solid #ccc; padding: 0; margin: 0 10px 0 0; width: 50px; height: 50px; overflow: hidden; }
.lastfm_recent_image img {margin: 2px;}
.lastfm_recent_title {line-height: 1em;}
.lastfm_recent_artist .lastfm_recent_title {font-size: 90%; color: #888; font-weight: bold;}
.lastfm_recent_date {font-size: 90%; color: #aaa;}
.lastfm_recent_artist {position: relative; top: -2px;}