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

SPOKEHQ

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

/* RESET - Based on the Eric Meyer's reset.css with one or two changes. */

* {
margin: 0;
padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
}

html {
overflow-y: scroll;
}

a {
color: #ef4a11;
text-decoration: none;
}

ul,ol {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

blockquote {
background: #eee;
padding: 12px 15px 8px;
text-align: left;
color: #333;
}

blockquote p {
margin: 0 !important;
}

cite {
background: #eee;
text-align: right;
display: block;
padding: 0 15px 7px;
margin-bottom: 1em;
}

textarea, input {
font: normal 1em/1.8em  helvetica, arial;
color: #444;
}

/* End RESET */

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-bottom: .5em;
}

ol {
margin: 0 0 10px 1.5em;
}

ol {
list-style-type: decimal;
}

a:hover {
text-decoration: underline;
}

hr {
color: #f00;
background-color: #eee;
height: 3px;
border: none;
margin: 2em 0;
}

strong {
font-weight: bold;
}

/* =LAYOUT */

#page {
width: 100%;
margin: 0 auto;
}

body {
background-color: #e1e0cf;
font: .76em/1.5em helvetica, arial, sans-serif;
padding: 0;
color: #666;
}

#header, #nav, #content-wrap {
background-color: #efeddf;
}

#header-inner, #nav-inner, #content-mote, #footer-inner, #banner {
width: 776px;
margin: 0 auto;
}

/* =HEADER */

#header {
padding-top: 62px;
height: 40px;
padding-bottom: 25px;
_padding-bottom: 0;
position: relative;
}

#header-inner {
height: 60px;
position: relative;
}

#branding {
padding-left: 15px;
float: left;
display: block;
}

#mark {
background: url(/media/spoke_logo_tagline.gif) no-repeat 0 0;
display: block;
width: 200px;
height: 0 !important;
height /**/:

37px;
padding: 37px 0 0 0;
overflow: hidden;
text-indent: -9000px;
margin-bottom: 0;
float: left;
position: relative;
}

#tagline {
background: url(/media/spoke_logo_tagline.gif) no-repeat -200px 0;
display: block;
width: 270px;
height: 0 !important;
height /**/:

57px;
padding: 37px 0 0 0;
overflow: hidden;
text-indent: -9000px;
margin-bottom: 0;
float: left;
}

.client-extranet a {
background: url(/media/client_extranet_btn2.png);
text-indent: -9000px;
display: block;
width: 122px;
height: 19px;
outline: 0;
position: absolute;
right: 15px;
bottom: 40px;
}

.client-extranet a:hover {
background-position: 0 -19px;
}

/* =NAV */

#nav {
color: #999;
clear: both;
}

#nav-inner {
/*

background: #534F4E url(/media/nav_bg.gif) repeat-x top;*/
background: #534F4E;
height: 32px;
padding-top: 6px;
overflow: hidden;
}

#nav ul {
list-style: none;
padding: 0;
}

#nav li {
list-style: none;
display: inline;
height: 26px;
line-height: 26px;
overflow: hidden;
display: block;
float: left;
width: 102px;
text-align: center;
margin-right: 17px;
}

#nav a {
color: #F1EEE5;
font-size: 11px;
height: 26px;
line-height: 26px;
text-transform: uppercase;
display: block;
}

#nav a:hover,
.services #nav li.services,
.work #nav li.work,
.about #nav li.about,
.partners #nav li.partners,
.blog #nav li.blog,
.contact #nav li.contact {
background-color: #333;
/

* nod to IE6 wooo! */
}

.services #nav li.services[class],
.work #nav li.work[class],
.about #nav li.about[class],
.partners #nav li.partners[class],
.blog #nav li.blog[class],
.contact #nav li.contact[class] {
background: #333 url(/media/nav_item_lt2.png) no-repeat 0 0;
color: #fff;
}

.services #nav li.services[class] a,
.work #nav li.work[class] a,
.about #nav li.about[class] a,
.partners #nav li.partners[class] a,
.blog #nav li.blog[class] a,
.contact #nav li.contact[class] a {
background: url(/media/nav_item_rt2.png) no-repeat right top;
color: #fff;
}

