@charset "UTF-8";
/* Screen CSS Document */

/*@import url('normalize.css');*/

/* --------------- Importing & Declaring Fonts --------------- */
@font-face {
    font-family: 'BitterRegular';
    src: url('Bitter-Regular-webfont.eot');
    src: url('Bitter-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Bitter-Regular-webfont.woff') format('woff'),
         url('Bitter-Regular-webfont.ttf') format('truetype'),
         url('Bitter-Regular-webfont.svg#BitterRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SortsMillGoudyRegular';
    src: url('GoudyStM-webfont.eot');
    src: url('GoudyStM-webfont.eot?#iefix') format('embedded-opentype'),
         url('GoudyStM-webfont.woff') format('woff'),
         url('GoudyStM-webfont.ttf') format('truetype'),
         url('GoudyStM-webfont.svg#SortsMillGoudyRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SortsMillGoudyItalic';
    src: url('GoudyStM-Italic-webfont.eot');
    src: url('GoudyStM-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('GoudyStM-Italic-webfont.woff') format('woff'),
         url('GoudyStM-Italic-webfont.ttf') format('truetype'),
         url('GoudyStM-Italic-webfont.svg#SortsMillGoudyItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* --------------- Main Document Div's Styling --------------- */

body {
    background: url(/_css_images/html_texture.png) repeat;
    background-color: #444;
    }

#body {
    font-size: 83.4%;
    background-image: url("/_css_images/whole_scene.jpg");
    background-repeat: no-repeat;
    background-size: 200% 200%;
    background-position: 100% 0%;
    text-align: center;
    width: 100%;
    padding-top: 5%;
    padding-bottom: 7%;

/*    transition:background-position 3s ease 0s;*/
    -moz-transition:background-position 3s ease 0s;
    -webkit-transition:background-position 3s ease 0s;
    -o-transition:background-position 3s ease 0s;
    }
 /* ------------------------------------------- */
.home #body, .empty_home #body, .home_home #body, .about_me_home #body, .portfolio_home #body, .resume_home #body, .contact_home #body{
    background-position: 100% 100%;
    }

/* ------------------------------------------- */
.about_me #body, .home_about_me #body, .about_me_about_me #body, .portfolio_about_me #body, .resume_about_me #body, .contact_about_me #body{
    background-position: 100% 100%;
    }


/* ------------------------------------------- */
.portfolio #body, .home_portfolio #body, .about_me_portfolio #body, .portfolio_portfolio #body, .resume_portfolio #body, .contact_portfolio #body{
    background-position: 100% 0%;
    }


/* ------------------------------------------- */
.resume #body, .home_resume #body, .about_me_resume #body, .portfolio_resume #body, .resume_resume #body, .contact_resume #body{
    background-position: 100% 0%;
}
    

/* ------------------------------------------- */
.contact #body, .home_contact #body, .about_me_contact #body, .portfolio_contact #body, .resume_contact #body, .contact_contact #body{
    background-position: 0% 0%;
}


    
    

#wrapper {
    text-align: left;
    margin-left: auto;
    margin-right: auto;    
    }
    
/*.content_all_all #wrapper {
    background: url(/_css_images/shift_brown_brown.gif) repeat;
    }    
.content_all_design #wrapper {
    background: url(/_css_images/shift_brown_orange.gif) repeat;
    }    
.content_all_development #wrapper {
    background: url(/_css_images/shift_brown_blue.gif) repeat;
    }    
.content_design_design #wrapper {
    background: url(/_css_images/shift_orange_orange.gif) repeat;
    }    
.content_design_all #wrapper {
    background: url(/_css_images/shift_orange_brown.gif) repeat;
    }    
.content_development_development #wrapper {
    background: url(/_css_images/shift_blue_blue.gif) repeat;
    }    
.content_development_all #wrapper {
    background: url(/_css_images/shift_blue_brown.gif) repeat;
    }    
.content_design_development #wrapper {
    background: url(/_css_images/shift_orange_blue.gif) repeat;
    }    
.content_development_design #wrapper {
    background: url(/_css_images/shift_blue_orange.gif) repeat;
    }    */

