/* 
Copy from "style.css" into this file and make the changes HERE!
This makes it possible to upgrade the core system and theme without destroying your style changes.
*/
body {background-color: #411172;}

h1, h2, h3, h4, h5, h6 {
font-family:Comic Sans MS,Lucida Grande,Helvetica,Sans-serif;}

#navigation {font-size:16px;}

#nav-below {
height:30px;
font-size:14px;
padding:0 25px 0;
position:relative;}
.nav-previous {float:left;}
.nav-next {float:right;}

.post-meta .the_comment_link {font-weight: bold;}
.post-meta .the_comment_link a:link, .post-meta .the_comment_link a:visited {color: #ff3334;}
.post-meta .the_comment_link a:hover {color:#000;}

.widget {color:#fff;}
.widget h3 {color:#fff;}
.widget a:link, widget a:visited {color:#fff;}
.widget a:hover {color:#fff;}
.widget ul li a:link, .widget a:visited {color:#fff;}
.widget ul li a:hover {color:#fff;}

.addthis_toolbox .hover_effect
{
    width: 284px;
    padding: 10px 0 6px 10px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
background:#fff;
color:#000;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}