/* KYLE W. KERR LAYOUT AND STYLE
-----------------------------------------------------------------------------------------
Site design and layout, copyright 2007 Design by Reese
Author: Design by Reese
Modified: August 7, 2007

www.designbyreese.com

*/

body {
  font-size:62.5%;
  font-family:Arial, Helvetica, sans-serif;
  color:#120d07;
  background:#ece2c2 url(/images/bg.gif) repeat-x top left;}

* {
  margin:0;
  padding:0;
  list-style:none;}

hr {display:none;}

/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

/* hide from ie-mac \*/
.clearfix {display:block;}
/* end hide from ie mac */
.clearfix {display:block !important;}
.clearfix {display:inline-block;}

.imgreplace{ /* apply image replacement */
 text-indent:-999999px;
 text-align:justify;
 overflow:hidden;
 display:block;}

.nounderline{ /* remove underline */
 text-decoration:none !important;}

/* LINKS
------------------------------------------------------------------------*/
a, a:visited{
 color:#005b81;
 text-decoration:none;}

a:hover{color:#000;}

a:focus{outline:none;}


/* HEADINGS
------------------------------------------------------------------------*/
h1 {color:#000;}

h2 {
 border-bottom:1px solid #000;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:1.8em;
 padding: 0 0 5px 8px;
 font-weight:normal;
 margin: 0 0 15px 0;}

h3 {
 color:#21160b;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:1.3em;
 margin: 0 0 7px 0;}

#journal-page #primarycontent h2 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 2em;
margin-bottom: 6px;
}

#journal-page #primarycontent h2 a {
color: #120d07;
}

#journal-page #primarycontent h2 a:hover {
color: #005b81;
}

#journal-page #primarycontent h3.date {
font-size: 1.2em;
font-style: italic;
margin: 0;
padding: 0 0 15px 8px;
 font-family:Arial, Helvetica, sans-serif;
}
 
/* PAGE STRUCTURE
------------------------------------------------------------------------*/
#container {
 width: 785px;
 margin: 0 auto;
 background:url(/images/bg_repeat.gif) repeat-y top left;}

#container-wrapper{
 padding: 2px 41px 0 30px;
 background:url(/images/bg_top.jpg) no-repeat top left;
 min-height:493px;
 height:auto !important;
 height:493px;}

#header {
 background:url(/images/bg_header.jpg) no-repeat top left;
 height:141px;
 width: 701px;
 margin: 0 0 0 13px;}

#content {
 margin: 9px 0 0 0;
 background:url(/images/bg_contentrepeat.jpg) repeat-y bottom right; /* added background to mimic repeating  in content area */
 width: 714px; /*set width due safari*/
 }

#footer {
 background:url(/images/bg_footer.jpg) no-repeat top left;
 height:136px;
 clear:both;
 padding: 148px 0 0 257px;
 font-size:1.1em;}

/* HEADER
------------------------------------------------------------------------*/
.logo {
 background:url(/images/logo.png) no-repeat top left;
 width: 182px;
 height:113px;
 position:relative;
 top: 19px;}

/* CONTENT
------------------------------------------------------------------------*/
.top-button {
 background:url(/images/button.png) no-repeat top left;
 width: 141px;
 height:90px;
 position:absolute;
 top:76px;
 margin-left: 664px;
 font-size:1.8em;
 font-family:Georgia, "Times New Roman", Times, serif;
 text-align:center;
 font-weight:normal;
 padding: 60px 10px 0 0;}

/* Sidebar 
--------------------------------------------------------*/
#sidebar {
 width: 173px;
 float:left;}

/* Main navigation */
ul#main-nav{
 background:url(/images/bg_nav.jpg) no-repeat top left;
 width: 153px;
 height:282px;
 margin: 0 0 0 13px;
 padding: 14px 0 0 0;}

ul#main-nav li a{
 width: 125px;
 text-indent:-9999px;
 overflow:hidden;
 display:block;}

ul#main-nav li#home a{
 background:url(/images/nav_home.png) no-repeat top left;
 height:43px;}

ul#main-nav li#home a:hover{
 background:url(/images/nav_homehover.png) no-repeat top left;}

ul#main-nav li#home.active a {
 background:url(/images/nav_homehover.png) no-repeat top left;}

ul#main-nav li#about a{
 background:url(/images/nav_aboutme.png) no-repeat top left;
 height:57px;}

ul#main-nav li#about a:hover{
 background:url(/images/nav_aboutmehover.png) no-repeat top left;}

ul#main-nav li#about.active a {
 background:url(/images/nav_aboutmehover.png) no-repeat top left;}

ul#main-nav li#writing a{
 background:url(/images/nav_writing.png) no-repeat top left;
 height:51px;}

ul#main-nav li#writing a:hover{
 background:url(/images/nav_writinghover.png) no-repeat top left;}

