 /*
Theme Name: Business Casual Copywriting
Theme URI: http://businesscasualcopywriting.com
Description: A theme by <a href="http://www.creativeexpressions.biz">Creative Expressions Graphic Design</a>.
Version: 1
Author: Creative Expressions Graphic Design
Author URI: http://www.creativeexpressions.biz
*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: url(images/bcbg.jpg) repeat #fcfcfc;
	font: 14px;
	color: #000;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a {
	transition: color 0.5s ease;	
}

p {
	margin: 0 0 1.2em 0;
	padding: 0;
	line-height: 1.9em;
}


/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}


/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

@font-face {
    font-family: 'source_sans_problack';
    src: url('fonts/sourcesanspro-black-webfont.eot');
    src: url('fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-black-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_probold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_probold_italic';
    src: url('fonts/sourcesanspro-boldit-webfont.eot');
    src: url('fonts/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-boldit-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-boldit-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('fonts/sourcesanspro-it-webfont.eot');
    src: url('fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-it-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-it-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

h1 {
	font-size: 24px;
	color: #d33333;
	font-family: 'source_sans_problack', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 0px 2px 2px #fff;
	margin: 0px 0 20px 0;
	text-align: left;
}

h2 {
	font-size: 22px;
	color: #d33333;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-shadow: 0px 1px 1px #fff;
	margin: 25px 0 20px 0;
	text-align: left;
}

h3 {
	font-size: 18px;
	color: #000;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-shadow: 0px 1px 1px #fff;
	margin: 0px 0 20px 0;
	text-align: left;
	line-height: 30px;
}

.assoc {
	font-size: 16px;
	color: #d33333;
	font-family: 'source_sans_proitalic', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-shadow: 0px 2px 2px #fff;
	text-align: left;
}

.assoc a {
	text-decoration: underline;
	color: #d33333;	
}

.assoc a:hover {
	text-decoration: underline;
	color: #000;	
}

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

/************************************************************************************
HEADER
*************************************************************************************/

#headerwrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	max-width: 980px;
}

#header {
	background: url(images/bclogo.png) no-repeat left;
	position: relative;
	width: 100%;
	max-width: 980px;	
	margin: 10px auto;
	min-height: 130px;
	overflow: hidden;
}


/************************************************************************************
NAV
*************************************************************************************/

menu {
	display: none;	
}

#navwrap {
	position: absolute;
	top: -20px;
	right: 0;
	min-width: 705px;	
	z-index: 99999;
}

.nav-pencils {
	position: absolute;
	top: 45px;
	right: 9px;
	background: url(images/hirebg.png) no-repeat;
	width: 78px;
	height: 70px;	
	z-index: -9999;	
}


ul#nav {
	font-family: 'source_sans_probold', "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
	list-style: none;
	padding: 0 20px 0 0;
}

ul#nav li {
	padding: 57px 0px 0 35px;	
	float: left;
	position: relative;
}


ul#nav li a {
	color: #000;
	text-decoration: none;
	transition: color 0.5s ease;
	cursor:pointer;
}

ul#nav li a:hover {
	color: #d33333;
	text-decoration: none;
	padding: 0 0 20px 0;
}

/*sub menu*/
ul#nav li ul.sub_menu {
    height: 0;
	overflow: hidden;
    position: absolute;
    top: 70px;
    left: -35px;
    width: 160px;
	text-algin: left;
	font-size: 14px;
	padding: 0px 0px 0px 0;
	-webkit-transition: height 0.2s ease-in;
    -moz-transition: height 0.2s ease-in;
	-o-transition: height 0.2s ease-in;
	-ms-transition: height 0.2s ease-in;
	transition: height 0.2s ease-in;
}

ul#nav li ul.sub_menu li {
	padding: 10px 10px 10px 0px;
	width: 100%;
	background: #d33333;
	margin: 0;
}

ul#nav li ul.sub_menu li:last-child {
    border-bottom: 0px;
}

ul#nav li ul.sub_menu a {
	background: #d33333;
	transition: color 0.5s ease;
	color: #fff;
	padding: 10px;
}

ul#nav li ul.sub_menu a:hover {
	color: #000;
}

ul#nav li:hover ul.sub_menu {
	height: 200px;
	list-style: none;
}


