@font-face {
      font-family: "Delicious";
      src: url("/Delicious-Roman.otf");
    }


/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.2;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:90%;color:#666;background:#fff;font-family: Delicious, Arial, "Abadi MT Condensed Light","Helvetica Neue", Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.8em;margin-bottom:0.75em}
h3 {font-size:1.2em;line-height:1.2;margin-bottom:1em}
h4 {font-size:1em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#009;}
a {color:#3a377a;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.clear {clear:both}



/*Home Page 
********************/

h1#home-logo {text-indent: -9999px; width:218px; height:61px; display:block; background: url(/images/melissa-welsh-photography-logo.gif) no-repeat; margin: 100px auto 20px auto; padding-right:10px}

#home-images {width:950px; margin: 0 auto 0 auto; height: 313px}
#home-images div {width:179px; margin: 0 10px 0 0; float: left}

#home-menu {clear:left; width:950px; margin: 40px auto 80px auto; text-align: center; text-transform: lowercase; font-size: 14px}
#home-menu a {text-decoration: none} 
#home-menu a:link, #home-menu a:visited {color:#999} 
#home-menu a:hover, #home-menu a:active {color:#333} 


.container {width: 950px; margin: 40px auto 80px auto; border: 1px solid #7f7f7f; position: relative}

#header {margin:20px 20px 40px 20px; border-bottom: 1px solid #7f7f7f}

h1#logo {width:176px; height:49px; display: block; background: url(/images/mw-logo-sml.gif) no-repeat; text-indent: -9999px}

#menu {width:140px; float:left; margin: 80px 0px 40px 20px;}
#menu ul, #menu li {list-style: none; margin: 0 0 0 0; text-align: right; font-size: 14px}
#menu a {display: block; padding: 0px 30px 10px 0; text-decoration: none; color: #999; text-transform: lowercase}
#menu a:hover, #menu a:active {color:#333}
#menu a.on {background: url(/images/menu-arrow.gif) top right no-repeat; color: #3a377a}


#main {width:600px; float:right; margin: 0 100px 40px 40px}


#client-menu {position: relative; width:140px; padding: 0 0 0 0px;  text-transform: lowercase }
#client-menu ul {list-style: none; margin: 10px 0 0 0;}
#client-menu li {list-style: none; margin: 0 0 0 0; text-align: right; font-size: 14px}
#client-menu li a {display: block; padding: 0px 30px 10px 0; text-decoration: none; color: #999}
#client-menu li a:hover, #blog-options li a:active {color:#333}
#client-menu li a.on {background: url(/images/menu-arrow.gif) top right no-repeat; color: #3a377a}

#client-menu h2 {text-transform: lowercase; font-size: 14px; text-align: right; margin: 30px 0px 0px 0; color: #999; letter-spacing: .1em}
#client-menu h2 a {text-decoration: none; color:#666; padding: 0 30px 0 0}
#client-menu a.on {background: url(/images/menu-arrow.gif) top right no-repeat; color: #3a377a}


#clients h2.title {font-family:Palatino, serif; color:#999; font-size: 20px; padding: 5px 0 3px 4px; position: relative; left:-4px}

#clients .more {text-align: right; margin: 0 20px 5px 0}
#clients .more a {text-decoration: none; padding: 0 0 0 20px; background: url(/images/menu-arrow.gif) no-repeat}
#clients .more a:link, #clients .more a:visited {color:#999;}
#clients .more a:hover, #clients .more a:active {color:#3a377a}

.testimonial {font-style: italic; font-size: 15px; margin: 20px 20px 0 0 !important; padding: 0; font-family: Georgia, serif}
.testimonial p {margin: 0; padding: 0 0 5px 0}
.person {font-style: normal; font-size: 14px; text-align: right; margin: 0px 20px 40px 0;  padding: 0}


#gallery-menu {position: relative; width:140px; padding: 0px 0 0 0px;  text-transform: lowercase }
#gallery-menu ul {list-style: none; margin: 20px 0 0 0; text-align: right;}
#gallery-menu li {list-style: none; margin: 0 0 0 0; text-align: right; font-size: 14px}
#gallery-menu li a {display: block; padding: 0px 30px 10px 0; text-decoration: none; color: #999}
#gallery-menu li a:hover, #gallery-menu li a:active {color:#333}
#gallery-menu li a.on {background: url(/images/menu-arrow.gif) top right no-repeat; color: #3a377a}

#gallery-menu h2 {text-transform: lowercase; font-size: 14px; text-align: right; margin: 40px 30px 15px 0; color: #999; letter-spacing: .1em}

.line {border-bottom: 1px solid #999; height:1px; position: relative; width:160px; position: relative; margin-right: -20px}


#blog-options {position: relative; width:140px; padding: 0;  text-transform: lowercase }
#blog-options ul, #blog-options li {list-style: none; margin: 0 0 0 0; text-align: right; font-size: 12px}
#blog-options li a {display: block; padding: 0px 30px 10px 0; text-decoration: none; color: #999}
#blog-options li a:hover, #blog-options li a:active {color:#333}
#blog-options li a.on {background: url(/images/menu-arrow.gif) top right no-repeat; color: #3a377a}

#blog-options h2 {text-transform: lowercase; font-size: 12px; text-align: right; margin: 40px 30px 15px 0; color: #999; letter-spacing: .1em}

#subscribe {border-bottom: 1px solid #999; border-top: 1px solid #999; position: relative; width:160px}

.rss a {padding: 0 0 0 20px !important; background: url(/images/rss-icon.gif) no-repeat; font-size:100%; color: #666; text-decoration: none; display: block; height:20px; text-transform: lowercase}
#subscribe h2 {text-transform: lowercase; font-size: 12px; text-align: left; margin: 20px 30px 15px 0; }
#subscribe p {font-size: 80%}

#blog h3.date {font-size: 18px; color:#999}
#blog h2.title {font-family:Palatino, Georgia, serif; background: #ccc url(/images/blog-title-bg.png) repeat-x; color:#666; font-size: 20px; padding: 5px 0 3px 4px; position: relative; left:-4px; }
#blog h2.title span {font-size: 12px; display: block; padding: 0px 8px 0 0; font-family: "Abadi MT Condensed Light",sans-serif; position: absolute; top:8px; right:5px}
.entry p {font-size: 90%}
.posted {border:1px solid #ddd; padding: 4px; position: relative; left:-4px; margin-bottom: 20px; font-size: 80%}

.comments-title {border-top: 1px solid #ccc; padding-top: 20px}

.paginate {margin: 20px 0 20px 0; font-size: 12px}
.paginate {padding:4px; border: 1px solid:#ccc}

.links-line {height: 2px; width:910px; position:absolute; top: 390px; left: 20px; border-bottom: 1px solid #7f7f7f}

.col {width:180px; float: left; padding: 100px 20px 0 0}

.linklogos {height:100px; text-align: center;  margin-top: 100px}
.linklogos a {padding-right:10px;}

#contact-image {width:368px; float:left;}
#contact-body {width:200px; margin:300px 0 0 30px; float:left; background: url(/images/menu-arrow.gif) no-repeat}
#contact-body p {margin-left:20px}

#footer {clear: both}