#header {
    background: rgba(255,255,255, 0.5) url(/_css_images/banner1.png) no-repeat;
    background-position: right;
    background-size: 100%;
    height: 12.5em;
    width: 80%;
    margin: 0 auto 0 9.8%;
    border-bottom: 2px double #B4B4B4;
    border-top: 2px outset #B4B4B4;
    border-radius: 3px;
    overflow: hidden;
}

#main_nav {
    background-color: rgba(255, 255, 255, 0.15);
    width: 79.3%;
    position: relative;
    left: 10%;
    border-left: 2px double #B4B4B4;
    border-right: 2px double #B4B4B4;
}

#container {
    background-color: rgba(255,255,255, 0.15);
    min-height: 60em;
    overflow: hidden;
    width: 79.3%;
    margin: 0 auto 0 10%;
    border-left: 2px double #B4B4B4;
    border-right: 2px double #B4B4B4;
    }    

#subnav {
/*    z-index: 1;
    position: absolute;
    top: 20.75em;*/
    float: left;
    width: 29.5em;
    }

#content {
    position: static;
    float: left;
    width: 70em;
    margin-left: 18%;
    
/*    transition:opacity 1s linear 0s;*/
    -moz-transition:opacity 1s linear 0s;
    -webkit-transition:opacity 1s linear 0s;
    -o-transition:opacity 1s linear 0s;
    }

#aside {
    float: right;
    width: 23em;
    padding-right: 3em
    }

footer {
    background-color: rgba(255,255,255, 0.5);
    padding-top: 0.35em;
    width: 80%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 9.8%;
    border-radius: 4px;
    }
    
#footer {
    background-color: rgba(255,255,255, 0.5);
    border-top: 2px outset #BBB;
    overflow: auto;
    width: 100%;
    padding-top: 10px;
    }


/* --------------- General Elements Styling (h1, h2, h3, p, etc.) --------------- */

h1 {
    font-family: "SortsMillGoudyRegular", "Arno Pro Display", "Times New Roman", "URW Bookman L", serif;
    font-weight: normal;
    }   

h2, h3 {
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-weight: normal;
    font-variant: small-caps;
    }   


p {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-weight: normal;
    font-size: 1.75em;
    }

p strong {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-size: 1.75em;
    font-weight: bold;
    }


.italic {
    font-style: italic;
    }
.dd_bullet {
    font-weight: bold;
    font-size: smaller;
    }

/* --------------- Form Styling --------------- */
.admn_config_add_content #aside, .admn_config_edit_content #aside, .admn_config_delete_content #aside{
    display: none;
}

form {
    margin-bottom: 5em;
}

fieldset {
    border-color: #BBB3B0;
    padding-left: 2em;    
    }
legend {
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-size: 2.03125em;
    font-weight: normal;
    font-variant: small-caps;
    line-height: 3.0625em;
    color: #000000;
    }
label {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.5;
    color: #000000;
    display: block;
    margin-left: 0.75em;
    }
select {
    font-size: 1.21875em;
    color: #000000;
    display: block;
    line-height: 2.84375;
    min-width: 8em;
    text-align: center;
    margin-bottom: 1.75em;
    background-color: #D9D1CE;
    border-color: #D9D1CE;
    border-style: inset;
    }
textarea {
    font-size: 1.5em;
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    color: #000000;
    display: block;
    margin-left: 2.4375em;
    margin-right: 3em;
    padding: 1em;
    background-color: rgba(255,255,255, 0.5);
    border-style: inset;
    border-width: 1px;
    border-color: #D9D1CE;
    }
    
#content input[type="submit"], #content input[type="reset"] {
    font-family: "BitterRegular", "Copperplate","Copperplate Gothic Light","Lucida Sans","FreeSans",sans-serif;
    font-size: 1.5em;
    font-variant: small-caps;
    background-color: rgba(255,255,255, 0.5);
    color: #101010;
    margin-bottom: 1.21875em;
    margin-top: 1.21875em;
    padding: 0em 0.2em 0.2em 0.1em;
    border: 2px outset #CCC;
    display: inline;
    cursor: pointer;
    }
