/*
Theme Name: Melissa Frost Design 2.000000000
Theme URI: http://melissafrostdesign.com
Description: Melissa Frost Design  2.000000000000
Version: 2 (WP2.6.2)
Author: Brad Frost Web
Author URI: http://bradfrostweb.com
Tags: frost
*/

/*******************RESET CSS*******************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, font, img, small, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: middle;background: transparent;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
legend {display: none;}
header, section { display: block; }
/****************END RESET********************/

/****************Global Elements**************/
body { font: 120%/1.6 "Helvetica Neue", Helvetica, Arial, sans serif; background: url(images/bg.jpg) repeat-y 50% 0; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; color: #373737; text-align: center; }
h1 { text-transform: uppercase; font: 1.2em normal "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-rendering: optimizeLegibility; letter-spacing: 0.06em; }
h2 { color: #373737; text-transform: uppercase; font: 1.1em normal "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-rendering: optimizeLegibility; letter-spacing: 0.06em; margin: 15px 0; padding: 0.2em 0; border-bottom: 1px solid #9c9c9c; clear: left;  }
h3 { color: #373737; font: 1.1em normal "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; text-transform: uppercase; margin: 12px 0; letter-spacing: 1px; }
h4 { color: #373737;font-weight: normal; font-size: 14px; }
h2 a,h3 a,h4 a { text-decoration: none; }
h2 a { color: #373737; }
p { margin: 0 0 12px 0;}
a { color: #373737; }
a:hover { color: #37b0e7; }
form { }
input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans serif; border: 1px solid #9C9C9C; color: #737373; font-size: 14px; padding: 3px; width: 75%; }
textarea { width: 97%; }
input:focus, textarea:focus { border: 1px solid rgba(181,181,181,1); }
label { display: block; text-transform: uppercase; padding-bottom: 3px; }
select {  width: 183px; padding: 2px; }
object { margin: 0 auto; display: block; margin-bottom: 20px; border: 1px solid rgba(181,181,181,.5); }
td { padding: 4px 0; }
ol  { list-style: decimal; }
::-moz-selection{background:#000; color:#fff;}
::selection {background:#000; color:#fff;}
/****************End Global Elements**********/

/****************Classes**************/
.right { float: right; padding: 0 0 20px 20px;}
.left { float: left; padding: 0 20px 20px 0;}
.clear { clear: both; height: 0; }
.hide { display: none; }
.last { margin-right: 0; padding-right: 0; border-right: none; }
.selected { color: #999; }
#submit, .btn { width: auto; cursor: pointer; background: url(images/bg_btn.png) repeat-x 0 100% #55c0ed; color: #fff; text-transform: lowercase; -moz-border-radius: 10px; border: 0; padding: 4px 14px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); text-decoration: none; }
#submit:hover, .btn:hover { color: #37b0e7; background: url(images/bg_btn_over.png) repeat-x 0 100% #fff;  }
/****************End Clasees**************/

/****************Structure*********************/
#container { margin: 0 auto; text-align: left; padding: 0 1em; max-width: 945px; position: relative; }
header { text-align: left; padding: 1em 1em 6em; }
header a { text-decoration: none; }
header li { font: 0.9em normal "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; display: inline-block; text-transform: lowercase; padding: 0 0.5em 0 0; }
header li:first-child { border-right: 1px solid #373737; margin-right: 0.5em;}
header li a.nav-digital, .page-id-503 header li a.nav-illustration { color: #37b0e7; }
.page-id-503 header li a.nav-digital { color: #373737; }
.one-col #main { width: 100%; }

section { overflow: hidden; padding-bottom: 20px; }

.post {}
.date { text-align: right; margin-top: -36px; color: #fff; font-size: 11px; font-style: italic; font-weight: bold; float: right; }
.entry { }
.wp-caption { background: #222; padding: 9px 0 9px 9px; font-style: italic; margin-bottom: 20px; }
.wp-caption img { display: block; margin-bottom: 7px; }
.wp-caption p { margin-bottom: 0; }

footer { display: block; clear: both; width: 100%; text-align: center; color: #ddd; }
/****************End Structure******************/

/****************Pages*********************/
#portfolio-list { overflow: hidden; width: 975px; }
#portfolio-list li { float: left; margin: 0 20px 18px 0; }
#portfolio-list li img { border: 1px solid rgba(181,181,181,.5); }

#portfolio-content.active { padding-top: 20px; }
#portfolio-content img { display: block; border: 1px solid rgba(181,181,181,.5); margin: 0 auto 12px; }

#about h2 { background-position: 0 -32px; }
#about img { border: 1px solid rgba(181,181,181,.5); margin: 4px 15px 15px 0; float: left; }

#resume h2 { background-position: 0 -63px; }

#contact h2 { background-position: 0 -96px; }
#contact-form { display: none; }

#play h2 { background-position: 0 -128px; }

#photoAlbum { width: 675px; }
#photoAlbum img { border: 1px solid rgba(181,181,181,.5); margin: 0 16px 16px 0; }
#photoAlbum img:hover { border: 1px solid rgba(181,181,181,1); }
/****************End Pages*********************/

/****************Plugins*********************/
span.wpcf7-not-valid-tip-no-ajax { font-size: 9px; padding-top: 5px; }
/****************End Plugins*********************/