/*
Colors
Replace colors to set your color scheme

Default Color #a53f0b
Default Color Darker #ce5700
*/

/* Title font */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/*
Body
Set your default "font-family", color and background.
*/

body, .blog-item-list-text h2 {
    font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
    color: #838383;
}
body, .divider span {
    background-image: url(../images/pattern_00.jpg);
}

body.whiteBkg {
    	background-image: none;
	/* background-color: #f6e1b5; */
	/*background-color: #efc773;*/
	background-color: #ffffff;
}
body.yellowBkg {
    	background-image: none;
	background-color: #f2d496;
}
#bkg {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
}

#bkg.short {
	height: 180px;
	overflow: hidden;
}

header {
	position: relative;
	z-index: 4;
}
header .container {
	background: none;
}
section .container {
	padding-bottom: 20px;
}
#carousel {
	position: relative;
	z-index: 3;
	margin-bottom: 20px;
}
.carousel-inner {
	border: 1px solid #fff;
}
#content {
	position: relative;
	z-index: 3;
	/* color: white; */
	color: #777777;
}
#content.panel {
	background-color: rgba(255,255,255,.7);
	padding-top: 30px;
	margin-top: 20px;
}
.page-header {
	border-bottom: none;
}
.page-header .container {
	border-bottom: none;
	background: none;
}
#portfolioWrapper {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 3;
}
#portfolioWrapper .page-header {
	color: white;
}
#portfolioWrapper .page-header .container {
	/* margin: 80px 0 20px; */
	line-height: 50px;
	height: 48px;
}
#portfolioWrapper .page-header h1, #portfolioWrapper span.pg-title-sub {

	margin-top: 10px;
	height: 49px;
	line-height: 49px;
}

/* slide show */
.carousel-control {
	top: 50%;
}
.carousel-caption {
	width: 90%;
	text-align: left;
	padding: 2% 3% 1% 8%;
}

/*
Title Font
To change title font replace "@import" font with your Google font. 
You'll also need to replace "font-family" for "H" tags. 
Additionally you can add other title like H4, H5 and H6.
*/

h1, h2, h3, .divider-title, .price-table-title, .jumbotron p, .royalSlider .royalCaptionItem, a.thumbnail span, .mega-blockquote .btn, .sf-menu a.first-level-link, .sf-menu a.first-level-link:visited, .mega-blockquote-title, span.pg-title-sub, .divider span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

h2 {
	margin-top: 20px;
}

/*
Logo
Replace logo url.
*/

.logo-image {
	width: 300px;
	height: 100px;
}

.logo-image h1 a {
	width: 100%;
	height: 100%;
    /* background: url(../images/logo_default.png) left top no-repeat; */
	/* background: url(../images_tw/tw_logo.png) left top no-repeat; */
}
header .dividerWrap {
	position: relative;
	width: 90%;
	margin-left: 10%;
	
}
.whenStacked {
	display: none;
}
.dividerWrap {
	clear: both;
	width: 100%;
	height: 1px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 10px;
}
.dividerGrad {
	width: 90%;
	height: 1px;
	background-color: #fff;
	margin-left: 5%;
	margin-right: 5%;
	-moz-box-shadow:    0px 0px 20px 20px #fff;
	-webkit-box-shadow: 0px 0px 20px 20px #fff;
	box-shadow:         0px 0px 20px 20px #fff;
}

