/*
   CSS files kept in the 'styles' directory can be used to
   costumize your K2 installation without having to mess
   with the core K2 files. This in turn makes it easier to
   upgrade to new K2 versions as well as debug any potential
   problems.

   You select schemes from the K2 Options page in the
   'Presentation' section of your WordPress administration.

   Author Name    :  Brian Sloan
   Author Site    :  http://sloan.ca
   Style Name     :  KW
   Style URI      :  http://getk2.com
   Version        :  1.0
   Header Height  :  260
   Comments    :  I made KW for use on my own blog, I used the samples included in K2.
                  The header image was designed by Kristen.
                  License: http://creativecommons.org/licenses/by-nc-sa/2.5/
*/

body {
   background: #ffffff;
   color: #000000;
   margin: 0;
   }

#header {
   background: #FFFFFF url('http://www.kristenworley.ca/wp-content/uploads/2008/12/headerkw2.jpg') center center no-repeat;
   Width: 1024px;
   height: 200px;
   Text Color: #000000;
   }

h1 {
   position: absolute;
   top: 25px;
   left: 50px;
   padding: 0;
   }

.description {
   position: absolute;
   top: 55px;
   left: 50px;
   margin: 0 !important;
   }

#page {
   border: none;
   background: #FFFFFF;
   color: #CC3399;
   }

.primary {
   padding-left: 25px;
   }

ul.menu li a:hover {
   color: #CC3399 !important;
   text-decoration: underline;
   background: #FF99FF;
   }
ul.menu li a {
   color: #FF99FF !important;
   text-decoration: underline;
   background: #CC3399;
   }



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
   color: #CC3399; !important;
   }

h2 span a,
h2 span a:visited,
h3 span a,
h3 span a:visited {
   color: #CC3399 !important;
   font-weight: normal !important;
   }

.primary .entry-meta a, .primary .entry-meta a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
   color: #FF99FF;
   font-weight: normal;
   }

.counter a {
   color: #CC3399;
   }

.commentlist li {
   color: #CC3399;
   }

.commentlist li:hover {
   background: #ffffff;
   }

blockquote, #weightedcategories, .authorcomment {
   background: #FFFFFF;
   border-color: #FF99FF;
   }

.primary img {
   border-color: #FFFFFF;
   background: #FFFFFF;
   }

.inputcontainer {
   margin-bottom: 6px;
   }

/* Gray Color */
#footer, small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, ul#activity li small a, ul#activity li, .LSRow small, #searchcontrols small  {
   color: #CC3399;
   }

a, a:visited, .sidebar a:visited {
   color: #CC3399;
   }


.post p a:visited {
   color: #CC3399;
   }

#af-ela-menu li {
   border: none;
   background: #FFFFFF;
   color: #CC3399;
   }


#af-ela-menu, #af-ela-menu li {
   border-bottom: 1px solid #CC3399;
   }

#af-ela-menu li.selected {
   background: #FFFFFF;
   }

/* Hovering state of the table items */
#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover {
   background: #FFFFFF;
   border-top: 1px solid #FF99FF;
   border-bottom: 1px solid #FF99FF;
   }

/* Active or hovered item in list */
#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-post li:hover {
   background: #222;
   border-top: 1px solid #FF99FF;
   border-bottom: 1px solid #FF99FF;
   }

#af-ela-post {
   border-left: 1px solid #CC3399;
   border-right: none;
   }

/* Rolling Archives Slider */
#dynamic-content #pagetrack {
   height: 18px;
   background: url('sliderbgleft.png') no-repeat center left;
   }

#dynamic-content #pagetrackwrap {
   height: 18px;
   padding-right: 4px;
   top: 0px;
   background: url('sliderbgright.png') no-repeat center right;
   }

#dynamic-content #pagehandle {
   width: 18px;
   height: 18px;
   top: 0px;
   background: url('sliderhandle.png') no-repeat center center;
   cursor: e-resize;
   }

body.smartposition #rollingarchives {
   background-color: white;
   border-bottom: 1px solid #444;
   }
