/* Base */
@import url(https://static.typepad.com/.shared/themes/common/base-weblog.css?v=2);

@import url(https://static.typepad.com/.shared/themes/common/bxslider.css);
@import url(https://static.typepad.com/.shared/css/widgets.css);
@import url(https://static.typepad.com/.shared/themes/common/recentpostsfancy.css);

/* Tip Jar */
@import url(https://static.typepad.com/.shared/themes/common/tipjar.css);

/* Portal */


/* Theme Builder *//* general page elements */

a
{
	text-decoration: underline;
	
}

a:link { color: #003366; }
a:visited { color: #003366; }
a:hover { color: #003366; }
a:active { color: #003366; }


/* layout */

body
{
	margin: 0;
	color: #333333;
	background: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: small;
	line-height: 150%;
}

#container { position: static; }

#container-inner
{
	position: static;
	border: 0;
	background: #FFFFFF;
}

#banner
{
	border-bottom: 1px solid #838282;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #FFFFFF;
	background: #993333;
	text-align: left;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#banner-inner { padding: 15px; }

#banner a
{
	color: #FFFFFF;
	text-decoration: none;
}

#banner-header
{
	margin: 0.25em 0;
	font-size: xx-large;
	font-weight: bold;
	
	text-transform: uppercase;
}

#banner-description
{
	margin: 0.25em 0;
	font-size: small;
}




/* default to artistic/calendar/timeline layout */

#container
{
	width: 780px;
}


.layout-artistic #alpha,
.layout-calendar #alpha
{
	width: 315px; /* 285px + 15px + 15px */
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 465px;
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 210px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333333;
	padding: 3px;
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header
{
	margin: 1px 0 10px 0;
	border: 0;
	
	color: #a40b0c;
	font-family: Helvetica, Arial, sans-serif;
	font-size: large;
	line-height: normal;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header a
{
	text-decoration: none;
	font-weight: bold;
}

.entry-header a:link { color: #a40b0c; }
.entry-header a:visited { color: #a40b0c; }
.entry-header a:hover { color: #a40b0c; }
.entry-header a:active { color: #a40b0c; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
	margin: 10px 0;
}

.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer,
.comment-footer
{
	margin: 0 0 10px 0;
	border: 0;
	
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: left;
	
	
	
}

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
	display: block;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/* modules */

	.module a
	{
		text-decoration: none;
		font-weight: inherit;
	}

	.module a:link { color: #003366; }
	.module a:visited { color: #003366; }
	.module a:hover { color: #003366; }
	.module a:active { color: #003366; }


.module-header
{
	margin: 5px 0;
	border-bottom: 1px solid #999999;
	padding: 3px;
	color: #a40b0c;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: normal;
	font-weight: bold;
	
	text-transform: uppercase;
	letter-spacing: .02em;
	text-align: left;
}

.module-content
{
	margin: 5px 0 20px 0;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 150%;
	
	
	
	text-align: left;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img
{
	border: 0;
}

.module-photo .module-content
{
	text-align: left;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #a40b0c;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	border-bottom: 1px solid #999999;
	text-align: left;
	font-weight: bold;
	
	text-transform: uppercase;
	padding: 3px;
	letter-spacing: .02em;
}

.module-calendar th,
.module-calendar td
{
	text-align: center;
	font-weight: normal;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
	width: 70px; /* ie mac fix */
	height: 70px; /* for appearance with varying image border widths */
	margin: 0 2px 2px 0;
}

.module-tipjar-r2 .tipjar-button
{
			float: left;
	
}

.module-miniprofile img {
	border-width: 0;
}


/* moblog1 tweaks */



	.layout-moblog1 #alpha
	{
		width: 200px;
	}

	.layout-moblog1 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #beta
	{
		width: 380px;
	}

	.layout-moblog1 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #gamma
	{
		width: 200px;
	}

	.layout-moblog1 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* moblog2 tweaks */



	.layout-moblog2 #alpha
	{
		width: 100px;
	}

	.layout-moblog2 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #beta
	{
		width: 350px;
	}

	.layout-moblog2 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #gamma
	{
		width: 190px;
	}

	.layout-moblog2 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #delta
	{
		width: 140px;
	}

	.layout-moblog2 #delta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 .module-photo img { width: 100px; height: auto; }


/* timeline tweaks */


	.layout-timeline #alpha
	{
		width: 390px; /* 285px + 15px + 15px */
	}

	.layout-timeline #beta
	{
		width: 390px;
	}

	.layout-timeline #beta #gamma { width: 175px; }
	.layout-timeline #beta #delta { width: 170px; }


/* one-column tweaks */

	.layout-one-column #container
	{
		width: 600px;
	}

	.layout-one-column #alpha
	{
		display: block;
		float: none;
		width: auto;
	}

	.layout-one-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-left tweaks */

	.layout-two-column-left #container
	{
		width: 800px;
	}


	.layout-two-column-left #alpha
	{
		width: 200px;
	}

	.layout-two-column-left #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

        .layout-two-column-left #beta
        {
 
                width: 600px;
        }

	.layout-two-column-left #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-right tweaks */

	.layout-two-column-right #container
	{
    
		width: 800px;
	}


	.layout-two-column-right #alpha
	{

    
		width: 600px;
	}

	.layout-two-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-two-column-right #beta
	{

		width: 200px;
	}

	.layout-two-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column tweaks */

	.layout-three-column #container
	{
		width: 1000px;
	}


	.layout-three-column #alpha
	{
		width: 200px;
	}

	.layout-three-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #beta
	{
		width: 600px;
	}

	.layout-three-column #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #gamma
	{
		width: 200px;
	}

	.layout-three-column #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column-right tweaks */

	.layout-three-column-right #container
	{
		width: 1000px;
	}


	.layout-three-column-right #alpha
	{
		width: 600px;
	}

	.layout-three-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #beta
	{
		width: 200px;
	}

	.layout-three-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #gamma
	{
		width: 200px;
	}

	.layout-three-column-right #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}



/* Static Layouts Nav */





#nav a {




}






/* Custom CSS */
html,
button,
input,
select,
textarea {
    color: #222;
}

body {
   
    line-height: 1.4;
}




/************* fonts - franklin gothic various weights *************/
   
@font-face {
    font-family: 'franklin_gothic_fs_medcdRg';
    src: url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-MedCd-webfont.eot');
    src: url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-MedCd-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-MedCd-webfont.woff') format('woff'),
         url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-MedCd-webfont.ttf') format('truetype'),
         url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-MedCd-webfont.svg#franklin_gothic_fs_medcdRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'franklin_gothic_fs_bookRg';
    src: url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-Book-webfont.eot');
    src: url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-Book-webfont.woff') format('woff'),
         url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-Book-webfont.ttf') format('truetype'),
         url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fs_bookRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'franklin_gothic_fs_cdregular';
    src: url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-Cd-webfont.eot');
    src: url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-Cd-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-Cd-webfont.woff') format('woff'),
         url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-Cd-webfont.ttf') format('truetype'),
         url('http://www.insidetheboxinnovation.com/wp-content/themes/inside-the-box/fonts/FranklinGothic-Cd-webfont.svg#franklin_gothic_fs_cdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {

    /* make fonts nice */
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 100%;
    color: #000;
    background-color: #ffffff;
    font-family: "franklin_gothic_fs_bookRg", "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    width: 100%; /* yes I set it to 100%, deal with it :) */
    height: 100%;
}

html {
	height: 100%;
}


.date-header,
.entry-header,
.entry-footer,
.module-header,
.module-content {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: "franklin_gothic_fs_bookRg", "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
}


.module-header {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: normal;
    margin: 5px 0;
    padding: 0 0 3px 0;
    text-align: left;
    text-transform: uppercase;
}

.module-header a:link { color: #A40B0C; }

.module-content {
    font-size: 12px;
    line-height: 120%;
    margin: 0 0 20px 0;
}


#banner { display: none; }



#pagebody {
    position: relative;
    width: 1000px;
    margin: 100px auto 0 auto;
}

/************* main navigation *************/

.main-nav {
	height: 6.1875em; /* 99px/16px */
	width: 100%;
	color: #ffffff;
	background-color: #a63e33;
	position: fixed;
	top: 0;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	z-index: 1000;
} 

.main-nav ul{
    white-space: nowrap;
    font-family: 'franklin_gothic_fs_medcdRg', "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.1785em;  /* 19px/16px */
    padding: 0;
    margin: 1.5em 0 0 0;
}

/* inline navigation */
.menu li{
    background-color: transparent;
	padding: 0.3em 0.57894737em; /* 11px/19px; */
	display: inline;
	display: inline-block; /*fixes the problem with the stroke on inline element*/
}

.menu li.current-menu-item {
    background: rgb(250, 250, 250); /* The Fallback */
    background: rgba(250, 250, 250, 0.2);
}

/* site logo with stroke and background */
.menu li.menu-item-home{
    background-color: transparent;
  	border: 1px solid #ffffff;
  	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
  	margin-left: 1em; /* 19px/19px */
  	margin-right: 1em; /* 19px/19px */
  	padding: 0.1em 0.2em;
  	color: #ffffff;
  	font-size: 1.31578947em; /* 25px/19px */
}

.menu li.menu-item-38{
	margin-right: 0;
} 

.main-nav a {
    color: #ffffff;
	text-decoration: none;
	outline:none;
}

.main-nav a:hover {
	color: #ffffff;
}




/* three-column-right tweaks */

.layout-three-column-right #container { width: 100%; }
.layout-three-column-right #alpha-inner { padding: 15px 15px 15px 10px; }

	.layout-three-column-right #beta
	{
		width: 215px;
	}

	.layout-three-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #gamma
	{
		width: 185px;
	}

	.layout-three-column-right #gamma-inner
	{
		border: 0;
		padding: 15px 0px 15px 15px;
		background: #FFFFFF;
	}


/************* footer *************/

footer {
height: 32.25em; /* 516px/16px */
background-color: #a63e33;
width: 100%;
position: relative;
text-align: center;
padding-top: 167px;
display: block;
}
/* subscribe wrapper */
.subscribe {
width: 100%;
text-align: center;
}

/* newsletter button */
.subscribeField input {
display: block;
border: 1px solid white;
outline: none !important;
color: white;
margin-left: auto;
margin-right: auto;
padding: 5px 10px;
width: auto;
height: 49px;
text-align: center;
background: transparent;
font-size: 1.8em;
font-weight: 700;	
}
.subscribeButton input {
display: block;
width: 180px;
margin: 20px auto;
background: white;
font-weight: bold;
border: none;
border-radius: 40px;
outline: none;
padding: 10px 20px;
text-transform: uppercase;
text-align: center;
font-size: 100%;
}
.subscribeButton input {
    color: #a63e33 !important;
}

.social-wrap{
width: 100%;
white-space: nowrap;
}

.social {
text-align: center;
width: 50px;
height: 50px;
margin-right: 1.25em; /* 20px/16px */
margin-top: 3.4375em; /* 55px/16px */
margin-bottom: 5.3125em; /* 85px/16px */
}

.pinterest {
margin-right: 0;
}

.copyright {
font-family: 'franklin_gothic_fs_medcdRg', "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
text-transform: uppercase;
color: #FFF;
}

/* subscribe wrapper */
.subscribe {
width: 100%;
}

/* newsletter button */
.subscribe-image {
margin-top: 10.4375em; /* 167px/16px */
width: 326px;
height: 49px;
text-align: center;
}





/* ph=1 */