/*.click-nav {
	font-family: 'source_sans_problack', "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	text-shadow: 0px 1px 1px #fff;
	font-size: 14px;	
}

.click-nav li {
	float: left;	
	text-align: center;	
	display: inline;
	background: none;
	padding: 50px 0px 0 35px;
}

.click-nav li a {
	text-decoration: none;
	color: #000;
}

.click-nav li a:hover {
	text-decoration: none;
	color: #d33333;	
	background: none;
}

.click-nav .hire {
	background: url(images/hirebg.png) no-repeat right;
	width: 78px;
	height: 70px;	
}

.click-nav ul li {
	position:relative;
	list-style:none;
	cursor:pointer;
	width: 80px;
	margin: 0 5px 0 -15px;
}
.click-nav ul li ul li {
	padding: 0;
}
.click-nav ul li ul {
	position:absolute;
	top: 70px;
	left: 15px;
	text-shadow: none;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

.click-nav ul li ul a:hover {
	background: #c10000;
	color: #fff;
}

.click-nav ul .clicker {
	float: left;	
	text-align: center;	
	display: inline;
	background: none;
	padding: 9px 0px 0 0px;
	color:#000;
	background: none;
}

.click-nav ul li a {
	display:block;
	padding:12px 10px 12px 10px;
	background:#d33333;
	color:#fff;
	text-decoration:none;
	margin: -8px 0 0 0;
	width: 105px;
	text-align: left;
}

.click-nav ul li a:hover {
	background:#333;
}

.click-nav ul li a:hover {
	color: #d33333;
	background: none;
}*/

/* Fallbacks */
.click-nav .no-js ul {
	display:none;
}
.click-nav .no-js:hover ul {
	display:block;
}


/************************************************************************************
SLIDER
*************************************************************************************/

#slider {
	width: 100%;
	max-height: 400px;	
	margin: 0 0 20px 0;
}

#imageheader {
	width: 100%;
	background: url(images/sliderbg.jpg) repeat-x;
	height: 150px;		
	position: relative;
}

#imgheaderwrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	max-width: 980px;
}

#pagetitlewrap {
	display: table;
	height: 150px;	
}

.pgtitlereg {
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
}

#pagetitle {
	text-align: left;
	font-family: 'bree_serifregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 36px;
	line-height: 44px;
	text-shadow: 0px 2px 2px #be1313;
	color: #fff;
	text-transform: uppercase;
	display:table-cell; 
	vertical-align:middle;
}


/************************************************************************************
CONTENT
*************************************************************************************/
#contentwrap {
	margin: 40px auto;
	width:100%;
	max-width: 980px;
	text-shadow: 0px 1px 1px #fff;
}

#content {
	margin: 20px 100px 0px 0;
	width: 560px;
	text-shadow: 0px 1px 1px #fff;
	font-size: 16px;
	float: left;
}

.contentlrg {
	font-size: 18px;	
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-weight: normal;	
	line-height: 33px;
}

.contentlrg a {
	text-decoration: none;
	color: #d33333;
}

.contentlrg a:hover {
	text-decoration: none;
	color: #000;
}

#content p {
	line-height: 30px;
	font-size:16px;	
}

#content p a {
	text-decoration: none;
	color: #d33333;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

#content p a:hover {
	text-decoration: none;
	color: #000;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

#content li a {
	text-decoration: none;
	color: #d33333;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

#content li a:hover {
	text-decoration: none;
	color: #000;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

#content strong {
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

#content-nosidebar {
	margin: 20px 100px 0px 0;
	width: 100%;
	text-shadow: 0px 1px 1px #fff;
	font-size: 16px;
	float: left;
}

#content-nosidebar  p {
	line-height: 30px;	
}

#content-nosidebar  p a {
	text-decoration: none;
	color: #d33333;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

#content-nosidebar  p a:hover {
	text-decoration: none;
	color: #000;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

#content-nosidebar  li a {
	text-decoration: none;
	color: #d33333;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

#content-nosidebar  li a:hover {
	text-decoration: none;
	color: #000;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

#content-nosidebar  strong {
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

#learnmore {
	font-family: 'source_sans_problack', "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #d33333;
	font-size: 16px;
	text-align: left;
}

#learnmore a {
	text-decoration: none;
	color: #d33333;	
}

#learnmore a:hover {
	text-decoration: none;
	color: #000;	
}

/************************************************************************************
POST
*************************************************************************************/