.dividerGradLeft {
	float: left;
	height: 1px;
	width: 10%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, right top, from(#555), to(#fff));
	background: -moz-linear-gradient(left,  #555,  #fff);
	/* 
	width: 30px;
	margin-left: -30px;
	background: url(../images_tw/gradEndLeft.png) top left no-repeat;
	*/
	
}
.dividerGradRight {
	float: right;
	height: 1px;
	width: 10%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#555555');
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(#555));
	background: -moz-linear-gradient(left,  #fff,  #555);

	/* 
	width: 30px;
	margin-right: -30px;
	background: url(../images_tw/gradEndRight.png) top left no-repeat;
	*/
}

/* Other Theme Settings */

.thumbnail img {
	/* max-height: 80%; */
}

a {
    color: #a53f0b;
    text-decoration: none;
}
a:hover {
    color: #ce5700;
    text-decoration: none;
}
a.thumbnail:hover {
    border: 1px solid #a53f0b;
}
a.thumbnail-no-padding:hover {
    border: none;
    box-shadow: 0 0 1px #b2b2b2;
    -moz-box-shadow: 0 0 1px #b2b2b2;
    -webkit-box-shadow: 0 0 1px #b2b2b2;
}
.focused, input:focus, textarea:focus {
    border-color: #a53f0b;
    -webkit-box-shadow: inset 0 0 3px #a53f0b;
    -moz-box-shadow: inset 0 0 3px #a53f0b;
    box-shadow: inset 0 0 3px #a53f0b;
}
.btn-primary, #banner-rotator .tintButton {    
    background: #a53f0b;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled], 
#banner-rotator .tintButton:hover {
    background: #ce5700;
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
    background-color: #a53f0b;
    text-shadow: none;
}
.nav-pills > .active > a, .nav-list > .active a {
    background-color: #5d5d5d;
    color: #fff;
}
.nav > li > a:hover, .nav-pills > .active > a:hover {
    background: #a53f0b;
    color: #fff;
}
.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
    border-bottom-color: #a53f0b;
    border-top-color: #a53f0b;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background-color: #5d5d5d;
    color: #fff;
    border: none;
}
.accordion-heading .accordion-toggle:hover {
    background: #a53f0b;
    color: #fff;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #a53f0b;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background-color: #a53f0b;
}
.mini-layout.fluid .mini-layout-sidebar {
    background-color: #ce5700
}
.mini-layout .mini-layout-body {
    background-color: #a53f0b;
}
header {
    border-top-style: solid;
    border-top-width: 10px;
    border-top-color: #a53f0b;
}
span.pg-title-sub {
    border-left: 1px solid #a53f0b;
}
.newsbar-wrapper {
    background-color: #ce5700;
    color: #fff;
    text-shadow: none;
    padding: 21px 15px;
}
.alert .close-newsbar {
    background: #a53f0b;
    color: #CE5700;
}
.alert .close-newsbar:hover {
    background: #CE5700;
    color: #a53f0b;
}
.newsbar-title {
    font-weight: bold;
    text-transform: uppercase;
}
.newsbar-content {
    font-style: italic;
}

.sf-menu li.first-level-li ul {
	margin-top: 38px;
	/* semi-transparent */
	/* tan-ish 
	background: rgba(170,119,64,.9);
	*/
	background: rgba(100,100,100,.9);
}
.sf-menu li.first-level-li ul li ul {
	margin-top: 0px;
}

.sf-menu a.first-level-link, .sf-menu a.first-level-link:visited {
    /* color: #5d5d5d; */
	color: #fff;
    /* font-weight: bold; */
    font-weight: normal;
	/* text-shadow: 1px 1px 4px #000; */
    /* if another item is added to the top menu, change the padding here */
    /* to override layout.css */
   padding: 0 23px;
}
.sf-menu a, .sf-menu a:visited  {
    /* text color */
    color:                      #fff;
}
.sf-menu li {
    /* box color for top-level menu items */
    background:         none;
}
.sf-menu li li {
    /* box color for second-level menu items */
    color: #fff;
}
.sf-menu li li li {
    /* box color for third-level menu items */
    color: #fff;
}
.sf-shadow ul, .sf-shadow li:hover ul, .sf-shadow li ul  {
    /* border-top: 4px solid #a53f0b; */
	/* semi-transparent */
	/* background: rgba(170,119,64,.9); */
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    /* box color for menu items when the mouse hovers over them */
    background:         none;
    color:              #333;
    outline:            0;
}
.sf-menu li.sfHover a.sf-with-ul, .sf-menu a.active, .sf-menu a.active:visited {
    color: #a53f0b;
}
.sf-menu a.first-level-link:hover, .sf-menu a.active {
    box-shadow: inset 0 10px 0 #ce5700;
    -moz-box-shadow: inset 0 10px 0 #ce5700;
    -webkit-box-shadow: inset 0 10px 0 #ce5700;

    background-position: center 10px;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
	html, body {
		height: 100%;
	}
	#stickyWrap {
		min-height: 100%;
		height: auto !important;
		/* height: 100%; */
		margin: 0 auto -331px;
	}
	footer, #push {
		height: 331px;
	}
	.sf-menu {
		top: 0;
		right: 0;
	}
	
}
@media (max-width: 767px) {
    .sf-menu a.first-level-link, .sf-menu a.first-level-link:visited {
        padding: 0 15px;
    }
    .first-level-li {
        margin-top: -10px;
    }
	header .dividerWrap {
		position: relative;
		width: 100%;
		margin-left: 0;
	}
	#portfolioWrapper .page-header {
		color: #838383;
		margin: 0 0 20px;
	}
	#portfolioWrapper .page-header h1, #portfolioWrapper span.pg-title-sub {
		margin-top: 0;
	}
	.carousel {
		margin: 10px 0 0;
	}
	footer {
		padding-left: 10px;
		padding-right: 10px;
	}
	#content {
		padding-left: 10px;
		padding-right: 10px;
	}
	.whenStacked {
		display: block;
		margin: 20px 0 20px 0;
	}
}
.sf-menu li.sfHover li a.sf-with-ul, .sf-menu li.sfHover li li a.sf-with-ul {
    color: #fff;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    /* box color for menu items when the mouse hovers over them */
    background:         #a53f0b;
    color:              #fff;
    outline:            0;
}
.sf-menu a:active {
    
}
.sf-menu li li a:active {
    background: #ce5700;
}
.sidebar-menu li {
    background: url(../images/dotted_hor.png) bottom left repeat-x;
}
.sidebar-menu li a:hover {
    color: #a53f0b;
}