#content input[type="submit"]:active, #content input[type="reset"]:active {
    border-style: none;
    margin-left: 1.75em;
    cursor: pointer;
    padding: 1px 0.1em 0.1em 0.1em;
    }  
    
.checkbox {
    display: inline-block;
    margin-left: 4.25em;
    margin-top: 0.55em;
    }
.checkbox_label {
    font-size: 1.4625em;
    color: #000000;
    display: inline-block;
    margin-bottom: 1.625em;
    }
.required {
/*  to show only to spm_bts*/
    height: 0em;
    visibility: hidden;
    }

.required_notice {
    font-weight: bold;
    }
    
#content .form_text ul li.error_submit {
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-variant: small-caps;
    color: #712611;
    margin-left: 0;
}
    
#content label.error {
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-size: 1.25em;
    font-variant: small-caps;
    color: #712611;
    background: none;
    border: none;
    margin: 0em;
    padding: 0em;
    height: 0em;
    position: relative;
    top: -1.55em;
    bottom: 1em;
    left: 2.25em; 
}

#content input.error {
    font-size: 1.5em;
    color: #000000;
    background-color: #CCAAAA;
    display: block;
/*    margin-left: 1.625em;*/
    margin-bottom: 1.625em;
    border-style: inset;
    border-width: 1px;
    border-color: #D9D1CE;
    position: static;
}

#content textarea.error {
    font-size: 1.5em;
    color: #000000;
    background-color: #CCAAAA;
    display: block;
    margin-left: 2.4375em;
    margin-bottom: 2em;
    margin-right: 3em;
    padding: 1em 0em 0em 1em;
    border-style: inset;
    border-width: 1px;
    border-color: #D9D1CE;
}

.form_area {
    float: left;
    width: 32em;
    }

.form_area input {
    font-size: 1.5em;
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    color: #000000;
    display: block;
    margin-left: 1.625em;
    margin-bottom: 1.625em;
    padding: 0.2em 0em 0em 0.2em;
    background-color: rgba(255,255,255, 0.5);
    border-style: inset;
    border-width: 1px;
    border-color: #D9D1CE;
    }
.form_area a {
    display: block;
    }
    
.form_area #confg fieldset {
    width: 30em;
}

.form_area #confg fieldset h3 {
    margin-top: 0em;
    margin-left: 0.75em;
}
    
.form_area #confg li {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-weight: lighter;
    font-size: 1em;
    list-style: none;
    margin-left: 0.75em;
    width: 18em;
    }

.form_text {
    float: right;
    width: 35em;
    margin-top: -1.5em;
    }
    
#contact_info_area {
    float: left;
    margin-right: 85px;
    }
    
#message {
    width: 50%;
    margin-top: 0.5em;
    height: 166px;
    resize: none;
    padding-bottom: 10px;
    }
    
#msgform {
    width: 800px;
    }

#msgform #send_message_btn:active {
    margin-bottom: 1.35em;
    }

input.greyed_out, select.greyed_out, textarea.greyed_out {
    color: #666;
    } 
   
/* --------------- Admin Pages Styling --------------- */
#content form table tr td {
    background: none;
    }
    
#content  .form_area th {
    font-size: 1.25em;
    min-width: 7em;
    }
    
#content .form_text p.notification {
    margin-top: -0.75em;
}

#content .form_text p.notification span {
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-variant: small-caps;
    color: #712611;
}

#content .form_text li.notification {
    margin-left: 0em;
    padding: 0em 0em 0em 1em;
    max-width: 26.7em;
    background-color: #A4958E;
    opacity: .75;
}

#content .form_text h4 {
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-size: 1.75em;
    font-variant: small-caps;
    color: #712611;
    margin: 0em;
}

#content  input.edit_link_name, #content input.add_link_name, #content input.delete_link_name {
    width: 10em;
    margin-left: 0em;
    padding-left: 1em;
    }
    
