/*   

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.2

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 #e6e2af;

	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: #cc0000;

}



p a:hover {

	border-bottom: 2px dotted #cc0000;

}



p {

	margin: 0 0 1.5em 0;

}



h1 {

	font-size: 2em;

}



h2 {

	font-size: 1.5em;

}



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: 28px 0 0 0;

	margin: 0 0 12px 0;

}



#branding {

	float: left;

	height: 63px;

	margin: 0;

	font-size: 2em;

}





/* Navigation Dropdown Menu 

.................................*/

	

#nav ul {

	margin: 0;

	padding: 24px 10px 0 0;

	list-style:	none;

	float: right;

	line-height: 1.0;

}



#nav ul li {

	display: block; 

	position: relative;

	float: left;

	margin: 0 0 0 20px;

	font-size: 14px;

	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	z-index: 10;

	height: 30px;

}



#nav ul a {

	display: block; 

	padding: 8px 0 3px 0; 

	font-weight: 700; 

	text-align: center;

	color: #046380;

	text-decoration: none;

	position: relative;

}



#nav ul a:hover {

	color: #cc0000;

	border-bottom: 2px solid #cc0000;

}



#nav ul ul {

	position: absolute;

	top: -999em;

	width: 10em;

	padding-top: 0; 

}



#nav ul ul li {

	width: 150px;

	height: auto;

	float: left;

	margin: 0;

}



#nav ul li:hover {

	visibility: inherit;

}



#nav ul ul li a {

	display: block;  

	padding: 8px;

	text-align: left;

	background: #cc0000;

	color: #fff;

}

#nav ul ul li ul li a {

	background: #cc0000;

}



#nav ul ul li a:hover {

	border: none;

	background: #002F2F;

	color: #fff;

}



#nav ul li:hover ul,

#nav ul li.sfHover ul {

	left: 0;

	top: 27px;

	z-index: 99;

}



#nav ul li:hover li ul,

#nav ul li.sfHover li ul {

	top: -999em;

}



#nav ul li li:hover ul,

#nav ul li li.sfHover ul {

	left: 150px;

	top: 0px;

}



#nav ul li li:hover li ul,

#nav ul li li.sfHover li ul {

	top: -999em;

}



#nav ul li li li:hover ul,

#nav ul li li li.sfHover ul {

	left: 10em; 

	top: 0;

}



#nav ul li:hover a.sf-with-ul {

	color: #cc0000;

	border-bottom: 2px solid #cc0000;

}



#nav ul 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 .fade-copy {

	display: none;

}



.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 #primary-feature #img #slider a {

	display: none;

}



.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: #cc0000;

}



.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 5px 0;

}



#action-call a {

	font-style: normal;

	color: #cc0000;

}



#action-call a:hover {

	border-bottom: 2px solid #cc0000;

}





/* Featured Posts

.................................*/



.featured-posts .corners-content {

	padding: 1em 0 1em 20px;

}



.featured-posts .corners-content.with-label {

	padding-top: 25px;

}



.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: #cc0000;

}



.featured-posts .post p {

	margin: 0;

}



a.read-more,

a.more-link {

	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: #cc0000;

}





/* 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: #cc0000;

}



.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;

}



.entry-content.excerpt p {

	margin: 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;

}



table {

	width: 100%;

}





/* 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 .round-box .corners-content {

	padding-top: .5em;

}



#sidebar .round-box .corners-content.with-label {

	padding-top: 25px;

}



#sidebar h5 {

	clear: both;

	font-family: Gotham, "Trebuchet MS", "Century Gothic", sans-serif;

	font-weight: bold;

	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 1em 0;

}



#footer-info {

	float: left;

	width: 1px;

}



#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: center;

	width: 895px;

}



.footer-widget {

	float: left;

	width: 895px;

	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;

}


/* HP Layout

.................................*/

#hpcontainer
{
	margin: 0 auto;
	width: 900px;
	background: #f6f5e5;
}


#hpcontent-container
{
	float: left;
	width: 895px;
	background: #f6f5e5;
}

#hpcontent
{
	clear: left;
	float: left;
	width: 400px;
	padding: 20px 0;
	margin: 0 0 0 30px;
	display: inline;
	background: #f7f5e6;
}

#hpcontent h2 { color: #002f2f; margin: 0; font-size: 2em; line-height:1em;}

#hprightcol
{
	float: right;
	width: 430px;
	padding: 25px 0;
	margin: 0 10px 0 0;
	display: inline;
}

#hprightcol h3 { margin: 0; }

#hp_post_it
{
	clear: left;
	background: #f6f5e5;
	text-align: center;
	padding: 10px;
	height: 5%;
}


/* Standard Page Layout

.................................*/


	#contentcontainer1 {margin: 20 20 20 20; width: 895px; background: #f6f5e5; align:center;}
	#page-copy-left {width: 485px; background: #f6f5e5; float:left;}
	#page-copy-left h2 { font-color: #002f2f; margin: 0; font-size: 2em; line-height:1em;}
	#page-image-right {width: 400px; background: #f6f5e5; float:left;}
	#post-it-notes-bottom {clear: right; width: 895px; background: #f7f5e6; text-align: center;}
	.bluesubhead {font-color: #002f2f; font-size: 16px; line-height:18px; }