/* THIS SHEET IS ALSO USED IN THE TinyMCE Visual Editor.
/* WP Codex recommends using editor-style.css but we opted NOT to use that
/* because it requires code duplication. */

/* TinyMCE Specific Options
---------------------------------------------- */
#tinymce { background-color: #ffffff; }
/*html .mceContentBody { max-width: 700px; } */

/* Content Styles
---------------------------------------------------------*/

div, article, section {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#tinymce, html {
	/* Global font-size for all elements sized with EMs */
	/* Notice:  html font-size effects background images and graphical bullets because they are sized with EMs. */
	font-size: 17px;  
	/*text-rendering: optimizeLegibility; //was set to optimizeLegibility which breaks Android links.  Set to 'auto' fixes Android but breaks firefox on desktop! */
	color: #222222;
  	font-family: 'Muli', 'Arial', 'Helvetica-Neue', 'Helvetica', sans-serif;
  	font-weight: 400;
  	font-style: none;
  	line-height: 1.35;
  	/* Text-size-adjust is only recognized by smartphone browsers.  By default, some smartphones have text-inflation.  Setting  text-size-adjust to 100% disables text-inflation.
  	Text inflation is a compatibility feature that was added to assist with pages not optimized for smart phone viewing.  It only gets in the way if you ARE optimizing for smart phone. */
  	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;  	
}

@media screen and (max-width: 500px) {
	html { font-size: 120%; }
}
 
p { font-family: 'Muli', 'Arial', 'Helvetica-Neue', 'Helvetica', 'sans-serif';}

/* If you can keep P font-size at 1em, do so.  You'll run into fewer headaches later.  Only change the font-size for these tags if you've already set headings and other elements and you don't want to break the layout. */
/* When first setting up your theme, try to keep the font-size for these tags at 1em and focus on changing the html tag font-size. */
p, ul, ol {
	font-size: 1.3em;
	line-height: 1.35;
	margin: 0 0 1.35em;
}

ul, ol {
	font-size: 1em;
}

.list-separated-items li { padding-bottom: 1em;}  

#second-sidebar ul { font-size: 1.2em;}
#second-sidebar ul a { text-decoration: none}

#second-sidebar li {padding-bottom: 0.8em;}

@media screen and (max-width: 500px) {
	p, ul, ol {		line-height: 1.2em;	}
	
}

/*Set a minimum text width so that images, floats, and inline elements don't cause super narrow text when the horizontal space becomes small.
 * Instead, text will drop down below the element.
   http://css-tricks.com/minimum-paragraph-widths/ 
  
 * CAVEAT:  This breaks calls to p:first-line.  If you're using p:first-line to style beginning paragraph lines, you'll have to comment this out. */
/*
p:before {
  content: "";
  width: 10em;
  display: block;
  overflow: hidden;
  /* For Demonstration    border: 1px solid green; */
  
/*} */ 

/* Set all primary content styles at the global level.  Override them for specific areas such as #mainheader and #footer */
/* This will ensure that the main styles also show up in the TinyMCE Editor correctly.*/
h1,h2,h3,h4,h5,h6{	margin: 0 0 1em 0; font-weight: normal;  font-family: 'PT Sans Narrow', 'Helvetica-Neue', 'Helvetica', 'Arial', sans-serif; }