#content #add_link_row {
    background: none;
    border: none;
    text-decoration: underline;
    margin-top: 1.21875em;
    margin-bottom: 1.21875em;
    margin-left: 1.65em;
    cursor: pointer;
    }

#content #delete_navigation_links td input {
    width: 8em;
    color: #666;
    margin-left: 0em;
}
    
#content #delete_navigation_links input.delete_checkbox {
    width: 1.1em;
    margin-left: 1.65em;
    }
    
#content #delete_navigation_links input.delete_link_order {
    text-align: center;
}

#content #edit_blog_posts select, #content #delete_blog_posts select {
    margin-left: 2em;
}

#content #select_post {
    margin-top: -0.3em;
    margin-left: 3em;
    margin-bottom: 2em;
}

#content .form_text #admin_error_area {
    margin-top: 5em;
}

/* --------------- Altered General Elements Styling (h1, h2, h3, p, etc.) --------------- */

#content h1, #aside h1, #sub_nav h1 {
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-size: 2.953125em;
    font-variant: small-caps;
    line-height: 1.5;
    margin-top: 1.25em;
    margin-bottom: 0.25em;
    color: #000000;
    }
#content h2, #aside h2, #sub_nav h2 {
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-size: 2.25em;
    font-variant: small-caps;
    line-height: 1;
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    color: #000000;
    }
#content .heading_link {
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-weight: bold;
    font-size: 2.625em;
    font-variant: small-caps;
    line-height: 1;
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    color: #000000;
    padding: 0em;
    display: block;
    }
#content h3, #aside h3, #sub_nav h3 {
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-size: 1.96875em;
    font-variant: small-caps;
    line-height: 0.75;
    margin-top: 1.95em;
    margin-bottom: 0.73125em;
    color: #000000;
    }
#content p, #aside p, #sub_nav p, #sub_nav li, #content li, #aside li #sub_nav pre, #content pre, #aside pre {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-size: 1.75em;
    line-height: 1.6;
/*    margin-top: 0.6em;*/
    margin-bottom: 0.8em;
    margin-left: 0.8em;
    color: #000000;
    width: 30em;
    }
#content li{
    margin: 0em 0em 0em 3.25em;
    list-style: inside;
    }       
#content a {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-size: 1.75em;
    text-decoration: none;
    color: #000000;
    padding: 0 0.40625em 0 0.40625em;
    }
#content a:hover {
  text-decoration: underline;
    }
#content p a {
    margin-left: -0.25em;
    font-size: 1em;
    text-decoration: underline;
    }    
#site_tools p a {
    font-size: 1em;
    font-weight: normal;
    }    
#content p a:link, #confg a:link, #content p a:visited, #confg p a:visited {
    color: #101010;
    }
#content p a:hover, #confg a:hover {
    color: #7E6F68;
    }
#content p a:active, #confg a:active {
    color: #56524F;
    }
#content dl {
    margin-left: 5em; 
    }
#content dt {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-size: 1.75em;
    font-weight: bold;
    font-style: italic;
    }
#content dd {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-size: 1.5em;
    font-weight: normal;

font-family: "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif\9;
    }

#resume_content {
    margin-bottom: 10em;
    width: 80em;
    overflow: hidden;
    padding-left: 1em;
}
#resume_content h3 {
    font-size: 4em;
    margin-bottom: 0.5em;
    margin-left: -0.25em;
    margin-top: 1em;
    clear: both;
    }
#resume_content h4 {
    font-family: "BitterRegular", "Copperplate","Copperplate Gothic Light","Lucida Sans","FreeSans",sans-serif;
    font-size: 2.25em;
    font-variant: small-caps;
    margin-bottom: 0.1em;
    margin-left: 0.75em;
    margin-top: 1em;
    }
#resume_content ul li {
    display: list-item;
    }
#resume_content .left_column {
    float: left;
    width: 30em;
}
#resume_content .right_column {
    float: left;
    margin-left: 8.5em;
    width: 40em;
}
#resume_content li, #resume_content .horizontal_listing li {
    display: inline-block;
    margin-left: 1em;
    }
