/*
Theme Name: SF 2014 ALT
Theme URI: http://stanfairbank.com
Description: Stan's personal website theme
Author: Stan Fairbank
Author URI: http://thefairbankagency.com/
Version: 2.0
*/





/*   - - - - - - - - - - - - - - - - -   CSS RESET   - - - - - - - - - - - - - - - - -   */


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;
               						outline: 0;
               						font-size: 100%;
               						vertical-align: top;
               						background: transparent; }
 
body 							{ 	line-height: 1; }

ol, ul 							{	list-style: none; }

blockquote, q 					{ 	quotes: none; }

blockquote:before, blockquote:after, q:before, q:after 	
								{	content: '';
									åcontent: none; }
									
.clear							{ 	clear: both; }
						
						
						
						
/*   - - - - - - - - - - - - - - - - -   CUSTOM FONTS   - - - - - - - - - - - - - - - - -   */

	
							
@font-face {
    font-family: 'FrankBook';
    src: url('_fonts/FrankBook.eot');
    src: local('☺'),
		 url('_fonts/FrankBook.eot?#iefix') format('embedded-opentype'),
		 url('_fonts/FrankBook.ttf') format('truetype'),
		 url('_fonts/FrankBook.svg#OswaldBook') format('svg'),
		 url('_fonts/FrankBook.woff') format('woff'),
		 url('_fonts/FrankBook.otf') format('opentype');
    font-weight: normal;
    font-style: normal; }
	
	
@font-face {
    font-family: 'FrankMed';
    src: url('_fonts/FrankMed.eot');
    src: local('☺'),
		 url('_fonts/FrankMed.eot?#iefix') format('embedded-opentype'),
		 url('_fonts/FrankMed.ttf') format('truetype'),
		 url('_fonts/FrankMed.svg#OswaldBook') format('svg'),
         url('_fonts/FrankMed.woff') format('woff'),
		 url('_fonts/FrankMed.otf') format('opentype');
    font-weight: normal;
    font-style: normal; }

						
						
	
	
/*   - - - - - - - - - - - - - - - - -   GLOBAL   - - - - - - - - - - - - - - - - -   */
						
