/*

Theme Name: Ed Foster Jr.

Version: 1.0

AUTHOR: EJF4

PROJECT: ED FOSTER, JR

CREATED ON: 8/27/2011 

*/



/* CSS RESET */

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, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-decoration: none; }

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

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

a, a img, a:focus { border: 0; outline: 0; }

input { font-family: Arial, Geneva, sans-serif; }

img { width: 100%; display: block; height: auto; }

strong { font-weight: bold; display: inline; }

body { -webkit-tap-highlight-color: none; -webkit- }

.wp-caption {

	margin-top: 0.4em;

}

.wp-caption { max-width: 100%; width: 100%; }





/* GENERAL */

body { font-size: 100%; border-top: solid 15px #0a0a0a; font-family: "angie-sans-1", "angie-sans-2", "Trebuchet MS", Verdana, Arial, sans-serif; padding: 0 4%; background: url("images/bg-body.png") top center repeat; }

.multiplebgs body { background: url("images/light.png") top center no-repeat, url("images/bg-body.png") top center repeat; }



p { font-family: "angie-sans-1", "angie-sans-2", "Trebuchet MS", Verdana, Arial, sans-serif; font-size: .875em; line-height: 1.375em; color: #000000; margin-bottom: .013157895%; }

h1, h2, h3, h4, h5, h6 { font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2, Georgia, Times, serif; }

h1 { letter-spacing: .06875; font-size: 1em; color: #cccccc; text-transform: uppercase; }

cite { font-style:italic;}

div#wrapper { max-width: 1140px; padding-top: 5%; margin: 0 auto; }





/* SOCIAL ICONS */

ul#connect { width: 97.3684211%; margin-right: 2.6315789%; text-align: right; }

ul#connect li { display: inline; }

ul#connect li a { width: 4%; display: inline-block; margin: 0 .5%; -webkit-transition: all ease-in-out 200ms; }

ul#connect li a:hover { opacity: .8; }

ul#connect li.st_sharethis a { background: none; }





/* LOGO */

div#logo a { width: 28%; margin-left: 2.6315789%; float: left; }





/* MAIN NAVIGATION */

nav ul { float: right; width: 66%; background: #252525; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-align: center; border-top: solid 1px #333333; border-left: solid 1px #333333; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; margin: 2.5% 0 3.5% 0; }

nav ul li {  position: relative; display: inline-block; padding: 3% 2%; }

nav ul li a {  display: inline-block; color: #999999; text-shadow: 1px 1px 1px #111111; text-shadow:rgba(0,0,0,1) 0 0 0; font-family: Arial, Geneva, sans-serif; }

nav ul li a:hover { color: #cccccc; }

.no-js nav ul li:hover ul { display: block; }

nav ul li.current-menu-item a { color: #cccccc; }





/* SUB NAV DROP DOWNS */

nav ul li ul { float: none; width: 150px; background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; text-align: left; border: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; margin: 0px; position: absolute; top: 100%; display: none; left: 0px; z-index: 10; }

nav ul li ul li { padding: 0;float: none; display: inline; }

nav ul li ul li a { display: block; padding: 7% 10%; background: #111111; font-size: .80em; }

nav ul li ul li:last-child a { -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; }

nav ul li ul li a:hover { background: #050505; }





/* HOME PAGE FEATURED IMAGE */

div#featured-img { background: #252525; padding: 3.5%; clear: right; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-top: solid 1px #333333; border-left: solid 1px #333333; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; margin-bottom: 1.75%; }

div#featured-img img, div#home-essay img { -webkit-box-shadow: 0px 0px 3px #111111; -moz-box-shadow: 0px 0px 3px #111111; }


.hero-home .wp-caption-text { margin-top: 5px; }


/* HOME PAGE ESSAY AND VWB POSTS */

div#home-essay { background: #252525; padding: 3.5%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-top: solid 1px #333333; border-left: solid 1px #333333; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; margin-bottom: 3.5%; width: 41.25%; float: left; clear: both; }





/* HOME PAGE FEATURED VWB POSTS */

div#home-vwb { background: #252525; padding: 3.5%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-top: solid 1px #333333; border-left: solid 1px #333333; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; margin-bottom: 3.5%; width: 41.25%; float: right; }

div#home-vwb ul { border-top: solid 1px #757575; margin-bottom: 5%; }

div#home-vwb ul li a { font-size: .9375em; color: #757575; text-decoration: none; padding: 2.6381744% 0px 2.6381744% 1.3190872%; display: block; border-bottom: solid 1px #757575; }

div#home-vwb ul li a:hover { color: #999999; }



div#home-essay h1, div#home-vwb h1 { margin-bottom: 5.2763488%; }

a.all { -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #171717; padding: 3%; display: block; text-align: center; color: #757575; font-size: .875em; width: 34%; -webkit-transition: all ease-in-out 200ms; }

a.all:hover { background: #990000; color: #ffffff; }





/* FOOTER */

div#footer { width: 100%; text-align: center; background: #252525; padding: 2% 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-top: solid 1px #333333; border-left: solid 1px #333333; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; margin-bottom:  5%; font-size: .9375em; color: #666666; clear: both; line-height: 1.25em; }





/* CATEGORIES LIST */

div#categories { clear: both; background: #252525; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-top: solid 1px #333333; border-left: solid 1px #333333; width: 96.5%; padding: 1% 1.75%; margin-bottom: 3.5%; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; }

div#categories ul.listing { clear: left }

div#categories ul.listing li { display: inline; vertical-align: top; }

div#categories ul.listing li a { display: inline-block; padding: 2.5% 1.75%; width: 29.5%; vertical-align: top; }

div#categories ul.listing li a img { margin-bottom: 5%; -webkit-box-shadow: 0px 0px 3px #111111; -moz-box-shadow: 0px 0px 3px #111111; }

div#categories ul.listing li a h1 { font-size: 1em; text-transform: none; /*letter-spacing: .1em;*/ margin-bottom: 5%; line-height: 130%; font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2; }

div#categories ul.listing li a p { color: #999999; margin-bottom: 5%; font-size: .9375em; }

div#categories ul.listing li a:hover h1 { color: white }



ul.sub-nav { margin: 2.5% 0 2.5% 1.75%; }

ul.sub-nav li a { float: left; padding: 1.5% 2%; margin-right: .5%; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #757575; font-family: Arial, Geneva, sans-serif; font-size: .875em; -webkit-transition: all ease-in-out 200ms; background: #222222; }

ul.sub-nav li a:hover { background: #202020; }

ul.sub-nav li.current a { background: #191919; color: #ffffff; }



div#portfolio-item { padding: 3.5%; background: #252525; width: 60%; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin-bottom: 3.5%; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; border-top: solid 1px #333333; border-left: solid 1px #333333; }





/* BLOG */

div#blog { padding: 3.5%; background: #f3f3f3; width: 60%; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin-bottom: 3.5%; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; border-top: solid 1px #ffffff; border-left: solid 1px #ffffff;  }

div#sidebar { width: 29.5%; float: right; margin-bottom: 3.5%; }

div#sidebar div.module { padding: 7%; background: #252525; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-top: solid 1px #333333; border-left: solid 1px #333333; margin-bottom: 7%; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; }





div#sidebar div.module h2 { color: #999999; text-transform: uppercase; border-bottom: solid 1px #333333; padding-bottom: 2%; margin-bottom: 4%; font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2, "Trebuchet MS", Verdana, Arial, sans-serif; font-size: .875em; letter-spacing: .1em; }

div#sidebar div.module ul li a { display: block; color: #666666; font-size: .8125em; padding: 3% 0; }

div#sidebar div.module ul li a:hover { color: #999999; }



div#sidebar div.module input.search-blog { border: 0; padding: 10px; width: 93%; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #f3f3f3; font-size: .875em; color: #999999; }

div#sidebar div.module input.search-blog:focus { background: #f3f3f3; outline: 0; }



div#blog article { margin-bottom: 10%; }

div#blog article h1 { color: #212121; font-size: 1.625em; margin-bottom: 2%; text-transform: none; font-weight: bold; }

div#blog article h1 span { color: #dddddd; float: right; font-size: .75em; font-weight: normal; }

div#blog article h1 a { color: #212121; }

div#blog article p.post-date {  color: #999999; text-transform: uppercase; font-size: .7em; margin-bottom: 2%; letter-spacing: .1em; padding-left: .05%; }

div#blog article p.post-date span { font-size: 1em; } 

div#blog article p.editor-note {  color: #333333; line-height: 1.3em; font-size: .80em; margin-bottom: 6%; margin-top: 3%; }

div#blog article img { margin-bottom: 3%; }

div#blog article p.wp-caption-text { width: 34%; float: left; font-weight: bold; display: block; margin: 0 3% 3% 0; border-right: solid 1px #dddddd; padding-right: 10px; }

div#blog article p { line-height: 1.625em; margin-bottom: 3%; color: #212121; }

div#blog article p a:link { color: #8c0000; }
div#blog article p a:visited { color: #710000; }
div#blog article p a:hover { color: #de0000; }
div#blog article p a:active { color: #8c0000; }

div#after-post { margin-top: 4%; clear: left; }

div#after-post ul li { font-size: .70em; margin-right: 1%; display: inline; }

div#after-post ul li strong { padding: 1.25%; background-color: #e5e5e5; border: solid 1px #e5e5e5; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; text-transform: uppercase; color: #888888; }

div#after-post ul li em { padding: 1.25%; border: solid 1px #e5e5e5; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-topright: 4px; }

div#after-post ul li em a { color: #282828; }

div#after-post ul li.share em img { width: 100px; display: inline; margin: 0; padding: 0; margin-bottom: -11px; }

div#after-post ul li a:hover { color: #8c0000; }

.next-prev a { color: #8c0000; }

.post__series {
    margin-bottom: 10px;
}

.post__series a {
    color: #999999;
    transition: color ease-in-out 250ms;
}

.post__series a:hover {
    color: #282828;
}

/* COMMENT FORM */

div#respond { padding-top: 3%; border-top: solid 1px #e5e5e5; }

div#respond div.row { margin-bottom: 2%; }

div#respond div.row label { font-size: .825em; margin-left: .5%; cursor: pointer; }

div#respond div.row input[type=text], div#respond div.row textarea { padding: 10px; border: solid 1px #cccccc; display: block; margin-top: .75%; font-size: .825em; }

div#respond div.row input[type=text] { width: 40%; }

div#respond div.row textarea { width: 97.5%; height: 120px; }

div#respond input#submit, #submitContact { padding: 1.5% 2.5%; background-color: #212121; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #cccccc; text-transform: uppercase; border: 0px; cursor: pointer; font-size: .825em; letter-spacing: .2em; }

div#respond p.note { font-size: .75em; margin-bottom: 1.5%; margin-left: .25%; }

h3#reply-title { margin-bottom: 3%; font-size: 1.25em; font-weight: bold; letter-spacing: .05em; }

div#respond div.row .error { color: red; }

div#respond div.row input.error, div#respond div.row textarea.error { /*border: solid 1px red;*/ color: #000000; }





/* COMMENTS LIST */

div#comments { }

div#comments h2 { font-weight: bold; letter-spacing: .1em; }

div#comments ol#comments-list { margin-bottom: 8%; }

div#comments ol li { padding: 5% 5% 0 5%; }

div#comments ol li div, div#comments ol li p { margin-bottom: 3%; }

div#comments ol li div.author { font-weight: bold; margin-bottom: 1%; }

div#comments ol li div.author a, div#comments ol li div.comment-date a { color: #000000; }

div#comments ol li div.author span { font-weight: normal; font-style: italic; color: #999999; }

div#comments ol li div.comment-date, div#comments ol li div.reply-link a { font-size: .75em; color: #000000; }





/* CATEGORY, TAG, and SEARCH PAGES */

h1.category-title { color: #999999; margin-bottom: 5%; text-transform: none; font-size: 1.25em; }

h1.category-title span { text-transform: capitalize; }

div.category div.wp-caption { display: none; }

div.category div.gallery-thumb { width: 20%; float: left; margin: 0 4% 4% 0; }

div.category div.gallery-thumb img { -webkit-border-radius: 4px; }

div.category a.read-more { color: #000000; }





/* CONTACT PAGE */

div#contact { padding: 3.5%; background: #f3f3f3; width: 60%; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin-bottom: 3.5%; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; border-top: solid 1px #ffffff; border-left: solid 1px #ffffff; }

div#contact div#respond { border: 0; padding-top: 0; }

div#sidebar-contact { padding: 3.5%; width: 22.5%; float: right; margin-bottom: 3.5%; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin-bottom: 3.5%; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; border-top: solid 1px #333333; border-left: solid 1px #333333; background: #252525; clear: both }

div#sidebar-contact h1, div#sidebar-contact p { margin-bottom: 10%; }

div#sidebar-contact h2 { color: #757575; margin-bottom: 2.5%; }

div#sidebar-contact p, div#sidebar-contact p a { color: #cccccc; } 

#contactcaptcha, #commentcaptcha {
	width: 100px !important;
	display: inline !important;
}





/* FULL WIDTH PAGE */

div#full-width { clear: right; background: #252525; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-top: solid 1px #333333; border-left: solid 1px #333333; width: 93%; padding: 3.5%; margin-bottom: 3.5%; -webkit-box-shadow: 2px 2px 3px #111111; -moz-box-shadow: 2px 2px 3px #111111; }

div#full-width p { color: #cccccc; font-size: 1em; line-height: 1.5em; margin-bottom: 2.1%; }

div#full-width h1 { font-size: 1.6em;  margin-bottom: 4%; text-transform: none; }

div#full-width p a:link { color: #ffffff; }
div#full-width p a:visited { color: #cccccc; }
div#full-width p a:hover { color: #ffffff; text-decoration: underline;}
div#full-width p a:active { color: #cccccc; }

/* Added to reduce text on full-width page to 70% on desktop view */
div.fp_article { width: 70%; }



/* SERVICES PAGE */

div#services ul { clear: both }

div#services ul li { display: block; padding: 5% 3% 5% 3%; border-bottom: solid 1px #333333; border-top: solid 1px #191919; }

div#services ul li:last-child { border-bottom: 0; padding-bottom: 0; }

div#services ul li:first-child { padding-top: 0; border-top: 0; }

div#services ul li div.left { width: 25%; margin-right: 5%; clear: left; margin-bottom: 5%; float: left; }

div#services ul li div.left img { margin-bottom: 7%; }

div#services ul li div.left a { padding: 5% 0; width: 80%; background-color: #212121; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #cccccc; text-transform: uppercase; border: 0px; cursor: pointer; font-size: .825em; letter-spacing: .2em; margin: 0px auto; display: block; text-align: center; color: #7cbcf3; border-top: solid 1px #343434; border-left: solid 1px #343434; border-right: solid 1px #191919; border-bottom: solid 1px #191919; }

div#services ul li h1 { text-transform: none; color: #7cbcf3; font-style: italic; letter-spacing: .1em; margin-bottom: 2.5%; font-size: 1.25em; line-height: 1.5em; }

div#services ul li p { margin-bottom: 2%; line-height: 1.625em; color: #cccccc; }





/* ABOUT PAGE */

div#about-me { position: relative; }

div#about-me img { position: relative; z-index: 5; }

div#about-me div.content { position: absolute; z-index: 10; margin: 7.5% 0 0 5%; width: 30%; }

div#about-me div.content p { color: #fad15d; font-size: 1.125em; line-height: 1.75em; margin-bottom: 10%; }

div#about-me p.about-img { margin-bottom: 0; }





/* GALLERY FLEXSLIDER */

.flexslider {width: 100%; margin: 0; padding: 0; position: relative; margin: 2% 0 3% 0; padding-bottom: 3%; border-bottom: solid 1px #333333; }

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {max-width: 100%; display: block; margin-top: -5%; }

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

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

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}

.flexslider .slides li img { width: 70%; float: left }

.flexslider .slides li p { color: #cccccc; margin-left: 73.5%; font-size: 1em; line-height: 1.625em; margin-top: 5%; }

ul.flex-direction-nav { position: absolute; top: 0; margin-left: 73.5%; width: 24%; clear: both; }

ul.flex-direction-nav li a { display: block; float: left; padding: 4% 5%; background: #111111; color: #666666; }

ul.flex-direction-nav li a.prev { -webkit-border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; border-right: solid 1px #000000; }

ul.flex-direction-nav li a.next { -webkit-border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-topright: 6px; border-left: solid 1px #222222; }

/* MULTIMEDIA */

div#multimedia {margin-top: 15px; overflow: hidden;}

/* MEDIA QUERIES */

@media screen and (max-width: 1000px) {

ul#connect { text-align: center; width: 40%; float: right; margin-right: 0; }

ul#connect li a { width: 10%; margin-top: 15%; }

div#logo a { width: 50%; }

nav ul { width: 100%; }

nav ul li a { display: inline-block; }



}





@media screen and (max-width: 800px) {

body { font-size: 115%; }

nav ul, div#featured-img { margin-bottom: 5%; }

nav ul li a { display: inline-block; }

ul#connect li a { width: 20%; }

nav ul li ul li { display: none; }

div#home-essay, div#home-vwb { float: none; width: 93%; margin-bottom: 5%; }

h1 { font-size: 1.125em; }

a.all { font-size: 1em; width: 94%; }

div#categories { margin-bottom: 5%; }

div#categories ul.listing li a { width: 46%; }

div#categories ul.listing li a h1 { font-size: 1.125em; }



div#services ul li div.left { width: 33%; }

div#services ul li div.left img { margin-bottom: 2%; }

div#services ul li div.left a { display: none; }

div#blog { width: 93%; }

/*div#blog article p.wp-caption-text { width: 100%; float: none; border-right: 0px; border-bottom: solid 1px #dddddd; padding-bottom: 2%; }*/

div#sidebar div.module ul li a { font-size: 1em; }

div#after-post ul li strong, div#after-post ul li em { padding: 0; border: 0; color: #111111; background:none; margin-right: 1%; }

div#after-post ul li strong { font-weight: bold; }



div#sidebar { width: 100%; float: none; clear: left; }

/*div#sidebar div.module { width: 25%; padding: 3%; float: left; margin-right: 2%; }*/

div#sidebar div.module { margin-bottom: 3.5%; }

div#respond div.row input[type=text], div#respond div.row textarea, div#sidebar div.module input.search-blog { width: 95%; padding: 2.5%; }



div#contact { width: 93%; float: none; }

div#sidebar-contact { width: 93%; float: none; }

div#sidebar-contact h1, div#sidebar-contact p { margin-bottom: 5%; }



div#about-me { position: static; }

div#about-me img { position: static; }

div#about-me div.content { position: static; margin: 0; width: 100%; }

div#about-me div.content p { color: #fad15d; font-size: 1em; line-height: 1.5em; margin-bottom: 3%; }



.flexslider .slides img {max-width: 100%; display: block; margin-top: 0; }

.flexslider .slides li img { width: 100%; float: none; }

.flexslider .slides li p { color: #cccccc; margin-left: 0; font-size: 1em; line-height: 1.625em; margin-top: 3%; }



ul.flex-direction-nav { position: absolute; top: -6%; margin-left: 0; right: 0; clear: both; display: none  }

div.info { margin-top: 0%; width: 100%; }

div#full-width p.wp-caption-text { margin-bottom: 3%; }

div#full-width h1 { font-size: 1.5em; margin-bottom: 4%;}



}





@media screen and (max-width: 480px) {

ul#connect { display: none; }

body { border-top: solid 15px #0a0a0a; padding: 0; }

ul#connect { text-align: center; width: 100%; }

ul#connect li a { margin: 5% 3%; width: 12%; }

div#logo a { width: 100%; margin: 0 0 0 0; float: none; text-align: center; }

div#logo a img { width: 70%; margin: 0 auto; }



nav ul { background: none; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; }

nav ul, div#blog, div#sidebar div.module, div#sidebar, div#contact, div#sidebar-contact, div#full-width, div#home-vwb, div#featured-img { -webkit-border-radius: 0; -moz-border-radius: 0; }

nav ul li#menu-item-65, nav ul li#menu-item-69 { display: none; }

nav ul li.current_page_parent a, nav ul li.current-menu-item a { color: #cccccc; font-weight: bold; }



div#blog, div#contact, div#sidebar-contact, div#featured-img, div#home-vwb { width: 86%; padding: 7%; }

div#blog, div#sidebar div.module { border: 0; margin-bottom: 0; }

div#contact, div#home-vwb { border: 0;  }

div#sidebar-contact, div#featured-img { border-left: 0; margin-bottom: 0; }

div#blog article h1 { font-size: 1.125em; margin-bottom: 3%; }

div#blog article p.wp-caption-text { width: 100%; float: none; border-right: 0px; border-bottom: solid 1px #dddddd; padding-bottom: 2%; }



div#after-post ul li { display: block; margin-bottom: 3%; }

div#full-width { padding: 7%; width: 86%; border-left: 0; }

div#services img { display: none; }



div#footer { background: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; font-size: .75em; }

div#footer span { display: block; }

div#categories ul.listing li a { width: 96.5%; border-bottom: solid 1px #333333; margin-bottom: 5%; }

.max-480 { display: none; }



div#services ul li div.left { float: none; width: 100%; text-align: center; }

div#services ul li h1, div#services ul li p { margin-bottom: 5%; }

}

/* Clearfix */
.clear {
  *zoom: 1; }

.clear:before,
.clear:after {
  display: table;
  line-height: 0;
  content: ""; }

.clear:after {
  clear: both; }

.box {
	box-sizing: border-box;
	background: #252525;
	padding: 30px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-top: solid 1px #333333;
	border-left: solid 1px #333333;
	-webkit-box-shadow: 2px 2px 3px #111111;
	-moz-box-shadow: 2px 2px 3px #111111;
	color: #757575;
}

.grid {
	margin: -1.75% 0 0 0;
	/*display: none;*/
}
.admin-bar .grid {
	/*display: block;*/
}
.grid .row {
	margin: 0 -1.75%;
}
.grid .row.section-title {
	margin: 15px 0 10px 0;
	text-align: center;
	color: #cccccc;
	font-size: 24px;
}
.grid [class*=col-] {
	box-sizing: border-box;
	padding: 1.75%;
}

.box a,
a.box {
	color: #cccccc;
}
.box a:hover h3,
a.box:hover h3 {
	color: white;
}
.box p {
	color: #757575;
	margin-bottom: 10px;
}

.box h3 {
	margin-bottom: 10px;
	font-size: 18px;
}

@media screen and (min-width: 799px) {
	.grid [class*=col-] {
		float: left;
	}
	.grid .col-13 {
		width: 33.333333333%;
	}
	.grid .col-14 {
		width: 25%;
	}
	.grid .col-1 {
		width: 100%;
		float: none;
	}
}

@media screen and (min-width: 479px) {
}