#nav li:hover {
background: #444 url(/media/nav_item_lt2.png) no-repeat left top;
color: #fff;
}

#nav li:hover a {
background: url(/media/nav_item_rt2.png) no-repeat right top;
color: #fff;
text-decoration: none;
}

#nav li.home {
/

*background: url(/media/nav_divider2.gif) no-repeat right 1px;*/
display: block;
float: left;
width: 35px;
height: 26px;
text-indent: -9000px;
margin-left: 10px;
}

#nav li.home a {
background-image: url(/media/nav_home_sprite2.gif);
background-position: 0 -26px;
background-repeat: no-repeat;
width: 35px
}

#nav li.home a:hover {
background-position: 0 -52px;
}

.home #nav li.home a {
background-position: 0 -78px;
}

#nav li.contact {
margin-right: 0;
}

/* =CONTENT */

#content-wrap {
width: 100%;
}

#content-mote {
background: #EFEDDF url(/media/content_bg2.png) no-repeat center bottom;
position: relative;
padding-left: 12px;
padding-right: 12px;
min-height: 400px;
}

#content {
background: #fff;
}

.subpage #content h1.page-title,
.permalink #content h1.page-title {
background: #ea430c url(/media/backdrop_orange.png) no-repeat right 90%;
font: normal 16px/1.3em "helvetica neue", arial;
margin-bottom: .5em;
color: #fff;
position: absolute;
top: 0px;
left: 12px;
padding: 15px 0 15px 21px;
width: 501px;
}

.onecol #content h1.page-title,
.work #content h1.page-title {
width: 755px;
}

#content h1.page-title a {
color: #fff;
background: transparent;
}

#content h1 {
font: bold 2em/1.3em helvetica;
color: #ef4a11;
}
.thankyou #content h1 {
font: normal 1.8em/1.3em century, georgia;
}

#content h2 {
font: bold 1.7em/1.6em "helvetica neue", arial, helvetica;
color: #444;
}

#content h3 {
font-weight: bold;
font-size: 1.4em;
line-height: 1.3em;
/*co

lor: #ef4a11;
color: #777;*/
}

#content h4 {
font: bold 1.2em/1.3em helvetica;
color: #555;
}

#content h5 {
text-transform: uppercase;
color: #ef4a11;
font-size: 11px;
}

#content p {
margin: 0 0 1em 0;
line-height: 1.8em;
}

.subpage #content ul {
margin-bottom: 1em;
}

.subpage #content ul li {
background: url(/media/bullet-circle2.gif) no-repeat 0 6px;
padding-left: 10px;
margin-bottom: .2em;
}

#content .preamble p {
color: #534F4E;
font: normal 1.8em/1.3em century, georgia;
line-height: 1.3em;
margin-bottom: .6em;
letter-spacing: -1px;
}

.preamble p em {
color: #ef4a11;
font-style: normal;
}

.preamble em small {
font-family: georgia;
font-size: 1em;
}

.services .preamble p em {
margin-top: .6em;
display: block;
}

/* =MAIN */

#main {
background: #fff;
float: left;
width: 483px;
padding: 67px 0 0 20px;
clear: both;
_overflow-x: hidden;
}

body.onecol #main {
width: 736px;
padding-right: 20px;
}

#main img {
float: right;
margin: 0 0 10px 15px;
}

.subpage #main ul li {
background: url(/media/bullet-circle2.gif) no-repeat 0 10px;
padding-left: 10px;
margin-bottom: .2em;
line-height: 1.8em;
}
.subpage #content {
background: #fff url(/media/dots_sub_bg.gif) repeat-y 523px bottom;
}
.thankyou #content {
background: #fff url(/media/backdrop_orange.png) repeat-x 0 -293px;
}
.thankyou #main {
background: transparent;
padding-top: 30px;
}
.page-nav {
clear: both;
margin: 1em 0;
}

.page-nav #how_btn {
float: left;
width: 250px !important;
clear: none;
}

.page-nav #contact_btn {
float: right;
width: auto;
clear: none;
width: 130px !important;
}