#post-title {
	position: relative;
	line-height: 22px;
	height: 40px;
	display:table;
	margin: 0 0 20px 0;
}

.title {
	font-family: 'source_sans_problack', "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-align: left;
	display:table-cell; 
	vertical-align:middle;
	text-transform:uppercase;
	width: 100%;
	font-size: 24px;
}

.title a {
	text-decoration: none;
	color: #000;	
}

.title a:hover {
	text-decoration: none;
	color: #d33333;	
}

.author {
	font-family: 'source_sans_proegular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d33333;
	font-weight: normal;
	text-align: left;
	padding: 10px 0 0 0;
	text-transform:none;
}

#divline {
	height: 1px;
	border-top: #d6d6d6 1px solid;
	background: #fff;
	margin: 40px 0 40px 0;
	width: 100%;
	clear: both;	
}

#divline2 {
	height: 1px;
	border-top: #d6d6d6 1px solid;
	background: #fff;
	margin: 30px 0 40px 0;
	width: 100%;
	clear: both;	
}

#snippetlinks {
	width: 100%;
	position: relative;
	display:table;	
}

#keepreading {
	float: left;
	padding: 5px 0 0 0;
	font-family: 'source_sans_problack', "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #d33333;
	font-size: 16px;
	width: 75%;
	display:table-cell; 
	vertical-align:middle;
}

#keepreading a {
	text-decoration: none;
	color: #d33333;
}

#keepreading a:hover {
	text-decoration: none;
	color: #000;
}

#commentsbg {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 40px;
     -moz-border-radius: 40px;
     -webkit-border-radius: 40px;
	background: #d33333;
	text-align: center;
	clear: both;
	margin: 0 0px 0 0;
	padding: 0;
	line-height: 32px;
}

.commentsnum {
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
	padding: 4px 0 0 0;
	font-size: 16px;	
	line-height: 32px;
	text-transform:uppercase;
	text-align: center;
	text-shadow: none;
}

#commentsbg a {
	text-decoration: none;
	color: #fff;	
}

#commentsbg a:hover {
	text-decoration: none;
	color: #000;	
}

#blog-navigation {
	width: 100%;
	margin: 20px 0 80px 0;
	position: relative;
	font-family: 'source_sans_problack', "Arial Black", Gadget, sans-serif;
	font-weight: normal;	
	font-size: 16px;
	text-transform: uppercase;
}

#blog-navigation a {
	text-decoration: none;
	color: #d33333;
}

#blog-navigation a:hover {
	text-decoration: none;
	color: #000;
}

.next {
	float: right;	
}

.prev {
	float: left;	
}

/************************************************************************************
SIDEBAR
*************************************************************************************/

#sidebar {
	position: relative;
	width: 312px;
	float: left;	
}

#contactsidebar {
	position: relative;
	width: 312px;
	float: left;	
}

#recentpostsicon {
	background: url(images/recentpostsicon.png) no-repeat;
	width: 312px;
	height: 234px;
}

#questionsicon {
	background: url(images/questionsicon.png) no-repeat;
	width: 312px;
	height: 234px;
}

#testimonialsicon {
	background: url(images/testimonialsicon.png) no-repeat;
	width: 312px;
	height: 234px;
}

#recent {
	width: 100%;
	border-bottom: 1px solid #d6d6d6;
	list-style: none;
	margin: 20px 0 20px 0;
	position: relative;	
}

#recent li {
	border-top: 1px solid #d6d6d6;	
	padding: 10px 0 2px 0;
	position: relative;
	line-height: 20px;
	height: 40px;
	display:table;
}

.recent-title {
	font-family: 'source_sans_probold', "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-align: left;
	display:table-cell; 
	vertical-align:middle;
	text-transform:uppercase;
	width: 100%;
	font-size: 14px;
}

.recent-title a {
	text-decoration: none;
	color: #000;	
}

.recent-title a:hover {
	text-decoration: none;
	color: #d33333;	
}

#datebg {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 40px;
     -moz-border-radius: 40px;
     -webkit-border-radius: 40px;
	background: #d33333;
	line-height: 40px;
	text-align: center;
	clear: both;
	margin: 0 15px 0 0;
}

.recent-date {
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff;
	padding: 9px 0px 0 2px;
	font-size: 13px;	
	line-height: 13px;
	text-transform:uppercase;
	text-align: center;
	text-shadow: none;
}

