/*
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:#000 url("images/body.jpg");
background-repeat: no-repeat;
}

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:50px;
   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:80%;
   margin:0;
   padding:0;
   top:0;
   left:0;
   height:5px;
   background:url("images/pages.jpg") no-repeat;
}



div#title p
{
   margin:25px 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:#ffffff;
}

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

div#blog
{
float: left;
    position:absolute;
   z-index:4;
   left:175px;
   top:175px;
   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:#fff;
}


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



div#blog ol
{
   margin:0px 0px 10px 30px;
   padding:0;
   font-family:arial,sans-serif;
   font-size:13px;
   line-height:23px;
   color:#fff;
   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:#fff;
   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:#fff;
   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:0px;
   border:1px 0px;
   border-color:#FFF;
   border-style:solid;
}

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

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

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



div#blog ol.commentlist li
{
   margin:2px;
   border:1px dashed #002c74;
   padding:10px;
}

div#blog input,textarea
{
   border:2px solid #a6c8ff;
   background:#a6c8ff;
   padding:0px;
   font-family:arial,sans-serif;
   font-size:12px;
   color:#fff;
}

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


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

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


div#right 
{ 
        float: right;
        position: relative;
	width:15%;
	padding:80px;
	background-color:transparent;
}