/* =SUB */

#sub {
float: right;
width: 254px;
padding: 0 0;
min-height: 400px;
_overflow-x: hidden;
_height: 400px;
}
.leftrail #main {
float: right;
padding-right: 30px;
padding-top: 0;
margin-top: 30px;
width: 500px;
border-left: 1px solid #ddd;
}
.leftrail #sub {
float: left;
width: 225px;
margin-top: 35px;
display: inline;
}
.leftrail #sub img {
position: relative;
margin-top: 0;
margin-left: 35px;
_display: inline;
}
#sub .module {
padding: 0 20px 10px;
}

#sub h3 {
font-size: .9em;
text-transform: uppercase;
margin-bottom: 1em;
}

#sub h4 {
color: #27343c;
font-size: 1em;
margin-bottom: .6em;
line-height: 1.8em;
}

#sub ul {
margin-bottom: 1.8em;
}

#sub ul li {
background: url(/media/bullet-square.gif) no-repeat 0 7px;
padding-left: 10px;
margin-bottom: .2em;
}

#sub p {
margin-bottom: 1.5em;
}

#casestudybox .launch {
background: url(/media/arrow-green-rt.png) no-repeat right;
display: block;
float: left;
margin-top: 8px;
padding-right: 22px;
}

#sub .mugshot {
margin: 5px 0 10px 10px;
border: 1px solid #ddd;
}

#sub input.text {
margin-bottom: 4px;
}

/* =CALENDARBG */

.calendarBG {
width: 100%;
}

.calendarBG th {
height: 25px;
line-height: 25px;
}

.calendarBG th,
.calendarBG td {
text-align: center;
vertical-align: middle;
}

.calendarHeader {
text-align: center;
font-size: 1.2em;
}

.calendarBG .calendarDayHeading {
background-color: #ef4a11;
background: #ef4a11 url(/media/overlay-white.png);
color: #fff;
font-weight: bold;
width: 20px;
}

.calendarBG a {
display: block;
height: 20px;
}

#sub div.calendarMonthLinks a {
background: url(/media/calendar-arrow-lt.gif) no-repeat left center;
display: block;
text-indent: -9000px;
line-height: 1em;
}

#sub div.calendarMonthLinks a.calendarMonthLinks {
background: url(/media/calendar-arrow-rt.gif) no-repeat right center;
}

div.calendarMonthLinks a:hover {

}

.calendarBG a:hover {
background: #ef4a11 url(/media/overlay-white.png);
}

/* =FOOTER */

#footer {
background: #e1e0cf;
clear: both;
padding-bottom: 30px;
}

.subpage #footer-inner {
background: url(/media/content_bg_btm_subpage.png) no-repeat center -5px;
}

#footer-inner,
.onecol #footer-inner,
.leftrail #footer-inner {
background: url(/media/content_bg_btm.png) no-repeat center -5px;
padding: 40px 12px 0 12px;
}

#footer {
color: #6E6758;
line-height: 1.3em;
}

#footer .threecol .first,
#footer .threecol .second,
#footer .threecol .last {
float: left;
padding-top: 10px;
min-height: 95px;
_height: 120px;
position: relative;
}

#footer .threecol div.first {
width: 238px;
padding: 10px 15px 0 20px;
border-right: 1px dotted #fff;
}

#footer .threecol div.second {
width: 209px;
padding: 10px 20px 0;
border-right: 1px dotted #fff;
}

#footer .threecol div.last {
float: right;
width: 235px;
background: url(/media/twitter-icon.gif) no-repeat 167px 0;
}
#footer .threecol div.birthdaypod {
background: url(/media/anniversary_rework_footer.jpg) no-repeat right 0;
padding-right: 80px;
width: 155px;
}
#footer .threecol p {
font-size: .9em;
}
#footer .threecol em {
font-style: italic;
}
#footer h3 {
color: #534F4E;
font-size: 1.2em;
}

#footer h3 strong {
color: #EA430E;
}

#footer div.last h3 {
margin-top: -8px;
}

