/*
Theme Name: Online Pages
Theme URI: http://sillyish.org/
Description: Subtle Browns and the pages of a diary make up this journaly theme.
Version: 1.0
Author: Rosemarie Pritchard
*/

body
{
margin:0;
padding:0;
background:#FFF url("images/body.jpg");
}

div#top
{
   position:absolute;
   z-index:1;
   width:100%;
   margin:0;
   padding:0;
   top:0;
   left:0;
   height:305px;
   background:url("images/top.jpg") repeat-x;
}

div#top h1
{
   margin-left:350px;
   margin-top:180px;
   padding:0;
   margin-bottom:0;
   font-size:40px;
   color:#FFF;
   font-family:arial,san-serif;
   text-transform:uppercase;
}

div#title
{
   position:absolute;
   z-index:2;
   width:297px;
   margin:0;
   padding:0;
   top:0;
   left:0;
   height:395px;
   background:url("images/pages.jpg") no-repeat;
}

div#title p
{
   margin:230px 30px 0px 30px;
   padding:0;
   color:#FFF;
   font-family:arial,sans-serif;
   font-size:12px;
   line-height:22px;
}

div#title a
{
   text-decoration:underline;
   color:#deb88a;
}

div#title a:hover
{
   text-decoration:none;
   color:#f8dfc1;
}

div#blog
{
   position:absolute;
   z-index:4;
   left:300px;
   top:240px;
   width:60%;
}

div#blog h1,h2,h3,h4,h5,h6
{
   margin:5px 0px 0px 0px;
   padding:0;
   font-family:arial,sans-serif;
   font-size:20px;
   color:#000;
}


div#blog p
{
   margin:0px 0px 20px 0px;
   padding:0;
   font-family:arial,sans-serif;
   font-size:13px;
   line-height:23px;
   color:#000;
}



div#blog ol
{
   margin:0px 0px 10px 30px;
   padding:0;
   font-family:arial,sans-serif;
   font-size:13px;
   line-height:23px;
   color:#000;
   list-style-type:decimal-leading-zero;
}


div#blog ul
{
   margin:0px 0px 10px 30px;
   padding:0;
   font-family:arial,sans-serif;
   font-size:13px;
   line-height:23px;
   color:#000;
   list-style-type:circle;
}

div#blog blockquote
{
   margin:0px 0px 10px 30px;
   padding:10px;
   font-family:arial,sans-serif;
   font-size:13px;
   line-height:23px;
   color:#000;
   font-style:italic;
   border-left:5px solid #a26218;
}

div#blog ol.commentlist
{
   list-style-type:none;
}

div#blog hr
{
   margin:14px auto;
   width:80%;
   height:2px;
   border:1px 0px;
   border-color:#a26218;
   border-style:solid;
}

div#blog img
{
   border:1px solid #FFF;
   padding:5px;
   background:#f6eccd;
}

div#blog img:hover
{
   border:1px solid #FFF;
   padding:5px;
   background:#FFF;
}

div#blog img.wp-smiley
{
   border:none;
   padding:0;
   background:none;
}



div#blog ol.commentlist li
{
   margin:5px;
   border:1px dashed #a26218;
   padding:10px;
}

div#blog input,textarea
{
   border:1px solid #a26218;
   background:#efece3;
   padding:3px;
   font-family:arial,sans-serif;
   font-size:12px;
   color:#000;
}

div#blog textarea
{
  width:80%;
  height:150px;
}


div#blog a
{
   padding-bottom:4px;
   background:url("images/link1.jpg") bottom left repeat-x;
   color:#613e15;
   font-weight:bold;
   text-decoration:none;
}

div#blog a:hover
{
   padding-bottom:4px;
   background:url("images/link2.jpg") bottom left repeat-x;
   color:#cea96e;
   font-weight:bold;
   text-decoration:none;
}