/*
Theme Name: Karazy Kartoon!
Theme URI: http://sillyish.org/themes.php
Description: Fun, bright, childish!
Author: Rosemarie Pritchard
Author URI: http://sillyish.org/
*/

body
{
   margin:0;
   padding:0;
   background:#C8C8C8 url("images/body2.jpg") repeat-y;
}

h1#title
{
   margin:0;
   padding:0;
   position:absolute;
   z-index:5;
   left:10px;
   top:10px;
   font-size:30px;
   color:#FFF;
   font-family:arial,sans-serif;
   text-transform:uppercase;

}

div#topRepeat
{
   width:100%;
   height:398px;
   url("images/body.jpg") repeat-x;
}

div#top
{
   position:relative;
   z-index:2;
   margin:-398px 0px 0px 0px;
   width:100%;
   height:312px;
   background:url("images/top.jpg") no-repeat;
}

div#content
{
  position:relative;
  z-index:3;
  margin:-240px 0px 0px 200px;
  width:522px;
  font-family:arial,sans-serif;
}

div#content h2,h1,h3,h4
{
   font-size:20px;
   margin:0px;
}
div#content p
{
   margin:0;
   font-size:12px;
   line-height:23px;
   padding:0px 0px 15px 0px;
}

div#content ol
{
   font-size:12px;
   line-height:23px;
   list-style-type:lower-alpha;
}

div#content ul
{
   font-size:12px;
   line-height:23px;
   list-style-type:circle;
}

div#content a
{
   text-decoration:none;
   font-weight:bold;
   color:#d40028;
}

div#content a:hover
{
   color:#ff7200;
}

div#content hr
{
   margin:10px auto;
   width:70%;
   height:0px;
   border:1px solid #d40028;
}

div#content img
{
   border:1px solid #ffaf50;
   padding:5px;
   background:#FFF;
}

div#content img:hover
{
   border:1px solid #000000;
   padding:5px;
   background:#ffaf50;
}

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

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

div#content ol.commentlist a
{
  color:#000;
}

div#content ol.commentlist a:hover
{
  color:#FFF;
}

div#content ol.commentlist li
{
   border:1px solid #222222;
   color:#FFF;
   background:#931032;
   padding:10px;
   font-family:arial,sans-serif;
   font-size:12px;
   margin-bottom:7px;
}


div#content ol.commentlist li.alt
{
   border:1px solid #222222;
   color:#FFF;
   background:#ff1800;
   padding:10px;
   font-family:arial,sans-serif;
   font-size:12px;
      margin-bottom:7px;
}

div#content input,textarea
{
   border:1px solid #222222;
   color:#FFF;
   background:#931032;
   padding:3px;
   font-family:arial,sans-serif;
   font-size:12px;
}

div#content textarea:focus
{
   background:#ff1800;
}

div#content input:focus
{
   background:#ff1800;
}


div#content textarea
{
   width:90%;
   height:200px;
}


div#bottom
{
   float:left;
   clear:both;
   background:#222;
   margin:0;
   width:100%;
   font-family:arial,sans-serif;
}

div#bottom ul
{
   font-size:12px;
   margin:0;

}

div#bottom li
{
   margin:2px 0px 2px 0px;
   list-style-image:url("images/bullet.jpg");
}

div#bottom li:hover
{
   margin:2px 0px 2px 0px;
   list-style-image:url("images/bullet2.jpg");
}


div#bottom li ul
{
   margin:0;
   padding:0;
}

div#bottom a
{
   text-decoration:none;
   font-weight:bold;
   color:#ff91d7;
}

div#bottom a:hover
{
   color:#ff7200;
}

div#bottom ul#sort
{
   background:#222;
   width:100%;
}

div#bottom li.nobul
{
   list-style-type:none;
   list-style-image:none;
   float:left;
   margin:10px 50px 10px 30px;
}

div#bottom h2
{
   color:#EEE;
   font-size:16px;
   margin:0px;
}

ul#navI
{
   position:absolute;
   z-index:5;
   top:315px;
   left:10px;
   width:160px;
   list-style-type:none;
   margin:0;
   padding:0;
}

ul#navI li
{
   padding:6px;
   margin:0px 0px 5px 0px;
   background:#d40028;
   font-family:arials,sans-serif;
   color:#FFF;
   font-weight:bold;
   text-transform:uppercase;
   font-size:12px;
   text-align:center;
}


ul#navI li:hover
{
   padding:6px;
   margin:0px 0px 5px 0px;
   background:#ffba4e;
   font-family:arials,sans-serif;
   color:#000;
   font-weight:bold;
   text-transform:uppercase;
   font-size:12px;
   text-align:center;
}


ul#navI li a
{
   text-decoration:none;
   color:#FFF;
}

ul#navI li:hover a
{
   text-decoration:none;
   color:#000;
}