/*   
Theme Name: Industry
Theme URI: http://www.themejam.com
Description: A clean and bold theme suitable for businesses, individuals, and organizations.
Author: ThemeJam
Author URI: http://www.themejam.com
Version: 1.03
Tags: CMS, rounded corners, color options, theme options
*/

@import url('styles/reset.css');

body
 {
	font-size: 13px;
	font-family: georgia, "hoefler text", times, serif;
	line-height: 1.5em;
	background: url(images/bg-gradient.jpg) top left repeat-x #ded9ad;
	color: #555344;
}

/* clearfix 
=================================*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* end clearfix */


/* General styles 
=================================*/

a {
	text-decoration: none;
	color: #e76f34;
}

p a:hover {
	border-bottom: 2px dotted #e76f34;
}

p {
	margin: 0 0 1.5em 0;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
	line-height: 1em;
	
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1em;
}

h1, h2, h3, h4 {
	margin: 0 0 1.5em 0;
}

textarea, input {
	font-size: 13px;
	font-family: arial, sans-serif;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}



/* Layout 
=================================*/

#wrap {
	width: 942px;
	margin: 0 auto;
}

#main {
	float: left;
	width: 622px;
	margin: 0 18px 2em 0;
}

#sidebar {
	float: left;
	width: 302px;
	margin: 0 0 1em 0;
}

#footer {
	clear: both;
}


/* Header
=================================*/

#header {
	padding: 0 0 0 0;
	margin: 0 0 12px 20px;
}

#branding {
	float: left;
	height: 100px;
	margin: 0;
}


/* Navigation Dropdown Menu 
.................................*/
	
ul#nav {
	margin: 0;
	padding: 0 30px 0 150px;
	list-style:	none;
	float: right;
	line-height: 1.0;
}

ul#nav li {
	display: block; 
	position: relative;
	float: right;
	margin: 0 0 0 30px;
	font-size: 14px;
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 10;
	height: 30px;
}

ul#nav a {
	display: block; 
	padding: 8px 0 3px 0; 
	font-weight: 700; 
	text-align: center;
	color: #046380;
	text-decoration: none;
	position: relative;
}

ul#nav a:hover {
	color: #e76f34;
	border-bottom: 2px solid #e76f34;
}

ul#nav ul {
	position: absolute;
	top: -999em;
	width: 10em; 
}

ul#nav ul li {
	width: 150px;
	height: auto;
	float: left;
	margin: 0;
}

ul#nav li:hover {
	visibility: inherit;
}

ul#nav ul li a {
	display: block;  
	padding: 8px;
	text-align: left;
	background: #e76f34;
	color: #fff;
}
ul#nav ul li ul li a {
	background: #db4b1b;
}

ul#nav ul li a:hover {
	border: none;
	background: #002F2F;
	color: #fff;
}

ul#nav li:hover ul,
ul#nav li.sfHover ul {
	left: 0;
	top: 27px;
	z-index: 99;
}

ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
	top: -999em;
}

ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
	left: 30px;
	top: 25px;
}

ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
	top: -999em;
}

ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
	left: 10em; 
	top: 0;
}

ul#nav li:hover a.sf-with-ul {
	color: #e76f34;
	border-bottom: 2px solid #e76f34;
}

ul#nav li:hover ul li a.sf-with-ul {
	color: #fff;
}





/* Round Boxes (global)
=================================*/

.round-box {
	padding: 11px 0;
	margin: 0 0 26px 0;
	position: relative;
}

.round-box .corners-content {
	padding: 25px 20px;
}

.round-box.wide {
	width: 942px;
}

.round-box.med {
	width: 622px;
}

.round-box.small {
	width: 302px;
}

.round-box.wide .corners-top {
	background: url(images/corners-top-light-wide.png) top left no-repeat;
	height: 11px;
}

.round-box.med .corners-top {
	background: url(images/corners-top-dark-med.png) top left no-repeat;
	height: 11px;
}

.round-box.med.light .corners-top {
	background: url(images/corners-top-light-med.png) top left no-repeat;
	height: 11px;
}

.round-box.small .corners-top {
	background: url(images/corners-top-dark-small.png) top left no-repeat;
	height: 11px;
}

.round-box.wide .corners-bottom {
	background: url(images/corners-bottom-light-wide.png) top left no-repeat;
	height: 11px;
}

.round-box.med .corners-bottom {
	background: url(images/corners-bottom-dark-med.png) top left no-repeat;
	height: 11px;
}

.round-box.med.light .corners-bottom {
	background: url(images/corners-bottom-light-med.png) top left no-repeat;
	height: 11px;
}

