/*   
Theme Name: thematicchild 
Theme URI: http://thematictheme.com/
Description: Thematic theme's child
Author: Sonja de Boer
Author URI: -
Template: thematic
Version: 1.0

.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
.


*********COLORS**********
dark purple: 5A3158
magenta (same as book title, links hover): c12869
brighter purple: 6b008e
aliceblue (code blocks & side menu): F0F8FF
turquiose blue: 3F9FB8
yellow: FFFF99
red: FF4B33
*/



/* import thematic CSS*/
@import url("../thematic/style.css");
@import url("webfonts/MyfontsWebfontsKit.css");
@import url("webfonts/funcodestylesheet.css");
@import url("webfonts/subheader.css");


body, textarea {
    font:15px helvetica,serif;
    line-height:17px;
    min-width:700px;
}

#content {
margin: 0 0 0 0px;
width: 700px;
overflow: hidden;
padding-bottom: 500px; //so that the menu isn't cut off on shorter pages
}

#container{
   width:700px;
   display:block;
   margin-left:auto;
   margin-right:auto;
}

.page-template-template-page-fullwidth-php #container {
	margin:0;
	width:700px;
}

.page-template-template-page-fullwidth-php #content {
	margin: 0 0 0 10px;
	width:700px;
}

#header {
    z-index:2;
}

#blog-title {
    font-family: 'TireShop';
    font-size:34px;
}

#blog-title a {
    color:#FF4B33;
    text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
    color: #FF4B33;
}
#blog-description {
    color:#666;
    font-size:13px;
    font-style:italic;
}

#blog-title a {
background:url() no-repeat top left;
padding-left: 20px;
}

#branding {
 padding: 0;
 position:relative;
}

.sf-menu li li li {
    background:"ffffff;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:#ffffff;
    outline: 0;
    border-bottom-color:#ccc;    
}

.sf-menu ul a {
   	background:#ffffff;
	border-bottom:none;
	color:#000000;
}

.sf-menu ul a:hover {
    color: #c12869;
}

a{
    text-decoration: none;
}

a:link{
    color:#3F9FB8;
}

a:visited{
    color:#3F9FB8;
}

a:hover{
    color:#c12869;
}

#pn a:link{
    color:black;
}

#pn a:visited{
	color:black;
}

#pn a:hover{
	color:#3F9FB8;
}

/* type-families */

.entry-content p {    
    font-family: helvetica, arial;
    font-size: 15px;
    text-decoration: none;
    margin-bottom: 22px;
    line-height: 1.3;
}

.entry-content h1 { 
    font-family: TireShop, funcode, "Coming Soon", consolas, helvetica;
    font-weight: normal;
    font-style: normal;
    font-size:40px;
    padding-bottom:20px;
    line-height: 40px;
    letter-spacing:-1px
}

.entry-content h2 {
    font-family: subheader, helvetica;
    font-size:23px;
    font-weight:normal;
    color:#000;
    padding:0px 0 12px 0;
}

.entry-content h4 {
    font-family: helvetica, arial;
    font-size:16px;
    font-weight:bold;
    color:#000;
    text-transform: none;
    padding:0px 0 10px 0;
}

.entry-content .link a {
    font-family: helvetica, arial;
    font-size: 15px;
    text-decoration: none;
}

/* code */
.entry-content .funcode {
    font-family: funcode, consolas, monaco, monospace;
    font-size: 14px;
    background-color: aliceblue;
    padding-left: 20px;
    padding-top:10px;
    padding-bottom:10px;

}


/* to eliminate whitespace between code and error boxes */
.entry-content div .funcode {
    background-color: aliceblue;
}

/* orange error box */
.entry-content .orangeError {
    font-family: funcode, consolas, monaco, monospace;
    font-size: 14px;
    color: white;
    background-color: #ff6600;
    padding-left: 20px;
    padding-top:10px;
    padding-bottom:10px;

}

/* black error box below orange error box */
.entry-content .blackError {
    font-family: funcode, consolas, monaco, monospace;
    font-size: 14px;
    color: #ff6600;
    background-color: black;
    padding-left: 20px;
    padding-top:10px;
    padding-bottom:10px;

}

.entry-content .textcode {
    font-family: funcode, consolas, monaco, monospace;
    font-size: 16px;
}

input {
    font-family: Raleway, "Coming Soon", helvetica, consolas, monaco, monospace;
    font-size: 16px;
    color: #6B6B6B;
}

.entry-content table {
    font-family: Raleway, "Coming Soon", helvetica, consolas, monaco, monospace;
    font-size: 16px;
    border: 0;
    border-collapse: separate;
}

td {
	padding: 0.6em .1em;
}



.entry-content pre .yellow {
    background-color: #FFFF99;
}

.entry-content div .yellow {
    background-color: #FFFF99;
}

.entry-content del {
	color: #000000;
}

#active_menu_item {
	color: #3F9FB8;
	font:subheader;
}

/* style for "primary" aside menu on right side */
#primary {
    border: 1px solid #ffffff;
    margin-bottom: 22px;
    padding: 18px 0 0;
}

#footer {
    border-top: 1px solid #ffffff;
    margin-top: 22px;
}

/***************************************************************/
/* Styles for purchasing forms */

.tableInputs {
    font-family: Raleway, "Coming Soon", helvetica, consolas, monaco, monospace;
    font-size: 16px; 
}