.footer {
	padding: 40px 0 20px 0;
}
footer p, li {
	line-height: 20px;
}
footer {
	position: relative;
	z-index: 2;
	margin-top: 0px;
	color: #aaaaaa;
	background: url(../images_tw/footer_bg.gif) left top repeat;
}
footer a {
    color: #b5b5b5;
}
footer a:hover {
    color: #a53f0b;
}
footer .popular-posts {
    margin-bottom: 11px;
    padding: 4px 0 0;
    background: none;
}
footer .popular-posts:last-child {
    margin-bottom: 0;
}
footer .dogHouse h3 {
	margin-bottom: 10px;
	color: #fff;
	font-size: 180%;
	text-shadow: 4px 4px 4px #000;
	/* font-family: 'Archivo Narrow', sans-serif; */
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: none;
	text-align: center;
}
footer .dogHouse h3 .wayBig {
	font-size: 160%;
	line-height: 110%;
}
footer #louie {
	width: 100%;
	text-align: center;
}

.popular-posts small {
    font-size: 11px;
}
.popular-posts h4 {
    margin: 0;
    padding: 0;
}
.popular-posts h4 a {
    text-transform: uppercase;
    line-height: 1.5em;
    font-size: 12px;
}
footer h3 {
    font-size: 120%;
    text-transform: uppercase;
}
footer h4, footer p, footer li, footer small, footer .copy {
    font-size: 90%;
}
.copy {
    background: #111;   
    color: #333;
}
#toTop {
    /* background-color: #a53f0b; */
    background-color: #222222;
	z-index: 100;
	bottom: 20px;
	width: 31px;
	height: 31px;
	background-position: -10px -10px;
}
#toTopHover {
    /* background-color: #ce5700; */
    background-color: #555555;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
	/* smaller */
	width: 31px;
	height: 31px;
	background-position: -10px -10px;
}