#resume_content .horizontal_listing ul {
    display: inline-block;
    width: 6em;
    }
#resume_content .horizontal_listing ul.left_list li {
    display: list-item;
    float: left;
    }
#resume_content .horizontal_listing ul.right_list li {
    display: list-item;
    float: left;
    margin-left: 5em;
    }
#resume_content ul.subtitle_list {
    margin-bottom: 0;
    margin-left: -0.8em;
    margin-right: 0;
    }
#resume_content .subtitle_list li {
    display: inline;
    margin-left: 3.25em;
    margin-right: -2.5em;
    }
#resume_content .subtitle_list h4 {
    display: inline;
    font-size: 1.3em;
    margin-bottom: 0.1em;
    margin-left: -2.1em;
    }
    
.planning_document #image_gallery img {
    margin-top: 3em;
    margin-left: -12em;
    margin-bottom: 15em
}

#personal_photo {
    background-image: url("/_css_images/phillip_prof_photo.jpg");
    background-repeat: no-repeat;
    background-size: 150px 200px;
    border: 4px solid #fff;
    float: right;
}


/* --------------- Accessibility Styling --------------- */
.no_css {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:0px;
    overflow:hidden;
    }

a:focus {
    text-decoration: underline !important;
    }    

a img:focus {
    border-bottom: solid black !important;
    }        
    
#skip_to_content a, #skip_to_content a:hover, #skip_to_content a:visited {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
    }

#skip_to_content a:active, #skip_to_content a:focus {
    position: absolute;
    top: 0px;
    left: 80px;
    width:auto;
    height:auto;
    font-family: "BitterRegular", "Copperplate", "Copperplate Gothic Light", "Lucida Sans", "FreeSans", sans-serif;
    font-size: 1.5em;
    font-variant: small-caps;
    color: #000;
    } 

/* --------------- Header Styling --------------- */

#title {
    padding: 4.8em 4em 0em 6.5em;
    }
    
#header_logo a {
    background-image: url(/_css_images/logo_small.png);
    opacity: 0.25;
    margin: 1.5em 3em 0em 3.6em;
    float: left;
    }
    
#site_name {
    float: left;
    }
    
#site_name h1 {
    font-size: 4.4em;
    margin-top: 0.45em;
    }
        
#site_name h2 {
    font-size: 2.15em;
    margin-left: 0.12em;
    margin-top: -1.3em;
}
    
#site_tools {
    color: #A79A94;
    float: right;
    text-align: right;
    margin-top: 0.85em;
    margin-right: 4%;
}
#site_tools a {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-weight: lighter;
    font-size: 1.75em;
    text-align: center;
    text-decoration: none;
    display:inline-block;
    }    
#site_tools a:link, #site_tools a:visited {
    color: #A79A94;
    }
#site_tools a:hover {
    color: #7E6F68;
    text-decoration: underline;
    }
#site_tools a:active {
    color: #56524F;
    }


/* --------------- Main Nav Styling --------------- */

#main_nav ul {
    margin: 0em;
    padding-left: 65px;
}

#main_nav li {
    display: inline;
    list-style: none;
    }
    
#main_nav a {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-size: 2.25em;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
    text-decoration: none;
    display:inline;
    width: 100%;
    height: 100%;
    }

/* ------------------------------------------- */
#main_nav a:link, #main_nav a:visited {
    background-color: rgba(255,255,255, 0.5);
    border: 2px outset #CCC;
    color: #101010;
    }
#main_nav a:hover {
    color: #7E6F68;
    background-color: rgba(255,255,255, 0.75);
    }
#main_nav a:active {
    color: #56524F;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: #B4B4B4 #AAA #B4B4B4 #B4B4B4;
    border-style: inset;
    border-width: 2px;
    text-decoration: none;
    }
    