.round-box.small .corners-bottom {
	background: url(images/corners-bottom-dark-small.png) top left no-repeat;
	height: 11px;
}

.round-box.wide .corners-content {
	background: url(images/corner-bg-light-wide.png) top left repeat-y;
}

.round-box.med .corners-content {
	background: url(images/corner-bg-dark-med.png) top left repeat-y;
}

.round-box.med.light .corners-content {
	background: url(images/corner-bg-light-med.png) top left repeat-y;
}

.round-box.small .corners-content {
	background: url(images/corner-bg-dark-small.png) top left repeat-y;
}

.round-box h4.box-title {
	float: left;
	position: absolute;
	top: 7px;
	left: 20px;
	background: url(images/box-title-left.png) top left no-repeat;
	padding: 0 0 0 10px;
	height: 21px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
	font-weight: normal;
}

.round-box h4.box-title span {
	background: #a7a37e;
	display: block;
	float: left;
	height: 20px;
	padding: 1px 0 0 0;
}

.round-box h4.box-title span.title-r {
	background: url(images/box-title-right.png) top left no-repeat;
	width: 9px;
	height: 21px;
	padding: 0;
}


/* Button links
.................................*/

.button-link {
	text-align: center;
}

.button-link a {
     background: url(images/button-left-darkbg.gif) top left no-repeat;
     color: #fff;
     padding: 5px 0 6px 0;
     text-decoration: none;
     font-size: 12px;
     font-style: italic;
     font-weight: bold;
 }

.button-link a span {
     background: url(images/button-right-darkbg.gif) top right no-repeat;
     padding: 5px 1em 6px 1em;
 }

.button-link a:hover {
     color: #fff;
 }
 
.button-link.lightbg a {
	background: url(images/button-left-lightbg.gif) top left no-repeat;
}

.button-link.lightbg a span {
	background: url(images/button-right-lightbg.gif) top right no-repeat;
}


/* Home Page Elements
=================================*/

.feature #primary-feature {
	width: 842px;
	margin: 0 auto 20px auto;
	padding: 0;
}

.feature #primary-feature #copy {
	width: 410px;
	float: left;
	margin: 0 20px 0 0;
}

.feature #primary-feature #copy p {
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 0;
}

.feature #primary-feature #img {
	background: url(images/feature-img-border.gif) top left no-repeat;
	width: 395px;
	height: 177px;
	padding: 4px;
	float: right;
	position: relative;
}

.feature #primary-feature #img a#left,
.feature #primary-feature #img a#right {
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	top: 76px;
	text-indent: -9999px;
	z-index: 10;
}

.feature #primary-feature #img a#left {
	background: url(images/feature-arrow-left.png) top left no-repeat;
	left: -10px;
}

.feature #primary-feature #img a#right {
	background: url(images/feature-arrow-right.png) top left no-repeat;
	right: -10px;
}


.feature h2 {
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-weight: bold;
	font-size: 2.5em;
	line-height: 1.1em;
	color: #002f2f;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

.feature #callouts h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
}

.feature #callouts h3 {
	display: block;
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	color: #002f2f;
	margin: 0 0 5px 0;
	height: 26px;
	text-transform: uppercase;
	padding: 5px 0 0 38px;
	text-decoration: none;
}

.feature a {
	color: #002f2f;
}

.feature a:hover {
	color: #e76f34;
}

.feature #callouts {
	width: 810px;
	margin: 0 auto;
}

.feature .callout {
	float: left;
	width: 250px;
	margin: 0 30px 0 0;
}

.feature .callout p {
	color: #68664f;
	margin: 0;
}

.feature .callout.right {
	margin: 0;
}

.feature .callout.left h3 {
	background: url(images/callout-icon-1.png) top left no-repeat;
}

.feature .callout.middle h3 {
	background: url(images/callout-icon-2.png) top left no-repeat;
}

.feature .callout.right h3 {
	background: url(images/callout-icon-3.png) top left no-repeat;
}


/* Call to action
.................................*/

#action-call {
	text-align: center;
	font-size: 3em;
	color: #002f2f;
	font-style: italic;
	padding: 7px 0 0 0;
	margin: 0 0 35px 0;
}

#action-call a {
	font-style: normal;
	color: #e76f34;
}

#action-call a:hover {
	border-bottom: 2px solid #e76f34;
}


/* Featured Posts
.................................*/

.featured-posts .corners-content {
	padding: 25px 0 1px 20px;
}

.featured-posts .post {
	width: 280px;
	height: 275px;
	float: left;
	margin: 0 20px 0 0;
}