#viewall {
	font-family: 'source_sans_problack', "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #d33333;
	font-size: 16px;
	text-align: center;
	width: 100%;
	margin: 10px auto;
	position: relative;	
}

#viewall a {
	text-decoration: none;
	color: #d33333;	
}

#viewall a:hover {
	text-decoration: none;
	color: #000;	
}

#testimonial {
	font-family: 'source_sans_proitalic', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;	
	font-size: 14px;
	line-height: 24px;
	background: url(images/ftrbg.png) repeat;
	padding: 20px;	
	margin: 20px 0 20px 0;
}

#testimonial strong {
	font-family: 'source_sans_probold_italic', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#testimonial a {
	font-family: 'source_sans_probold_italic', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #d33333;
}

#testimonial a:hover {
	font-family: 'source_sans_probold_italic', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #000;
}

#fridge {
	background: url(images/fridge.png) no-repeat;
	height: 614px;
	width: 312px;	
}


/************************************************************************************
FOOTER
*************************************************************************************/
#footerbg {
	clear: both;
	position: relative;
	width:100%;
	text-shadow: 0px 1px 1px #fff;
	margin: 0 auto;
	padding: 20px 0 20px 0; 
	background: url(images/ftrbg.png) repeat;
}

#footer {
	position: relative;
	width:100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	clear: both;
	overflow: hidden;
	background: url(images/ftrpencils.png) no-repeat center;
	min-height: 80px;
}

#footerleft {
	float: left;
	list-style: none;
	position: relative;
	width: 340px;
	text-shadow: 0px 1px 1px #fff;	
}

#footerleft li {
	padding: 0px 15px 0px 0px;
	font-family: 'source_sans_problack', "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	font-size: 11px;	
	float: left;
}

#footerleft li a {
	text-decoration: none;
	color: #000;	
}

#footerleft li a:hover {
	text-decoration: none;
	color: #d33333;	
}

.copyright {
	text-align: left;
	padding: 10px 0 0 0;
	font-weight: normal;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both;	
}

#footerright {
	float: right;
	text-align: right;	
}

#ftrcontact {
	font-family: 'source_sans_problack', "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 16px;	
}

#ftrcontact a {
	text-decoration: none;
	color: #000;	
}

#ftrcontact a:hover {
	text-decoration: none;
	color: #d33333;	
}

#rssftr a {
	background: url(images/rss.jpg) no-repeat;
	width: 30px;
	height: 31px;
	float: right;
	margin: 10px 0 0 10px;	
}

#rssftr a:hover {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

#twitterftr a {
	background: url(images/twitter.jpg) no-repeat;
	width: 30px;
	height: 31px;
	float: right;
	margin: 10px 0 0 10px;	
}

#twitterftr a:hover {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

#facebookftr a {
	background: url(images/facebook.jpg) no-repeat;
	width: 30px;
	height: 31px;
	float: right;
	margin: 10px 0 0 0px;	
}

#facebookftr a:hover {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}




/************************************************************************************
FORM
*************************************************************************************/

#formwrap {
	margin: 20px auto;
	width: 90%;
	max-width: 540px;	
}

#form {
	width: 100%;
	max-width: 540px;
	width: 100%;
	clear: both;
	margin: 0 auto;	
	list-style: none;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	padding: 10px;
	margin: 10px 0 0 0;
	-moz-box-shadow: 0px 0px 5px 2px #e8e8e8;
  	-webkit-box-shadow: 0px 0px 5px 2px #e8e8e8;
  	box-shadow:  0px 0px 5px 2px #e8e8e8;
	position: relative;
	overflow:hidden;
}