#toTop {
  /* background-color: #a53f0b; */
  background-color: #222222;
  color: #a7a7a7;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 2px solid #fff;
}

.thumbnail .caption h5 a:hover {
    color: #a53f0b;
}
ul.caption-tags li a:hover {
    color: #a53f0b;
}
.hover-arrow:hover {
    border-bottom: 1px solid #a53f0b;
}
.arrowPrev1,.arrowNext1, .arrowPrev2,.arrowNext2 {
    background-color: #a53f0b;
}
.arrowPrev1:hover,.arrowNext1:hover, .arrowPrev2:hover,.arrowNext2:hover {
    background-color: #ce5700;
}
.royalSlider.default .arrow.left {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: 31px;
    left: 0;
    width: 32px;
}
.royalSlider.default .arrow.right {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: 31px;
    right: 0;
    width: 32px;
}
.blog-item-wrapper {
    box-shadow: 1px 0 0 0 #FF6C00 inset, 1px 0 0 0 #F0F0F0, 0 1px 0 #F0F0F0 inset, 0 -1px 0 0 #F0F0F0 inset;
    -moz-box-shadow: 1px 0 0 0 #FF6C00 inset, 1px 0 0 0 #F0F0F0, 0 1px 0 #F0F0F0 inset, 0 -1px 0 0 #F0F0F0 inset;
    -webkit-box-shadow: 1px 0 0 0 #FF6C00 inset, 1px 0 0 0 #F0F0F0, 0 1px 0 #F0F0F0 inset, 0 -1px 0 0 #F0F0F0 inset;
}
@media (max-width: 480px) { 
    .blog-item-wrapper {
        box-shadow: 1px 0 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 #FF6C00  inset, 0 1px 0 0 #f0f0f0 inset;
        -moz-box-shadow: 1px 0 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 #FF6C00  inset, 0 1px 0 0 #f0f0f0 inset;
        -webkit-box-shadow: 1px 0 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 #FF6C00  inset, 0 1px 0 0 #f0f0f0 inset;
    }
	header .dividerWrap {
		display: none;
	}
	header .container nav {
		margin-bottom: 0px;
	}
	.carousel {
		margin: 10px 0 0;
	}
	#bkg.short {
		height: 160px;
	}
	#portfolioWrapper .page-header {
		color: #838383;
		margin: 0 0 0px;
	}
	#portfolioWrapper span.pg-title-sub {
		border-left: none;
		display: block;
	}
	#content {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (max-width: 360px) { 
	#portfolioWrapper span.pg-title-sub {
		display: none;
	}
}
.well-color-top {
    border-top: 1px solid #FF6C00;
}
.well-color-right {
    border-right: 1px solid #FF6C00;
}
.well-color-bottom {
    border-bottom: 1px solid #FF6C00;
}
.well-color-left {
    border-left: 1px solid #FF6C00;
}
.blog-item-list-text h2 a:hover {
    color: #FF6C00;
}

/* Graphics */

.sf-menu {
	border-bottom: none;
}

.sf-menu a.first-level-link:hover, .sf-menu a.active {
    background-image: url(../images/menu_active_orange.png);
}
span.pg-title-sub, .sidebar-menu-arrow li a {
    background: url(../images/arrow_right_orange.png) left center no-repeat;
}
.royalSlider.default .arrow.left {
    background: url(../images/slider_left_orange.png) left top no-repeat;
}
.royalSlider.default .arrow.right {
    background: url(../images/slider_right_orange.png) right top no-repeat;
}
.hover-arrow:hover {
    background: #fff url(../images/hover_arrow_orange.png) center bottom no-repeat;
}

#wait {
	display: none;
}