body
{
    background-color: #fff;
    color: #333; /*font-size: 17.3333px;*/ /* 13pt. 1.5em = 26px */
    font-size: 16px;
    font-family: Georgia, serif; /* http://randsco.com/index.php/2009/07/04/cross_browser_font_embedding */
    line-height: 1.0em;
}
.page
{
    display: block;
    width: 990px;
    margin: 0 auto;
    padding: 0;
}
article
{
    display: block;
    padding: 2.0em 48px 0em 48px;
    margin: 1.0em 0 2.0em 0; /*width: 31em; 	float: left;*/
    background-color: #fff;
}
article > section
{
    display: block;
    padding-bottom: 4em; /*border-bottom: 1px solid #999;*/
    background: #fff url('../img/flourish.gif') no-repeat center bottom;
    float: left;
}
section .left
{
    width: 423px;
    float: left;
}
section .right
{
    width: 423px;
    float: left;
    padding-left: 48px; /* 3em */
}
article > h2
{
    clear: both;
}

section.title
{
    display: block;
    padding: 0 3.0em;
}
section.end
{
    display: block;
    padding: 0 0 2em 0;
}
section.end p
{
    text-align: right;
    margin-top: 0;
    font-size: 1.0em;
    padding-right: 3em;
}
article section img
{
    display: block;
    margin: 0 auto;
}
a
{
    text-decoration: underline;
    color: #339;
}
a:visited
{
    color: #000;
}
a:hover
{
    background-color: #036;
    color: #fff;
    text-decoration: none;
}
a.ext
{
}
h1
{
    color: #232323;
    font-size: 1.75em;
    font-weight: bold;
    line-height: 1.0em;
    margin: 0;
    padding: 1.46em 0.0em 0.5em 0.0em;
    cursor: default;
}
h2
{
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.2em;
    margin-top: 1.2em;
    padding-top: 1.5em;
    margin-bottom: 0.0em; /* For subheadings */
    padding-left: 0.5em;
    margin-left: -0.5em;
}
/* Subsection permalinks */
h2 a
{
    color: #fff;
    padding: 0.250em 0.50em;
    margin: -0.25em 0.0em 0 -2.0em;
    display: block;
    float: left;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}
h2 a:visited
{
    color: #fff;
}
h2:hover a
{
    background-color: #999;
}
h2 a:hover, h2:hover a:hover
{
    background-color: #933;
}
h2 a:active
{
    color: #000;
}
h2:target
{
    color: #933;
}
h2:target a
{
    color: #000;
}
h2:target:hover a
{
    color: #000;
    background-color: #CCC;
}
h2:target:hover a:hover
{
    color: #fff;
    background-color: #933;
}
/* -Subsection permalinks */

h3
{
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.3636em;
    padding-top: 0.75em;
    margin-bottom: -0.75em;
}

strong
{
    font-weight: bold;
    font-variant: small-caps;
    color: #933;
}
em
{
    color: #933;
    font-style: italic;
}
p
{
    line-height: 1.5em;
    margin: 1.5em 0;
    padding: 0;
    text-align: justify;
}
article:first-child
{
    margin: 0;
    background-color: #fff;
}
p a:hover, li a:hover
{
    text-decoration: none;
    padding: 0 0.25em;
    margin: 0 -0.25em;
}
p a:active
{
    background-color: #a33;
}