ol.forms { list-style: none; color: #000; text-align: left; margin: 0px 0 0 5px; font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif; font-weight: normal;}

ol.forms { *margin: 0px 0 0 0px; }

ol.forms li {  
	margin-bottom: 18px; 
	position: relative;
	text-align: left;
	color: #000;
}
ol.forms label {
	cursor: pointer;
	display: block;
	padding: 0 0 0px 0;
	max-width: 520px;
	width: 100%;
	color: #000;
	font-family: 'source_sans_problack', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #000;
	font: inherit;
	padding: 10px;
	max-width: 520px;
	width: 100%;
	text-align: left;
	background-color: #fff;
	height: 25px;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	clear: both;
}

ol.forms textarea { height: 150px; max-width: 510px;width: 100%; }

ol.forms input, ol.forms select {
	border: 1px solid #000;
	font: inherit;
	padding: 4px;
	max-width: 520px;
	width: 100%;
	text-align: left;
	background-color: #fff;
}

ol.forms input:focus, ol.forms select:focus { background-color: #ffffff; border-color: #d33333; }

ol.forms input:focus, ol.forms textarea:focus { background-color: #f6f6f6; border-color: #d33333; }
.error { color: #c60101; font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;}
ol.forms li .error { font-size: 14px; color: #c60101;}
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	max-width: 100px;
	color: #c60101;
}

.commentError {
	color: #c60101; 
	font-size: 14px; 
	margin: -15px 0 0 0;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	cursor: pointer;
	text-decoration:none;
	border: none;
	font-family: 'source_sans_problack', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	background: none;
	margin: 10px 0 0px 0;
	background: #d33333;
	text-align:center;
	text-transform:uppercase;
	padding: 10px;
}

ol.forms li.buttons button:hover { 
	text-decoration:none; 
	font-family: 'source_sans_problack', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff; 
	background: #c10000;
    padding: 10px;
}

ol.forms li.buttons, ol.forms li.inline { float: left; width: 360px; }
ol.forms li.inline input { width: 360px; }
ol.forms li.inline label { display: inline; float: none; width: 360px; }

.thanks {
	margin: 30px 0 0 0px;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 20px 10px 20px;
	background: url(images/ftrbg.png) repeat;
	text-shadow: 0px 1px 1px #fff;
}

.thankstitle {
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #000;
	text-shadow: 0px 1px 1px #fff;
}


.italic {
	font-family: 'source_sans_proitalic', Arial, Helvetica, sans-serif;
	font-weight: normal;	
}


/************************************************************************************
SIDEBAR FORM
*************************************************************************************/

#sbformwrap {
	margin: 20px auto;
	width: 90%;
	max-width: 312px;	
}

#sbforms {
	width: 100%;
	max-width: 312px;
	width: 100%;
	clear: both;
	margin: 20px auto;	
	list-style: none;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	padding: 10px;
	-moz-box-shadow: 0px 0px 5px 2px #e8e8e8;
  	-webkit-box-shadow: 0px 0px 5px 2px #e8e8e8;
  	box-shadow:  0px 0px 5px 2px #e8e8e8;
	position: relative;
	overflow:hidden;
}


ol.sbforms { list-style: none; color: #000; text-align: left; margin: 0px 0 0 5px; font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif; font-weight: normal;}

ol.sbforms { *margin: 0px 0 0 0px; }

ol.sbforms li {  
	margin-bottom: 18px; 
	position: relative;
	text-align: left;
	color: #000;
}
ol.sbforms label {
	cursor: pointer;
	display: block;
	padding: 0 0 0px 0;
	max-width: 292px;
	width: 100%;
	color: #000;
	font-family: 'source_sans_problack', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
ol.sbforms input, ol.sbforms textarea {
	border: 1px solid #000;
	font: inherit;
	padding: 10px;
	max-width: 292px;
	width: 100%;
	text-align: left;
	background-color: #fff;
	height: 25px;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	clear: both;
}

ol.sbforms textarea { height: 100px; max-width: 292px;width: 100%; border: 1px solid #000;}

ol.sbforms input, ol.sbforms select {
	border: 1px solid #000;
	font: inherit;
	padding: 4px;
	max-width: 292px;
	width: 100%;
	text-align: left;
	background-color: #fff;
}

ol.sbforms input:focus, ol.sbforms select:focus { background-color: #ffffff; border-color: #d33333; }

ol.sbforms input:focus, ol.sbforms textarea:focus { background-color: #f6f6f6; border-color: #d33333; }
.error { color: #c60101; font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;}
ol.sbforms li .error { font-size: 14px; color: #c60101;}
ol.sbforms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	max-width: 100px;
	color: #c60101;
}

.commentError {
	color: #c60101; 
	font-size: 14px; 
	margin: -15px 0 0 0;
}
ol.sbforms li.screenReader { margin-bottom: 0; }
ol.sbforms li.buttons button {
	cursor: pointer;
	text-decoration:none;
	border: none;
	font-family: 'source_sans_problack', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	background: none;
	margin: 10px 0 0px 0;
	background: #d33333;
	text-align:center;
	text-transform:uppercase;
	padding: 10px;
}

ol.sbforms li.buttons button:hover { 
	text-decoration:none; 
	font-family: 'source_sans_problack', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff; 
	background: #c10000;
    padding: 10px;
}

/************************************************************************************
COMMENTS
*************************************************************************************/


ol.commentlist {
	 margin: 0px 0px 40px 0px;
	list-style:none;
	text-align: left;
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	padding: 0 40px 0 0;
	position: relative;
	clear: both; 
}

#commentstitle {
	font-size: 1.5em;
	color: #000;
	font-family: 'source_sans_problack', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px 0 10px 0;
	text-align: left;
	padding: 0;
	float: left;
	text-shadow: 1px 1px 1px #fff;
}

ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { background: url(images/commentline.jpg) bottom repeat-x; padding: 20px 0 20px 0; margin: 0 0 20px 0; }
ol.commentlist li div.comment-author {color: #d33333;}
ol.commentlist li div.comment-author a {color: #000; text-decoration:none;}
ol.commentlist li div.vcard { font-family: 'source_sans_problack', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1em; text-shadow: 1px 1px 1px #fff;}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { float: left; margin: 5px 10px 0 5px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {display: none;}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#000; text-decoration:none; }
ol.commentlist li p { font-size:13px; margin: 5px 10px 20px 45px; }
ol.commentlist li ul { list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; float: right; margin: -20px 10px 0px 0; }
ol.commentlist li div.reply a { font-family: 'source_sans_problack', Arial, Helvetica, sans-serif; font-weight: normal;text-transform: uppercase; color: #000; text-decoration: none; text-shadow: 1px 1px 1px #fff;}
ol.commentlist li ul.children { list-style:none; margin: 10px 0 0 25px;}
ol.commentlist li ul.children li { border: none;}
ol.commentlist li ul.children li.alt {text-indent:0;}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {padding: 10px 0 0 0; margin: 10px 0 0 0; text-indent: 0; border-top: 1px #000 solid; }
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-top: 1px #000 solid; background: none;}
ol.commentlist li ul.children li.depth-3 { margin-left: -65px; background: none;}
ol.commentlist li ul.children li.depth-4 { margin-left: -65px; background: none;}
ol.commentlist li ul.children li.depth-5 {margin-left: -65px; background: none;}
ol.commentlist li ul.children li.depth-6 {margin-left: -65px; background: none;}
ol.commentlist li ul.children li.depth-7 {margin-left: -65px; background: none;}
ol.commentlist li ul.children li.depth-8 {margin-left: -65px; background: none;}
ol.commentlist li ul.children li.depth-9 {margin-left: -65px; background: none;}
ol.commentlist li ul.children li.depth-10 {margin-left: -65px; background: none;}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.parent { }
ol.commentlist li.pingback { padding: 0 0 10px 0; }
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.commentfeed {float:right; margin: 10px 0 0 0;}

.cancel-comment-reply {
	color: #F00;	
}

.cancel-comment-reply a {
	color: #000;
	text-decoration: none;	
	font-family: 'source_sans_problack', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.cancel-comment-reply a:hover {
	color: #f6881f;
	text-decoration: none;	
}

#commentform {
	margin-top: 10px;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

#commentform {
	margin-top: 10px;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

#commentform a {
	text-decoration: none;
	color: #d33333;
}

#commentform a:hover {
	text-decoration: none;
	color: #000000;
}

#commentform p {
	padding: 6px 0px;
	margin: 0px;
}

#commentform label{
	color: #000000;
	font-size: 100%;
	padding: 0 0 0 5px;
}

#commentform input{
	width: 153px;
	background:#f8f8f8;
	border: 1px solid #000000;
	padding: 3px;
	margin-top: 3px;
}

#commentform textarea{
	width: 99%;
	height: 115px;
	background:#f8f8f8;
	border: 1px solid #000000;
	padding: 2px;
	margin-top: 3px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}

#commentform #submit{
	border: none;
	background: #d33333;
	cursor:pointer;
	margin: 10px 0 30px 0;
	padding: 5px 10px 5px 10px;
	font-size: 1em;
	color: #fff;
	font-family: 'source_sans_problack', Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
}

/************************************************************************************
ZOMBIE PAGE
*************************************************************************************/

body.page-id-294 {
	  background: url(images/zombiepgbg.jpg)
}

body.error404 {
	  background: url(images/zombiepgbg.jpg)
}

#zombieheader {
	width: 100%;
	background: url(images/zombiebg.jpg) repeat-x;
	min-height: 150px;		
	position: relative;
	text-align: center;
}

#zombietitle {
	text-align: center;
	font-family: 'ChineseRocksRgRegular','bree_serifregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 56px;
	line-height: 54px;
	text-shadow: 0px 2px 2px #004405;
	color: #fff;
	text-transform: uppercase;
	display:table-cell; 
	vertical-align:middle;
	width: 100%;
	max-width: 980px;
	letter-spacing: 1px;
	padding: 10px 0 10px 0;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}

#zombiepage {
	margin: 40px auto;
	width: 100%;
	max-with: 980px;
	padding: 0;	
	position: relative;
}

#bczombie {
	margin: 0 auto;
	width: 100%;
	max-width: 581px;
	padding: 0;	
	position: relative;
}

#zombiewrap {
	margin: 0px auto;
	padding: 40px 60px 60px 60px;
	clear: both;
	position: relative;
	max-width: 560px;
	width: 100%;
	background: url(images/zombiewrapbg.png) repeat;
}

#zombiesubtitle {
	text-align: center;
	background: url(images/sliderbg.jpg) repeat;
	padding: 20px 60px 20px 60px;
	max-width: 560px;
	width: 100%;
	margin: 0 auto;
}

