html { overflow-y: scroll; }
body, body.success {
 margin-top: 20px;
 font-family:Arial, serif;
 font-size:13px;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 line-height:1.7em;
 border: none;
}

/* HIDDEN TEXT */
.alt-text { margin-left: -5000px; }

/* TEXT ALIGNMENTS */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
 

/* BG */
.bg-black { background: #000; }
.bg-grey { background: #ccc; }
.bg-red { background: #fcc; }
.bg-blue { background: #ccf; }
.bg-green { background: #cfc; }

/* ANCHORS */
a {
 color: #333;
 outline: none;
}
a:hover {
 text-decoration: none;
}

h2 a {
 text-decoration: none;   
}

/* TEXT */
p + p {
 text-indent: 0;
 margin-top: 1em;
}

/* TABLES */
table, td, th { 
 vertical-align: top;
}

/* STRUCTURE */
#wrapper {
 width: 980px;
 padding: 0;
 margin: auto;
}
#header {
 margin-bottom: 20px;
}
#header h1 {
 text-indent: -3000px;
/* background-image: url( images/EpisodeCreative-Header.jpg ); */
 background-image: url( images/header-front-design.jpg );
 background-repeat: no-repeat;
 height: 537px;
 width: 940px;
 white-space: nowrap;
 margin: 0;
 padding: 0;
}
#header h1 a {
 display: block;
 outline: none;
 height: 537px;
 width: 940px;
 white-space: nowrap;
 margin: 0;
 padding: 0;
}
#header h1.subpage {
/* background-image: url( images/EpisodeCreative-Header-Sub2.jpg ); */
/* background-image: url( images/EpisodeCreative-Header-Sub.jpg ); */
/*background-image: url( images/EpisodeCreative-Header-Sub-Color.jpg );*/
 background-image: url( images/header-subpage-design.jpg );
 height: 160px;    
}
#header h1.subpage a {
 height: 160px;
}
#navigation {
 height: 50px;
 line-height: 50px;
 margin: 0px 0px 20px 0px;
 font-size: 1.5em;
 background-color: #ccc;
 background-color: #dfdfdf;
 background-image: url( images/ec-nav-bar-bg.jpg );
 background-position: 0px 0px;
 background-repeat: no-repeat;
}
#content {
 margin: 0px 0px 30px 0px;    
}
#footer {
 margin-bottom: 40px;
}

/* MAIN NAVIGATION */
ul#main-nav {
 margin: 0;
 padding: 0;
 font-weight: bold;
}   
#main-nav li {
 display: inline;
 list-style-type: none;
}
#main-nav li a {
 text-decoration: none;
 padding-left: 10px;
 padding-right: 10px;
 display: block;
 height: 50px;
 float: left;
 border: none;
 color: #fff;
/* color: #333; */
 outline: none;
}
#main-nav li:first-child a {
/* padding-left: 10px; */
}
#main-nav li a:hover {
 background: none;
 color: #FF831F;
 text-decoration: none;;
 background-image: url( images/nav-item-bg.png );
 background-position: 0px 8px;
 background-repeat: repeat-x;
}
#main-nav li.current_page_item a, body.single-portfoliopiece #main-nav li.page-item-6 a, body.single-post #main-nav li.page-item-8 a {
 color: #FF831F;
 text-decoration: none;
 font-weight: bold;
 background-image: url( images/nav-item-bg.png );
 background-position: 0px 8px;
 background-repeat: repeat-x;
}


/* SEARCH BOX */
#search-box {
 color: #eee;
 font-weight: bold;
 font-size: .75em;
}
#search-box input {
 border: none;
 background: #CFBE9B;
 width: 140px;
 margin: 0px 0px 0px 0px;
}


/* HOME PAGE CONTENT */
#home-meta-row {
 padding-top: 10px;
}
.home-meta-box {
/* border: 1px dashed #333;    */
 height: 70px;
/* border-top: 1px dotted #333; */
 padding-top: 10px;
}
h3.home-meta, h3.contact-direct {
 font-size: 16px;
 font-weight: bold;
 color: #333;
 padding-bottom: 0px;
 margin-bottom: 0px;
}
#newsletter-form {
 padding: 0px 0px 0px 0px;  
 margin: 0;
}
#mce-success-response {
 font-size: 8px;
 line-height: 8px;   
}
ul.meta-list,#sidebar ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
ul.meta-list li, #sidebar li {
 margin-left: 0px;
}
ul.meta-list li:before, #sidebar li:before {
	content: "\00BB \0020";
}