.featured-posts .post .post-image {
	margin: 0 0 8px 0;
	background: #fff;
}

.featured-posts .post h2 {
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 3px 0;
	letter-spacing: -1px;
}

.featured-posts .post h2 a {
	color: #002F2F;
}

.featured-posts .post h2 a:hover {
	color: #e76f34;
}

.featured-posts .post p {
	margin: 0;
}

a.read-more {
	font-weight: bold;
	font-style: italic;
}


/* From the Blog
.................................*/

.sidebar-home .post h2 {
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #002f2f;
	margin: 0;
}

.sidebar-home .post h2 a {
	color: #002F2F;
}

.sidebar-home .post h2 a:hover {
	color: #e76f34;
}


/* Entry Content
=================================*/

.post h1.entry-title,
.post h2.entry-title {
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-weight: bold;
	font-size: 2em;
	margin: 0 0 2px 0;
	color: #002f2f;
}

.post h2.entry-title a {
	color: #002f2f;
}

.post h2.entry-title a:hover {
	color: #e76f34;
}

.post #post-image {
	margin: 0 0 12px 0;
}

.entry-meta-before {
	font-family: arial, sans-serif;
	font-size: 11px;
	margin: 0 0 1em 0;
}

.entry-meta-before a:hover {
	text-decoration: underline;
}

.entry-content {
	margin: 0 0 4em 0;
}

.page .entry-content {
	margin: 0 0 1.5em 0;
}

.entry-content ul {
	list-style: disc;
	margin: 0 0 1.5em 2.5em;
}

.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content ol {
	list-style: decimal;
	margin: 0 0 1.5em 2.5em;
}

.entry-content ol ol {
	margin-bottom: 0;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-weight: bold;
	color: #046380;
	font-size: 1.5em;
	margin: 0 0 1em 0;
	padding: .5em 0 0 0;
}

.entry-content h3 {
	font-size: 1.3em;
}

.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-size: 1em;
}

blockquote {
	font-size: 1.3em;
	font-style: italic;
	color: #046380;
	line-height: 1.5em;
	margin: 0 20px 1em 20px;
}

.entry-content .alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.entry-content .alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.entry-content .aligncenter,
.entry-content .center {
	text-align: center;
	margin: 0 auto;
	display: block;
}

p.wp-caption-text {
	margin: 0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.entry-content .button-link {
	margin: 0 0 1.5em 0;
}

/* Comments
=================================*/

h3#comments {
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	color: #002f2f;
}

.commentlist li {
	margin: 0 0 1.5em 0;
}

.commentlist ul.children {
	margin: 0 0 0 1.5em;
	padding: 1.5em 0 0 0;
}

.comment-body {
	background: url(images/line-lightbg.gif) top left repeat-x;
	padding: 9px 0 1em 0;
}

.comment-avatar {
	float: left;
	margin: 0 10px 0 0;
}

.comment-avatar img {
	border: 1px solid #929190;
}

.comment-author {
	font-family: arial, sans-serif;
	font-weight: bold;
	margin: 0 0 5px 0;
	font-size: 1.2em;
}

.comment-author .comment-date a {
	font-family: arial, sans-serif;
	font-size: .75em;
	color: #898989;
	font-weight: normal;
}

.comment-content {
	float: left;
	width: 480px;
	position: relative;
}

.children .comment-content { width: 460px; }
.children .children .comment-content { width: 440px; }
.children .children .children .comment-content { width: 420px; }
.children .children .children .children .comment-content { width: 400px; }
.children .children .children .children .children .comment-content { width: 380px; }

.commentlist .reply {
	position: absolute;
	top: 0;
	right: 0;
}

.commentlist .reply a {
	font-weight: bold;
	font-style: italic;
}

.commentlist .reply a:hover {
	text-decoration: underline;
}

#respond {
	padding: 0 20px;
}

#respond h3 {
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	color: #002f2f;
	text-transform: uppercase;
}

#respond input,
#respond textarea {
	padding: 7px;
	background: #cec99b;
	border: 1px solid #b9b58c;
	width: 220px;
}

#respond label {
	padding: 0 0 0 6px;
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}

#respond label span {
	font-family: george, times, serif;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}

#respond textarea {
	width: 580px;
}

button {
	border: 0; 
	cursor: pointer; 
	font-weight: bold; 
	padding: 0 7px 0 0; 
	text-align: center; 
	background: url(images/button-right-darkbg.gif) top right no-repeat;
}