#zombiesubtitle p {
	font-family: 'ChineseRocksRgRegular','bree_serifregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 36px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	color: #fff;
	letter-spacing: 1px;
	text-shadow: 0px 2px 2px #be1313;
}

#zombiecontent {
	width: 100%;
	max-width: 560px;
	text-shadow: 0px 1px 1px #fff;
	font-size: 16px;
	position: relative;
	float: none;
}

#zombiecontent span {
	color: #000;	
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#zombiecontent .zombietext {
	color: #d33333;	
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#zombiecontent .zombiefade {	
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#zombiecontent p {
	font-size: 16px;
}

#zombielrg p {
	font-size: 20px;	
}

#zombiecontent h3 {
	font-size: 40px;
	font-family: 'ChineseRocksRgRegular','bree_serifregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 20px 0;
	color: #d33333;
}

#zombiediv {
	background: url(images/zombiediv.png) repeat-x;
	height: 44px;
	width: 100%;
	margin: 40px 0 40px 0;	
}


ol.zombieform { list-style: none; color: #000; text-align: left; margin: 20px 0 0px 0px; font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif; font-weight: normal;}

ol.zombieform { *margin: 0px 0 0 0px; }

ol.zombieform li {  
	margin: 20px 30px 0 0;
	position: relative;
	text-align: left;
	color: #000;
	width: 260px;
	float: left;
}

ol.zombieform li:nth-child(even) {
    margin: 20px 0px 0 0;
}

ol.zombieform input {
	border: 1px solid #000;
	font: inherit;
	padding: 10px;
	text-align: left;
	background-color: #fff;
	height: 25px;
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	clear: both;
}

ol.zombieform textarea { height: 150px; max-width: 510px;width: 100%; }

ol.zombieform input, ol.zombieform select {
	border: 1px solid #000;
	font: inherit;
	padding: 4px;
	max-width: 520px;
	width: 100%;
	text-align: left;
	background-color: #fff;
}

ol.zombieform input:focus, ol.forms select:focus { background-color: #ffffff; border-color: #d33333; }

ol.zombieform input:focus, ol.zombieform textarea:focus { background-color: #f6f6f6; border-color: #d33333; }
.error { color: #c60101; font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;}


ol.zombieform li.screenReader { margin-bottom: 0; }
ol.zombieform li.buttons button {
	cursor: pointer;
	text-decoration:none;
	border: none;
	font-family: 'ChineseRocksRgRegular','bree_serifregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 28px;
	color: #fff;
	background: none;
	margin: 10px auto;
	background: url(images/zombiebg.jpg) repeat;
	text-align:center;
	text-transform:uppercase;
	padding: 15px;
	letter-spacing: 1px;
	min-height: 28px;
	width: 100%;
	max-width: 520px;
	overflow: hidden;
	text-shadow: 0px 2px 2px #004405;
}

ol.zombieform li.buttons button:hover { 
	text-decoration:none; 
	font-family: 'ChineseRocksRgRegular','bree_serifregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #fff; 
	background: #004405;
    padding: 15px;
}

ol.zombieform li.buttons, ol.zombieform li.inline { float: left; width: 360px; }
ol.zombieform li.inline input { width: 360px; }
ol.zombieform li.inline label { display: inline; float: none; width: 360px; }



#redtext {
	color: #d33333;	
}

#zombietext {
	color: #d33333;
}

#dontclick a  {
	cursor: pointer;
	padding: 15px;
	background: url(images/zombiebg.jpg) repeat;
	font-family: 'ChineseRocksRgRegular','bree_serifregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;	
	text-shadow: none;
	margin: 40px auto;
	height: 28px;
	text-align: center;
	width: 100%;
	max-width: 520px;
	overflow: hidden;
	text-shadow: 0px 2px 2px #004405;
}

#dontclick a:hover {
	text-decoration: none;
	background: #004405;
	padding: 15px;
	min-height: 28px;
}