ul.meta-list a, #newsletter-form a, #sidebar a {
 text-decoration: none;
 color: #333;
}
ul.meta-list a:hover, #newsletter-form a:hover, #sidebar a:hover {
 text-decoration: underline;
 color: #333;
}



/* PORTFOLIO */
.portfolio-row {
 margin-bottom: 20px;
}
.portfolio-piece img {
 display: block;
}
a.portfolio-button {
 color: #666;
 text-align: center;
 padding: 5px;
 text-decoration: none;
 display: block;
 outline: none;
}
a.portfolio-button:hover {
 background: #ccc;
}
a.portfolio-nav {
}

/* HOME META */
#home-meta-box {
}

/* FOLLOW ME */
a.social-icon {
 display: block;
 width: 60px;
 height: 60px;
 outline: none;
 text-decoration: none;
 background-repeat: no-repeat;
 text-indent: -3000px; 
 white-space: nowrap;
 margin: 0;
 padding: 0;
}
a#social-icon-twitter {
 background-image: url( images/social-icon-twitter-60-60.png );
}
a#social-icon-flickr {
 background-image: url( images/social-icon-flickr-60-60.png );
}
a#social-icon-RSS {
 background-image: url( images/social-icon-rss-60-60.png );
}

/* SIDEBAR */
#sidebar > div {
 margin-bottom: 20px;   
}
#sidebar h3 {
 font-size: 16px;
 font-weight: bold;
 color: #333;
 padding-top: 20px;
 padding-bottom: 0px;
 margin-bottom: 10px;
 border-top: 1px solid #ccc;
}
#sidebar .widget_categories h3 {
 border-top: none; 
 padding-top: 0px;
}

/* TESTIMONIALS */
.sidebar-testimonial-box {
 text-align: center;
}
.testimonial {
 font-size: 1.4em;
 font-style: italic;
 color: #333;
}
.home-testimonial {
 padding-top: 0px;
}    
.sidebar-testimonial {
 font-size: 1.4em;
 font-style: italic;
 color: #666;
}
.sidebar-testimonial .testimonial-source {
 font-size: .7em;
 text-decoration: underline;
}

/* SERVICES */
blockquote.art-quote {
 font-size: 1.3em;
 padding-left: .25em;
 text-indent: -.25em;
}
.service-lists {
 margin-bottom: 20px;
}

/* CONTACT FORM */
.contact-form textarea {
 height: 60px;
}
.contact-form textarea#message {
 height: 150px;
}
.contact-info {
 margin-top: 30px;
 margin-bottom: 20px;
}
div.wpcf7-response-output {
 margin: 0;
 padding: 0;
 font-size: 1.2em;
 font-weight: bold;
 text-align: center;
}
div.wpcf7-mail-sent-ok {
 border: none;
 background: #E1FFDF;
 margin: 0 0 20px 0;
}

div.wpcf7-validation-errors {
 border: none;
 background: #FFDFDF;
 padding: 0;
 margin: 0px 0px 20px 0px;
}
input.wpcf7-submit {
 margin: 0px 0px 20px 0px;
}

h3.online-form {
 font-size: 16px;
 font-weight: bold;
 color: #333;
 padding-bottom: 0px;
 margin: 20px 0 10px 0;
}
label {
 font-weight: normal;
 color: #333;
}

/* IMAGES */
#content img {
	margin: 0;
	height: auto;
	max-width: 700px;
	width: auto;
}
#content .attachment img {
	max-width: 700px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/* BLOG */
div.post {
 margin-bottom: 20px;
}
div.post + div.post {
 margin-top: 60px;
}
div.post h2 {
 margin-bottom: 10px;   
}
div.by-line {
 font-size: 10px;
 margin-bottom: 10px;
}
div#respond {
 background-color: #eee;
 padding: 10px;
}
textarea#comment {
 width: 668px;  
}    
h3#comments {
 border-top: 1px dotted #ccc;
 padding-top: 10px;
}

/* PROJECTS */
.project-row {
 margin-bottom: 40px;
}

.project-img-caption {
 text-align: center;
 font-style: italic;
}