ul#main-nav li#writing.active a {
 background:url(/images/nav_writinghover.png) no-repeat top left;}

ul#main-nav li#journal a{
 background:url(/images/nav_journal.png) no-repeat top left;
 height:54px;}

ul#main-nav li#journal a:hover{
 background:url(/images/nav_journalhover.png) no-repeat top left;}

ul#main-nav li#journal.active a {
 background:url(/images/nav_journalhover.png) no-repeat top left;}

ul#main-nav li#contact a{
 background:url(/images/nav_contact.png) no-repeat top left;
 height:54px;}

ul#main-nav li#contact a:hover{
 background:url(/images/nav_contacthover.png) no-repeat top left;}

ul#main-nav li#contact.active a {
 background:url(/images/nav_contacthover.png) no-repeat top left;}

/* Shift Lock */
.shiftlock {
 background:url(/images/sidebar_shiftlockrepeat.jpg) repeat-y top left;
 width: 166px;
 margin: 8px 0 0 0;}

.shiftlock-wrapper{
 background:url(/images/sidebar_shiftlocktop.jpg) no-repeat top left;
 min-height:88px;
 height: auto !important;
 height:88px;
 padding: 17px 15px 0 42px;}

.shiftlock-bottom{
 background:url(/images/sidebar_shiftlockbottom.jpg) no-repeat bottom left;
 width: 166px;
 height:2px;}

.shiftlock  p{font-size:1.1em;}

.shiftlock p.readmore {
text-transform: uppercase;
margin: 9px 0 12px 0;
}

.shiftlock h3 {
margin: 0;
}

.shiftlock h3.journal-archives {
padding-top: 6px;
margin-bottom: 0;
}

.shiftlock ul {
margin: 0 0 9px 0
}

/* Primary Content
--------------------------------------------------------*/ 
#primarycontent{
 float:right;
width: 541px;
background:url(/images/bg_contentrepeat.jpg) repeat-y bottom left;
}

#primarycontent-wrapper{
 background:url(/images/bg_contenttop2.jpg) no-repeat top left;
 min-height:392px;
 height:auto !important;
 height:392px;
 float: left; /* set floating, children element should be floated when parent is */
 padding: 32px 45px 0px 51px;
 width: 445px; /*set width due safari */
}

#primarycontent p{
 margin: 0 0 15px 12px;
 font-size:1.1em;}


h3.icon-kylesignature {
text-indent:-9999px;
display: block;
background: url(/images/kylesignature.png) no-repeat top right;
width: 58px;
height: 50px;
float: right;
}

#journal-page #primarycontent .blog-entry {
float: left;
margin-bottom: 30px;
}


/* JOURNAL PAGE
--------------------------------------------------------*/ 

ul.yearly_archives {
list-style:none;
margin:0;
padding:10px 0;
font-size: 12px;
border: 1px solid #815b44;
float: left;
clear: left;
width: 100%;
border-left: 0;
border-right: 0;
}

ul.yearly_archives ul {
display:inline;
 list-style:none;
margin:0;
padding:0;
}

span.year {
font-size: 18px;
color: #000;
padding-right: 15px;
}

ul.yearly_archives ul li {
display:inline;
background:none;
padding: 0 8px 0 0;
}

ul.yearly_archives h3 {
  font-family:Arial, Helvetica, sans-serif;
}

/* WRITING PAGE
--------------------------------------------------------*/ 
#writing-page h2 {
margin-bottom: 3px;
}

ul#writing_navigation {
list-style: none;
font-size: 12px;
font-family: Georgia, Bookman Old Style, Times, serif;
margin: 0 0 21px 0;
padding: 0;
text-align: center;
}

ul#writing_navigation li {
display: inline;
padding: 0 12px 0 0;
background: url(/images/icon-writing-divider.gif) no-repeat 100% 40%;
margin: 0 12px 0 0;
}

ul#writing_navigation li.last_list{
background: none;
}

ul#writing_samples_list li.writing_sample {
clear: left;
float: left;
width: 100%;
margin: 0 0 30px 0;
}

ul#writing_samples_list h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 0 0  3px 10px;
border-bottom: 1px solid #857d70;
}

ul#writing_samples_list .writing_cover {
float: left;
width: 75px;
padding-left: 10px;
padding-right: 18px;
height: 100%;
}

ul#writing_samples_list .writing_brief {
float: left;
width: 330px;
}

ul#writing_samples_list .writing_brief p {
font-size: 12px;
line-height: 15px;
}

.writing_brief ul {
margin: 0;
padding: 0 0 0 10px;
font-size: 12px;
}

p.published_status span {
border-bottom: 1px solid #6D6D6D;
}


/* FOOTER
------------------------------------------------------------------------*/
p.design-by{
 position:relative;
 top: 107px;}

p.design-by span{
 margin: 0 0 0 20px;}