/*
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
Tailoring by: Stefan Krause
*/

body
{
   margin:0;
   padding:0;
   background:#FFF url("images/tile.jpg");
   font-family:arial,sans-serif;
   font-size:13px;
   color:0;
}

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

div#top h1
{
   margin-left:300px;
   margin-top:130px;
   padding:0;
   margin-bottom:0;
   font-size:36px;
}

div#top h2
{
   margin-left:300px;
   padding:0;
   margin-bottom:0;
}

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

div#title p
{
   margin:0px 0px 0px 30px;
   padding:0;
}

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

.current-cat, .current_page_item
{
   font-weight:bold;
}

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

div#blog
{
   position:absolute;
   z-index:4;
   left:300px;
   top:260px;
   width:60%;
   line-height: 1.5em;
}

div#blog h1,h2,h3,h4,h5,h6
{
   margin:1em 0px 0.5em 0px;
   padding:0;
}

div#blog h1
{
   font-size:20px;
   margin-bottom:1em !important;
}

div#blog h2
{
   font-size:20px;
   font-weight:normal;
}

div#blog h3
{
   font-size:16px;
}

div#blog h4
{
   font-size:16px;
   font-weight:normal;
}

div#blog h5
{
   font-size:13px;
}

div#blog h6
{
   font-size:13px;
   font-style:italic;
}

div#blog p
{
   margin:0px 0px 20px 0px;
   padding:0;
}



p.postmetadata
{
   text-align: right;
}



div#blog ol
{
   margin:0px 0px 10px 30px;
   padding:0;
   list-style-type:decimal-leading-zero;
}


div#blog ul
{
   margin:0px 0px 10px 30px;
   padding:0;
   list-style-type:circle;
}

div#blog blockquote
{
   margin:0px 0px 10px 30px;
   padding:10px;
   font-style:italic;
   border-left:5px solid #a26218;
}

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

div#blog hr
{
   margin:14px auto;
   width:100%;
   height:2px;
   border-color: darkblue;
   border-style:solid;
}

div#blog img
{
   border:none;
   padding:5px;
   background:#f6eccd;
}

div#blog img:hover
{
   border:none;
   padding:5px;
   background:#f6eccd;
}

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;
}

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;
}

a.linkonly
{
   text-decoration: none !important;
   background:none !important;
}

img.size-small
{
   width: 200px;
}

.alignright
{
   float: right;
}

.floatright
{
   float: right;
}

div.sidebar
{
}

div.sidebar h2
{
   font-size: 13px;
   margin-bottom: 0;
}

div.sidebar ul
{
   list-style-type:none;
   margin-bottom: 1em;
}

div.sidebar ul ul
{
   padding-left:0;
   margin-left:17px;
   list-style-type:square;
}

div#footer
{
   font-size:10px;
   text-align:center;
}

div#footer ul li
{
   display:inline;
}

div#footer a
{
   text-decoration:none;
   background: none;
   font-weight:normal;
}

div#footer a:hover
{
   text-decoration:underline;
   background: none;
   font-weight:normal;
   color:black;
}