#footer div.last h3 a {
background-image: url(/media/arrow-green-rt.png);
background-repeat: no-repeat;
background-position: right center;
display: block;
padding: 1px 22px 1px 0;
float: left;
color: #EA430E;
text-transform: uppercase;
font-size: 11px;
}
#footer div.birthdaypod h3 a {
background: transparent;
padding-right: 0;
}
#footer div.last h3 a:hover {
background-repeat: no-repeat;
background-position: right center;
}

#footer div.last h4 {
color: #534F4E;
font-size: 1em;
text-transform: uppercase;
position: relative;
margin-left: -6px;
padding-top: 6px;
clear: both;
}
#footer .threecol div.birthdaypod h4 {
margin-left: 0;
}
#footer div a.arrow {
background-image: url(/media/arrow-green-rt.png);
background-repeat: no-repeat;
background-position: right center;
display: block;
color: #6E6758;
float: left;
padding: 1px 22px 1px 0;
}

#footer div.first a.arrow:hover {
background-image: url(/media/arrow-green-rt-hover.png);
}

#footer a.twitter-follow {
background: url(/media/twitter-follow-badge-gray.gif) no-repeat 0 0;
text-indent: -9000px;
display: block;
margin-top: 3.7em;
padding: 0 0 4px 0;
width: 200px;
}

#footer a.twitter-follow:hover {
background: url(/media/twitter-follow-badge.gif) no-repeat 0 0;
}

#footer form#signup-form {
position: relative;
width: 190px;
margin-top: 13px;
}

#footer form fieldset {
margin-top: 18px;
padding: 0;
position: relative;
}

#footer form #trhyki-trhyki {
background: url(/media/subscribe_textfield_bg.gif) no-repeat 0 0;
border: none;
width: 137px;
height: 18px;
padding: 1px 6px;
}

#footer form #submit {
position: absolute;
top: 0px;
left: 151px;
border: none;
text-indent: -9000px;
display: block;
background: url(/media/arrow-green-rt.png) no-repeat right center;
height: 17px;
width: 20px;
cursor: pointer;
padding: 0;
margin: 0;
}

* html #footer form #submit {
overflow: visible;
}

#footer form #submit:hover {
background: url(/media/arrow-green-rt-hover.png) no-repeat right center;
}

#footer .footer-nav {
clear: both;
padding: 50px 0 5px 11px;
}

.footer-nav li {
*float: left;
_height: 1%;
}

#footer .threecol .footer-nav a {
color: #6E6758;
float: left;
display: block;
padding: 0 7px;
font-size: 9px;
border-right: 1px dotted #aaa;
text-transform: uppercase;
_height: 1%;
*float: left;
}

#footer .threecol .footer-nav li.invoice form {
border: none;
margin-left: 6px;
display: block;
float: left;
}

#footer .threecol .copyright {
/

*background: url(/media/ee_stamp3.gif) no-repeat 552px bottom;*/
color: #6E6758;
margin: 0;
padding: 10px 0 0 18px;
font-size: 10px;
}

#footer .threecol .copyright a {
color: #6E6758;
}

/* =TABLES */

#content table {
background: #eee;
border: 1px solid #ddd;
padding: 1px;
margin: 0 0 1em;
}

#content table td,
#content table th {
padding: 3px;
}

#content table th {
background: #222;
font-weight: bold;
color: #fff;
}

/* =FIELDSETS */

#content fieldset {
background: url(/media/dots_bg.gif);
padding: 4em 30px 2em;
position: relative;
margin: 1em 0;
}

#content legend {
font-weight: bold;
font-size: 1.1em;
position: absolute;
top: 0;
left: 0;
background: #ddd;
padding: .5em 30px;
}

#content label {
color: #444;
font-weight: bold;
}

fieldset {
padding: 10px 0;
}

input.text,
textarea {
border: 1px solid #ddd;
border-left-color: #bbb;
padding: 5px;
background: #fff url(/media/textbox-bg.gif) repeat-x top;
border-top: none;
}

/* =SERVICES */

#content .row {
clear: both;
}

#content .row h2 {
color: #ef4a11;
font-size: 1.1em;
margin: 0 0 .5em;
}

