/*  
Theme Name: NAPNAM
Theme URI: http://prothemedesign.com/themes/mimbo-pro/
Description: Mimbo Pro child theme for NAPNAM Publishing & Consulting
Version: 1.2
Author: Darren Hoyt, Patrick Andriessen
Author URI: http://prothemedesign.com/themes/mimbo-pro/
Template: mimbopro

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

@import url("../mimbopro/style.css");
@import url("css/nav.css");

/*-----Global-----*/
body {
font: 1.0em Tahoma "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
background:#f5f5f5 url(images/bg.jpg) repeat-x};
	}
#page {border:none}
a, a:visited {color: #f38226;text-decoration:none /*Global Link Color*/}
a:hover, a:active {color:#5c6d78;text-decoration:underline; /*Global Link Rollovers*/}

h2 {
	font: 2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:6px 0;
	border-bottom:1px solid #eae9e4;
	border-top:3px solid #eae9e4;
	color:#313228;
	font-weight:bold;
	}

h3 {
	font: 1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#10222b;
	margin:13px 0 7px 0;
	line-height:115%;
	font-weight:bold;
	border-bottom:3px solid #EAE9E4;
	padding-bottom:3px
	}

.entry h3 {
	font:1.6em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#10222b;
	font-weight:bold;
	}

.entry h4 {
	font:1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#10222b;
	font-weight:bold
	}
	
.textwidget {
	margin: 0px 0;
	line-height:0%;
	font-size:1.1em;
	}	

/*-----Wordpress.com Smiley Face-----*/
img#wpstats{display:none}
	
	
/*-----Masthead and Logo-----*/
#masthead { background: #5c6d78 url (images\logo.png) !important;}
h1 a#logo, h1 a#logo:visited {color:#FFF /*Logo color*/}
h1 a#logo:hover, h1 a#logo:active {color: #CCC}
h2#description {color:#faa739; /*Description color*/}

/*Search Field*/}

/* Form Elements */

#searchform {
	width:194px;
	float:right;
	text-align:right;
	padding-top:2px;	
	}
	
select {
	background:#fff;
	border:1px solid #3399cc;
	width:100%
	}

#s {
	background:#5c6d78;
	border:none;
	padding:2px;
	width:129px;
	}

#submit {
	border:1px solid #000;
	background: #1a5d80 url(images/bg_button.gif) repeat-x;
	margin-top:12px;
	color:#a4e1ff;
	padding:4px 8px;
	display:block;
	font-size:1.1em;
	}



/*-----Upper Homepage Modules-----*/
#upper {background:#455560 !important /*Top Block*/}

#lead { background: #5c6d77 url(images/bg_lead.jpg) repeat-x bottom !important}	
#lead a, #lead a:visited { color:#FFF;}
#lead img {border-color:#787878;}
#lead .date {color: #949494}


#recent { background: url(images/bg_recent.jpg) no-repeat !important} /*Recent*/
#recent h3 {color:#FFF;}
#recent li { border-color:#5c6d78 !important; padding:8px 0 !important; background:none !important}
#recent a, #recent a:visited {color:#db941c !important; }
#recent a:hover, #recent a:active {color:#fff !important; text-decoration:none }

#carousel { background:#ebebeb url(images/bg_carousel.jpg) repeat-x !important;}
#carousel a, #carousel a:visited {color:#ffffff !important}
#carousel a:hover, #carousel a:active {color:#5c6d78 !important}

a#fullstory, a#fullstory:visited {background:#1d3e4f;color:#FFF; /*"Full Story" Link*/}
a#fullstory:hover, a#fullstory:active {background:#f58211}

/*-----Center Homepage Column-----*/
h3.catcolor1 {background:#10222b url(images/cat_1.gif) /*Colors for Category Summary Headers*/}
h3.catcolor2 {background:#172f3c url(images/cat_2.gif)}
h3.catcolor3 {background:#214456 url(images/cat_3.gif)}

/*-----Sidebar/Widget Nav Styles-----*/

#sidebar .widget ul {border-left: 4px solid #f38226;}
#sidebar .widget li {border-bottom:1px solid #f2f2f2;}
#sidebar .widget li a, #sidebar .widget li a:visited {background:#fff !important;color:#000 !important}
#sidebar .widget li a:hover, #sidebar .widget li a:active {background:#f38226 !important;color:#FFF;}
#sidebar .widget li li a, #sidebar .widget li li a:visited {background:#fff !important;}
#sidebar .widget li li a:hover, #sidebar .widget li li a:active {background:#5c6d78 !important;color:#FFF;}
h3.widgettile {background:#214456}

/*-----Archive/Search/Author Page Styles-----*/
.subfeature { background:#f2f3ee; border-color:#dadbd7; /*Content box styles*/}	
.subfeature a, .subfeature a:visited { color:#2e2e2e; }


/*-----Single Page Styles-----*/
#breadcrumbs { background:#10222b;color:#7f7f7f; }
#breadcrumbs a, #breadcrumbs a:visited { color:#FFF; }

#tags {background-color:#f0f0f0}

#submit {color:#FFF; background: #000; border:0; /*Submit button styles*/}

/*Footer and Bottom Widget Styles*/

#meta {
	background:#5c6d78 url(images/bg_popular.jpg) center bottom no-repeat;
	height:200px;
	padding: 0px 0 0px 0;
	color:#FFF;
	}

#meta ol {
	padding-top:0px;
	}

#meta .widget {	
	width:320px;
	float:left;
	padding-top:0px;
	padding-left:0px;
	margin-right:0px;
	}
	
#meta li {
	margin-left:px;
	padding:3px 0;
	list-style:square;
	border:none;
	line-height:145%;
	}
		
#footer {
	margin: 0 auto 10px auto;
	width: 946px;
	font-size:0.7em;
	padding:15px;
	color:#4b5962;
	}

#footer a, #footer a:visited {
	color:#367191;
	}