#sharebuttonswrap {
	width: 100%;
	margin: 20px auto;
	position: relative;
	max-width: 680px;
	clear: both;
	min-height: 150px;
	padding: 20px 0 0 0;
}

#sharebuttonswrap img {
	margin: 0 20px 0 20px;
}


#sharebuttons{
	width: 100%;
	margin: 20px auto;
	position: relative;
	max-width: 300px;
	clear: both;
}

#sharebuttonswrap p {
	font-size: 40px;
	line-height: 40px;
	font-family: 'ChineseRocksRgRegular','bree_serifregular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #d33333;
	text-align: center;
	margin: 20px 0 20px 0;
	width: 100%;
}

#isBot {
	display: none;	
}


/************************************************************************************
PROCESS PAGE
*************************************************************************************/
#prc-wrap {
margin-left:auto;
margin-right:auto;
width:100%;
height:auto;
}
#prc-overview {
width:100%;
height:auto;
float:left;
margin-bottom:35px;
}
.prc-point-left {
float:left;
margin-left:auto;
margin-right:auto;
width:90%;
height:auto;
}
.prc-point-right {
float:right;
margin-left:auto;
margin-right:auto;
width:90%;
height:auto;
}
.prc-icon-left {
float:left;
width:22%;
padding-right:3%;
height:auto;
}
.prc-icon-right {
float:right;
width:22%;
padding-left:3%;
height:auto;
}
.prc-description {
margin-top:15px;
float:left;
width:75%;
height:auto;
}
.prc-description h1 {
color:#000;
text-align:left;
}
.prc-arrow {
float:left;
height:auto;
width:100%;
margin:15px 0px 15px 0;
}
.prc-numeral {
display:inline-block;
width: 30px;
height: 30px;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
background: #d33333;
text-align: center;
margin-right:5px;	
font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
font-weight: normal;
color: #fff;
padding: 0px 0 0 0;
font-size: 16px;	
line-height: 32px;
text-transform:uppercase;
text-align: center;
text-shadow: none;
}
.prc-final {
margin-bottom:30px;
}