#content .row .col_1 {
width: 47%;
float: left;
}

#content .row .col_2 {
width: 47%;
float: right;
}

#sub p.instructions {
background: #dedbc9;
padding: 15px 20px 17px;
font-size: 11px;
display: block;
margin-bottom: 20px;
line-height: 1.6em;
color: #666;
}

/* =HOME */

.home #main {
position: relative;
padding: 20px 20px 0 !important;
margin: 0 0 0;
float: none;
width: 736px;
}

.home #makenoise {
background: url(/media/billboard_makenoise.gif) no-repeat 0 0;
width: 232px;
height: 46px;
float: left;
margin: 0;
padding: 0;
text-indent: -9000px;
position: absolute;
left: -20px;
top: 127px;
display: none;
}

.home #main img {
margin: 0;
float: none;
}

.home .row {
clear: both;
padding: 15px 0 0;
}

.home #services {
border-right: 1px dotted #E1DFD0;
width: 482px;
float: left;
min-height: 180px;
padding-right: 20px;
}

.home #content h2#pitch {
font: normal 1.8em/1.3em century, georgia;
float: left;
color: #534F4E;
margin-top: 0px;
margin-bottom: 50px;
letter-spacing: -1px;
}

.home #content h2#pitch em {
color: #ef4a11;
}

.home #services h3 {
clear: both;
text-transform: uppercase;
font-size: .9em;
padding-bottom: 5px;
}

.home #services ul {
margin-bottom: 0;
margin-left: -6px;
}

.home #services ul li a {
background: url(/media/spoke-mini.png) no-repeat 5px 6px;
font-size: 13px;
font-weight: bold;
display: block;
border-bottom: 1px dotted #E1DECB;
padding: 6px 0 6px 27px;
_height: 1%;
color: #27343c;
}

.home #services .first ul li a {
border-right: 1px dotted #E1DECB;
}

.home #services ul li a:hover {
background-color: #F1EEE5;
text-decoration: none;
}

.home #services ul li.last a {
border-bottom: none;
}

.home #content .col_1 {
width: 253px;
}

.home #content .col_2 {
width: 223px;
}

/* =CASE STUDIES */

#casestudies {
width: 215px;
float: right;
padding-top: 5px;
}

#casestudies h3 {
margin: 0 0 .8em;
line-height: 1em;
font-size: 11px;
text-transform: uppercase;
}

#casestudies a.thumb:hover {
background: transparent;
}

#casestudies img {
border: 1px solid #E1DFD0;
margin-bottom: 8px;
width: 215px;
}

#casestudies a.thumb:hover img {
border-color: #ecb4a1;
}

#casestudies a.launch {
background: url(/media/arrow-green-rt.png) no-repeat right center;
color: #222;
font-size: 11px;
display: block;
float: left;
padding-right: 23px;
margin-top: 7px;
}

#casestudies a.launch:hover {
background: url(/media/arrow-green-rt-hover.png) no-repeat right center;
}

#casestudies a:hover {
color: #ef4a11;
}

/* =PARTNERS */

#partners_lists dl {
border-bottom: 1px solid #eba38b;
padding: 15px 0;
position: relative;
}

#partners_lists dl:last-child {
border-bottom: none;
}

#partners_lists dt img {
margin: 0 0 -2em 0;
float: none;
position: relative;
}

#partners_lists dt {
position: absolute;
left: 0;
top: 19px;
width: 150px;
}

#partners_lists dd {
float: right;
width: 325px;
font-size: 11px;
line-height: 1.8em;
}

.partners .sub h3 {
margin-bottom: .5em;
}

.partners .partnerlogo a {
background: url(/media/spoke_small_gray.png) no-repeat left center;
display: block;
text-indent: -9000px;
height: 25px;
position: relative;
}

.partners .monk a {
background: url(/media/logo_monk.gif) no-repeat left center;
height: 19px;
}

.partners .schroder a {
background: url(/media/logo_sit.png) no-repeat center center;
height: 54px;
}

.partners .syn a {
background: url(/media/logo_syn.gif) no-repeat center center;
height: 65px;
}