h1 {	font-size: 4em; line-height: 1.1; margin-bottom: 0.5em; font-weight: bold;}
h2 { font-size: 2.1em; line-height: 1; margin-bottom: 0.6em; color: #111111; }
h3 {	font-size: 1.9em; line-height: 1; margin-bottom: 0.6em; font-weight: bold;}
h4 {	font-size: 1.25em; line-height: 1.5; margin: 0 0 -0.05em 0; 
			font-family: 'PT Sans Narrow', 'Helvetica', 'Arial', sans-serif; font-weight: bold;}
h5 {	font-size: 1.5em; margin-bottom: 0.2em;}
h6 {	font-size: 1.8em;}

h1, h1 a { color: #111111; }
.entry-content h3 { padding-bottom: 0.15em; margin-bottom: 0.25em; margin-top: 1.58em; }
.entry-content h3:first-child { margin-top: 0.5em;}
.table-of-contents h3 {border: none; padding: 0; margin: 0.05em 0 0.5em 0; margin-top: 0.05em !important; font-family: 'PT Sans Narrow', 'Arial', 'Helvetica-Neue', 'Helvetica', 'sans-serif'; color: #ffffff; font-size: 1.5em;}
.home h3 {margin-top: 0.25em; font-size: 2.5em; }
#footer h3 {color: #ffffff;}

.tmp-theme-pitch h1 { float: left; margin: 1.7em 0 0 0.5em; line-height: 0.77;}
.tmp-theme-pitch h2 { margin-left: -3.2rem; padding: 0.3em 0 0.3em 3.2rem; background-color: #9bc8b0; }

@media screen and (max-width: 800px) {
	.tmp-theme-pitch h1 { margin-top: 0.25em; line-height: 1; float: none;}	
}

.blog .entry-title { font-size: 1.9em; }

#mainheader h3 {font-family: 'PT Sans Narrow','Arial', 'Helvetica-Neue', 'Helvetica', 'sans-serif'; font-size: 1.2em; color: #ffffff; line-height: 1.25; }
@media screen and (max-width: 500px) {#mainheader h3 {font-size: 1em;} }

@media screen and (max-width: 500px) {
	h1 { font-size: 2.25em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.5em; }
	.home h3 { font-size: 1.5em; }
	
	h1,h2,h3,h4,h5,h6 {
		line-height: 1.1;
	}
}

a {color: #3e5bd4;}
a:hover { color: #0f3647;}

#first-sidebar a { color: #792b55;}
#first-sidebar ul li:hover {background-color: #bcecb7; }
#first-sidebar ul li a {padding-top: 0.25em; padding-bottom: 0.25em;}

p a {
	color: #283e9c;
	border-radius: 3px 3px 3px 3px;
}
p a:hover {
	color: #0f3647;
	background: #e3e3e3;
}

.handwritten-header { font-family: 'Courgette', 'Segoe Script','PT Sans Narrow', 'Arial', 'Helvetica-Neue', 'Helvetica'; font-size: 1.7em; line-height: 1.6em; margin: 0 0 0 0; }

/* ----------- LISTS ------------
 */
ol, ul{
	padding: 0;
}
ul ul, ol ol {
	margin: 0 0 0 1.25em;
}
ul{
	list-style: square outside;
	margin-left: 1em;
}
ol{
	list-style: decimal outside;
}
li{
	margin: 0;
}

.list-style-inside {
	list-style-position: inside;
}

.list-style-image { list-style-type: none; margin-left: 0.1em;}

.list-indent { 	margin-left: 1.5em; }
.list-double-indent {	margin-left: 3em; }

.list-style-image li { 
	background-size: 1em 1em;
}

.bullet-none li { background-image: none; list-style-type: none; }
.bullet-check-green-small li {	background: url('images/bullet-check-green-small.png');}
.bullet-check-red-med li { 	background: url('images/bullet-check-red-med.png');}
.bullet-check-style-b li {	background: url('images/bullet-check-styleb-small.png');}
.bullet-idea-small li {	background: url('images/bullet-idea-small.png');}
.bullet-plus-small li {	background: url('images/bullet-plus-small.png');}
.bullet-x-small li {	background: url('images/bullet-x-small.png');}
.bullet-star-small li {	background: url('images/bullet-star-basic-small.png');}
.bullet-link-arrow-small li {	background: url('images/bullet-link-arrow-small.png');}
.bullet-tools-small li {	background: url('images/bullet-tools-small.png');}
.bullet-gear-small li { 	background: url('images/bullet-gear-small.png');}
.bullet-brass-knuckle li { 	background: url('https://houxhandyman.com/wp-content/themes/armstrongchild/stylesheets/images/bullet-brass-knuckle.png'); background-size: auto;}
.bullet-css-file-icon li { 	background: url('images/css-file-icon.png'); background-size: auto; padding-left: 3em;}

.list-style-image li { 
	background-repeat:no-repeat;
	background-position: 0em 0.15em; 
	padding-left: 1.5em; 
}

.bullet-css-file-icon li { padding-left: 2.5em; margin-bottom: 0; }

/* ----------- DEFINITION LISTS ------------
*/
dl {
	margin: 0 1.333em;
}

dt {
	font-weight: bold;
	line-height: 1.714285714;
}

dd {
	line-height: 1.714285714;
	margin-bottom: 1.33em;
}

/* ----------- TABLES ------------
*/
table {
	line-height: 1.25;
	margin: 0 0 1.33em;
	width: auto;
}

table caption {
	font-size: 1em;	font-size: 1em;
	margin: 1.33em 0;
}

td{
	border-top: 1px solid #c7c8ad;
	padding: 0.6em 0.52em 0.6em 0;
}

/* ---------------- HORIZONTAL RULE ----------------------------------- */

hr {
    /*   border : 0;
       height : 15px;
       background : url(hr.gif) 50% 0 no-repeat;
       margin : 1em 0; */
}
       
/*  -------------  BOXES AND SPECIAL TEXT BLOCKS -------------
*/

.bottleneck-content {
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width 800px) {
	.bottleneck-content {
		max-width: 100%;
	}
}

.leading-text {
	font-style: italic;
	font-weight: 300;
	font-size: 1em;

}


.table-of-contents {
	background: #ffffff url('images/table-of-contents-heading-bg.png') top center repeat-x;
	border: 1px solid #77aa77;
	-webkit-box-shadow:  0px 4px 4px 0px rgba(0, 0, 0, .3);  
    box-shadow:  0px 4px 4px 0px rgba(0, 0, 0, .3);
	padding: 0.4em 0.75em 0 0.75em;
	margin: 1.5em 0;
	max-width: 22em;
}

.table-of-contents a {
	font-family: 'PT Sans Narrow', 'Arial', 'Helvetica-Neue', 'Helvetica', 'sans-serif';
	font-size: 1.2em;
}

.table-of-contents ul {
	margin-bottom: 0.5em;
}

@media screen and (max-width: 300px) {
	.table-of-contents { width: 100%; }
}

.box-tip, .box-info, .box-caution, .box-warning {
	display: block;
	border: 1px solid #d1d1d1;
	padding: 1.5em 1.5em 0 1.5em;
	margin-bottom: 1.5em;
	font-style: italic;
	font-weight: 300;
	
}

.box-tip { 
	background: #e1e2ca url('images/tip-icon-grey.png');
	border: 1px solid #c4c5a8;
}
.box-caution {
	color: #fff; 
	border: 3px solid #e08a04;
	background: #ec9d23  url('images/caution-icon.png');
}

.box-tip, .box-caution {
	background-repeat: no-repeat;
	padding-top: 0.75em;
	padding-left: 5.5em;
	min-height: 8em;
	background-position: 1em 1em;
	background-size: 3.5em 5.6em;
}

.box-info { background: #c2e5f4;}

.box-warning { color: #fff; background: #ff5454; border: 3px solid #d33b3b;}

.pullquote-left, .pullquote-right {
	width: 30%;
	font-weight: 300; font-style: italic;
	margin: 1em;
	border-left: 5px solid #689f68;
	font-size: 1em;
}

.pullquote-right { float: right; padding-left: 1em; margin: 1em 0 1em 1em;}
.pullquote-left {	float: 	left; padding-left: 1em; margin-left: 1em;}

.dropcap {
	width: 1em;
	 font-weight: 300; font-style: italic;
	font-size: 3em;
	float: left;
	margin: 0 0 0 0;
}

.dropcap p {
	line-height: 1;
	margin-bottom: 0;
}

blockquote {
	border-left:10px solid #ccc;
	margin:1.5em 10px;
	padding:.5em 10px;
	quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}

blockquote p {
	display:inline;
}

code {
	font-family: Consolas, Monaco, 'Lucida Console', monospace;
	font-size: 0.75em;
	line-height: 2;
}

pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, 'Lucida Console', monospace;
	font-size: 0.75em;
	line-height: 1.714285714;
	margin: 1.33em 0;
	overflow: auto;
	padding: 1.33em;
	padding: 1.714285714em;
}

pre code {
	display: block;
}
abbr, dfn,acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 1.33em;
}

/*  -------------  SPECIAL TEXT FORMATTING -------------
 */
.highlight-one {
	background: #fff601;
}

.highlight-two {
	background: #88fbff;
}	

.dropcap {
	width: 1em;
	font-weight: 300; font-style: italic;
	font-size: 3em;
	float: left;
	margin: 0 0 0 0;
}

.dropcap p {
	line-height: 1;
	margin-bottom: 0;
}

.label-term {
	text-transform: uppercase;
	font-size: 0.8em;
	font-family: 'courier';	
	border-bottom: 2px dotted #46b222;
}

.label-term-two {
	font-size: 0.8em;
	line-height: 1em;
	font-family: 'courier';	
	display: inline-block;
	background-color: #ececec;
	border: 1px solid #e4e4e4;
}

.label-info, .label-attention {
	border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 0.8em;
    height: 0.8em;
    line-height: 0.8em;
    margin-right: 0.5em;
    padding: 0.2em 0.3em;
    text-transform: uppercase;
}

.label-info {	background: #0099CC;}
.label-attention {	background: #f18a25;}

/* --------------- IMAGES AND MEDIA -------------------
 */
 
 img {
	 margin: 0 0 1.5em 0;
 }
 
p img {margin-top: 0.5em; }

img.frameit {
	padding: 0.25em;
	background: #252525;
}

.alignleft { margin-right: 1.5em;   margin-left: 0; float: left; }	 
.alignright {	margin-left: 1.5em;	margin-right: 0; float: right;}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.alignnone {
	margin: 0;
}

.frontpagebox img {
    display:block;
    margin-left: auto;
    margin-right: auto;
-webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.33);
-moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.33);
box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.33);	
border: 8px solid #ffffff;
	box-sizing: border-box;
	margin-bottom: 0.25em;
}

.frontpagebox a {
    text-decoration: none;
}

.frontpage-splash-polaroid {
	background: url('../images/sawsbg.png') repeat-x;
    padding-top: 1.5em;
	-webkit-box-shadow: inset 0px 13px 8px -7px rgba(0,0,0,0.41);
	-moz-box-shadow: inset 0px 13px 8px -7px rgba(0,0,0,0.41);
	box-shadow: inset 0px 13px 8px -7px rgba(0,0,0,0.41);
	position: relative;
	z-index: 999;
}

.frontpage-splash-polaroid img {
	border: 17px solid #ffffff;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 6px 12px 2px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 6px 12px 2px rgba(0,0,0,0.41);
	box-shadow: 0px 6px 12px 2px rgba(0,0,0,0.41);	
	margin-bottom: 2em;
}

.frontpage-splash-polaroid .image-tail-hanger {
	min-height: 4em;
	background-color: #ffffff;
}

@media screen and (max-width: 800px) {
	.frontpage-splash-polaroid img {
		border: 9px solid #ffffff;
	}
}

.ie img.size-full,
.ie img.size-large,
.ie img.header-image,
.ie img.wp-post-image {
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
}


/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

.blog .content img,
.comment-content img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 2;
	color: #777;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.content dl.gallery-item {
	margin: 0;
}
.gallery-item a {
	display: block;
	width: 90%;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment:after {
	content: "";
	 display: table;
	 clear: both;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;	margin-top: 0.571428571rem;
}

/* Special Containers 
------------------------------------------ */

/* Columnized Boxes
 * These are used with [left-pair] and [left-item] shortcodes that can be added from a special MPD button in the TinyMCE ui.
 * The shortcodes can take additional custom class attributes so that you can target them more specifically if you desire.*/
.left-pair{ }
.left-pair-element{ float: left; font-size: 9px;} /*Divs wrapping images have a few pixels of extra padding dependent on font-size.  Bizzare problem in IE8 and FireFox.  You can remove or change this property if you need to add text to this container.*/
.right-pair{ }
.right-pair-element{ float: right; font-size: 9px;} 
.pair-content { display: inline-block; width: 99%; }
.pair-content h3 {margin-top: 0;}

@media screen and (max-width: 600px) {
	.left-pair { padding-left: 0em !important; width: auto !important;}
	.left-pair-element { float: none !important; margin-left: 0em !important; margin-bottom: 1em;}
	.right-pair { padding-right: 0em !important; width: auto !important;}
	.right-pair-element { float: none !important; margin-right: 0em !important; margin-bottom: 1em;}		
}

/* Waypoints Sticky Class
 * The 'top' property is used to position the element when it becomes stuck.
 * 'top' be set inline or via a class.
--------------------------------------------------------*/
.stuck { position: fixed !important; z-index: 99 !important; }

.hit-bottom { position: absolute !important; z-index: 99 !important; }

/* Unique Styling */

img.icon-feature {
	float: left;
	margin-left: -100px;
}

#crumbs { margin-top: -1em; margin-bottom: 1em; }



/* Buttons
------------------------------------- */
div.big-button {	margin-top: 1em;   display: table; text-align: center;}

a.big-button {	font-size: 1.5em; padding: 0.75em 2em; text-align: center; margin-left: auto; margin-right: auto; display: table;}
@media screen and (max-width: 400px) { a.big-button { padding-left: 0.5em; padding-right: 0.5em;} }

div.small-button { margin-left: auto; margin-right: auto; display: table;}

a.small-button	 { font-size: 1.25em; padding: 0.5em 2em; text-align: center; margin-left: auto; margin-right: auto; display: table;}
@media screen and (max-width: 400px) { a.small-button { padding-left: 0.5em; padding-right: 0.5em; } }

div.hot-button {
   border-top: 1px solid #deca47;
   background: #a16823;
   background: -webkit-gradient(linear, left top, left bottom, from(#d9852b), to(#a16823));
   background: -webkit-linear-gradient(top, #d9852b, #a16823);
   background: -moz-linear-gradient(top, #d9852b, #a16823);
   background: -ms-linear-gradient(top, #d9852b, #a16823);
   background: -o-linear-gradient(top, #d9852b, #a16823);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
}
   
div.hot-button:hover {
   border-top-color: #b5710b;
   background: #b5710b;
   color: #e3dfd6;
}
   
div.hot-button:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

a.hot-button {
   text-decoration: none;
   vertical-align: middle;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
}

div.green-button {
   border-top: 1px solid #4bfcbe;
   background: #427d69;
   background: -webkit-gradient(linear, left top, left bottom, from(#53a58e), to(#427d69));
   background: -webkit-linear-gradient(top, #53a58e, #427d69);
   background: -moz-linear-gradient(top, #53a58e, #427d69);
   background: -ms-linear-gradient(top, #53a58e, #427d69);
   background: -o-linear-gradient(top, #53a58e, #427d69);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;

   }
   
a.green-button {
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   text-decoration: none;
   vertical-align: middle;	
}

div.green-button:hover {
   border-top-color: #32735c;
   background: #32735c;
   color: #e3dfd6;
   }
div.green-button:active {
   border-top-color: #60d4ab;
   background: #60d4ab;
   }

/* Special Classes for the Site 
-------------------------------------- */

.armstrong-box {
	border: 4px solid #cdcebd;
	margin-bottom: 2em;
}

.armstrong-box .box-canvas {
	border: 1px solid #ffffff;
	background: #e1e2ca;
	padding: 1em;
}

.doc-box {
	border: 1px solid #d5d6c6;
	background: #e6e7d7;
	padding: 1em;
}

.aside-box {
	border: 1px solid #d5d6c6;
	background: #e6e7d7;
	padding: 1em;
	font-size: 0.8em;
}

.body-row-one, .body-row-two {
		padding: 1em;
		border: 1px solid #c0c1b0;
		border-bottom: none;
}

.body-row-one {
	background-color: #eeeee6;
}

.body-row-two {
	background-color: #e1e2ca;
}

.big-font, .big-font p { font-family: 'PT Sans Narrow'; }

.big-font-bold, .big-font-bold p { font-family: 'PT Sans';}



/* Selfclearing list.  Anything that you want to selfclear without having to add the selfclear utility class to should be in this list.
--------------------------------------------------------------*/
/* Clearing floats for float containment*/
.box-canvas:after {
	clear: both;
}
.box-canvas:before, .box-canvas:after {
	display: table;
	content: "";
}

.optin-box {
	-webkit-box-shadow:  0px 0px 6px 6px rgba(0, 0, 0, .2);
     box-shadow:  0px 0px 6px 6px rgba(0, 0, 0, .2);
     
     /*background-image: url('images/brown-checker.png');
     padding: 3px;*/
     background-color: #989991;
     	    border: 3px dashed #ffffff;
    }
    
.optin-box .canvas {
	    background-color: #e1e2ca;
	    padding: 2em;

}

/* SLIDER STYLES 
 * --------------------------------------- */
#rev_slider_1_1_wrapper  {

    
    /*padding-left: 3em !important;
    padding-right: 3em !important; */
    margin-left: -5% !important;
    width: 110% !important;
    margin-bottom: 2em !important;
    
    background: url('images/slider-tan-bg.png') repeat-x;
	-webkit-box-shadow:  0px 3px 4px 2px rgba(0, 0, 0, .3);
     box-shadow:  0px 3px 4px 2px rgba(0, 0, 0, .3);    
     
     border-bottom: 1px solid #8d9ea7;
     border-right: 1px solid #8d9ea7;
}

#rev_slider_1_1_wrapper .slotholder { height: auto !important; }


/* Frontend Features Page */

.sidelinks {
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 3em;
	background-color: #e1e2ca;
	border: 3px solid #cdcebd;	
}

.sidelinks a {
	font-family: 'PT Sans Narrow';
	color: #327aa3;
	font-size: 1.2em;
	line-height: 1;
	text-decoration: none;

}

.sidelinks a:hover { text-decoration: underline; }

.tmp-theme-pitch .pair-content p { margin-right: 2.5em; text-align: justify;}
.tmp-theme-pitch .pair-content ul { margin-right: 2.5em;  }

.tmp-theme-pitch .right-pair { margin-top: 3em;}

.tmp-theme-pitch .two-third-m p, .tmp-theme-pitch .two-third-w p { text-align: justify;}

#licenseTable {
	font-size: 0.8em;
	width: 100%;	
}

#licenseTable .colone { min-width: 10em;}
#licenseTable .coltwo { min-width: 15em;}
#licenseTable .colthree { min-width: 12em;}
#licenseTable .colfour { min-width: 10em;}

#licenseTable .domain-label { font-weight: bold;}
.inactive {color: #ff0000;}

.license-change-warning-box {
	color: #ffffff;
background: #c96e28; /* Old browsers */
background: -moz-linear-gradient(top,  #c96e28 0%, #b25f17 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c96e28), color-stop(100%,#b25f17)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c96e28 0%,#b25f17 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c96e28 0%,#b25f17 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c96e28 0%,#b25f17 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c96e28 0%,#b25f17 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c96e28', endColorstr='#b25f17',GradientType=0 ); /* IE6-9 */
padding: 1em;
}

#create-license-table td {border: none;}

#create-license-table input { width: 18em;}

.license-footer-claim-form {
	margin-top: 3em;
	padding: 2em;
	font-size: 0.9em;
	background-color: #f4ede0;
	border: 1px solid #ccc4b6;
}

input[type="submit"] {
	color: #222222;
}