.tableInputs input {
	font-family: Raleway, "Coming Soon", helvetica, consolas, monaco, monospace;
	border-style: solid; 
	border-color: #ffffff; 
	border-width: 3px; 
	font-size: 16px;
	background-color:#ffffff; 
	padding: 0px 0px 0px 2px;
    	margin: 0;
}

.tableInputsBold {
    font-family: Raleway, "Coming Soon", helvetica, consolas, monaco, monospace;
    font-size: 16px;
	font-weight: 500; 
}

.tableInputsBold input {
	font-family: Raleway, "Coming Soon", helvetica, consolas, monaco, monospace;
	border-style: solid; 
	border-color: #ffffff; 
	border-width: 3px; 
	font-size: 16px;
	background-color:#ffffff; 
	padding: 0px 0px 0px 2px;
    	margin: 0;
	font-weight: 500;
}

.tableEditableInputs {
    font-family: Raleway, "Coming Soon", helvetica, consolas, monaco, monospace;
    font-size: 16px; 
}

.tableEditableInputs input {
	font-family: Raleway, "Coming Soon", helvetica, consolas, monaco, monospace;
	border-style: solid; 
	border-color: #333333; 
	border-width: 1px; 
	font-size: 16px;
	background-color:#ffffff; 
	padding: 0px 0px 0px 2px;
	color: #6B6B6B;
}

.ccErrors {
	font-family: Raleway, "Coming Soon", helvetica, consolas, monaco, monospace;
	border-style: solid; 
	border-color: #ffffff; 
	border-width: 1px; 
	font-size: 16px;
	background-color:#ffffff; 
	padding: 0px 0px 0px 2px;
	color: #ff0000;
}

.buybutton input {
	background-color:#5A3158; 
	color:#ffffff; 
	font-size: 16px; 
	text-decoration: none;
	padding: 2px 2px 2px 2px
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  	border: 3px solid #5A3158;
}


.drop-down select {
   	font-family: Raleway, "Coming Soon", helvetica, consolas, monaco, monospace;
	border-style: solid; 
	border-color: #999999; 
	border-width: 1px; 
	font-size: 16px;
	background-color:#ffffff; 
	padding: 1px 0px 0px 2px;
	width: 345px;
	height: 28px;
	color: #6B6B6B;
	-webkit-appearance: none;
	font-weight: 300;
   }

.currency {
  	font-family:helvetica,sans serif; 
	color:#666666; 
	font-size: 18px; 
}

.currency input {
	border-style: solid; 
	border-color: #ffffff; 
	border-width: 3px; 
	background-color:#ffffff; 
	color:#666666; 
	font-size: 18px; 
	padding: 0px 0px 0px 2px
}

.slider {
  width: 300px;
}

.slider > .dragger {
  background: #8DCA09;
  background: -webkit-linear-gradient(top, #5A3158, #5A3158);
  background: -moz-linear-gradient(top, #5A3158, #5A3158);
  background: linear-gradient(top, #5A3158, #5A3158);

  -webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
  box-shadow: inset 0 2px 2px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  border: 1px solid #496805;
  width: 16px;
  height: 16px;
}

.slider > .dragger:hover {
  background: -webkit-linear-gradient(top, #5A3158, #5A3158);
}


.slider > .track, .slider > .highlight-track {
  background: #ccc;
  background: -webkit-linear-gradient(top, #bbb, #ddd);
  background: -moz-linear-gradient(top, #bbb, #ddd);
  background: linear-gradient(top, #bbb, #ddd);

  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  border: 1px solid #aaa;
  height: 4px;

  position: relative;
  top: 12px;
}

.slider > .highlight-track {
	background-color: #8DCA09;
	background: -webkit-linear-gradient(top, #8DCA09, #72A307);
	background: -moz-linear-gradient(top, #8DCA09, #72A307);
	background: linear-gradient(top, #8DCA09, #72A307);
	
	border-color: #496805;
}

/* Style for buy button */

.buy_button form {
	display:block; 
	text-align:left;
}

.buy_button button {
	font-family: 'Coming Soon', funcode, consolas, monaco, monospace;
	clear:both; 
	background-color: #5A3158; 
	border: 0 none; 
	border-radius:4px; 
	color: #ffffff; 
	cursor: pointer; 
	display: inline-block; 
	font-size:15px; 
	height: 32px; 
	line-height: 32px; 
	margin: 0 5px 10px 0; 
	padding: 0 10px; 
	text-align: center; 
	text-decoration: none; 
	vertical-align: top; 
	white-space: nowrap; 
	width: auto; 
	z-index:101;
	position: relative;
	top: 139px;
	left: 496px;
}


/* Styles for mailing list sign-up form & buttons */
#mc_embed_signup form {display:block; position:relative; text-align:left}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}


#mc_embed_signup .button {
	clear:both; 
	background-color: #5A3158; 
	border: 0 none; 
	border-radius:4px; 
	color: #ffffff; 
	cursor: pointer; 
	display: inline-block; 
	font-size:15px; 
	height: 32px; 
	line-height: 32px; 
	margin: 0 5px 10px 0; 
	padding: 0 10px; 
	text-align: center; 
	text-decoration: none; 
	vertical-align: top; 
	white-space: nowrap; 
	width: auto; 
	font-family: 'Coming Soon', funcode, consolas, monaco, monospace;
}


#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#5A3158; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}