#prc-contact-arwlft {
margin-top:7px;
float:left;
width:90px;
height:auto;
text-align:right;
margin-right:10px;
}
#prc-contact-arwrt {
margin-top:7px;
float:left;
width:90px;
height:auto;
}
#prc-contact {
margin-top:60px;
float:left;
height:auto;
width:100%;
}
#prc-contact-header {
width:100%;
height:auto;
}
#prc-contact-header h1 {
text-align:center;
color:#000;
}
#prc-contact-cta {
width:390px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#prc-contact-button-wrap {
float:left;
height:auto;
width:190px;
margin-top:0px;
}
#contact-button {
text-align:center;
float:left;
width:190px;
height:280px;
background-image: url('http://businesscasualcopywriting.com/wp-content/uploads/2015/04/contact.png');
background-repeat: no-repeat;
background-position: center; 
display:table;

}
#contact-button h1 {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.cta-button {
font-family: 'source_sans_problack', "Arial Black", Gadget, sans-serif;
font-weight: normal;
text-transform:uppercase;
width: 100%;
font-size: 24px;
text-align:center; 
margin-top:33px;
color: #000;
text-decoration:none;		
}
.cta-button a {
text-decoration: none;
color: #d33333;	
}
.cta-button a:hover {
text-decoration: none;
color: #d33333;	
}
