/*
Theme Name: Marissa Reddy.com
Theme URI: http://marissareddy.com/
Description: Made for marissareddy.com.
Version: 1
Author: Nate Laffan
Author URI: http://www.natelaffan.com/


*/


/* positioning */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, th, td {margin: 0; padding: 0; border: 0; outline: none;}  
   
   
p, h1, h2, h3, .searchtitle, .commenter {font-family: Georgia, Garamond, serif;} 
p { color: #3c3c3c; font-size: 13px; padding-bottom: 15px;}
h2 {font-size: 26px; font-weight: normal; display: block;}
   
ul, ol {list-style: none;}  
a, .commenter  { color: #ba2b16; text-decoration: none;}  
a:hover {text-decoration: underline;}  

h2 {
font-weight: normal;

}


html {
background: url(assets/tile.png) black;
margin: 0;
}

body {
width: 631px;
margin: 0 auto;
}

.mastcap {
background: url(assets/mastcap.png) no-repeat;
width: 631px;
height: 109px;
display: block;
margin-top: 30px;

}

#page {
background: url(assets/bg.png) repeat-y;
padding-left: 35px;
}

.mast {
background: url(assets/mast.jpg) no-repeat;
height: 181px;
width: 559px;
display: block;
}

.inkwell {
background: url(assets/inkwell.png) no-repeat;
height: 92px;
width: 93px;
display: block;
position: absolute;
z-index: 10;
margin: -120px 0 0 210px;
}

/* NAVIGATION */

.topnav {
height: 40px;
background: url(assets/navbg.png) no-repeat;
padding-top: 14px;
}


.topnav li {float: left;}

.topnav a {
background: url(assets/nav_items.png) no-repeat;
height: 12px;
display: block;
}

#home {width: 41px; background-position: 0 0; margin-left: 50px;}
#home:hover {background-position: 0 -11px;}

#tea {width: 32px; background-position: -69px 0;  margin-left: 31px;}
#tea:hover {background-position: -69px -11px;}

#books {width: 45px; background-position: -138px 0; margin-left: 37px;}
#books:hover {background-position: -138px -11px;}

#projects {width: 62px; background-position: -218px 0; margin-left: 32px;}
#projects:hover {background-position: -218px -11px;}


#recent {width: 54px; background-position: -316px 0; margin-left: 40px;}
#recent:hover {background-position: -316px -11px;}

#search {width: 54px; background-position: -402px 0; margin-left: 30px;}
#search:hover {background-position: -402px -11px;}

/* CONTENT */

.content, .search_result {
width: 460px;
margin: 20px 0 0 50px;
}

.content p {

line-height: 24px;
}

.post {
margin-bottom: 30px;

}

.post h2 {
background: url(assets/bullet.png) no-repeat 0 3px ;
padding-left: 35px;
margin-bottom: 10px;
}

.entry img {padding: 15px 20px 10px 0;}


/* SEARCHING */

#searchme {
text-align: center;
}

.bigentry input {
margin: 20px 0 20px 0;
padding: 15px;
width: 400px;
font-size: 2.2em;
text-align: center;
font-family: Helvetica, Arial;

}

#searchsubmit {
height: 20px;
width: 80px;
}


.search_result {
padding: 10px 0 20px 0;
border-bottom: solid #e1d6c3 1px;

}



.searchpage h3{
font-size: 1em;

}

.searchtitle { font-size: 20px; margin: 10px 0 0 50px; width: 450px; line-height: 30px;}

.searchpage p a:hover {
text-decoration: none;
}
.search_left {
padding-bottom: 10px;
}

.search_left h2 {
font-size: 23px;
padding-bottom: 6px;
}

.search_right {
line-height: 20px;
}


/* SINGLE PAGE & COMMENTS */

.wholecommentsection {
display: block;
width: 300px;
}

p textarea {width: 450px;}
.wholecommentsection input { 
margin-top: 10px;
}

.navigation {
width: 450px;
display: block;
padding: 0px 0 50px 0;

}


.alignleft {float: left;}
.alignright {float: right;}

.commentlist {padding-top: 20px;}

.commentlist li {
padding-bottom: 20px;
}

.commenter {
font-size: 15px;
margin-bottom: 5px;
}



/* RECENT POSTS */

.recentul {
list-style: none;

}


.recentul li{
margin-bottom: 10px;
}


.pagetitle {
padding-bottom: 30px;
}

/* FACEBOX */

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3000;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 2999;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}



/* FOOTER */

#footer {
text-align: center;
padding: 30px 0 30px 0;
margin-left: -20px;
line-height: 16px;
}

#footer a {
color: #676767;
}

#footer small {color: #676767;}

#footer p {margin: 0; padding: 0; padding-bottom: 5px;}