/* ------------------------------------------- */
.home #home[title~=Home], .empty_home #home[title~=Home], .home_home #home[title~=Home], .about_me_home #home[title~=Home], .portfolio_home #home[title~=Home], .resume_home #home[title~=Home], .contact_home #home[title~=Home]{
    color: #7E6F68;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: #B4B4B4 #AAA #B4B4B4 #B4B4B4;
    border-style: inset;
    cursor: default;
    }

/* ------------------------------------------- */
.about_me #about_me[title~=About], .home_about_me #about_me[title~=About], .about_me_about_me #about_me[title~=About], .portfolio_about_me #about_me[title~=About], .resume_about_me #about_me[title~=About], .contact_about_me #about_me[title~=About]{
    color: #7E6F68;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: #B4B4B4 #AAA #B4B4B4 #B4B4B4;
    border-style: inset;
    cursor: default;
    }


/* ------------------------------------------- */
.portfolio #portfolio[title~=Portfolio], .home_portfolio #portfolio[title~=Portfolio], .about_me_portfolio #portfolio[title~=Portfolio], .portfolio_portfolio #portfolio[title~=Portfolio], .resume_portfolio #portfolio[title~=Portfolio], .contact_portfolio #portfolio[title~=Portfolio]{
    color: #7E6F68;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: #B4B4B4 #AAA #B4B4B4 #B4B4B4;
    border-style: inset;
    cursor: default;
    }


/* ------------------------------------------- */
.resume #resume[title~=Résumé], .home_resume #resume[title~=Résumé], .about_me_resume #resume[title~=Résumé], .portfolio_resume #resume[title~=Résumé], .resume_resume #resume[title~=Résumé], .contact_resume #resume[title~=Résumé]{
    color: #7E6F68;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: #B4B4B4 #AAA #B4B4B4 #B4B4B4;
    border-style: inset;
    cursor: default;
}
    

/* ------------------------------------------- */
.contact #contact[title~=Contact], .home_contact #contact[title~=Contact], .about_me_contact #contact[title~=Contact], .portfolio_contact #contact[title~=Contact], .resume_contact #contact[title~=Contact], .contact_contact #contact[title~=Contact]{
    color: #7E6F68;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: #B4B4B4 #AAA #B4B4B4 #B4B4B4;
    border-style: inset;
    cursor: default;
}


/* --------------- Sub Nav Styling --------------- */

#sub_nav ul, #sub_nav li {
    list-style: none;
    }

#sub_nav a {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-weight: lighter;
    font-size: 1.25em;
    margin-left: 0.9em;
    margin-top: 1.45em;
    text-align: left;
    text-decoration: underline;
    display:block;
    }

/* ------------------------------------------- */
#sub_nav a:link, #sub_nav a:visited {
    color: #101010;
    }
#sub_nav a:hover {
    color: #7E6F68;

    }
#sub_nav a:active {
    color: #56524F;
    }

/* ------------------------------------------- */
.blog #blog[title~=Blog], .empty_blog #blog[title~=Blog], .blog_blog #blog[title~=Blog], .home_blog #blog[title~=Blog], .about_me_blog #blog[title~=Blog], .portfolio_blog #blog[title~=Blog], .resume_blog #blog[title~=Blog], .contact_blog #blog[title~=Blog]{
    color: #7E6F68;
    cursor: default;
    }    
    

/* --------------- Content Filter Links Styling --------------- */
/*#filter_status li, #site_filters li {
    font-family: "arnprlghtdsply", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-size: 1.75em;
    line-height: 1.6;
    color: #444;
    display:inline;
    }
    
#filter_status a, #site_filters a {
    font-family: "arnprlghtdsply", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    text-decoration: none;
    padding: 0 0.4em 0 0.4em;
    display:inline-block;
    }
    
#filter_status a:link, #filter_status a:visited {
    color: #444;
    }
#filter_status a:hover {
    text-decoration: underline;
    color: #555;
    }
#filter_status a:active {
    color: #333;
    }
    
#site_filters a:link, #site_filters a:visited {
    color: #444;
    }
#site_filters a:hover {
    text-decoration: underline;
    color: #555;
    }
#site_filters a:active {
    color: #333;
    }*/