/* =WORK */

.work #content-mote {
min-height: 300px;
}

.work #banner {
background-color: #ea430c;
color: #fff;
height: 160px;
position: relative;
border-top: 1px solid #444 !important;
}

.work .denverseminary {
background-image: url(/media/screens/denver_cropped.png);
background-repeat: no-repeat;
background-position: left bottom;
}

.work .hdsmith {
background-image: url(/media/screens/hdsmith_cropped.png);
background-repeat: no-repeat;
background-position: left bottom;
}

.work .smp {
background-image: url(/media/screens/smp_cropped.png);
background-repeat: no-repeat;
background-position: left bottom;
}

.work .screen_crop {
position: absolute;
top: 0;
left: 0;
width: 440px;
height: 160px;
}

.work #content {
border-top-color: #fff !important;
}

.work .row {
clear: both;
}

.work .thumbbox {
float: left;
padding: 12px 0 0 20px;
height: 160px;
}

.work .thumbbox .right {
padding-right: 0;
}

.work #content .thumbbox h2 {
font-size: 12px;
color: #555;
margin: 0;
line-height: 26px;
letter-spacing: 0;
}

.work #content .thumbbox h2 a {
color: #222;
}

.work #content .thumbbox h2 a:hover {
text-decoration: none;
}

.work .thumbbox a.thumb_img_wrap {
background: transparent !important;
height: 152px;
width: 231px;
display: block;
}

.work .thumbbox a img {
background: #333;
border: 5px solid #d1d0b9;
margin: 0;
padding: 0;
height: 122px;
width: 221px;
}

.work .thumbbox a:hover h2 {
color: #ea430c;
}

.work .thumbbox a:hover img {
border: 5px solid #555;
}

.work #banner .info {
position: absolute;
top: 20px;
left: 460px;
}

.work #banner p {
font-size: 1.15em;
padding-right: 15px;
position: relative;
padding-right: 40px;
width: 275px;
}

.work #banner h2 {
background: url(/media/featured_project_badge.png) no-repeat 0 0;
font-size: 9px;
text-transform: uppercase;
display: block;
width: 120px;
text-align: center;
letter-spacing: 1px;
overflow-x: hidden;
text-indent: -900em;
margin-bottom: 5px;
}

* html .work #banner h2 {
background: #333;
text-indent: 0;
}

.work #banner h3 {
font: normal 1.8em/1.3em century, georgia;
line-height: 1.3em;
color: #333;
margin-bottom: .3em;
letter-spacing: -1px;
width: 300px;
overflow: hidden;
}

.work #banner h3 a {
color: inherit;
}

.work #banner h3 a:hover {
color: #fff;
background: transparent;
text-decoration: none;
}

.work #banner a.go_btn {
background: url(/media/arrow-orange-rt.png) no-repeat 0 0;
display: inline-block;
text-indent: -900em;
width: 20px;
height: 16px;
color: #fff !important;
position: absolute;
right: 15px;
top: 2px;
display: none;
}

.work #banner a.go_btn:hover {
background-position: 0 -16px;
}

.work .entry {
clear: both;
width: 350px;
}

.work #content .entry .screenshot {
margin: 0 0 1.4em 0;
}

.permalink #main {
width: 736px;
}

.permalink #blog {
width: 736px;
}

.permalink .col_1 {
width: 358px;
float: left;
}

.permalink .col_2 {
width: 342px;
float: right;
padding-top: 5px;
overflow: hidden;
}

.permalink #content .col_2 .screenshot {
width: 340px;
margin: 0 0 7px;
}

.work .permalink .col_2 img.screenshot {
border: 1px solid #eee;
}

p#project_url {
clear: both;
margin: 0 auto;
width: 70px;
height: 15px;
}

#project_url a {
background: url(/media/btn_launch.gif) no-repeat 0 -15px;
width: 70px;
height: 15px;
display: block;
text-indent: -9000px;
}

#project_url a:hover {
background-position: 0 0;
}

.work .permalink #content h2 {
margin-bottom: .2em;
letter-spacing: -1px;
}

