/*
Theme Name: Willard Interactive v2
Theme URI: http://www.willardinteractive.com/
Description: Fantasmagoric website theme.
Version: 1.0
Author: Josh Peichoto
Author URI: http://www.willardinteractive.com/
Tags: custom header, fixed width, two columns, widgets

*/

body { margin: 0px; padding: 0px; text-align: center; background: #f6f6f6 url(images/divider-bg.gif); font: 12px Arial, Helvetica, sans-serif; overflow-x: hidden; }
body, p { color: #252525; line-height: 1.4; }
p { margin: 0px 0px 20px 0px; padding: 0px; }
h1.pageTitle { margin: 0px 0px 10px 0px; padding: 0px; font: 18px Georgia, "Times New Roman", Times, serif; color: #f26522; font-style: italic; }
h1 { font: 18px Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #f26522; margin: 0px 0px 3px 0px; padding: 0px; }
h2 { font: 16px Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #252525; margin: 0px 0px 5px 0px; padding: 0px; }
h3 { font: 12px Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; color: #252525; margin: 0px 0px 2px 0px; padding: 0px; }
h4 { font: 12px Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #252525; margin: 0px 0px 2px 0px; padding: 0px; }
h1.Blog { display: none; }
.promotile h2 { color: #2f4457; vertical-align: middle; }
.promotile h2 img { vertical-align: middle; }
h2.blogTitle {  }
h2.blogTitle, h2.blogTitle a { color: #627c92; text-decoration: none; border: none; }
a img { text-decoration: none; border: none; }
img.alignleft { float: left; margin-right: 20px; }
.clear { clear: both; font-size: 1%; height: 1px; }
.note { font-size: 11px; color: #999999; }
.callout { font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.5; }
.entry ul, .col3 ul { margin-left: 0px; padding-left: 0px; }
.entry ul li, .col3 ul li { margin-bottom: 3px; list-style: none; margin-left: 0px; padding-left: 0px; }
.entry ul li:before, .col3 ul li:before { content: "\2022 \0020"; color: #adacad; }
.entry a, .entry li a, .colb a, .colb li a { color: #f26522; text-decoration: underline; }
.entry p a:hover, .entry li a:hover, .col3 p a:hover, .col3 li a:hover {  }
.entry a img { border: none; }


.header { height: 83px; background: #ffffff; border-top: 4px solid #f26522; z-index: 100; }
.header { 	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.header .headerContainer { width: 940px; text-align: left; margin: 0px auto; position: relative; }
.header .logoBlock { position: absolute; top: 37px; left: 20px; }
.header .mainMenu { position: absolute; top: 42px; right: 0px; }
.header .mainMenu ul { margin: 0px; padding: 0px; }
.header .mainMenu li { margin: 0px 6px 0px 0px; padding: 0px; list-style: none; display: inline; }
.header .mainMenu { color: #adacad; }
.header .mainMenu, .header .mainMenu a, .header .sharedMenu a { font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; }
.header .mainMenu a, .header .sharedMenu a { color: #252525; }
a:active { position: relative; top: 1px; }
.header .mainMenu a.activemenu, .header .mainMenu a:hover, .header .sharedMenu a.activemenu, .header .sharedMenu a:hover { color: #f26522; }
.header .sharedMenu { position: absolute; top: 88px; right: 36px; }
.header .sharedMenu ul { margin: 0px; padding: 0px; }
.header .sharedMenu ul li { margin: 0px; padding: 0px; list-style: none; display: inline; }
.header .searchBox { position: absolute; top: 10px; right: 15px; }
.header .searchBox form { margin: 0px; padding: 0px; }

.mainContainer { width: 950px; text-align: left; margin: 0px auto 0px auto; }
.pageBody { padding-top: 23px; }

.col1 {  }
.col1 .secondaryMenu { margin: 0px 0px 10px 10px; padding: 20px 0px 20px 10px; border-top: 4px solid #f17b26; background: #ffffff; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); padding-top: 20px; }
.col1 .secondaryMenu li { margin: 0px 0px 2px 0px; padding: 5px 0px 5px 8px; list-style: none; }
.col1 .secondaryMenu li a { display: inline; font: 12px Georgia, "Times New Roman", Times, serif; font-style: italic; color: #252525; text-decoration: none; margin: 0px; padding: 0px; }
.col1 .secondaryMenu li a:hover { color: #abc23c; }
.col1 .secondaryMenu li.current_page_item, .col1 .secondaryMenu li.current_page_ancestor, .col1 .secondaryMenu li.current_page_parent, .col1 .secondaryMenu li.current-cat {
		
	}
.col1 .secondaryMenu li.current_page_item a { color: #abc23c; }


.homeTopxxx { padding: 20px 25px; margin-bottom: 20px; border-top: 4px solid #3eb6e2; background: #ffffff url(images/rat-punch-out.gif) bottom right no-repeat; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.homeTop { padding: 0px 25px 0px 25px; margin-bottom: 30px; }
#home .pageBodysss { background: url(images/large-icon.png) 580px -20px no-repeat; z-index: 99; }

.col1 { width: 160px; float: left; padding-top: 0px; }
.col2 { width: 790px; float: left; margin-left: 0px; border-top: 4px solid #f26522; background: #ffffff url(images/rat-punch-out.gif) bottom right no-repeat; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); padding-top: 20px; }

/* COLOR PROFILES */
#home .header { border-color: #252525; }
#home .col2 { border-color: #abc23c; background: #ffffff; }
#home h1.pageTitle { color: #252525; font-size: 34px; }
#home .entry a, #home .entry li a, #home .colb a, #home .colb li a { color: #f17b26; }
#home .header .mainMenu a.activemenu, .header .mainMenu a.home:hover { color: #da3e28; }

#about .header { border-color: #da3e28; }
#about .col2 { border-color: #da3e28; }
#about h1.pageTitle { color: #da3e28; }
#about .entry a, #about .entry li a, #about .colb a, #about .colb li a { color: #da3e28; }
#about .header .mainMenu a.activemenu, .header .mainMenu a.about:hover { color: #da3e28; }

#capabilities .header { border-color: #f17b26; }
#capabilities .col2 { border-color: #f17b26; }
#capabilities h1.pageTitle { color: #f17b26; }
#capabilities .entry a, #capabilities .entry li a, #capabilities .colb a, #capabilities .colb li a { color: #f17b26; }
#capabilities .header .mainMenu a.activemenu, .header .mainMenu a.capabilities:hover { color: #f17b26; }

#process .header { border-color: #fdbc36; }
#process .col2 { border-color: #fdbc36; }
#process h1.pageTitle { color: #fdbc36; }
#process .entry a, #process .entry li a, #process .colb a, #process .colb li a { color: #fdbc36; }
#process .header .mainMenu a.activemenu, .header .mainMenu a.process:hover { color: #fdbc36; }

#portfolio .header { border-color: #abc23c; }
#portfolio .col2 { border-color: #abc23c; }
#portfolio h1.pageTitle { color: #abc23c; }
#portfolio .entry a, #portfolio .entry li a, #portfolio .colb a, #portfolio .colb li a { color: #abc23c; }
#portfolio .header .mainMenu a.activemenu, .header .mainMenu a.portfolio:hover { color: #abc23c; }
#portfolio .col1 .secondaryMenu { border-color: #abc23c; }

#friends .header { border-color: #3eb6e2; }
#friends .col2 { border-color: #3eb6e2; }
#friends h1.pageTitle { color: #3eb6e2; }
#friends .entry a, #friends .entry li a, #friends .colb a, #friends .colb li a { color: #3eb6e2; }
#friends .header .mainMenu a.activemenu, .header .mainMenu a.friends:hover { color: #3eb6e2; }
#friends .entry table ul { }
.entry table ul li:before { content: ""; }
.entry table ul li { list-style: outside url(images/bullet-plus.gif); margin: 0px 0px 0px 17px; padding: 0px 0px 0px 0px; }

#blog .header { border-color: #0d6fb5; }
#blog .col2 { border-color: #0d6fb5; }
#blog h1.pageTitle { color: #0d6fb5; }
#blog .entry a, #blog .entry li a, #blog .colb a, #blog .colb li a { color: #0d6fb5; }
#blog .header .mainMenu a.activemenu, .header .mainMenu a.blog:hover { color: #0d6fb5; }
#blog .postSummaryContainer p a { color: #0d6fb5; }
#blog .col1 .secondaryMenu li.current_page_item a, #blog .col1 .secondaryMenu li a:hover, #blog .col1 .secondaryMenu li.current-cat a { color: #0d6fb5; }
#blog .col1 .secondaryMenu { border-color: #0d6fb5; }

#contact .header { border-color: #898989; }
#contact .col2 { border-color: #898989; }
#contact h1.pageTitle { color: #898989; }
#contact .entry a, #contact .entry li a, #contact .colb a, #contact .colb li a { color: #898989; }
#contact .header .mainMenu a.activemenu, .header .mainMenu a.contact:hover { color: #898989; }
#contact .col1 .secondaryMenu li.current_page_item a, #contact .col1 .secondaryMenu li a:hover { color: #898989; }
.page-id-15 .entry p, .page-id-79 .entry p { margin-bottom: 6px; }
#contact .entry p img { margin-bottom: 0px; padding-bottom: 0px; }
#contact .entry h2 { padding-top: 10px; }
#contact .col1 .secondaryMenu { border-color: #898989; }

.homeColumn { }
.homeColumn .col2 { width: 256px; height: 215px; float: left;  margin-left: 10px;}
.homeColumn .col2 p { margin-bottom: 0px; padding-bottom: 0px; }
.homeColumn #first { margin-left: 0px; border-color: #3eb6e2; }
.homeColumn #first a { color: #3eb6e2; }
.homeColumn #second { border-color: #f17b26; }
.homeColumn #second a { color: #f17b26; }
.homeColumn #third { padding-top: 6px; height: 229px; }
.homeColumn #third a { color: #abc23c; }
.homeColumn .latestLabel { font-size: 10px; text-transform: uppercase; color: #cccccc; }
.homeColumn .contactBlockxxx { height: 235px; }

.twoColumn50 { }
.twoColumn50 .col2 .cola { width: 228px; float: left;  margin-left: 26px;}
.twoColumn50 .col2 .colb { width: 500px; float: left; margin-left: 26px; }

.threeColumn { }
.threeColumn .col1 { width: 160px; float: left; }
.threeColumn .col2 .cola { width: 527px; float: left; margin-left: 26px; }
.threeColumn .col2 .colb { width: 191px; float: left; margin-left: 36px; }

.threeColumnPortfolio { }
.threeColumnPortfolio .col1 { width: 160px; float: left; }
.threeColumnPortfolio .col2 .cola { width: 198px; float: left; margin-left: 25px; }
.threeColumnPortfolio .col2 .colb { width: 537px; float: left; margin-left: 19px; }
.threeColumnPortfolio .col2 h2 { font-size: 14px; margin-bottom: 3px; margin-top: 8px; padding-bottom: 0px; border-top: 1px solid #dadad9;  border-bottom: 1px solid #dadad9; }
.threeColumnPortfolio .col2 h3 { font: 12px Arial, Helvetica, sans-serif; margin-bottom: 3px; font-weight: bold; margin-top: 8px; padding-bottom: 0px; border-top: 4px solid #dadad9; padding-top: 6px; margin-left: -25px; padding-left: 25px; }
.threeColumnPortfolio .col2 ul { margin-left: 0px; margin-top: 0px; padding-left: 0px; }
.threeColumnPortfolio .col2 ul li { list-style: none; padding: 2px 0px; }
.threeColumnPortfolio .col2 ul li:before { content: "\002B \0020"; color: #adacad; }
.threeColumnPortfolio .col2 ul li.last { border: none; }
.andSpacer { text-align: center; }

.portfolioItem { margin: 0px 0px 25px 25px; float: left; }
.portfolioItem .details { background: #f5f5f5; padding: 10px 15px; }
.portfolioItem .details h1 a, .portfolioItem .details p { color: #666666; text-decoration: none; }
.portfolioItem .details h1 a:hover { color: #abc23c; }
.portfolioItem .details h1 { font-size: 16px; }
.portfolioItem .details p { margin-bottom: 0px; padding-bottom: 0px; }

.lifestream_label a, .lifestream_via a { color: #494c4e; text-decoration: none; border-bottom: 1px solid #a4ce39; }
.lifestream_via a:hover { color: #494c4e; text-decoration: none; }
.lifestream_meta { margin-top: 5px; }
table.lifestream td { padding-bottom: 8px; }
ol.lifestream li.lifestream_feed_digg { background: #f0f0f0; }

.footer { padding-bottom: 100px; text-align: left; margin: 40px auto 0px auto; color: #f6f6f6; background: #252525; font-size: 11px;  }
.footer div { margin: 0px auto; width: 940px; padding-top: 10px; }
.footer a, .footer p { color: #ffffff; text-decoration: none; text-shadow: #000000 1px 1px 0; }
.footer a:hover { color: #f26522; text-decoration: none; }

.entry { text-align: left; }

.postSummaryContainer { width: 172px; float: left; margin-right: 15px; }

.portfolioGalleryItem a { border: none; text-decoration: none; }
.portfolioGalleryItem .details { padding: 5px 13px; }
.portfolioGalleryItem h1 { margin: 0px 0px 4px 0px; padding: 0px; color: #2f4457; font-size: 15px; }
.portfolioGalleryItem h2 { margin: 0px 0px 3px 0px; padding: 0px; font-size: 12px; color: #2f4457; }

.col1 { position: relative; }
.col1 .contactBlock { margin: 0px 0px 0px 10px; width: 150px; border-top: 4px solid #252525; background: #ffffff; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.col1 .contactBlock .contents { padding: 15px 18px 10px 12px;  }
.col1 .contactBlock p { font-size: 11px; margin: 0px 0px 6px 0px; padding: 0px; }
.col1 .contactBlock a { color: #252525; text-decoration: none; }
.col1 .contactBlock h3 { font-size: 12px; margin-bottom: 2px; }
.col1 .contactBlock h4 { margin-bottom: 4px; }
.col1 .contactBlock img { margin-right: 3px; }


.wpcf7 p { text-align: left; font-style: italic; padding-bottom: 8px; }
.wpcf7-form-control-wrap { float: right; }
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select  { background: #ffffff; border: 3px solid #dbdad9; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.wpcf7-form-control-wrap textarea { background: #ffffff; border: 3px solid #dbdad9; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

a.arrow { background: #252525 url(images/arrow-bg.gif) right center no-repeat; padding: 3px 35px 4px 27px; color: #fff; font: 12px Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; margin-left: -25px; }
a.arrow:hover { padding-right: 45px; }
a.arrow:active { position: relative; top: 0px; }
a.awesome, .awesomeButton input {
	font: 13px Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; 
	color: #fff;
	padding: 3px 10px 4px 10px;
	background: #252525 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
a.awesome, .awesomeButton input { background-color: #252525; }
a.awesome:hover, .awesomeButton input:hover { color: #ffffff; background: #f26522; }




	div.post div.author-box, div.comment-avatar-box {
		background: #f0f0f0;
		padding: 10px;
		float: left;
		margin: 0 15px 15px 0;
		font-family: georgia, times, serif;
		font-style: italic;
		text-align: center;
		width: 110px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
		div.author-box p, div.comment-avatar-box p { margin: 5px 0 0; }
		div.author-box a, div.comment-avatar-box a { text-decoration: none; }

		div.post div.author-box img, div.comment-avatar-box img {
			float: none;
			border: 4px solid #fff;
			margin: 0;
		}

	div.post div.post-content, div.comment-content {
		margin-left: 160px;
	}

	div.post p.date, div.post p.postmetadata, div.comment-meta, div.comment-options {
		color: #888;
		font-size: 12px;
		font-family: Georgia, times, serif;
		padding: 3px 0;
		margin: 10px 0;
		border-bottom: 1px solid #e4e4e4;
		border-top: 1px solid #e4e4e4;
	}

	div.post p.postmetadata {
		margin-top: 15px;
		clear: left;
		overflow: hidden;
	}

	div.post .tags { float: left; }
	div.post .comments { float: right; }

	div.post img { margin-bottom: 15px; }
	div.post img.wp-smiley { padding: 0 !important; margin: 0 !important; border: none !important; float: none !important; clear: none !important; }

	div.post img.centered, img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	div.post img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
	}

	div.post img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
	}

	div.post .aligncenter, div.post div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	div.post .wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	div.post .wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}

	div.post dd.wp-caption p.wp-caption-text, div.post .wp-caption p.wp-caption-text {
		font-size: 0.9em;
		line-height: 17px;
		padding: 0 4px 5px 0;
		margin: 0;
	}


/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #ff0000;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #ff0000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}