/*
---------------------------------------------------------------
Developed By Megan Finn-Niznik (http://meganfinn-niznik.com)

http://meganfinn-niznik.com
Version: 1
---------------------------------------------------------------
*/
/*--Colors--*/
/*--LESS definitions--*/
.capitalize {
  text-transform: uppercase;
}
@font-face {
  font-family: ng;
  src: url('../fonts/ng.eot');
  src: local('News Gothic MT Regular'), local('News Gothic MT'), url('../fonts/ng.eot?iefix') format('eot'), url('../fonts/ng.ttf') format('truetype'), url('../fonts/ng.woff') format('woff'), url('../fonts/ng.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: ng;
  src: url('../fonts/ngbold.eot');
  src: local('News Gothic MT Bold'), local('News Gothic MT'), url('../fonts/ngbold.eot?iefix') format('eot'), url('../fonts/ngbold.ttf') format('truetype'), url('../fonts/ngbold.woff') format('woff'), url('../fonts/ngbold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: ng;
  src: url('../fonts/ngitalic.eot');
  src: local('News Gothic MT Italic'), local('News Gothic MT'), url('../fonts/ngitalic.eot?iefix') format('eot'), url('../fonts/ngitalic.ttf') format('truetype'), url('../fonts/ngitalic.woff') format('woff'), url('../fonts/ngitalic.svg') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: aller_light;
  src: url('../fonts/aller_light.eot');
  src: local('Aller Light Regular'), local('Aller Light'), url('../fonts/aller_light.eot?iefix') format('eot'), url('../fonts/aller_light.ttf') format('truetype'), url('../fonts/aller_light.woff') format('woff'), url('../fonts/aller_light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: aller;
  src: url('../fonts/aller.eot');
  src: local('Aller Regular'), local('Aller'), url('../fonts/aller.eot?iefix') format('eot'), url('../fonts/aller.ttf') format('truetype'), url('../fonts/aller.woff') format('woff'), url('../fonts/aller.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: aller;
  src: url('../fonts/aller_italic.eot');
  src: local('Aller Italic'), local('Aller'), url('../fonts/aller_italic.eot?iefix') format('eot'), url('../fonts/aller_italic.ttf') format('truetype'), url('../fonts/aller_italic.woff') format('woff'), url('../fonts/aller_italic.svg') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: aller;
  src: url('../fonts/aller_bold.eot');
  src: local('Aller Bold'), local('Aller'), url('../fonts/aller_bold.eot?iefix') format('eot'), url('../fonts/aller_bold.ttf') format('truetype'), url('../fonts/aller_bold.woff') format('woff'), url('../fonts/aller_bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}
/*--Resets--*/
* {
  margin: 0;
  padding: 0;
}
nav,
footer,
header,
figcaption,
section,
aside {
  display: block;
}
figure {
  display: inline-block;
}
ul {
  list-style: none;
}
a {
  color: #C38901;
}
a:hover {
  color: #ff9f00;
}
small {
  font-size: 1em;
}
span {
  font-weight: bold;
}
img {
  vertical-align: bottom;
}
a img{
	border:none;
}
/*--Global--*/
html {
  background: url(../images/design/page_bg.jpg);
}
body {
  background: url(../images/design/header_bg.jpg) repeat-x;
  background: url(../images/design/header_bottom_bg.png) 0 145px repeat-x, url(../images/design/header_bg.jpg) 0 0 repeat-x;
  padding-top: 20px;
  font: 16px ng, Arial, Helvetica, sans-serif;
}
header,
#content,
#footer_wrap,
#credits {
  margin: 0 auto;
  width: 940px;
  padding: 0 10px;
}
/*--Headers--*/
h1 {
  float: left;
  margin-right: 82px;
}
h1 a {
  display: block;
  background: url('../images/design/logo.png') no-repeat;
  width: 203px;
  height: 114px;
  text-indent: -9999px;
}
h2 {
  border-top: 1px solid #d8c6a9;
  border-bottom: 1px solid #d8c6a9;
  background: #e4d7c3;
  background: rgba(203, 157, 77, 0.11);
  text-align: center;
  padding: 6px 0;
  font: normal normal normal 1.52em 'aller_light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #8b6f3f;
  margin: 30px 0 35px;
  text-shadow: 0 1px 0 #fff;
}
h2 strong {
  font-weight: normal;
  font-family: aller, Arial, Helvetica, sans-serif;
  color: #806333;
}
h2 span {
  display: block;
  font: bold 1.98em aller, Arial, Helvetica, sans-serif;
  color: #806333;
  margin-bottom: 8px;
}
h6 {
  font: bold 1.5em Aller, Helvetica, Arial, sans-serif;
  color: #ef9b0e;
  text-shadow: 0 2px 1px #483302;
  margin-bottom: 8px;
}
header {
  overflow: hidden;
}
nav#global {
  float: left;
  background: url(../images/design/tab_ends.png) no-repeat;
  width: 565px;
  padding: 0 39px 0 45px;
  margin-top: 12px;
}
nav#global ul {
  overflow: hidden;
  background: url(../images/design/tab_bg.png) 0 10px repeat-x;
  margin-top: -10px;
}
nav#global li {
  float: left;
  margin-right: 45px;
  padding-bottom: 28px;
}
nav#global li.contact {
  margin-right: 0;
}
nav#global a {
  display: block;
  padding: 78px 0 0 0;
  text-decoration: none;
  font: 1.45em aller, Arial, Helvetica, sans-serif;
  color: #815919;
  text-align: center;
  text-shadow: 0 2px 0 #fff;
  background: url(../images/design/nav_icons.png) no-repeat;
}
nav#global .portfolio a {
  background-position: 22px 44px;
}
nav#global .portfolio a:hover {
  background-position: 22px -34px;
}
nav#global .portfolio a.selected {
  background-position: 22px -137px;
}
nav#global .blog a {
  background-position: -71px 44px;
}
nav#global .blog a:hover {
  background-position: -71px -33px;
}
nav#global .blog a.selected {
  background-position: -71px -137px;
}
nav#global .services a {
  background-position: -114px 44px;
}
nav#global .services a:hover {
  background-position: -114px -34px;
}
nav#global .services a.selected {
  background-position: -115px -137px;
}
nav#global .about a {
  background-position: -181px 44px;
}
nav#global .about a:hover {
  background-position: -181px -34px;
}
nav#global .about a.selected {
  background-position: -183px -137px;
}
nav#global .contact a {
  background-position: -232px 44px;
}
nav#global .contact a:hover {
  background-position: -232px -34px;
}
nav#global .contact a.selected {
  background-position: -242px -137px;
}
ul#social {
  float: right;
  margin-top: -13px;
  padding-right: 5px;
}
ul#social li {
  float: left;
  margin-right: 10px;
}
ul#social a {
  background: url('../images/design/social.png') no-repeat;
  width: 38px;
  height: 63px;
  text-indent: -9999px;
  display: block;
}
ul#social .lastfm {
  background-position: -38px 0;
}
ul#social .linkedin {
  background-position: -76px 0;
}
ul#social .facebook {
  background-position: -114px 0;
}
ul#social .getglue {
  background-position: -152px 0;
}
ul#social .dribbble {
  background-position: -190px 0;
}
#content {
  padding-bottom: 10px;
  position: relative;
}
p.button, form p {
  -webkit-box-shadow: 0 2px 4px #034300;
  -moz-box-shadow: 0 2px 4px #034300;
  box-shadow: 0 2px 4px #034300;
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 1px;
  margin-top: 11px;
  background: #3dba2a;
  background-image: -moz-linear-gradient(center top, #3dba2a 0%, #0d8e10 100%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3dba2a), to(#0d8e10));
}
p.button a,
form p a,
p.button input,
form p input {
  color: #fff;
  text-shadow: 0 -1px 0 #149414;
  text-decoration: none;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.24);
  padding: 8px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font: italic 0.9em "Aller", Arial, Helvetica, sans-serif;
}
hr {
  border: none;
  background: url(../images/design/folder_bend.png) repeat-x;
  height: 37px;
  position: absolute;
  width: 100% !important;
}
footer {
  background: url(../images/design/footer_bg.jpg);
  margin-top: 29px;
  padding-top: 36px;
  overflow: hidden;
}
footer #footer_wrap {
  overflow: hidden;
}
footer #footer_wrap .resources, footer #footer_wrap .projects, footer #footer_wrap .social {
  float: left;
}
footer #footer_wrap .resources {
  width: 211px;
  margin-right: 75px;
}
footer #footer_wrap .resources a {
  color: #fbca77;
  text-shadow: 0 2px 1px #483302;
  font: 1.2em Aller, Helvetica, Arial, sans-serif;
}
footer #footer_wrap .resources a:hover {
  color: #ffaa1b;
}
footer #footer_wrap .resources img {
  background: url(../images/design/footer_elements.png) no-repeat;
  padding: 5px;
  -webkit-box-shadow: 0 2px 4px #241000;
  -moz-box-shadow: 0 2px 4px #241000;
  box-shadow: 0 2px 4px #241000;
}
footer #footer_wrap .resources p {
  margin-bottom: 6px;
  font-size: .95em;
  line-height: 1.7em;
}
footer #footer_wrap .projects {
  width: 211px;
  margin-right: 80px;
}
footer #footer_wrap .projects li {
  background: url(../images/design/footer_elements.png) -152px 0 no-repeat;
  -webkit-box-shadow: 0 2px 4px #241000;
  -moz-box-shadow: 0 2px 4px #241000;
  box-shadow: 0 2px 4px #241000;
  padding: 5px;
  margin-bottom: 26px;
}
footer #footer_wrap .projects span {
  display: block;
  color: #714100;
  font-size: 1.2em;
  text-align: center;
  padding-top: 7px;
  text-shadow: 0 1px 0 #f4dcbb;
}
footer #footer_wrap .social {
  width: 360px;
}
footer #footer_wrap .social div {
  background: url(../images/design/footer_elements.png) -4px -192px no-repeat;
  -webkit-box-shadow: 0 2px 4px #241000;
  -moz-box-shadow: 0 2px 4px #241000;
  box-shadow: 0 2px 4px #241000;
  overflow: hidden;
  height: 99px;
  position: relative;
}
footer #footer_wrap .social div ul {
  position: absolute;
}
footer #footer_wrap .social div li {
  width: 330px;
  padding: 12px 15px;
}
footer #footer_wrap .social div .more {
  text-align: center;
}
footer #footer_wrap .social div .more a {
  font-size: 1.4em;
  font-weight: bold;
  color: #a7844d;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffe4c2;
}
footer #footer_wrap .social div .more span {
  font-size: 1.5em;
  display: block;
}
footer #footer_wrap .social a {
  color: #4d2c00;
}
footer #footer_wrap .social a:hover {
  color: #fff;
  text-shadow: none;
}
footer #footer_wrap .social li {
  margin-bottom: 0;
  overflow: hidden;
  float: left;
  padding-bottom: 14px;
}
footer #footer_wrap .social dl, footer #footer_wrap .social p {
  color: #714100;
  text-shadow: 0 1px 0 #f4dcbb;
}
footer #footer_wrap .social .tweet {
  width: 248px;
  font-size: .9em;
  line-height: 1.3em;
  word-wrap: break-word;
}
footer #footer_wrap .social .twitter li {
  padding-top: 8px;
  padding-bottom: 20px;
}
footer #footer_wrap .social dl {
  width: 240px;
}
footer #footer_wrap .social dt {
  font-weight: bold;
  font-size: 1.1em;
}
footer #footer_wrap .social dt, footer #footer_wrap .social dd {
  margin-bottom: 3px;
}
footer #footer_wrap .social .meta {
  font-size: .6em;
  display: block;
  overflow: hidden;
}
footer #footer_wrap .social .meta span {
  float: left;
}
footer #footer_wrap .social .meta time {
  float: right;
}
footer #footer_wrap .social .twitter_bird {
  background: url('../images/design/twitter_bird.png') no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  display: inline-block;
}
footer #footer_wrap .social .avatar,
footer #footer_wrap .social .tweet,
footer #footer_wrap .social .album_art,
footer #footer_wrap .social .cover_art,
footer #footer_wrap .social dl {
  float: left;
}
footer #footer_wrap .social .avatar, footer #footer_wrap .social .album_art, footer #footer_wrap .social .cover_art {
  margin-right: 12px;
}
footer #footer_wrap .social .avatar {
  background: #f8efe6;
  -webkit-box-shadow: 0 1px 3px #000000;
  -moz-box-shadow: 0 1px 3px #000000;
  box-shadow: 0 1px 3px #000000;
  padding: 3px;
  border: 1px solid #663400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  margin-top: 2px;
}
footer #footer_wrap .social .avatar a.replyto {
  position: absolute;
  bottom: 3px;
  right: 3px;
}
footer #footer_wrap .social .avatar span.actions {
  position: absolute;
  left: 3px;
  bottom: -22px;
}
footer #footer_wrap .social .avatar span.actions a {
  display: inline-block;
}
footer #footer_wrap .social .avatar .reply {
  background: url('../images/design/twitter_btns.png') no-repeat 0 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