.work .permalink .media_list {
font-size: .85em;
margin: 0 0 .8em;
}

.work .permalink .media_list p b {
color: #aaa;
text-transform: uppercase;
font-size: 9px;
}

.work .permalink #main p {
font-size: 1.1em;
}

.work .permalink blockquote {
background: #efefef url(/media/blockquote_top.gif) no-repeat 0 0;
font-size: 1.1em;
color: #777;
text-indent: 20px;
line-height: 1.6em;
text-align: left;
clear: both;
margin: 1.5em 0 0 0;
padding: 20px 20px 0 20px;
}

.work .permalink cite {
background: url(/media/blockquote_btm.gif) no-repeat 0 0;
text-align: right;
font-size: .9em;
margin: 0;
padding: 44px 20px 0 0;
}

.work .permalink cite p {
margin-bottom: 0;
}

#content #blog h2.title {
font: normal 2.2em/1.3em century, georgia;
line-height: 1.3em;
margin-bottom: .6em;
letter-spacing: -1px;
width: 80%;
}

.work #content #blog h2.title {
margin-bottom: .3em;
}

#content #blog p.author {
margin: 0 0 .5em;
}

.blog #content .entry .author {
margin-top: 1em;
}

.blog #content .postbody {
font-size: 13px;
line-height: 2.0em;
padding-top: 1.6em;
margin-top: 1.6em;
margin-bottom: 1em;
border-top: 1px solid #eee;
}

.blog #content .postbody p {
line-height: 1.66em;
}

.blog #content .postbody img {
float: none;
clear: both;
margin: 0 auto 1em;
}

.blog #content .postbody img.right {
float: right;
margin: 0 0 1em 12px;
}

.blog #content .postbody img.left {
float: right;
margin: 0 12px 1em 0;
}

.blog #sub .search p {
margin: 0 0 .5em;
}

.blog #content h3.date {
font-size: 1em;
color: #999;
font-weight: normal;
margin-bottom: .8em;
}

.blog #main .filed_under {
margin: 1em 0 .5em;
font-size: .9em;
}

.blog .postnav {
padding: 10px 0 10px;
border-bottom: 1px dotted #ddd;
margin-bottom: 2em;
position: relative;
}

.blog .postnav ul {
list-style: none;
}

.blog #main .postnav li {
float: left;
list-style: none;
background: transparent;
padding-left: 0;
margin-right: 15px;
}

.blog #main .postnav li.comments {
float: right;
margin-right: 0;
}

.blog #main .postnav li.tweet-this {
background: url(/media/twitter.png) no-repeat 0 0;
padding-left: 19px;
}

.blog #main .postnav li a {
_float: left;
}

.blog .deletelink {
background: url(/media/btn_delete.gif) no-repeat 0 0;
display: block;
height: 16px;
width: 16px;
text-indent: 900em;
float: right;
position: absolute;
right: 0;
bottom: 12px;
}

.blog .deletelink:hover {
background-position: 0 -16px;
}

#content ul li.btn_syndicate {
background: transparent;
padding-left: 0;
}

li.btn_syndicate a {
background: url(/media/btn_subscribe.png) no-repeat center top;
text-indent: -9000px;
display: block;
height: 34px;
}

li.btn_syndicate a:hover {
background-position: center -34px;
}

/* =COMMENTS */

#comments {
padding-top: 2em;
padding-bottom: 2em;
}
#comments h2 {
border-bottom: 1px dotted #ddd;
margin-bottom: 1em;
}
#comments .entry {
padding: 0 0 15px;
}
#comments p.postnav {
padding-top: 0;
}
/* =PREVIEW */

.previewbox {
background-color: #fbfce4;
padding: 15px;
margin-bottom: 20px;
}

/* =PAGINATE */

.paginate {
display: block;
padding: 15px 0;
}

/* =COMMENT FORM */

#comment_form {
background: #eee;
padding: 20px 15px;
margin-bottom: 1em;
}

#comment_form textarea {
width: 440px;
}

#comment_form img {
float: none;
margin: 0;
}

/* =DEFAULT BTN */