#footer .left, #footer .right {
	width:400px;
	}
	
#footer .right {
	text-align:right
	}
.entry ul, .entry ol {
	padding:15px 0;
	}
		
.entry ol li, .entry ul li {
	margin:0 0 5px 48px;
	line-height:150%;
	}

.entry ul li {
	font:1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	list-style:square
	}
	
/*
------------------------------------
forms.css v1.1
Gravity Forms Front End Form Styles
http://www.gravityforms.com

a rocketgenius project
http://www.rocketgenius.com
------------------------------------
*/

.gform_wrapper{ overflow:hidden;  margin-bottom:10px;  max-width:600px}
.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3{font-weight:normal; border:none; outline:none; background:none}
.gform_wrapper:focus{ outline:none}
.gform_wrapper form{ text-align:left}
.gform_wrapper input{ outline-style:none;  font-size:12px;  font-family:verdana,sans-serif; border:1px solid #455560; padding:1px 0 2px 0;  letter-spacing:normal}
.gform_wrapper textarea{ outline-style:none;  font-size:12px;  font-family:verdana,sans-serif;  border:1px solid #455560; letter-spacing:normal;  padding:2px 0 2px 0;  resize:none; /* doesn't validate but added for Safari field resizing */}
.gform_wrapper ul{ margin:0;  list-style-type:none}
html >body .entry ul, .gform_wrapper ul{text-indent:0px}
.gform_wrapper li, .gform_wrapper form li{ list-style-type:none!important; overflow:hidden;}
.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:""; /* for safari */}
.gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:none; # /* for other browsers  */}
.gform_wrapper ul#gform_fields{ padding:0px;  margin:0px}
.gform_wrapper select{ font-size:12px;  font-family:verdana,sans-serif; border:1px solid #455560; width:100%; background:#fff; padding:1px 0 2px 0;  letter-spacing:normal}
.gform_wrapper #field_settings{ margin:0 0 12px}
.gform_wrapper #field_settings ul li label{ display:block}
.gform_wrapper .inline{ display:inline!important}
.gform_wrapper #gform_heading{ width:98%;  padding-bottom:12px;  margin-bottom:18px;  border-bottom:1px dotted #ccc}
.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute{ width:70px;  float:left}
.gform_wrapper .gfield_time_ampm select{ width:60px!important}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{ width:70%!important}
.gform_wrapper .field_hover{ border:1px dashed #2175A9!important;  cursor:pointer}
.gform_wrapper .field_selected{ background-color:#DFEFFF;  border:1px solid #C2D7EF!important}
.gform_wrapper .field_name_first, .gform_wrapper .field_name_last{ width:50%;  float:left}
.gform_wrapper .ginput_complex{overflow:hidden}
.gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input{ width:90%!important}
.gform_wrapper .field_name_last input{ width:93%!important}
.gform_wrapper .datepicker{ width:100px!important}
.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{ width:48%;  float:left}
.gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select{ width:92%!important}
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .instruction { display:block;  margin:3px 0 8px 0; font-size:10px; letter-spacing: 1px}
.gform_wrapper .ginput_complex .name_prefix{ float:left;  width:30px!important;  margin-right:14px}
.gform_wrapper .ginput_complex .name_suffix{ float:left;  width:30px!important}
.gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last{ float:left;  width:100px;  margin-right:8px}
.gform_wrapper .top_label .gfield_label{ display:block;  margin:10px 0 4px 0;  font-weight:bold}
.gform_wrapper .left_label .gfield_label{ float:left;  margin:2px 15px 0 0;  width:29%;  font-weight:bold}
.gform_wrapper .right_label .gfield_label{ float:left;  margin:2px 15px 0 0;  width:29%;  font-weight:bold;  text-align:right}
.gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio{ margin-left:32%}
.gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small{ width:25%}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{ width:50%}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea{ width:96%}
.gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small{ width:15%}
.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium{ width:35%}
.gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea{ width:64%}
.gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex{ width:64%;  float:left}
.gform_wrapper h2.gsection_title{ margin:0!important;  padding:0!important;  letter-spacing:normal!important}
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3#gform_title{ font-weight:bold;  font-size:16px;  font-family:Helvetica,sans-serif}
.gform_wrapper h3#gform_title{ letter-spacing:normal!important;  margin:10px 0 6px 0}
.gform_wrapper span.gform_description{font-weight:normal}
.gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3#gform_title{ width:98%}
.gform_wrapper .gsection{ border-bottom:1px dotted #ccc!important;  padding:0 0 8px 0;  margin:8px 0 16px 0}
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio{ padding:5px 0;  margin:0}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ padding:3px 0 0 0!important;  line-height:0;  width:auto}
.gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label{ margin-left:6px;  display:inline}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description,.gform_wrapper .instruction { font-size:10px; line-height:150%; clear:both; font-family:verdana,sans-serif; letter-spacing:normal}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description{padding:4px 0 8px 0}
.gform_wrapper .gfield_description  {padding: 10px 0 8px 0; font-style: italic}
.gform_wrapper .gsection_description {font-style: italic}
.ginput_complex + .gfield_description {padding-top:0!important;}
.gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction{ margin-left:29%;  padding-left:15px}
.gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description{ margin-left:0;  padding-left:0;  padding-top:4px;  line-height:150%;}
.gform_wrapper .gfield_required{ color:red;  margin-left:4px}
.gform_wrapper textarea.small{ height:80px}
.gform_wrapper textarea.medium{ height:150px}
.gform_wrapper textarea.large{ height:250px}
.gform_wrapper .gfield_error{ background-color:#FFDFDF!important;  margin-top:2px!important;  margin-bottom:4px;  padding:4px 6px!important}
.gform_wrapper .gfield_error .gfield_label{ color:#f00}
.gform_wrapper .validation_error{ color:#f00;  font-weight:bold;  font-size:14px;  line-height:150%;  font-family:Helvetica,sans-serif}
.gform_wrapper .validation_message{ color:#f00!important;  font-size:11px;  font-family:verdana,sans-serif;  letter-spacing:normal}
.gform_wrapper .gform_footer{ padding:16px 0 10px 0;  margin:16px 0 0 0;  border-top:1px dotted #ccc!important}
.gform_wrapper input.button{ font-size:100%;  color:#222}
.gform_wrapper input.button:hover{ color:#000}
#gforms_confirmation_message{background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center}

/* a few IE specific hacks -------------------------------------------------------------------------- */

.gform_wrapper .gfield_time_hour{*width:80px}
.gform_wrapper .gfield_time_minute{*width:70px}
.gform_wrapper .gfield_time_ampm{*padding-top:2px}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{*margin-left:-10px}
.gform_footer input.button {*padding:3px}

/* date picker ---------------------------------------------------------------------------------------*/

.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div{ /*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:Verdana,Arial,sans-serif; background:#fff; font-size:1.0em; border:4px solid #aaa; width:15.5em; padding:2.5em .5em .5em .5em;  position:relative}
.ui-datepicker-div, #ui-datepicker-div{ z-index:9999; /*must have*/ display:none}
.ui-datepicker-inline{ float:left; display:block}
.ui-datepicker-control{ display:none}
.ui-datepicker-current{ display:none}
.ui-datepicker-next, .ui-datepicker-prev{position:absolute; left:.5em; top:.5em; background:#e6e6e6}
.ui-datepicker-next{ left:14.6em}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background:#dadada}
.ui-datepicker-next a, .ui-datepicker-prev a{ text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer}
.ui-datepicker-next a{ background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat}
.ui-datepicker-header select{ border:1px solid #d3d3d3;  color:#555;  background:#e6e6e6;  font-size:1em;  line-height:1.4em;  position:absolute;  top:.5em;  margin:0 !important}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover{ background:#dadada}
.ui-datepicker-header select.ui-datepicker-new-month{ width:7em; left:2.2em}
.ui-datepicker-header select.ui-datepicker-new-year{ width:5em; left:9.4em}
table.ui-datepicker{ width:15.5em;  text-align:right}
table.ui-datepicker td a{ padding:.1em .3em .1em 0; display:block; color:#555; background:#e6e6e6; cursor:pointer; border:1px solid #fff}
table.ui-datepicker td a:hover{ border:1px solid #999; color:#212121; background:#dadada}
table.ui-datepicker td a:active{ border:1px solid #aaa; color:#212121; background:#fff}
table.ui-datepicker .ui-datepicker-title-row td{ padding:.3em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase}
table.ui-datepicker .ui-datepicker-title-row td a{ color:#222}
.ui-datepicker-cover{ display:none;  display/**/:block;  position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px}

/* CTA buttons ---------------------------------------------------------------------------------------*/
.dlbutton {
	display:block;
	background:url(images/dlbutton.png) no-repeat top center;
	width:250px;
	height:50px;
	text-indent:-9999px;
}
.dlbutton a {
	display:block;
	background:url(images/dlbutton.png) no-repeat top center;
	width:100%;
	height:100%;
	outline:none;
}
.dlbutton a:hover {
	background-position:0 -50px;
}
.offbutton {
	display:block;
	background:url(images/offbutton.png) no-repeat top center;
	width:250px;
	height:50px;
	text-indent:-9999px;
}
.offbutton a {
	display:block;
	background:url(images/offbutton.png) no-repeat top center;
	width:100%;
	height:100%;
	outline:none;
}
.offbutton a:hover {
	background-position:0 -50px;
}