/*
Theme Name: Dark Purple
Theme URI: http://sillyish.org/
Description: A dark purple theme with minimal images, making use of grays, purples, and gradients.
Version: 1.0
Author: Rosemarie Pritchard
*/

body
{
   background:#460;
}

h1#top
{
   position:absolute;
   z-index:2;
   background:#222;
   width:100%;
   top:20px;
   padding:20px 0px 20px 0px;
   left:0px;
   font-family:arial,sans-serif;
   color:#9b51ae;
   font-size:40px;
   text-align:center;
   text-transform:uppercase;
}


h1#top a
{
   text-decoration:none;
   padding:3px;
   color:#c93fec;
}


h1#top a:hover
{
   text-decoration:none;
   padding:3px;
   color:#000;
   background:#c93fec;
}


div#wrap
{
   width:80%;
   max-width:1100px;
   margin:0 auto;
}

div#left
{
   width:20%;
   float:left;
}

div#left ul
{
   position:relative;
   z-index:3;
   margin:0px 0px 30px 0px;
   padding:0;
   list-style-type:none;
}

div#left li.title
{
    padding:5px;
    margin:0;
    background:#6b257c;
    text-align:center;
    color:#FFF;
    border:1px solid #000;
    font-family:arial,sans-serif;
    font-size:15px;
    text-transform:uppercase;
    font-weight:bold;
}

div#left li.title:hover
{
    padding:5px;
    margin:0;
    background:#6b257c;
    text-align:center;
    color:#FFF;
    border:1px solid #000;
    font-family:arial,sans-serif;
    font-size:15px;
    text-transform:uppercase;
    font-weight:bold;
}


div#left li
{
    padding:5px;
    margin:0;
    background:#6b257c url("images/gradient.jpg") repeat-x;
    text-align:center;
    color:#FFF;
    border:1px solid #000;
    border-top:0px;
    font-family:arial,sans-serif;
    font-size:13px;
    text-transform:uppercase;
    font-weight:bold;
}

div#left li:hover
{
    padding:5px;
    margin:0;
    background:#921daf;
    text-align:center;
    color:#FFF;
    border:1px solid #000;
    border-top:0px;
    font-family:arial,sans-serif;
    font-size:13px;
    text-transform:uppercase;
    font-weight:bold;
}

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


div#right
{
   float:right;
   width:80%;
   margin-top:130px;
   font-family:arial,san-serif;
   color:#ebd9ef;
}

div#right p
{
   margin:0;
   padding:0px 20px 20px 20px;
   font-family:arial,san-serif;
   color:#ebd9ef;
   font-size:12px;
   line-height:22px;
}

div#right ol
{
   margin:0;
   padding:0px 20px 20px 40px;
   font-family:arial,san-serif;
   color:#ebd9ef;
   font-size:12px;
   line-height:22px;
   list-style-type:lower-alpha;
}

div#right ul
{
   margin:0;
   padding:0px 20px 20px 40px;
   font-family:arial,san-serif;
   color:#ebd9ef;
   font-size:12px;
   line-height:22px;
   list-style-type:circle;
}


div#right h1
{
   margin:0;
   padding:0px 20px 2px 20px;
   font-family:arial,san-serif;
   color:#ebd9ef;
   font-size:25px;
   font-weight:bold;
}



div#right h2
{
   margin:0;
   padding:0px 20px 2px 20px;
   font-family:arial,san-serif;
   color:#ebd9ef;
   font-size:23px;
   font-weight:bold;
}


div#right h3
{
   margin:0;
   padding:0px 20px 2px 20px;
   font-family:arial,san-serif;
   color:#ebd9ef;
   font-size:20px;
   font-weight:bold;
}

div#right h4
{
   margin:0;
   padding:0px 20px 2px 20px;
   font-family:arial,san-serif;
   color:#ebd9ef;
   font-size:17px;
   font-weight:bold;
}

div#right h5
{
   margin:0;
   padding:0px 20px 2px 20px;
   font-family:arial,san-serif;
   color:#ebd9ef;
   font-size:15px;
   font-weight:bold;
}

div#right h6
{
   margin:0;
   padding:0px 20px 2px 20px;
   font-family:arial,san-serif;
   color:#b960cf;
   font-size:14px;
   font-weight:bold;
}

div#right a
{

   color:#e087f6;
   text-decoration:none;
   border-bottom:1px solid #ddb0e8;
}


div#right a:hover
{
color:#a331bf;
   text-decoration:none;
   border-bottom:1px solid #c46adb;
}


div#right img
{
   margin:3px;
   padding:5px;
   border:1px solid #991eb8;
   background:#222;
}

div#right img:hover
{
   margin:3px;
   padding:5px;
   border:1px solid #bc59d5;
   background:#333;
}


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

div#right hr
{
   width:80%;
   margin:10px auto;
   height:1px;
   border:none;
   border-top:1px solid #991eb8;
}

div#right blockquote
{
   margin:3px 3px 3px 20px;
   background:#3b1146;
   padding:10px;
   width:80%;
}

div#right blockquote blockquote
{
   margin:3px 3px 3px 20px;
   background:#000;
   padding:10px;
}

div#right blockquote p
{
   margin:0;
   padding:0px 0px 10px 0px;
   color:#FFF;
}
div#right input,textarea
{
   font-family:arial,sans-serif;
   font-size:12px;
   color:#FFF;
}

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

div#right input,textarea
{
   border:2px inset #51175f;
   background:#30033b;
   color:#FFF;
   padding:4px;
}

div#right input[type=submit]
{
   border:2px outset #51175f;
   background:#30033b;
   color:#FFF;
   padding:4px;
}

div#right input[type=submit]:focus
{
   border:2px inset #51175f;
   background:#30033b;
   color:#FFF;
   padding:4px;
}

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

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

div#right ol.commentlist li.alt
{
   padding:10px;
   margin:5px;
   border:1px dashed #999;
}