footer #footer_wrap .social .avatar .reply:hover {
  background: url('../images/design/twitter_btns.png') no-repeat -16px 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
footer #footer_wrap .social .avatar .retweet {
  background: url('../images/design/twitter_btns.png') no-repeat -80px 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
footer #footer_wrap .social .avatar .retweet:hover {
  background: url('../images/design/twitter_btns.png') no-repeat -96px 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
footer #footer_wrap .social .avatar .favorite {
  background: url('../images/design/twitter_btns.png') no-repeat -32px 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
footer #footer_wrap .social .avatar .favorite:hover {
  background: url('../images/design/twitter_btns.png') no-repeat -48px 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}
footer #footer_wrap .social .album_art, footer #footer_wrap .social .cover_art {
  position: relative;
}
footer #footer_wrap .social .album_art span, footer #footer_wrap .social .cover_art span {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #838383;
  -webkit-box-shadow: 0 2px 4px #000000;
  -moz-box-shadow: 0 2px 4px #000000;
  box-shadow: 0 2px 4px #000000;
}
footer #footer_wrap .social .album_art img {
  margin-left: 7px;
  background: #ffffff;
}
footer #footer_wrap .social .album_art span {
  width: 69px;
  height: 62px;
  background: url(../images/design/footer_elements.png) -81px -122px;
}
footer #footer_wrap .social .cover_art span {
  width: 46px;
  height: 62px;
  background: url(../images/design/footer_elements.png) 0 -122px;
}
footer #footer_wrap .social .feed_pages {
  clear: both;
  overflow: hidden;
  background: #7a4c0d;
  border: 1px solid #583402;
  font-size: .7em;
  margin-top: 2px;
  opacity: .7;
}
footer #footer_wrap .social .feed_pages li {
  padding: 0;
}
footer #footer_wrap .social .feed_pages li.prev {
  float: left;
}
footer #footer_wrap .social .feed_pages li.prev a {
  padding-right: 30px;
}
footer #footer_wrap .social .feed_pages li.next {
  float: right;
}
footer #footer_wrap .social .feed_pages li.next a {
  padding-left: 30px;
}
footer #footer_wrap .social .feed_pages a {
  color: #ebd49c;
  text-decoration: none;
  padding: 2px 5px;
  display: block;
  font-weight: bold;
}
footer #footer_wrap ul {
  margin-bottom: 41px;
}
footer #footer_wrap li {
  margin-bottom: 7px;
}
#credits_wrap {
  background: url(../images/design/copyright_bg.png) repeat-x;
  overflow: hidden;
  clear: both;
  color: #ccb888;
  padding-top: 8px;
  height: 41px;
}
#credits_wrap p {
  line-height: 1.1em;
  overflow: hidden;
}
#credits_wrap a {
  color: #ee8306;
}
#credits_wrap a:hover {
  color: #ffb258;
}
small {
  font-size: .7em;
  display: block;
}
.colophon {
  width: 454px;
  float: left;
}
.copyright {
  float: right;
  line-height: 38px;
}
/*--Forms--*/
form dl {
  margin-bottom: 20px;
}
form dl input, form dl textarea {
  background: #fff;
  border: 1px solid #cbcbcb;
  padding: 4px;
}
form dl input {
  height: 18px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff), color-stop(0.08, #f0f0f0));
  background: -moz-linear-gradient(center top, #ffffff 0%, #f0f0f0 8%, #ffffff 100%);
}
form dl textarea {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff), color-stop(0.02, #f0f0f0));
  background: -moz-linear-gradient(center top, #ffffff 0%, #f0f0f0 2%, #ffffff 100%);
}
form dt {
  margin-bottom: 3px;
}
form .message {
  font-style: italic;
  font-size: .9em;
  background: #B00000;
  color:#fff;
  margin-top: 3px;
  padding:3px 5px;
  display:inline-block;
}
#content form p.message {
  color: #fff;
  background: #B00000;
  margin-bottom: 5px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow: 0 0 0 #ffffff;
  -moz-box-shadow: 0 0 0 #ffffff;
  box-shadow: 0 0 0 #ffffff;
}
form p {
  margin-top: 0;
}
form p input {
  background: none;
  cursor: pointer;
}
#entry p.message {
  color: #b00000;
}