/*
Theme Name: DIP
Description: DIP Wordpress Theme
Author: Ben Falk - Falken Creative
Version: 1.0
*/

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('CartoGothicStd-Bold-webfont.eot');
	src: local('☺'), url('CartoGothicStd-Bold-webfont.woff') format('woff'), url('CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('CartoGothicStd-Bold-webfont.svg#webfontXG7opWym') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('CartoGothicStd-Book-webfont.eot');
	src: local('☺'), url('CartoGothicStd-Book-webfont.woff') format('woff'), url('CartoGothicStd-Book-webfont.ttf') format('truetype'), url('CartoGothicStd-Book-webfont.svg#webfontiSSvHuvy') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

/*
  MAIN STYLING

  blue: 0093bd / 008bb3
  green: 59b074 / 51a26a
  yellow: FF981F / EF8100
  red: ff0000 / e70d0d
  purple: d08bcc / c37abf

*/

body { 
	padding:0;
	background: url(images/bg-body.jpg) top center no-repeat; font-family: Arial; }
#wrapper { width: 980px; margin:0 auto; }
p { margin-bottom: 14px; }

.col1 { width: 571px; float: left; }
.col2 { width: 229px; float: left; }
.col3 { width: 164px; float: left; }
.spacer { width:7px; float: left; }

/* Header
   ---------------------------------------------------------- */
   
#header { margin-bottom: 7px; overflow: hidden; }
	#header .col1 { position: relative; }
	#header .col1 a { margin: 54px 0 0 244px; display:block }
	#header .col1 span { position: absolute; text-transform: uppercase; font-size: 15px; left:305px; top:42px; }
		.blue #header .col1 span { color:#0093bd; }
		.green #header .col1 span { color:#59b074; }
		.yellow #header .col1 span { color:#FF981F; }
		.red #header .col1 span { color:#ff0000; }
		.purple #header .col1 span { color:#d08bcc; }
	
	#header .col2 img { padding: 25px 78px 25px 77px; }
		.blue #header .col2 { background: #0093bd; border: 1px solid #008bb3; border-top: 0; }
		.blue #header .col2:hover { background: #008bb3; }
		
		.green #header .col2 { background: #59b074; border: 1px solid #51a26a; border-top: 0; }
		.yellow #header .col2 { background: #FF981F; border: 1px solid #EF8100; border-top: 0; }
		.red #header .col2 { background: #ff0000; border: 1px solid #e70d0d; border-top: 0; }
		.purple #header .col2 { background: #d08bcc; border: 1px solid #c37abf; border-top: 0; }
	

/* Body
   ---------------------------------------------------------- */

#body { clear:both; }
	#body .col1 { position: relative; }
	#body .col1 .col1-inner { 
		padding: 276px 38px 20px 38px; background: #EDEDED url(images/bg-content.jpg) 0 0 no-repeat; font-size: 13px; border-bottom: 1px solid #d5d5d5; line-height: 18px; min-height:400px; }
		* html #body .col1 .col1-inner { height:400px; }
	
		/* headers */
		h1 { position: absolute; top:20px; padding: 30px 0 21px; width:566px; left:-16px; color:#fff; font-size: 26px; text-transform:uppercase; font-family: 'CartoGothicStdBold', Arial, sans-serif; letter-spacing:.1em; }
		h1 span { display: block; padding-left: 38px; }
			.blue h1 { background: url(images/header-blue.png) 0 0 no-repeat; }
			.green h1 { background: url(images/header-green.png) 0 0 no-repeat; }
			.yellow h1 { background: url(images/header-orange.png) 0 0 no-repeat; }
			.red h1 { background: url(images/header-red.png) 0 0 no-repeat; }
			.purple h1 { background: url(images/header-purple.png) 0 0 no-repeat; }
		
		h2 { font-size: 18px; text-transform: uppercase; font-weight:bold; margin-bottom: 8px; font-family: 'CartoGothicStdBook', Arial, sans-serif; margin-top:30px;  }
			h2.first, .blue h2 { margin-top:0px; }
			.blue h2, .blue #body .col1-inner h2 a { color: #0093bd; background:none; margin-bottom:2px; text-decoration: none;  }
			.blue #body .col1-inner h2 a:hover { background:#0093bd; color:#fff; }
			.green h2 { color: #59b074; }
			.yellow h2 { color: #FF981F; }
			.red h2 { color: #ff0000; }
			.purple h2 { color: #d08bcc; }
		
		h4 { color:#666666; font-size: 12px; font-weight: normal; margin-bottom: 20px; text-transform:uppercase; }
		
		.photo { left:-16px; position:absolute; top:101px; }
		
		/* hyperlinks */
		.blue #body .col1-inner a { color:#008bb3; }
		.green #body .col1-inner a { color:#51a26a; }
		.yellow #body .col1-inner a { color:#EF8100; }
		.red #body .col1-inner a { color:#e70d0d; }
		.purple #body .col1-inner a { color:#d08bcc; }
		
		.blue #body .col1-inner a:hover { color:#0093bd; }
		.green #body .col1-inner a:hover { color:#59b074; }
		.yellow #body .col1-inner a:hover { color:#FF981F; }
		.red #body .col1-inner a:hover { color:#ff0000; }
		.purple #body .col1-inner a:hover { color:#c37abf; }
		
		/* blog links */
		#body .col1 .links { margin-top: 7px; background: url(images/bg-links.gif) top right no-repeat; overflow: hidden; }
			#body .col1 .links a { padding: 10px 0 8px; width: 150px; text-align:center; display: block; 
				color:#fff; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: bold; }
			
			.blue .links a { background: #0093bd url(images/nav-arc.png) left center no-repeat; border: 1px solid #008bb3; border-left: 0;
				color:#fff; text-decoration: none; }
			.blue .links .nav-next a { background: #0093bd url(images/nav-arc2.png) right center no-repeat; border: 1px solid #008bb3; border-right: 0;
				color:#fff; text-decoration: none; }	
			.blue .links a:hover { background: #008bb3 url(images/nav-arc.png) left center no-repeat; }
			.blue .links .nav-next a:hover { background: #008bb3 url(images/nav-arc2.png) right center no-repeat; }
			.links .nav-previous a { float:left; }
			.links .nav-next a { float:right; }
		
		/* read more */
		#body .col1-inner ul.posts { margin:0; padding:0; }
		#body .col1-inner ul.posts li { padding-top:20px; border-top:2px solid #E3E1E2; margin-top:20px; list-style:none; }
		#body .col1-inner ul.posts li:first-child { padding:0; margin:0; border:0; }
		 #body .col1-inner .readmore a { background-color:#0093bd; display:block; padding: 7px 0 5px; width: 105px; text-align:center; text-transform:uppercase; font-size:11px; line-height:11px; color:#fff; text-decoration: none; }
		 #body .col1-inner .readmore a:hover { background-color:#008bb3; color:#fff; }
		 
		 /* content styling */
		 #body .col1-inner ul, #body .col1-inner ol { margin-bottom:14px; padding-left:20px; padding-top:3px; }
		 #body .col1-inner ul li { list-style-type:square; padding-bottom:3px; }
		 #body .col1-inner ol li { list-style-type:decimal; padding-bottom:3px; }
		 .divider { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #BFBFBF; }
		 
		 /* buttons */
		 #wrapper #body .col1-inner a.button { display:inline-block; padding: 3px 12px 2px; text-align:center; color:#fff; text-decoration:none; font-size:11px; margin-bottom:20px; }
		 .blue #body a.button { background: #0093bd; border-color: #008bb3; }
		 .green #body a.button { background: #59b074; border-color: #51a26a; }
		 .yellow #body a.button { background: #FF981F; border-color: #EF8100; }
		 .red #body a.button { background: #ff0000; border-color: #e70d0d; }
		 .purple #body a.button { background: #d08bcc; border-color: #c37abf; }
		 
		 #body .button a:hover { cursor:pointer; }
		 .blue #body a.button:hover { background: #008bb3; }
		 .green #body a.button:hover { background: #51a26a; }
		 .yellow #body a.button:hover { background: #EF8100; }
		 .red #body a.button:hover { background: #e70d0d; }
		 .purple #body a.button:hover { background: #c37abf; }
	
	/* sidebar */
	#body .col2 {  }
		#body .col2 .col2-inner { background: url(images/bg-sidebar.jpg) 0 0 no-repeat; border: 1px solid #d5d5d5;
			padding:24px 20px 24px 24px; font-size: 23px; font-weight: bold; min-height:370px; line-height: 30px;
			font-family: 'CartoGothicStdBook', Arial, sans-serif; }
		
		.blue #body .col2-inner { color:#0093bd; }
		.green #body .col2-inner { color:#59b074; }
		.yellow #body .col2-inner { color:#FF981F; }
		.red #body .col2-inner { color:#ff0000; }
		.purple #body .col2-inner { color:#c37abf; }

		.blue #body .col2-inner a { background: #0093bd; color:#fff; text-decoration: none; display: inline-block; padding: 3px 7px 0; }
		.blue #body .col2-inner a:hover { background: #008bb3; }	
		
		.green #body .col2-inner a { background: #59b074; color:#fff; text-decoration: none; display: inline-block; padding: 3px 7px 0; }
		.green #body .col2-inner a:hover { background: #51a26a; }	
		
		.yellow #body .col2-inner a { background: #FF981F; color:#fff; text-decoration: none; display: inline-block; padding: 3px 7px 0; }
		.yellow #body .col2-inner a:hover { background: #EF8100; }	
		
		.red #body .col2-inner a { background: #ff0000; color:#fff; text-decoration: none; display: inline-block; padding: 3px 7px 0; }
		.red #body .col2-inner a:hover { background: #e70d0d; }		
									
		.purple #body .col2-inner a { background: #c37abf; color:#fff; text-decoration: none; display: inline-block; padding: 3px 7px 0; }
		.purple #body .col2-inner a:hover { background: #d08bcc; }		
		
		#body .facebook {  margin-top: 7px; }
			.facebook a { color:#fff; text-decoration: none; font-size: 20px; font-weight: bold; padding:10px 0 14px 70px; display: block; }
			
			.blue .facebook a { background: #0093bd url(images/facebook-logo.png) 14px 11px no-repeat; border: 1px solid #008bb3; }
			.blue .facebook a span { color:#a9ecff; font-size: 12px; }
			.blue .facebook a:hover { background: #008bb3 url(images/facebook-logo.png) 14px 11px no-repeat; }
			
			.green .facebook a { background: #59b074 url(images/facebook-logo.png) 14px 11px no-repeat; border: 1px solid #51a26a; }
			.green .facebook a span { color:#acecc0; font-size: 12px; }
			.green .facebook a:hover { background: #51a26a url(images/facebook-logo.png) 14px 11px no-repeat; }
			
			.yellow .facebook a { background: #FF981F url(images/facebook-logo.png) 14px 11px no-repeat; border: 1px solid #EF8100; }
			.yellow .facebook a span { color:#ffdd93; font-size: 12px; }
			.yellow .facebook a:hover { background: #EF8100 url(images/facebook-logo.png) 14px 11px no-repeat; }
			
			.red .facebook a { background: #ff0000 url(images/facebook-logo.png) 14px 11px no-repeat; border: 1px solid #e70d0d; }
			.red .facebook a span { color:#f4cece; font-size: 12px; }
			.red .facebook a:hover { background: #e70d0d url(images/facebook-logo.png) 14px 11px no-repeat; }
	
			.purple .facebook a { background: #d08bcc url(images/facebook-logo.png) 14px 11px no-repeat; border: 1px solid #c37abf; }
			.purple .facebook a span { color:#fed9fc; font-size: 12px; }
			.purple .facebook a:hover { background: #c37abf url(images/facebook-logo.png) 14px 11px no-repeat; }
			
	/* navigation */
	#body .col3 {  }
		#body .col3 li a { display: block; padding: 8px 15px 6px; text-decoration: none; color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 4px; border:1px solid; border-left: none; line-height: 16px; text-transform:uppercase; }
		
		/* defaults */
		#body .col3 li#menu-item-14 a { background: #0093bd; border-color: #008bb3; }
		#body .col3 li#menu-item-11 a { background: #59b074; border-color: #51a26a; }
		#body .col3 li#menu-item-12 a { background: #FF981F; border-color: #EF8100; }
		#body .col3 li#menu-item-13 a { background: #ff0000; border-color: #e70d0d; }
		#body .col3 li#menu-item-10 a { background: #d08bcc; border-color: #c37abf; }
		
		/* link styling for active items */
		.blue #body li#menu-item-14 a, .blue #body li#menu-item-14 a:hover { background: #0093bd url(images/nav-arc.png) left 10px no-repeat; }
		.green #body li#menu-item-11 a, .green #body li#menu-item-11 a:hover { background: #59b074 url(images/nav-arc.png) left 10px no-repeat; }
		.yellow #body li#menu-item-12 a, .yellow #body li#menu-item-12 a:hover { background: #FF981F url(images/nav-arc.png) left 10px no-repeat; }
		.red #body li#menu-item-13 a, .red #body li#menu-item-13 a:hover { background: #ff0000 url(images/nav-arc.png) left 10px no-repeat; }
		.purple #body li#menu-item-10 a, .purple #body li#menu-item-10 a:hover { background: #d08bcc url(images/nav-arc.png) left 10px no-repeat; }
		
		/* hover styling */
		#body li#menu-item-14 a:hover { background: #008bb3; }
		#body li#menu-item-11 a:hover { background: #51a26a; }
		#body li#menu-item-12 a:hover { background: #EF8100; }
		#body li#menu-item-13 a:hover { background: #e70d0d; }
		#body li#menu-item-10 a:hover { background: #c37abf; }
		
		/* 404 styling */
		.error404 #body li#menu-item-14 a { background-image:none; background: #0093bd; border-color: #008bb3; }
		.error404 #body li#menu-item-14 a:hover { background: #008bb3; }
		
		/* submenu styling */
		ul.sub-menu { display:none; }
		.home #menu-item-14 ul.sub-menu, 
		.current-menu-item ul.sub-menu, .current-menu-parent ul.sub-menu, .page-id-27 #menu-item-14 ul.sub-menu 
		{ display:block; border-bottom: 1px solid #BFBFBF; margin: 0 0 4px 0; }
		
			/* defaults */
			#body .col3 #menu-main .sub-menu a { background:none; border:none; font-weight:bold; text-decoration:none; font-size:12px; margin-bottom:0; text-transform:none; }
			.blue #body li#menu-item-14 .sub-menu a { color: #0093bd; }
			.green #body li#menu-item-11 .sub-menu a { color: #59b074; }
			.yellow #body li#menu-item-12 .sub-menu a { color: #FF981F; }
			.red #body li#menu-item-13 .sub-menu a { color: #ff0000; }
			.purple #body li#menu-item-10 .sub-menu a { color: #d08bcc; }
			
			/* hover */
			#wrapper #body .col3 #menu-main ul.sub-menu a:hover { text-decoration:underline; background:none; }
			.blue #body li#menu-item-14 .sub-menu a:hover { background: #008bb3; }
			.green #body li#menu-item-11 .sub-menu a:hover { background: #51a26a; }
			.yellow #body li#menu-item-12 .sub-menu a:hover { background: #EF8100; }
			.red #body li#menu-item-13 .sub-menu a:hover { background: #e70d0d; }
			.purple #body li#menu-item-10 .sub-menu a:hover { background: #c37abf; }
			
			#body .col3 #menu-main ul.sub-menu li.current_page_item a { text-decoration:underline; }

/* Contact Form
   ---------------------------------------------------------- */
   
   #wpcf7-f1-p8-o1 { border-top:1px solid #BFBFBF; padding-top:30px; margin-top:30px; }
   
   .wpcf7 p { font-size:11px; color:#666; }
   .wpcf7 p input { width: 100px; text-align:center; color:#fff; border:0; background: #d08bcc url(images/nav-arc.png) left center no-repeat; border:0; padding: 5px 0 3px; line-height:12px; }
   .wpcf7 p input:hover { background-color:#c37abf; cursor:pointer; }
      
   .wpcf7 span input { padding: 5px; width: 380px; font-size:12px; font-family:Arial; border:1px solid #BFBFBF;
   		background:#fff; text-align:left; color:#000; }
   .wpcf7 span input:hover { background:#fff; cursor:auto; }
   .wpcf7 textarea { padding: 5px; width: 380px; font-family: Arial; font-size:13px; border:1px solid #BFBFBF; }
   .wpcf7 span input:focus, .wpcf7 textarea:focus { border-color: #d08bcc; }
   
   /* error messages */
   .wpcf7 span.wpcf7-not-valid-tip-no-ajax { padding-top:4px; font-size:11px; }
	.wpcf7 div.wpcf7-validation-errors { border-width:1px; background:#FFFCCF; width:380px; display:none; }
	.wpcf7 div.wpcf7-mail-sent-ok { border-width:1px; background:#D0EFC2; width:362px; }
	.wpcf7 div.wpcf7-response-output { margin-left:0; margin-right:0; padding-top: .4em; padding-bottom: .4em; }
/* Footer
   ---------------------------------------------------------- */
   	
#footer { clear: both; }
	#footer .col1 { padding: 20px 0 30px 38px; font-size: 11px; color: #b6b6b6; }
	#footer a { color:#a1a1a1; text-decoration: underline; }
		.blue #footer a:hover { color:#0093bd; }
		.green #footer a:hover { color:#59b074; }
		.yellow #footer a:hover { color:#FF981F; }
		.red #footer a:hover { color:#ff0000; }
		.purple #footer a:hover { color:#d08bcc; }