button span {
    background: url(images/button-left-darkbg.gif) top left no-repeat;
    position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 10px;
	margin: -1px 0 0 0; 
	height: 25px; 
	line-height: 25px;
	font-family: Georgia, times, serif;
	color: #fff;
	font-style: italic;
 }


/* Sidebar
=================================*/

#sidebar .round-box {
	margin: 0;
}

#sidebar h5 {
	clear: both;
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #66644d;
	padding: 0 0 6px 0;
	margin: 0 0 8px 0;
	background: url(images/sidebar-line.gif) bottom left repeat-x;
	text-transform: uppercase;
}

#sidebar ul {
	margin: 0 0 1em 0;
}

#sidebar ul ul {
	margin: 0 0 0 20px;
	padding: 6px 0 0 0;
}

#sidebar li {
	margin: 0 0 6px 0;
}

#sidebar li a:hover {
	text-decoration: underline;	
}

#sidebar .round-box.sidebar-top .corners-content {
	padding-bottom: 1px;
}

#sidebar .sidebar-top li {
	float: left;
	margin: 0 10px 6px 0;
	width: 120px;
}

#sidebar .sidebar-top li a {
	display: block;
	padding: 0 0 0 22px;
}

#sidebar .widget.feeds li a {
	background: url(images/icon-rss.gif) top left no-repeat;
}

/* Sidebar Widgets
.................................*/

.round-box.widgets .corners-content {
	padding-top: 10px;
	padding-bottom: 1px;
}

#sidebar .widget {
	margin: 0;
	padding: 0 0 2em 0;
}

#sidebar .sidebar-top .widget {
	margin: 0;
	padding: 0 0 1em 0;
}

#sidebar .sidebar-home .widget {
	margin: 0;
	padding: 0 0 1em 0;
}

#sidebar .sidebar-lower .widget.feeds li a,
#sidebar .sidebar-lower .widget.social-links li a,
#sidebar .sidebar-home .widget.social-links li a {
	display: block;
	padding:0 0 0 22px;
}

#sidebar .widget.widget_categories li a,
#sidebar .widget.widget_recent_entries li a {
	background: url(images/icon-posts.gif) top left no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 18px;
}

#sidebar .widget.widget_archive li a {
	background: url(images/icon-posts.gif) top left no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 18px;
}

.widget.display-posts h2 {
	margin: 0;
}

.widget_search input {
	padding: 3px;
	margin: 0 5px 0 0;
}


/* Footer
=================================*/

#footer {
	color: #636363;
	margin: 0 0 2em 0;
}

#footer-info {
	float: left;
	width: 300px;
}

#footer #logo {
	margin: 0 0 1em 0;
}

p#credit img {
	vertical-align: middle;
}

#footer p#credit a:hover {
	border: none;
}

/* Footer Widgets 
.................................*/

#footer-widgets {
	float: left;
	width: 640px;
}

.footer-widget {
	float: right;
	width: 140px;
	margin: 0 0 1.5em 20px;
}

.footer-widget h4 {
	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;
	font-weight: bold;
	color: #002f2f;
	font-size: 1em;
	background: url(images/footer-line.gif) bottom left repeat-x;
	text-transform: uppercase;
	padding: 0 0 6px 0;
	margin: 0 0 8px 0;
}

.footer-widget li {
	margin: 0 0 6px 0;
}

.footer-widget ul.children,
.footer-widget ul ul {
	padding: 6px 0 0 0;
}

.footer-widget li a {
	display: block;
	padding: 0 0 0 22px;
}

.footer-widget li a:hover {
	text-decoration: underline;
}

.footer-widget.feeds li a {
	background: url(images/icon-rss.gif) top left no-repeat;
	background-position: 0 1px;
}

.footer-widget.widget_archive li a,
.footer-widget.widget_categories li a,
.footer-widget.widget_pages li a {
	background: url(images/icon-document.png) top left no-repeat;
}

.footer-widget.widget_links li a {
	background: url(images/icon-other.png) top left no-repeat;
}

.footer-widget input {
	width: 130px;
	margin: 0 0 3px 0;
}


/* Social Media icons
.................................*/

li.flickr a {
	background: url(images/icon-flickr.png) top left no-repeat;
}

li.facebook a {
	background: url(images/icon-facebook.png) top left no-repeat;
}

li.twitter a {
	background: url(images/icon-twitter.png) top left no-repeat;
}

li.linkedin a {
	background: url(images/icon-linkedin.png) top left no-repeat;
}

li.other a {
	background: url(images/icon-other.png) top left no-repeat;
}


img {
	border: 0px;
}

a:hover.gmap {
	text-decoration: none;
	border: 0px!important;
}