html, body						{ width:100%; padding: 0; margin: 0; font-family: 'FrankBook', Helvetica, Arial, sans-serif; font-size: 12px; background: #fff; color: #333; -webkit-font-smoothing: antialiased; }
							
							
							

/*   - - - - - - - - - - - - - - - - -   A LINKS   - - - - - - - - - - - - - - - - -   */

a:link, a:visited				{ text-decoration: none; color: #3483b0; }
a:hover							{ color: #7ebadc; }
.read-more						{ float: right; font-family: 'FrankMed', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 14px; text-transform: uppercase; }




/*   - - - - - - - - - - - - - - - - -   H TAGS   - - - - - - - - - - - - - - - - -   */

h1, h2, h3, h4, h5				{ font-family: 'FrankMed', Helvetica, Arial, sans-serif; text-transform: uppercase; }
h1								{ text-transform: uppercase; }
h2.career						{ font-weight: 500; font-size: 18px; color: #3483b0; }
h3#post-title					{ display: inline; font-weight: 500; font-size: 24px; color: #3483b0; }
h4#post-title					{ font-weight: 500; font-size: 14px; text-align: center; color: #3483b0; }
a.title-red						{ color: #900; }
a.title-gray					{ color: #ccc; margin-left: -5px; }

				

/*   - - - - - - - - - - - - - - - - -   HEADER   - - - - - - - - - - - - - - - - -   */

#header-branding				{ border-bottom: 1px solid #bbb; }
img.home-icons					{ width: 127px; height: 77px; }



/*   - - - - - - - - - - - - - - - - -   NAVBARS   - - - - - - - - - - - - - - - - -   */

#secondary-navbar ul li a 		{ color: #900; }
#secondary-navbar ul li a:hover { color: #c00; }




/*   - - - - - - - - - - - - - - - - -   LEFT SIDE COLUMN   - - - - - - - - - - - - - - - - -   */

.section-titles 				{ color: #3483b0; text-transform: uppercase; font-family: 'FrankMed', Helvetica, Arial, sans-serif; }
.section-content				{ font-size: 14px; }
.page-content p					{ padding: 10px 0; font-size: 13px; line-height: 20px; text-align: left; }
.page-wrapper					{ padding: 10px 0; }
.photo-legal					{ margin: 10px 0; }



/*   - - - - - - - - - - - - - - - - -   BLOG   - - - - - - - - - - - - - - - - -   */


#blog							{  }
.sfblog-wrapper					{ border-bottom: 1px solid #bbb; }
.sfblog-wrapper:last-of-type	{ border: none; }
.sfblog-single					{ padding: 20px 0; margin-top: 20px; }
.sfblog-post					{ }
.post-highlight					{ font-weight: bold; color: #333; padding: 5px 0; }
.blog-entry						{ border-top: 1px solid #bbb; }
.entry  						{ clear: both; padding-top: 10px; font-size: 13px; line-height: 20px; }
.entry p 						{ padding-bottom: 20px; }
.entry img						{ padding: 10px 0; }



/* - - - - - - - - - - - - - - - - - -  PORTFOLIO   - - - - - - - - - - - - - - - - - - - */


#portfolio-titletext			{ visibility: hidden; }
ul#portfolio, ul#filter li		{ font-family: 'FrankMed', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 500; line-height: 14px; letter-spacing: .1em; text-transform: uppercase; }
ul#portfolio img 				{ border: 1px solid #bbb; display: block; margin-bottom: 15px; }
ul#portfolio a:hover 			{ text-decoration: none; }



/* - - - - - - - - - - - - - - - - - -   SLIMBOX  - - - - - - - - - - - - - - - - - - - */

#lbOverlay 						{ position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer 	{ position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading 						{ background: #fff url(images/loading.gif) no-repeat center; }
#lbImage 						{ position: absolute; left: 0; top: 0; border: 1px solid #bbb; background-repeat: no-repeat; margin: 0;}
#lbPrevLink, #lbNextLink 		{ display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink 					{ left: 0; }
#lbPrevLink:hover 				{ background: transparent url(images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink 					{ right: 0; }
#lbNextLink:hover 				{ background: transparent url(images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom 						{ font-family: 'FrankBook', Helvetica, Arial, sans-serif; font-size: 12px; color: #333; line-height: 1.4em; text-align: left; padding: 10px 0 0 10px; border: 10px solid #fff; border-top-style: none; background-color: #fff;}
#lbCloseLink 					{ display: block; float: right; width: 66px; height: 22px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0 padding-left: 20px; outline: none; }
#lbCaption, #lbNumber 			{ margin-right: 71px; }
#lbCaption 						{ font-weight: normal; }



/*   - - - - - - - - - - - - - - - - -   SIDEBAR & WIDGETS   - - - - - - - - - - - - - - - - -   */

#sidebar						{ float: right; width: 225px; height: 100%; margin-top: 30px; font-size: 14px; border-left: 1px solid #bbb;  }
#sidebar h2						{ padding: 0 20px 10px 20px; font-family: 'FrankMed', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 1.5em; color: #999; }
#sidebar ul li, ul.blogroll li	{ padding-left: 20px; line-height: 1.5em; }
#sidebar ul						{ margin-bottom: 30px;}
.widget							{ padding: 0; margin: 0; list-style: none; }
.widgettitle 					{ padding: 20px 0 10px 30px; font-family: 'FrankMed', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #333; border-top: 1px solid #bbb; }
.widget li 						{ padding: 4px 0 0 30px; list-style-type: none; font-size: 13px; line-height: 16px; margin: 0; }
.widget ul						{ list-style: none; margin-left: 0; padding-bottom: 40px; padding-left: 1em; text-indent: -1em; }



/*  - - - - - - - - - - - - - - - - -    SEARCH  - - - - - - - - - - - - - - - - - - - */

#search 						{ vertical-align: middle; }
.widget_search .screen-reader-text 	{ display:none; }
#search label					{ display: none; }
#search div						{ vertical-align: middle; }
#searchform 					{ border-top: 1px solid #bbb; padding: 20px 0 20px 30px; }
#searchform #s 					{ float: left; margin-right: 3px; width: 100px; height: 12px; background-color: #fff; vertical-align: middle; }
#searchsubmit					{ padding-top: 4px; width: 70px; height: 18px; color: transparent; border-style: none; background: url(images/search.gif) no-repeat top left; vertical-align: middle; }


/*  - - - - - - - - - - - - - - - - -    CONTACT  - - - - - - - - - - - - - - - - - - - */

#sf-contactform					{ float: left; width: 400px; padding: 25px; }
#tfa-contactform				{ float: right; width: 400px; margin-left: 320px; padding: 25px;  }
.sf-contactinfo					{ padding: 30px; font-size: 14px; line-height: 20px; }
.wpcf7-submit					{ vertical-align: middle; border: 1px outset #bbb; background-color: #3483b0; font-family: 'FrankMed', Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; letter-spacing: .3em; color: #fff; }
.contact-req					{ font-size: 12px; line-height: inherit; font-style: italic; color: #999; }
.wpcf7-text						{ background-color: #eee; border: 1px solid #bbb; }
.wpcf7-messagearea				{ padding: 0; margin: 0; }
.wpcf7-marginfix				{ margin: -2px; }
.wpcf7-response-output			{ color: #f00; }
.captcha-image					{ line-height: 24px; padding: 5px; margin: 10px; background-color: #eee; border: 1px solid #bbb; }
.captcha-textfield				{ font-size: 18px; }



/*   - - - - - - - - - - - - - - - - -   CAREER  - - - - - - - - - - - - - - - - -   */

.dividerline					{ display: block; margin: 0; padding: 0; height: 1px; background-color: #bbb; }


/*   - - - - - - - - - - - - - - - - -   TESTIMONIALS  - - - - - - - - - - - - - - - - -   */

#sfstest-sidebar				{ margin-left: 30px; width: 220px; font-size: 13px; line-height: 18px; padding-bottom: 10px;  }
#sfstest-sidebar blockquote 	{ width: 200px; font-style: italic; padding-bottom: 30px; }
#sfstest-sidebar cite 			{ font-style: normal; padding: 10px 0 25px 0; }
#sfstest-page blockquote 		{ margin: 0; padding: 20px 0; line-height: 22px; font-size: 14px; border-top: 1px solid #bbb; }
#sfstest-page blockquote:first-of-type	{ border-top: none; padding-top: 10px; }
#sfstest-sidebar p				{ padding-bottom: 10px; }
#sfstest-page cite 				{ clear: left; font-weight: normal; line-height: 16px; }
#sfstest-sidebar .sfststreadmore 	{ text-align: center; margin-top: 5px; }
.testimonial-sb					{ width: 180px; padding: 10px 0 0 30px; font-size: 13px; font-style: italic; line-height: 19px; text-indent:-0.5em; }
.testimonial-sbname				{ padding: 20px 0 40px 30px; font-size: 13px; font-style: normal; line-height: 16px; color: #333; }
.testimonial-sbtitle			{ padding: 10px 0 30px 30px; font-size: 13px; line-height: 18px; color: #333; }
.cite-link						{ margin-bottom: 0; font-family: 'FrankBook', Helvetica, Arial, sans-serif; font-style: normal; font-size: 13px; line-height: 18px; text-transform: capitalize; }
.testimonial-page				{ padding-top: 30px; font-style: italic; font-size: 13px; line-height: 18px; text-indent:-0.5em; }
.testimonial-title				{ padding: 10px 0 30px 0; font-size: 13px; font-style: normal; line-height: 16px;}



/*   - - - - - - - - - - - - - - - - -   FOOTER   - - - - - - - - - - - - - - - - -   */

#footer							{ clear: both; display: block; margin: 0 auto; padding: 15px 0; text-align: center; font-family: 'FrankBook', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; color: #999; border-top: 1px solid #bbb; }
.navigation						{ text-align: right; font-family: 'FrankMed', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; font-size: 12px;  padding: 10px; }
.navigation-excerpt				{ margin-top: 10px; }





/*--   MEDIA QUERIES  --*/


/* iOS 6+ 7+ 8+   Portrait and Landscape 

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 



}

*/




@media only screen and (min-width: 768px) {
	
#main_container					{ margin: 0 auto; padding-top: 20px; width: 800px; text-align: left; }
#header-branding				{ position: relative; width: 800px; height: 42px; padding: 15px 0 3px 0; border-bottom: 1px solid #bbb; }
.header-left 					{ float: left; width: 600px; height: 42px; }
.header-right 					{ float: right; text-align: right; line-height: 40px; width: 190px; height: 40px; vertical-align: bottom; display: block; }
.header-right img 				{ padding-top: 10px; padding-left: 5px; }
#home-icon-nav 					{ text-align: center; padding: 10px 0; height: 77px; width: 800px; }
img.home-icons					{ padding-right: 5px; }
.navbar							{ width: 915px; padding-top: 10px; }
#navbar-text					{ text-align: center; margin: 0 auto; }	
h1								{ font-size: 48px; }
#site-headers					{ display: inline; }
h1#header-title, h1#header-section		{ font-size: 42px; display: inline; line-height: 42px; margin-right: 5px; }
#section						{ float: left; width: 625px; padding: 10px 10px 10px 0; }
.section-titles 				{ font-size: 22px }
.sidebar-bg						{ float: left; width: 915px; background-image: url(images/sidebar-bg2.gif); background-position: 689px 0px; background-repeat: repeat-y; }
#blog							{ width: 625px; padding-right: 40px; }
#portfolio						{ float: left; width: 915px; margin: 20px auto; padding: 10px 0 30px 10px; }
.portfolio-wrapper				{ display: block; padding-bottom: 25px; margin: 0 auto; }
.career-thumb					{ margin-top: 20px; float: left; width: 120px; border: solid 1px #bbb;  }
.career-txt						{ margin-left: 140px; border-left: solid 1px #bbb; padding: 20px 0 20px 20px; min-height: 160px; }
#footer							{ width: 800px; min-height: 3em; }

#blog						{ float: left; padding: 0 40px 0 0; }
.sfblog-wrapper					{ padding: 20px 0; margin-top: 20px; }
.sfblog-single					{ padding: 20px 0; margin-top: 20px; }
.sfblog-post					{ float: left; }
.sfblog-date					{ float: right; text-align: right; vertical-align: top; font-size: 13px; line-height: 15px; color: #999; font-style: normal; }
.post-highlight					{ font-weight: bold; color: #333; padding: 5px 0; }
.post-commentary				{ display: inline-block; font-style: italic; color: #666; padding-left: 10px; line-height: inherit; }
.blog-entry						{ padding: 25px 0; margin-top: 25px; }
.entry  						{ clear: both; padding-top: 10px }
.entry img  					{ width: 100%!important }
.entry p 						{ padding-bottom: 20px }

#portfolio						{ margin: 20px auto; padding: 10px 0 30px 10px; }
.portfolio-post					{ display: block; margin: 20px 0 20px 10px; padding: 20px;  }
.portfolio-wrapper				{ display: block; margin: 0 auto;  }
ul#filter						{ width: 915px; text-align: center; }
ul#portfolio					{ width: 910px; list-style-type: none; margin: 10px; }
ul#portfolio li 				{ float: left; margin-left 20px; padding: 30px 5px 30px 30px; text-align: center; width: 135px; height: 100px; }
ul#portfolio a 					{ display: block; margin: 0; }
ul#filter li					{ display: inline; border: 1px solid #78bde4; background-color: #eee; padding: 5px 4px 1px 4px; vertical-align: middle; margin: 0; }
ul#filter li.current 			{ background-color: #3483b0; } 
.hidenav						{ visibility: hidden; }
li.current a					{ color: #fff; }
.flash-popup					{ background-color: #333; padding: 25px; }

.wpcf7-text, .wpcf7-messagearea, .wpcf7-submit
								{ width: 400px; height: 36px; font-size: 18px; line-height: 18px; }

	
#secondary-navbar						{ display: block; margin-top: 10px; width: 110%; overflow: hidden;  }
#secondary-navbar ul					{ display: inline; width: 100%; list-style: none; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; }
#secondary-navbar li					{ display: inline; line-height: 18px; vertical-align: middle; color: #900; font-size: 13px; padding-right: 15px; }
#secondary-navbar li.noarrowz:before 	{ content: "\0020"; }	
#secondary-navbar li.arrowz:before, #secondary-navbar li.lastarrowz:before		
										{ content: "\00BB"; color: #999; margin-right: 19px; }	
#secondary-navbar li.lastarrowz, #secondary-navbar li.arrowz			 	
										{ line-height: 18px; vertical-align: top; }
#secondary-navbar li.lastarrowz			{ text-align: right; }


}



/* --- Smartphones (portrait and landscape) ----------- */

@media (min-width : 481px) and (max-width : 767px) {

#main_container					{ margin: 0 auto; padding-top: 20px; width: 100%; }
#header-branding				{ position: relative; width: 770px; height: 42px; padding: 15px 0 3px 0; }
.header-left 					{ float: left; width: 580px; height: 42px; }
.header-right 					{ float: right; line-height: 40px; text-align: right; width: 140px; height: 40px; vertical-align: bottom; display: block; }
.header-right img 				{ padding-top: 10px; }
#home-icon-nav 					{ padding: 10px 0; height: 77px; width: 770px; }
img.home-icons					{ padding-right: 5px; }
.navbar							{ width: 770px; padding-top: 10px; }	
#navbar-text					{ text-align: center; margin: 0 auto; }
h1								{ font-size: 40px; }
h1#header-title, h1#header-section		{ display: inline; font-size: 40px; padding: 0 5px 0 0; margin: 0; }
#section						{ float: left; width: 500px; padding: 10px 10px 10px 0; }
.section-titles 				{ font-size: 20px }
#sidebar						{ display: none; }
#blog							{ padding-right: 30px; }
.sidebar-bg						{ float: left; width: 770px; background-image: url(images/sidebar-bg2.gif); background-position: 500px 0px; background-repeat: repeat-y; }
#portfolio						{ width: 100%; margin: 15px auto; padding: 10px 0; }
.portfolio-wrapper				{ padding-bottom: 15px; }
.career-thumb					{ margin-top: 15px; float: left; width: 120px; border: solid 1px #bbb; }
.career-txt						{ margin-left: 100px; border-left: solid 1px #bbb; padding: 15px 0 15px 15px; min-height: 100px; }
#footer							{ width: 100%;  }
.wpcf7-submit					{ -webkit-appearance:none; }   

#blog							{ float: left; padding: 0 40px 0 0; }
.sfblog-wrapper					{ clear: both; width: 90%; margin:auto; padding: 20px 0; margin-top: 20px; }
.sfblog-single					{ padding: 20px 0; margin-top: 20px; }
.sfblog-post					{ float: left; text-align: left }
.sfblog-date					{ float: right; text-align: right; vertical-align: top; font-size: 13px; line-height: 15px; color: #999; font-style: normal; }
.post-highlight					{ font-weight: bold; color: #333; padding: 5px 0; }
.blog-entry					{ padding: 22px 0; margin-top: 22px; }
.entry  					{ clear: both; padding-top: 10px }
h3#post-title    				{ text-align: left: font-size: 28px; line-height: 32px }
.entry img  					{ margin: auto; width: 100%!important; height: auto }
.entry p 					{ text-align: left; font-size: 18px; line-height: 24px; padding-bottom: 20px}

.page-content p					{ width: 100%; padding: 10px; font-size:18px; line-height: 24px }
#portfolio						{ margin: 20px auto; padding: 10px 0 30px 10px; }
.portfolio-post					{ display: block; margin: 20px 0 20px 10px; padding: 20px;  }
.portfolio-wrapper				{ display: block; margin: 0 auto;  }
ul#filter						{ width: 770px; text-align: center; }
ul#portfolio					{ width: 770px; list-style-type: none; margin: 10px; }
ul#portfolio li 				{ float: left; margin-left 20px; padding: 30px 5px 30px 30px; text-align: center; width: 135px; height: 100px; }
ul#portfolio a 					{ display: block; margin: 0; }
ul#filter li					{ display: inline; border: 1px solid #78bde4; background-color: #eee; padding: 5px 4px 1px 4px; vertical-align: middle; margin: 0; }
ul#filter li.current 			{ background-color: #3483b0; } 
.hidenav						{ visibility: hidden; }
li.current a					{ color: #fff; }
.flash-popup					{ background-color: #333; padding: 25px; }

.testimonial-page				{ font-size: 18px; line-height: 24px; }
.testimonial-title				{ font-size: 24px; line-height: 30px;}

#secondary-navbar						{ display: block; margin-top: 10px; width: 110%; overflow: hidden;  }
#secondary-navbar ul					{ display: inline; width: 100%; list-style-type: none; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; }
#secondary-navbar li					{ display: inline; line-height: 18px; vertical-align: middle; color: #900; font-size: 13px; padding-right: 10px; }
#secondary-navbar li.noarrowz:before 	{ content: "\0020"; }	
#secondary-navbar li.arrowz:before, #secondary-navbar li.lastarrowz:before		
										{ content: "\00BB"; color: #999; margin-right: 12px; }	
#secondary-navbar li.lastarrowz, #secondary-navbar li.arrowz			 	
										{ line-height: 18px; vertical-align: top; }
#secondary-navbar li.lastarrowz			{ text-align: right; }

.wpcf7-text, .wpcf7-messagearea, .wpcf7-submit, .wpcf7-form-control
								{ width: 400px; height: 36px; font-size: 18px; line-height: 18px; }

}


/* --- Smartphones (portrait and landscape) ----------- */

@media (max-width : 480px) {

#main_container							{ padding-top: 10px; width: 100%; text-align: center; }
h1										{ font-size: 38px; }
h1#header-title, h1#header-section		{ display: block; font-size: 38px; padding: 0; margin: 0; }
#site-headers							{ display: block; }
#header-branding						{ display: block; width: 100%; padding: 0; margin: 0; }
.header-left, .header-right 			{ display: block; width: 100%; line-height: 36px; vertical-align: bottom; }
.header-right 							{ margin: 10px 0; }
.header-right img 						{ width: 32px; height: auto; padding-top: 20px; padding: 0 10px; }
img.header-right 						{ padding-top: 20px; }
#home-icon-nav 							{ display: block; padding: 1%; width: 100%; }
#home-icon-nav img 						{ width: 46%; height: auto; padding: 2%; }
#navbar-text							{ display: block; text-align: left;  }

#section								{ width: 100%; padding: 10px; }
.section-titles 						{ font-size: 18px }
#sidebar								{ display: none; }
.sidebar-bg								{ width: 100%; }

.page-wrapper					{ width: 100%; font-size:18px; line-height: 24px}
.page-content p					{ padding: 10px; font-size:18px; line-height: 24px }

#portfolio						{ width: 100%; margin: 0 auto; }
.portfolio-post					{ display: block; margin: 20px 0; padding: 0;  }
.portfolio-wrapper				{ display: block; margin: 0 auto;  }
ul#filter						{ width: 100%; text-align: center; }
ul#portfolio					{ width: 100%; list-style: none; margin: 0; }
ul#portfolio li 				{ float: left; margin-left 20px; padding: 10px; text-align: center; width: 135px; height: 100px; }
ul#portfolio a 					{ display: block; margin: 0; }


ul#filter li					{ display: inline; border: 1px solid #78bde4; background-color: #eee; padding: 5px 4px 1px 4px; vertical-align: middle; margin: 0; }
ul#filter li.current 			{ background-color: #3483b0; } 
.hidenav						{ visibility: hidden; }
li.current a					{ color: #fff; }
.flash-popup					{ background-color: #333; padding: 25px; }

.career-thumb img					{ float: left; padding: 10px 15px 10px 0; width: 100px; height: auto; }
.career-txt							{ padding: 10px 10px 10px 0; text-align: left; }
ul#filter							{ width: 96%; text-align: center; padding: 0; }
ul#filter li						{ line-height: 36px; }
#footer								{ display: block; width: 100%; margin-top: 10px; }
#footer p							{ text-align: center; width: 96%; font-size: 11px; margin: 0 auto; }
.wpcf7-submit						{ width: 90%; margin: 10px auto; -webkit-appearance:none; }   
#secondary-navbar					{ display: block; width: 100%; }
#secondary-navbar ul				{ width: 100%; list-style: none; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; }
#secondary-navbar li				{ width: 100%; text-align: left; font-family: 'FrankMed', Helvetica, Arial, sans-serif; font-size: 24px; vertical-align: middle; line-height: 32px; height: 32px; border-top: 1px solid #F99; }	
#secondary-navbar ul li a 			{ display: block; color: #fff; line-height: 32px; background: #900; padding-left: 20px; vertical-align: middle; }
#secondary-navbar ul li a:hover 	{ color: #fdd; }

.testimonial-page				{ font-size: 18px; line-height: 24px; }
.testimonial-title				{ font-size: 24px; line-height: 30px;}

#blog							{ width: 100%; padding: 20px 0; }
.sfblog-wrapper					{clear: both; width: 90%; margin:auto;  padding: 10px 0; margin-top: 10px; }
.sfblog-single					{ padding: 20px 0; margin-top: 20px; }
.sfblog-post					{ text-align: left }
.sfblog-date					{ float: right; text-align: right; vertical-align: top; font-size: 13px; line-height: 15px; color: #999; font-style: normal; }
.post-highlight					{ font-weight: bold; color: #333; padding: 5px 0; }
.blog-entry						{ padding: 15px 0; margin-top: 15px; }
h3#post-title    				{ text-align: left: font-size: 24px; line-height: 30px }
.entry  						{ clear: both; padding-top: 10px; }
.entry img  					{ margin: auto; width: 100%!important; height: auto }
.entry p 						{ text-align: left; font-size: 18px; line-height: 24px; padding-bottom: 20px;}

.wpcf7-submit, .wpcf7-text, .captcha-textfield, .wpcf7-form-control, .wpcf7-messagearea										
								{ width: 94%; height: 36px; font-size: 18px; line-height: 18px; }
}