/*
Theme Name: Katharine Clark Gray
Theme URI: 
Description: Custom theme for katharineclarkgray.com. A derivative of Michael Heilemann's WordPress Default 1.6, the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Jen Borkowski
Author URI: 
Tags: 

*/

/* -- Resets -- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body{
line-height:1;
}

ol,ul{
list-style:none;
}

blockquote,q{
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none;
}

:focus{
outline:0;
}

ins{
text-decoration:none;
}

del{
text-decoration:line-through;
}

table{
border-collapse:collapse;
border-spacing:0;
}

/* -- Theme styles from main.css start here -- */

body{
 font: 14px/2 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", arial, sans serif;
 color:#413e37;
 background:#F5F2EB;
 text-align:left;
}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{
 font: normal 25px Georgia, serif;
 color: #333;
 margin: 30px 0 30px 30px;
 /* without the image it was margin: 100px 0 75px 5%; */
}
h1#kcg-playwright-etc {
  margin-left: 386px;
}
h1#kcg-playwright-etc img {
  /*
  margin-left: -336px;
  */
  margin-left: -336px;
}
h1#kcg-playwright-etc span {
  display: inline-block;
}
h2{
 font-style: italic;
 font-size:26px;
 line-height: 34px;
 padding: 28px 0 0; 
 margin: 0 0 20px 0;
 border-bottom: 2px solid #8A856D;
}
h3{
 font: normal 16px/1.3em courier;
 margin: 0 0 15px 0;
 border-bottom: 2px solid #8A856D;
}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,dl,hr,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

.major {
 display:inline;
 float:left;
 /*
 margin:0 20px 20px 50px;
 */
 margin:0 20px 20px 50px;
 width:475px;
 clear: left;
} 
.minor {
 display:inline;
 float:left;
 margin:0 0 20px 20px;
 width: 300px;
}
.major a:link, .major a:visited, .major a:active, .major a:hover,
.minor a:link, .minor a:visited, .minor a:active, .minor a:hover {
 color: #0b486d;
 text-decoration: underline;
}

.minor p {
 font-size: 11px;
 padding: 0;
}
.minor img {
 padding: 33px 0 0 0;
} 
.minor div#sidebar-embed {
  padding: 33px 0 0 0;
}
h1 img.header-image {
  margin: 0 3em 0 0;
  padding: 0;
}
div.nav-wrapper {
 background-color: #413e37;
 border: 4px double #8a856d;
}
ul.nav {
 font-size: 24px;
 color:#F3F0E8;
 height:55px;
 background-color:#413e37;
 /*border: 4px double #8A856D;*/
 list-style:none;
 /*margin-bottom: 0;*/
 margin:0;
 padding: 0;
}	
ul.nav li {
 padding: 5px 15px 0px;
 float:left;
} 
ul.nav li a img {
 padding:10px 0px 0px;
} 
ul.nav li a.active {
 color:#BDA36A;
 text-decoration:none;
}
ul.nav li a {
 color:#F3F0E8;
 text-decoration:none;
} 
ul.nav li a:hover {
 color:#BDA36A;
 text-decoration:none;
} 
ul.nav li ul {
 clear: both;
}  
div.nav-drawer {
 color:#F3F0E8;
 background-color:#413e37;
 width:100%;
 padding: 0;
 margin: 0;
 clear: left;
}
div.nav-drawer p {
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 45px;
  color: white;
  font-family: arial;
  line-height: 16px;
  width: 350px;
  display: inline-block;
  vertical-align: text-top;
}
.nav-drawer a:link, .nav-drawer a:visited {
 font-size: 16px;
 font-family: courier;
 color: #bda36a;
 text-decoration: none;
}
.nav-drawer a:active, .nav-drawer a:hover {
 font-size: 16px;
 font-family: courier;
 color: #BDA36A;
 text-decoration: underline;
}
ul.footer {
 clear: left;
 height:100px;
 background-color:#413E37;
 border-top: 4px double #8A856D;
 list-style:none;
 margin:0;
}	
ul.footer li {
  margin: 0;
  padding: 23px 0 0 50px;
}

/* -- Additions made by Jen for WordPress -- */

/* Blog titles are permalinks */
div.post h2 a:link, div.post h2 a:active, div.post h2 a:visited, div.post h2 a:hover {
  color: #413e37;
  text-decoration: none;
}

/* "Edit this page" links */
.kcg-editlink {
margin-left:50px;
clear:both;
}

.kcg-editlink a:link, .kcg-editlink a:visited, .kcg-editlink a:active, .kcg-editlink a:hover {
 color: #0b486d;
 text-decoration: underline;
}