/*
Theme Name: Chunky Spunky Colours
Theme URI: http://sillyish.org/
Description: Pink and orange are the two colours that play the game here, complete with a friendly crab and a playful kitten!
Version: 1.5
Author: Rosemarie Pritchard
*/

body
{
   background:#FFF url("images/title.jpg") no-repeat right 20px;
   border-top:10px solid #000;
   margin:0;
   padding:0;
}

img
{
   border:none;
}


div#wrap
{
   width:98%;
   margin:10px auto 0px auto;
}

div#blog
{
   width:68%;
   float:left;
      padding-bottom:100px;
}

div.padd
{
   padding:10px 30px;
}

div#sidebar
{
   width:30%;
   min-width:200px;
   float:right;
   padding-top:260px;
}
/* -------- */
div#blog h1,h2,h3,h4,h5,h6
{
   font-family:arial,sans-serif;
   color:#222;
   margin:5px 0px 0px 0px;
   padding:0;
}

div#blog h1
{
   font-size:160%;
}

div#blog h2
{
   font-size:150%;
}
div#blog h3
{
   font-size:140%;
}
div#blog h4
{
   font-size:130%;
}
div#blog h5
{
   font-size:120%;
}
div#blog h6
{
   font-size:110%;
}
div#blog p
{
   font-family:arial,sans-serif;
   color:#222;
   font-size:85%;
   line-height:24px;
   margin:0px 0px 20px 0px;
   padding:0;
}

div#blog small
{
   font-family:arial,sans-serif;
   color:#222;
   font-size:75%;
   margin:0;
   padding:0;
}

div#blog ol
{
   font-family:arial,sans-serif;
   color:#222;
   font-size:85%;
   line-height:24px;
   margin:0px 0px 20px 40px;
   padding:0;
   list-style-type:decimal-leading-zero;
}

div#blog ul
{
   font-family:arial,sans-serif;
   color:#222;
   font-size:85%;
   line-height:24px;
   margin:0px 0px 20px 40px;
   list-style-type:disc;
   padding:0;
}

div#blog ul ul
{
   font-size:95%;
   list-style-type:circle;
}


div#blog ol ul
{
   font-size:95%;
   list-style-type:circle;
}

div#blog ol ol
{
   font-size:95%;
   list-style-type:lower-roman;
}


div#blog label
{
   font-family:arial,sans-serif;
   color:#222;
   font-size:85%;
   margin:0;
   padding:0;
}


div#blog p label
{
   font-size:100%;
}



div#blog a
{
   font-weight:bold;
   padding:4px;
   text-decoration:underline;
   color:#ff38ad;
}

div#blog a:hover
{
   text-decoration:none;
   background:#ff38ad;
   color:#FFF;
}

div#blog a:visited
{
   font-weight:bold;
   padding:4px;
   text-decoration:underline;
   color:#ff8d1e;
}

div#blog a:visited:hover
{
   text-decoration:none;
   background:#ff8d1e;
   color:#FFF;
}


div#blog input[type=text]
{
   border:2px inset #222;
   background:#EEE;
   color:#222;
   padding:4px;
   font-family:verdana,sans-serif;
   font-size:12px;
}

div#blog input[type=text]:focus
{
   border:2px inset #000;
   background:#FFF;
   color:#000;
}


div#blog input[type=submit]
{
   border:2px outset #222;
   background:#EEE;
   color:#222;
   padding:4px;
   font-family:verdana,sans-serif;
   font-size:12px;
}


div#blog input[type=submit]:focus
{
   border:2px inset #222;
   background:#EEE;
   color:#222;
   padding:4px;
   font-family:verdana,sans-serif;
   font-size:12px;
}


div#blog textarea
{
   border:2px inset #222;
   background:#EEE;
   color:#222;
   padding:4px;
   font-family:verdana,sans-serif;
   font-size:12px;
   width:70%;
}

div#blog textarea:focus
{
   border:2px inset #000;
   background:#FFF;
   color:#000;
}

div#blog hr
{
   margin:10px auto;
   border:0;
   border-top:1px solid #222;
   border-bottom:1px solid #222;
   width:80%;
   height:2px;
}

div#blog blockquote
{
   margin-left:20px;
   width:80%;
   padding:5px 5px 5px 16px;
   background:url("images/quote.jpg") repeat-y;
}

.red
{
   color:#FF0000;
}

div#blog ol.commentlist
{
   list-style-type:none;
   margin:10px;
   padding:0;
}

div#blog ol.commentlist li
{
   margin:5px;
   padding:10px;
   border:1px dashed #333;
   width:70%;
}


div#blog ol.commentlist li p
{
  margin-bottom:5px;
  font-size:100%;
}

div#blog img.photo
{
   padding:4px;
   margin:4px;
   border:1px solid #CCC;
   background:#FFF;
}

div#blog img.photo:hover
{
   border-color:#999;
}

div#blog .left
{
  float:left;
}

div#blog .right
{
  float:right;
}

div#blog .centre
{
  text-align:center;
}


div#blog .prev
{
 text-align:center;
 font-size:120%;
 font-family:arial,sans-serif;
 color:#222;
}

/* -------- */

div#sidebar img.photo
{
   padding:4px;
   margin:4px;
   border:1px solid #CCC;
   background:#FFF;
}

div#sidebar img.photo:hover
{
   border-color:#999;
}

div#sidebar ul.navigation
{
   list-style-type:none;
   margin:0;
   padding:0;
   font-family:arial,sans-serif;
   font-size:100%;
}

div#sidebar ul.navigation li
{
   background:#fff;
   padding:5px;
   margin:0px 0px 10px 0px;
   border-bottom:1px dashed #ff0096;
}

div#sidebar ul.navigation li:hover
{
   background:#fff;
   padding:5px;
   border-bottom:1px dashed #000;
}

div#sidebar ul.navigation a
{
   text-decoration:none;
   color:#ff0096;
   font-weight:bold;
}

div#sidebar ul.navigation a:hover
{
   text-decoration:none;
   color:#000;
   font-weight:bold;
}

/* ----------- */


div#bottom
{
   clear:both;
   margin:0;
   padding:0;
   width:100%;
   background:#ffdf49 url("images/bottom.jpg") repeat-x;
}

ul#linkage
{
   clear:both;
   margin:0px 0px 20px 270px;
   padding:0;
   list-style-type:none;
}

ul#linkage li
{
   padding:10px;
   margin:3px;
   background:#ff0096;
   font-family:arial,sans-serif;
   text-transform:uppercase;
   font-size:120%;
   float:left;
}

ul#linkage li:hover
{
   background:#ffa800;
}


ul#linkage li a
{
   text-decoration:none;
   font-weight:bold;
   color:#fff;
}

ul#linkage li:hover a
{
   color:#000;
}

div#toplink a
{
   font-weight:bold;
   color:#000;
   padding:3px;
   text-decoration:underline;
}

div#toplink a:hover
{
   font-weight:bold;
   color:#fff;
   padding:3px;
   background:#000;
   text-decoration:none;
}


div#toplink
{
   position:absolute;
   right:10px;
   top:15px;
   font-family:arial,sans-serif;
   font-size:12px;
   text-transform:uppercase;
   color:#000;
}