/* --------------- Footer Styling --------------- */
#footer ul {
    padding: 0em 2em;
    }

#footer p, #footer li,#footer pre {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-size: 1.5em;
    line-height: 1.6;
    color: #444;
    }
    
#footer li{
    display:inline-block;
    list-style: none;
    margin-bottom: 0.5em;
    }
    
#footer a {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    text-decoration: none;
    padding: 0 0.4em 0 0.4em;
    display:inline-block;
    }
    
#footer a:link, #footer a:visited {
    color: #444;
    }
#footer a:hover {
    text-decoration: underline;
    color: #555;
    }
#footer a:active {
    color: #333;
    }
    
#copyright_notice {
    margin-left: 1%;
    margin-right: 8%;
    }

#valid_code {
    float: right;
    margin-right: 1%;
    }

    
    
/* --------------- Blog Styling --------------- */
#blog_posts {
    padding-top: 1em;
    margin-bottom: 10em;
    }

#blog_posts li{
    list-style: none;
    margin: 0em;
    }

#blog_posts .post_title {
    margin-left: -0.2em;
    }

#blog_posts .post_date {
    font-size: 0.85em;
    margin-top: -0.5em;
    margin-left: 0.2em;
    margin-bottom: 0.5em;
    color: #555;
    }

#blog_posts ul li ul {
    margin-top: -1em;
    margin-left: -1em;
    }

#blog_posts ul li ul li {
    font-size: 0.5em;
    display: inline;
    }

#blog_posts li h2 {
    width: 20em;
    }

#blog_posts li h3 {
    margin-top: 1em;
    width: 20em;
    }

#blog_posts li p {
    font-size: 1em;
    }
    
#blog_posts p a {
    margin-right: -0.37em;
    }

#blog_posts img {
    margin-left: -0.2em;
    }

#blog_posts .post_tag {
    font-size: 0.85em;
    margin-left: 0em;
    margin-bottom: 5em;
    color: #555;
    }
    
#blog_posts .post_tag a:link, #blog_posts .post_tag a:visited {
    color: #56524F;
    }
#blog_posts .post_tag a:hover, #blog_posts ul li ul li a:hover{
    color: #7E6F68;
    text-decoration: underline;
    }
#blog_posts .post_tag a:active, #blog_posts ul li ul li a:active {
    color: #46423F;
    }    
    
#blog_nav h3 {
    color: #56524F;
    }
    
#blog_nav span {
    font-size: 0.75em;        
    }
    
#blog_nav ul {
    list-style: none;
    margin-top: 1em;
}    

#to_blog_link a {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-weight: lighter;
    font-size: 1.75em;
    text-align: center;
    text-decoration: none;
    display:inline-block;
    }    
    
#blog_nav a {
    font-family: "SortsMillGoudyRegular", "Arno Pro Light Display", "Times New Roman", "URW Bookman L", serif;
    font-weight: lighter;
    font-size: 1.75em;
    text-align: center;
    text-decoration: none;
    display:inline-block;
    }    
#blog_nav a:link, #to_blog_link a:link, #blog_nav a:visited, #to_blog_link a:visited {
    color: #56524F;
    }
#blog_nav a:hover, #to_blog_link a:hover {
    color: #7E6F68;
    text-decoration: underline;
    }
#blog_nav a:active, #to_blog_link a:active {
    color: #46423F;
    }
    
#blog_posts .comment {
    background-color: rgba(255, 255, 255, 0.25);
    margin-bottom: 1em;
    margin-left: 0.8em;
    padding: 2em;
    width: 427px;
    }

#blog_posts .comment .comment_timestamp {
    font-size: 0.9em;
    display: inline;
    color: #555;
    }

#blog_posts .comment h4 {
    margin-bottom: 0em;
    display: inline-block;
    }
    
#blog_posts #comments_form {
    margin-left: 2em;
    margin-bottom: 10em;
    }
    
#blog_posts #comments_form textarea {
    height: 10em;
    margin-bottom: 0em;
    }