body { font: 1.0em "Helvetica"; }
em { font-style: italic; }
strong { font-weight: bold; color: #000; }
span.pink { color: #bc4a6f; font-weight: bold; }


/* --- p's --- */
p { font-size: 0.7em; color: #333; line-height: 1.5em; }

#full p { margin: 0 0 10px 0; }
 #full .item p { margin: 0; padding: 5px 10px 10px 10px; }
 p.form-desc { font: 0.7em Helvetica; margin: 5px 0 0 0 !important; }
 p.form-input { margin-top: 1px !important; margin: 0 !important; }
 p.form-submit { text-align: right; margin: 10px 0 0 0 !important; }
 #footer p { position: relative; top: 45px; left: 85px; font: 0.75em Helvetica; color: #858484; }

/* --- img's --- */
img.left-image { margin-left: 15px; }
img.folio-full { border: 1px solid #761936; }
img.folio-left { float: left; margin: 0 10px 0 5px; }
img.folio-right { float: right; margin: 0 5px 0 10px; }

/* --- a's --- */ 
a:link { color: #761936; text-decoration: underline; }
a:visited { color: #333; text-decoration: underline; }
a:hover,
a:active { color: #333; text-decoration: none; }

span.pink a:link,
span.pink a:visited,
span.pink a:hover,
span.pink a:active { color: #bc4a6f; }

a#home-button:link,
a#home-button:visited { display: block; position: relative; float: left; width: 179px; height: 178px; top: 17px; left: 27px; text-indent: -9999px; }

a#home-button:hover,
a#home-button:active { background-image: url('/assets/images/home-hover.png'); }

a#easter-egg:link,
a#easter-egg:visited { float: right; position: relative; display: block; width: 90px; height: 48px; top: 27px; text-indent: -9999px; z-index: 9999; }

a#easter-egg:hover,
a#easter-egg:active { float: right; position: relative; display: block; width: 90px; height: 48px; top: 27px; text-indent: -9999px; z-index: 9999; }

/* --- h's --- */
h1 { font: 1.3em Helvetica; margin: 0 0 0 10px; }

#full h1 { margin: 0 0 1em 0; color: #d97293; }
h1 span { font: 1.2em "Courier New"; color: #bc4a6f; }
h2 { font: 0.8em "Trebuchet MS"; margin: 0 0 0 0; color: #666; }
h2#reverse { background-color: #d97293; color: #fff; padding: 3px; margin: 0; }
h2 span { color: #bc4a6f; }
h3 { font: 0.8em "Trebuchet MS"; margin: 0 0 0 0; background-color: #f9e6ec; color: #d97293; padding: 3px; }
.item h3 { margin-bottom: 10px; }
h3#normal, h3.normal { margin: 10px 0 0 0; padding: 0; color: #d97293; background-color: transparent; }
h4 { font: 0.8em "Trebuchet MS"; font-weight: bold; color: #333; margin: 0 0 5px 10px; }

/* --- lists --- */
ul { font-size: 0.7em; color: #333; line-height: 1.3em; margin: 0 15px 10px 25px; padding: 10px 0 0 0; }
ul li { margin: 0 0 3px 0; list-style-image: url('/assets/images/bullet_arrow.png'); }
#full .item ul { margin: -5px 5px 5px 25px; padding: 0; }
ul#errors { margin: 10px 0 0 0; padding: 0; font: 0.8em Helvetica; }
ul#errors li { list-style-type: none; list-style-image: none; border-top: 1px solid #A13B3B; padding: 2px 5px; margin: 3px 10px 3px 0; color: #333; background-image: url('/assets/images/error_bg.gif'); }
ul#errors li strong { font-weight: bold; color: #333; }

/* --- contact form --- */
input.text,
textarea { background-color: #fbf1f4; border: 1px solid #d969b0; width: 100%; font: 1.1em "Courier New"; color: #000; padding: 3px; margin: 0; }
input.text:focus,
textarea:focus { background-color: #fff; }

/* --- main divs --- */
#wrap { width: 780px; margin: 0 auto; }
#masthead { width: 780px; height: 205px; background-color: #fbf1f4; background-image: url('/assets/images/masthead.png'); background-repeat: no-repeat; }
#navigation { float: right; margin: 82px 12px 0 0; }
html > body #navigation { margin: 82px 24px 0 0; }
#content { width: 780px; padding: 0 0 10px 0; background-image: url('/assets/images/body_bg.png'); }
#full { /*margin: 0 0 0 105px; width: 640px;*/ margin: 0 30px 0 105px; /*IE fix*/ padding: 0 17px 0 0; /*IE fix*/ }
 #left-full { float: left; width: 49%; }
 #right-full { float: right; width: 49%; }
#full .offcenter-left { width: 30%; }
#full .offcenter-right { width: 65%; }
.item { border: 2px solid #f9e6ec; margin-bottom: 10px; }
#clients { margin: 15px 0 0 0; }
#col-1 { float: left; width: 33%; margin-right: 1%; }
 #col-2 { float: left; width: 32%; margin-right: 1%; }
 #col-3 { float: left; width: 33%; }
.right { width: 49%; float: right; margin: 0 10px 0 0; }

#home-page-photo { position: relative; width: 402px; height: 320px; float: right; margin: -46px 0 0 0; background-image: url('/assets/images/home-page-photo.jpg'); }
#about-page-photo { position: relative; width: 402px; height: 265px; float: right; margin: -46px 0 0 0; background-image: url('/assets/images/about-page-photo.jpg'); }
#accolades-page-photo { position: relative; width: 402px; height: 285px; float: right; margin: -46px 0 0 0; background-image: url('/assets/images/accolades-page-photo.jpg'); }
#clients-page-photo { position: relative; width: 402px; height: 307px; float: right; margin: -46px 0 0 0; background-image: url('/assets/images/clients-page-photo.jpg'); }
#love-page-photo { position: relative; width: 402px; height: 303px; float: right; margin: -46px 0 0 0; background-image: url('/assets/images/love-page-photo.jpg'); }
#contact-form { padding-right: 15px; }
#footer { width: 780px; height: 75px; background-image: url('/assets/images/footer.png'); }

/* --- navigation --- */
#navigation ul { margin: 0; padding: 0; }
#navigation ul li { display: inline; }
#navigation ul li a { display: block; float: left; height: 50px; background-image: url('/assets/images/navigation.png'); text-indent: -9999px; }
#navigation ul li#about a { width: 82px; background-position: 0 0; }
#navigation ul li#about a:hover { width: 82px; background-position: 0 50px; }
#navigation ul li#accolades a { width: 110px; background-position: 451px 0; }
#navigation ul li#accolades a:hover { width: 110px; background-position: 451px 50px; }
#navigation ul li#clients a { width: 89px; background-position: 341px 0; }
#navigation ul li#clients a:hover { width: 89px; background-position: 341px 50px; }
#navigation ul li#inkfolio a { width: 95px; background-position: 252px 0; }
#navigation ul li#inkfolio a:hover { width: 95px; background-position: 252px 50px; }
#navigation ul li#love a { width: 66px; background-position: 157px 0; }
#navigation ul li#fleas a { width: 66px; background-position: 157px 0; }
#navigation ul li#love a:hover { width: 66px; background-position: 157px 50px; }
#navigation ul li#fleas a:hover { width: 66px; background-position: 157px 50px; }
#navigation ul li#contact a { width: 91px; background-position: 91px 0; }
#navigation ul li#contact a:hover { width: 91px; background-position: 91px 50px; }


/*sidebars added in 2012*/

#socialmedia { float: right; width: 140px; border: 1px solid #d97293; background-color: #fbf8f6; margin: 1em 0 1em 1.5em; padding: 0.3em .5em 0.5em 0.2em;

/*rotation*/
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);

/*Shadow*/
-webkit-box-shadow: 3px 3px 5px 0px #ea658e;
-moz-box-shadow: 3px 3px 5px 0px #ea658e;
box-shadow: 3px 3px 5px 0px #ea658e;

}
#socialmedia p { text-align: center; font-weight: bold; font-size: 0.8em; color: #d97293; }

.pullquote { float: right; width: 270px; margin: 0.5em 0 0 1.5em; background: url(/assets/images/doublequote.png) no-repeat; overflow: auto; }
.pullquote p { float: right; padding-top: 0.5em; width: 220px; color: #d97293!important; font-size: 0.9em; font-family: sans-serif; font-style: italic; }
.pullquote p.attribution { width: 210px; padding: 0!important; color: black!important; font-style: normal; text-align: right; font-size: 75%; margin: 0 0 2em 0; }
.pullquote p span.name { font-weight: bold; }


div.tallsidebar { float: right; width: 272px; margin: 0.5em 0 1em 1.5em; }
div.tallsidebar div#socialmedia { float: none; margin: 0 0 1em 50px; }
div.tallsidebar .pullquote { height: auto; background: url(/assets/images/doublequote.png) no-repeat; float: none; width: 270px; margin: 1em 0 0.5em 0; overflow: auto; }

div.quotenowrap .pullquote { float: none!important; margin: 1.5em 0 2em 0; }