@import url(luna_core.css);

/*
This file inherits from luna_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at luna_core.css, the colour is
defined in the rule:

 body {
      margin: 0px;
      padding: 0px;
      color: #33332e;
      background: #ffffff;
      font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
    }

To change the background colour of white (#ffffff) to gray (#dddddd), you would
add the following to this file:

    body {
      background: #dddddd;
    }

If you also wanted to change the font as well as the background, then you could
use:

    body {
      background: #dddddd;
      font: normal 12px times new roman;
    }

Also note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category.html template, you can do this by:

    #category h2 { 
      color: red; 
      font-weight: bold; 
    }

To start you off, some sample overriding styles have been provided below.  Note
that you will have to uncomment the rules for them to work.
*/

/* logo size and image source */
/*
#logo {
  width: 250px;
  height: 80px;
  background-image: url(images/logo.gif);
}
*/

/* show the left sidebar */
/*
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/

/* hide the right sidebar */
/*
#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: none;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}
*/

/* change the right sidebar width */
/* note that the sidebars have a 10px padding, hence the 150px - 10px = 140px width */
/*
#ocwrapper {
  border-right-width: 150px;
}
#rightsidebar {
  margin-right: -150px;
  width: 140px;
}
#contentheader .error, #contentheader .message {
  margin: 0px 150px 0px 0px;
}
*/

/* change width of document */
/*
#wrapper {
  width: 95%;
}
*/

/* don't want the shadows? */
/*
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}
*/

/* IWD mods start here */

#logo {
  width: 318px;
  height: 102px;
  background-image: url(images/logo.gif);
}

#leftsidebar {
  display: block;
}

#header {
  background: transparent url(images/swirls.gif) center right no-repeat;
}

#contentheader {
   text-align: center;
}

ul.primarynav {
  width: 100%;
  background: #336699;
}

ul.secondarynav {
  width: 100%;
  background: #336699;
}

code {
  display:block;
  padding:5px;
  background:#eee;
  border-width:0 0 2px 2px;
  border-color:#ccc;
  border-style:solid;
}

alertbox  {
  display: block;
  font: normal 11px tahoma, geneva, verdana, sans-serif;  
  padding: 5px;
  background: #fff;
  border-width: 0 0 2px 2px;
  border-color: #ccc;
  border-style: solid;
}

#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}

.sponsorsblock {
  margin: 10px;
  padding: 10px 10px 10px 10px;
  width: 140px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  color: #8c3030;
  text-align: left;
}

#bannerAd {
  visibility:visible;
}

.gadslisting {
  margin: 15px 20px 15px 20px;
}

.gadsunit {
  padding: 0px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;
}


/* link type status icons */
.basic-item, .priority-item, .premium-item {
  background: transparent url(images/button-left.gif) top left no-repeat;
  font-weight: normal;
  font-size: 9px;
  color: #ffffff;
  vertical-align: text-top;
}

.basic-item span, .priority-item span, .premium-item span {
  padding: 0px 3px;
  background: transparent url(images/button-right.gif) top right no-repeat;
}

.basic-item {
  background-color: #4040FF;
}

.priority-item {
  background-color: #C00000;
}

.premium-item {
  background-color: #C0C000;
}

.preview img {
  padding: 2px;
  border-width: 3px;
  border-color: #336699;
  border-style: solid;
}

span.linkactions {
  margin: 0px;
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}

#home dl {
  margin: 10px 0px 0px 0px;
  width: 100%;
  float: left;
}

/* latest links */
.latestlinklisting {
  margin: 5px 5px 5px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  background: #ffffff;
  overflow: hidden;
}

.latestlinklisting  h4.linktitle, .latestlinklisting  p.linkurl  {
  margin: 2px 0px;
}

.latestlinklisting  h4.linktitle a {
  padding-bottom: 0px;
}

.latestlinklisting  p.linkurl a {
  font-size: 9px;
  text-decoration: none;
}

.latestlinklisting .linkdescription {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;
}

/* overflow: hidden doesn't work in ie unless the width is set */
* html .latestlinklisting .linkdescription {
  width: 96%;
}

.latestlinklisting  p.linkactions {
  margin: 0px;
}

.latestlinklisting  p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}

.latestlinklisting  p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}