#settings
{
    text-align: right;
    margin: -0.75em -2.25em 0 0;
    padding: 0;
    line-height: 1.0em;
    font-size: 0.80em;
}
blockquote
{
    color: #933;
    font-size: 0.95em;
    line-height: 1.5789em;
    padding: 1.5783em 2.1053em;
    margin: 1.5789em 0 1.5789em 0;
    text-align: justify;
}
blockquote span.author
{
    display: block;
    text-align: right;
    font-style: italic;
    padding: 0.5263em 3.0em 0 0;
    margin-bottom: -0.5263em;
}
p.note
{
    color: #454545;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-style: italic;
}
p.verse
{
    white-space: pre-wrap;
    width: auto;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
p.endnote
{
    color: #454545;
    font-style: italic;
    font-size: 0.85em;
    padding-top: 0.5em;
    margin-bottom: 0;
}
p.endnote strong
{
    color: #333;
}
p.articlenav
{
    padding-top: 1.5em;
    text-align: center;
}

span.contact_email a:visited {}
span.contact_email a:active {}
span.contact_email a:hover { background-color: #933; color: #fff; }
span.contact_email a:focus {}

a.printlink
{
    /*display: block; */
    padding: 0.25em 0.5em 0.25em 22px;
    margin: 0 0 0 1.5em;
    background: Transparent url('../img/printer.gif') no-repeat 4px center;
}
a.printlink:hover
{
    padding: 0.25em 0.5em 0.25em 22px;
    margin-left: 1.5em;
    background-color: #036;
}
a.pdflink
{
    /*display: block; */
    padding: 0.25em 0.5em 0.25em 39px;
    margin: 0 0 0 1.5em;
    background: Transparent url('../img/pdficon_small.gif') no-repeat 4px center;
}
a.pdflink:hover
{
    padding: 0.25em 0.5em 0.25em 39px;
    margin-left: 1.5em;
    background-color: #036;
}
a.printlink:active, a.pdflink:active
{
    background-color: #a33;
}

code
{
    display: block;
    font-family: Consolas, "Courier New" , Courier, monospace;
    font-size: 0.85em;
    line-height: 1.7648em;
    border-left: 0.25em solid #393;
    border-right: 0.25em solid #393;
    padding: 0.8824em 1.0em 0.8824em 1.0em; /*margin: 0 -3.529em 1.7647em -3.529em;*/
    margin-bottom: 1.7647em;
    white-space: pre-wrap;
    background-color: #fffff5;
}
samp
{
    font-family: Consolas, "Courier New" , Courier, monospace;
    font-size: 0.85em;
}
ul, ol
{
    list-style-position: outside;
    margin: 1.5em 0;
}
ul
{
    list-style-type: disc;
}
ol
{
    list-style-type: decimal-leading-zero;
}
ol ol
{
    list-style-type: lower-alpha;
    margin: 0;
}
ol ol ol
{
    list-style-type: lower-roman;
}
ol ol ol ol
{
    list-style-type: lower-greek;
}
ul ul
{
    list-style-type: circle;
    margin: 0;
}
ul ul ul
{
    list-style-type: square;
}
ul ul ul ul
{
    list-style-type: disc;
}
li
{
    line-height: 1.5em;
}
li ol, li ul { padding-left: 2.5em; }
table
{
    margin: 1.5em auto;
}
p.caption
{
    font-weight: bold;
    line-height: 1.5em;
    padding-top: 0.85em;
    margin-bottom: -0.85em;
    text-align: center;
}
table td, th
{
    line-height: 1.5em;
    padding: 0 0.5em;
    border: 0px solid #333;
    cursor: text;
}
table thead th
{
    font-weight: bold;
    border-bottom: 0.1em solid #333;
    line-height: 1.4em;
}
table tbody td
{
    color: #345;
}
table tfoot td
{
    font-weight: bold;
    border-top: 1px solid #333;
}
tr:hover td
{
    background-color: #eef9ff;
    color: #000;
}
:focus { outline: none; }
button
{
}
button:focus
{
}
button:active
{
}
.contactForm 
{
    width: 350px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
    padding: 0px 0 45px 0;
    -webkit-transition: border 0.5s linear, -webkit-box-shadow 0.2s linear;
}
.contactForm:hover, .contactForm:focus  
{
    border: 1px solid #666;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.contactForm h3  
{
    border-bottom: 1px solid #ccc; 
    padding: 25px 0 5px 50px; 
    line-height: 1.0em;
    /*background-color: #933;*/
    font-size: 1.5em;
    color: #333;
    margin: 0;
}
.contactForm p { width: 250px; margin: 0 auto; }
.contactForm input { height: 28px; font-size: 1.15em; width: 250px;  }
input, textarea
{
    -webkit-appearance: none;
    -webkit-transition: border 0.5s linear, -webkit-box-shadow 0.2s linear, background 0.2s ease;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #fff;
    background-position: right 3px;
    background-image: none;
}
.sel 
{
    /* h-offset, v-offset, radius, color */
    -webkit-box-shadow: 0 0 3px rgba(153,51,51,0.5);
    border: 1px solid #933;
}
.err
{
    -webkit-box-shadow: 0 0 4px rgba(228,174,10,0.75);
    border: 1px solid #e4ae0a;
    background-color: #ffdcdc;
}

input.phone { width: 2em; }
input.ph_four { width: 2.5em; }

label  
{
    display: block; 
    padding: 30px 0 3px 5px; 
    line-height: 1.0em;
    margin: 0; 
}
.contactForm textarea
{
    width: 250px;
    height: 250px;
}
.contactForm textarea:hover {}
.contactForm textarea:focus { border: 1px solid #933; -webkit-box-shadow: 0 0 3px rgba(153,51,51,0.5); }
input.inputButton  
{
    margin: 40px auto 0 auto; 
    display: block; 
    width: 250px; 
    height: 75px;
    font-size: 1.5em;
    line-height: 1.0em;
    padding: 20px 0 21px 0;
    border-radius: 4px;
    background: none;
    background-color: #ecffe8;
    -webkit-transition: background 0.2s ease;
    color: #999;
    font-weight: bold;
    font-family: Verdana,sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}    
input.inputButton:hover  
{
    border: 1px solid #158200;
    -webkit-box-shadow: 0 0 6px rgba(20,212,0,0.5); 
    cursor: pointer;
    background-color: #17d403;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17D403), to(#13B303));
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}
input.inputButton:active, input.inputButton:focus
{
    border: 1px solid #158200;
    background-color: #0c6e02;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0C6E02), to(#17D403));
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}
/* Valid and Invalid Fields have a background image */
input.invalid { background: #fff url('../img/no_and_check.gif') no-repeat right 3px; }
input.valid { background: #fff url('../img/no_and_check.gif') no-repeat right -27px; }

.formStatus { color: #933; }

span.inputSmallNote  
{
    display: block; 
    font-size: 0.65em; 
    color: #666; 
    text-align: left;
}    

span.contact_email
{
    font-size: 1.5em;
    line-height: 1.0em;
    display: block;
    text-align: center; 
}
span.contact_email a  
{
    text-decoration: none;
    color: #933;
    display: block;
    width: 320px;
    /*height: 61px;*/
    margin: 0 auto;
    padding: 30px 0 31px 0;
    
    -webkit-appearance: none;
    -webkit-transition: border 0.5s linear, 
                        -webkit-box-shadow 0.2s linear, 
                        background 0.2s ease;
    border: 1px solid #aaa;
    border-radius: 3px;
    
    font-weight: bold;
    font-family: Verdana,sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: middle;
}
span.contact_email a:hover
{
    margin: 0 auto;
    padding: 30px 0 31px 0;
    -webkit-box-shadow: 0 0 6px rgba(114,48,48,0.5);
    border: 1px solid #633; 
    cursor: pointer;
    background-color: #933;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a44), to(#933));
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}
span.contact_email a:active, span.contact_email a:focus
{
    -webkit-box-shadow: 0 0 6px rgba(114,48,48,0.5);
    border: 1px solid #633;
    background-color: #622;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#622), to(#a33));
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}

/* FANCY: Selection format */
::-moz-selection
{
    background-color: #933;
    color: #fff;
}
::selection
{
    background-color: #933;
    color: #fff;
}
p::-moz-selection, samp::-moz-selection, strong::-moz-selection, em::-moz-selection
{
    background-color: #933;
    color: #fff;
}
p::selection, samp::selection, strong::selection, em::selection
{
    background-color: #933;
    color: #fff;
}
code::-moz-selection
{
    background-color: #333;
    color: #fff;
}
code::selection
{
    background-color: #333;
    color: #fff;
}
div::selection, section::selection, article::selection
{
    background-color: #fff;
    color: #fff;
}
/* end selection */

nav
{
    display: block;
    padding: 0.5em 0 2.5em 0.0em;
    margin: 0;
    background-color: #fff;
    font-size: 1.45em;
    width: 100%; /*border-top: 0.50em solid #933;*/
}
nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
nav ul li
{
    float: left;
    padding: 0 0.0em;
}
nav ul li a
{
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0 0.5em; /*font-weight: bold;*/
}
nav ul li a:visited
{
    color: #333;
}
nav ul li a:hover
{
    color: #933;
    background-color: Transparent;
    padding: 0 0.5em;
    margin: 0;
}
nav ul li.current
{
    /*border-bottom: 0.25em solid #933;*/
    background-color: #933;
}
nav ul li.current a
{
    color: #fff;
    cursor: default;
}
/* 1 - Make nav reach top of page*/
nav
{
    padding-top: 0;
}
nav ul li a
{
    padding-top: 1.5em;
}
nav ul li a:hover
{
    padding-top: 1.5em;
}
/* -1 */


header
{
    display: block;
    padding: 1.5em 0.0em;
    margin: 0em auto;
    background-color: #fff;
}
header h1
{
    color: #333;
    font-size: 2.0em;
    font-weight: bold;
    line-height: 1.0em;
    border: 0;
    margin: 1.0em 0 0 0;
    padding: 0;
    height: 126px;
    background: #fff url('../img/Header_Wide.png') no-repeat 0 0;
}
header h1 a
{
    display: block;
    width: 687px;
    height: 126px;
    text-decoration: none;
    color: #333;
}
header h1 a:hover
{
    background-color: Transparent;
    color: #000;
}
header h1 a span
{
    display: none;
}
footer
{
    border-top: solid 4px #933;
    display: block;
    padding: 2.0em 48px 6.0em 48px;
    margin: 0 auto;
    clear: both;
}
footer p.last
{
    font-size: 0.9em;
    text-align: right;
    margin-right: -48px;
    padding-right: 48px;
    margin-left: -48px;
    clear: both;
    border-top: solid 4px #933;
    padding-top: 0.75em;
}
footer h3
{
    text-transform: lowercase;
    font-size: 1.25em;
    font-variant: small-caps;
    padding: 0 0 1.0em 0;
}

footer ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
footer li
{
    margin: 0;
    padding: 0;
}
footer li a
{
}

/* 990-48*2 = 894 
   894-48*2 = 798 */

footer div.photos_list
{
    width: 245px;
    float: left;
}
footer div.social_list
{
    width: 130px;
    float: left;
    padding-left: 48px;
}
footer div.tweet_list
{
    width: 423px;
    float: left;
    padding-left: 48px;
}

footer div.photos_list p
{
    clear: both;
}
.social_list li
{
    margin: 0;
    padding: 0;
}
.social_list li a
{
    padding-left: 24px;
    color: #333;
    display: block;
    margin: 0;
}
.social_list li a.fl
{
    background: #fff url('../img/favicon_flickr.png') no-repeat 4px center;
}
.social_list li a.tw
{
    background: #fff url('../img/favicon_twitter.png') no-repeat 4px center;
}
.social_list li a.fb
{
    background: #fff url('../img/favicon_facebook.gif') no-repeat 4px center;
}
.social_list li a.li
{
    background: #fff url('../img/favicon_linkedin.png') no-repeat 4px center;
}
.social_list li a.dg
{
    background: #fff url('../img/favicon_dgcr.gif') no-repeat 4px center;
}
.social_list li a.vm
{
    background: #fff url('../img/favicon_vimeo.gif') no-repeat 4px center;
}
.social_list li a.cm
{
    background: #fff url('../img/favicon_clarkmoody.png') no-repeat 4px center;
}
.social_list li a:visited
{
    color: #036;
}
.social_list li a:hover
{
    padding-left: 24px;
    margin-left: 0;
    color: #fff;
    background-color: #036;
}
.social_list li a:active
{
    color: #933;
}

/* FLICKR Image Styles */
.flickr_badge_image
{
    margin: 0 10px 9px 0;
    float: left;
}
#flickr_badge_image3, #flickr_badge_image6, #flickr_badge_image9, #flickr_badge_image12
{
    margin-right: 0;
}
.flickr_badge_image a
{
    margin: 0;
    padding: 0;
}
.flickr_badge_image a:hover
{
    margin: 0;
    padding: 0;
    background-color: Transparent;
    text-decoration: none;
}
.flickr_badge_image img
{
    border: 0;
    padding: 0;
    margin: 0; /* Images are 75x75 */
}

/* TWITTER List styles */
#twitter_div
{
}
#twitter_update_list
{
    /* a <UL> element */
}
#twitter_update_list li
{
    border-bottom: 1px solid #e5e5e5;
    padding: 0.5em 0;
}
#twitter_update_list li span
{
    /* The Tweet Text */
    display: block;
    line-height: 1.5em;
}
#twitter_update_list li span a
{
    /* Link in Tweet */
}
#twitter_update_list li > a
{
    /* Timestamp Link */ /* INLINE STYLE ALERT. font-size: 85%; */
    font-variant: small-caps;
    line-height: 1.0em;
    color: #333;
    text-decoration: underline;
}
#twitter_update_list li > a:hover
{
    text-decoration: none;
    padding: 0;
    margin: 0;
    color: #fff;
}