/*.default_btn {
background: #f0f0e9;
width: inherit !important;
height: 24px;
width: 200px !important;
display: block;
line-height: 24px;
margin: 0;
clear: both;
text-align: center;
}
.default_btn:hover {
background-color: #ef4a11;
}
.default_btn:hover a {
color: #fff;
text-decoration: none;
}
.default_btn a {
font-size: 11px;
display: block;
height: 24px;
}*/

.default_btn a {
background: #f0f0e9;
border: 1px solid transparent;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
padding: 0 8px;
white-space: nowrap;
line-height: 24px;
height: 24px;
display: block;
float: left;
}

*default_btn a {
border: none;
}

.default_btn a:hover {
background-color: #ea430c;
color: #fff;
text-decoration: none;
}

/* =MISC */

address {
color: #535050;
font-size: 1em;
padding: 0;
margin: 0;
line-height: 1.5em;
}

address strong {
color: #535050;
}

address a {
color: #ef4a11;
text-decoration: none;
font-weight: bold;
padding: 0;
}

.copyright {
clear: both;
padding-top: 4em;
font-size: 11px;
color: #8d8d89;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* End hide from IE-mac */

* html .ieclearer {
clear: both;
}




/* Heart Throb CSS */

	@-webkit-keyframes webkit-resize {
	    0% {
			background-size:89%;
	    }
		25% {
			background-size:93%;
		}
		30% {
			background-size:90%;
		}
	    50% {
			background-size:94%;
	    }
		80% {
			background-size:89%;
		}
		100% {
			background-size:89%;
		}
	}
	
	@-moz-keyframes moz-resize {
	    0% {
			background-size:89%;
	    }
		25% {
			background-size:93%;
		}
		30% {
			background-size:90%;
		}
	    50% {
			background-size:94%;
	    }
		80% {
			background-size:89%;
		}
		100% {
			background-size:89%;
		}
	}
	
	@keyframes resize {
	    0% {
			background-size:89%;
	    }
		25% {
			background-size:93%;
		}
		30% {
			background-size:90%;
		}
	    50% {
			background-size:94%;
	    }
		80% {
			background-size:89%;
		}
		100% {
			background-size:89%;
		}
	}

	#billboard {
		position:relative;
	}
	
	
	#billboard a img {
		border:none;
	}
	
	#billboard a .heart {
		background:url("/media/heart.png") #FFF center no-repeat;
		position:absolute;
		display:block;
		top:36px;
		left:240px;
		width:223px;
		height:223px;
	}
	
	#billboard a .heart {
		
		background-size:89%;
		
		-webkit-animation-name: webkit-resize;
	    -webkit-animation-duration: 1.2s;
	    -webkit-animation-iteration-count:infinite;
	    -webkit-animation-direction: linear;
	    -webkit-animation-timing-function:ease-out;
	
		-moz-animation-name: moz-resize;
	    -moz-animation-duration: 1.2s;
	    -moz-animation-iteration-count:infinite;
	    -moz-animation-direction: linear;
	    -moz-animation-timing-function:ease-out;
	
		animation-name: resize;
	    animation-duration: 1.2s;
	    animation-iteration-count:infinite;
	    animation-direction: linear;
	    animation-timing-function:ease-out;
	
	
	}



/* SnowFall Banner CSS */

#snow_banner {width:736px;height:301px;background:url('/media/snowbanner_background.png') no-repeat top left;overflow:hidden;}
#back_snow {width:736px;height:301px;background:url('/media/snowbanner_centerground.png') no-repeat bottom left;position:absolute;z-index:15;overflow:hidden;}
#front_snow {width:736px;height:301px;background:url('/media/snowbanner_centerground.png') no-repeat bottom left;position:absolute;z-index:25;overflow:hidden;}
#snow_banner .middleground {width:736px;height:301px;background:url('/media/snowbanner_centerground.png') no-repeat bottom left;position:absolute;z-index:20}
#snow_banner .foreground {width:736px;height:301px;background:url('/media/snowbanner_foreground.png') no-repeat bottom left;position:absolute;z-index:30}