@import url(luna_core.css);
@import url(http://www.google.com/cse/api/branding.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: #fff;
      font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
    }

To change the background colour of white (#fff) 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;
}
*/

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

/*  --- MY STYLES ---  *\

body {
	  background: #f1f1f1;
      color: #333333;
      font-family: normal 12px Tahoma, "Trebuchet MS", Geneva, Verdana, sans-serif;
}

/* change width of document */
#wrapper {

  width: 100%;
  border: 0;
  /* border-left: 1px solid #666; */
  /* border-right: 1px solid #666; */
}
.navbar {
  margin-bottom: 0px;
}
/* links */
a {
  color: #06c;
  text-decoration: underline;
}
a:visited {
  color: #06c;
  text-decoration: underline;
}
a:active {
  color: #36c;
  text-decoration: none;
}
a:hover {
  color: #00c;
  text-decoration: none;
}


/* the actual link listings */
a.listings {
  color: #06c;
  text-decoration: underline;
}
a.listings:visited {
  color: #445599;
  text-decoration: underline;
}
a.listings:active {
  color: #36c;
  text-decoration: none;
}
a.listings:hover {
  color: #00c;
  text-decoration: none;
}

.linklisting .linkdescription {
color: #333333;
background: none repeat scroll 0 0 #f1f1f1;
border:1px solid #BBBFA1;
margin:0 0 5px;
overflow:hidden;
padding:5px;
}

/* link/bookmark status icons. This fixes new cool stuff so they show up clean */
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
  background: transparent;
  font-weight: normal;
  line-height: 12px;
  font-size: 9px;
  color: #ffffff;
  vertical-align: text-top;
  padding: 0 3px 2px 3px;  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
  padding: 0 0 1px 0;
  background: transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;  
}
.new-item {
  background-color: #8c3030;
}
.updated-item {
  background-color: #c5a600;
}
.popular-item {
  background-color: #314fb1;
}
.unpaid-item {
  background-color: #555555;
}
.expired-item {
  background-color: #92589c;
}
.free-item {
  background-color: #a7a87c;
}
.bookmark-public {
  background-color: #cc6613;
}
.bookmark-default {
  background-color: #7fb131;
}

/* This formats thumbshots */
.tshot {border:0; margin: 2px;}

.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #eee;
}
/* fixing main navigation display */
ul.primarynav a {
  margin-right: 1px;
  padding: 7px 9px 7px 10px;
  float: left;
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}
ul.primarynav a:visited {
  color: #fff;
  text-decoration: none;
}
ul.primarynav a:hover {
  color: #fff;
  background: #737180;
  text-decoration: none;
}
ul.primarynav li.home a {
  margin-right: 0px;
  text-decoration: none;
}
#loginbar {
  float: right;
  text-align: right;
  padding: 5px;
}
#loginbar a {
  color: #06c;
  font-size: 12px;
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  font-weight: bold;
  display: inline;
}
#loginbar a:visited {
  color: #06c;
}
#loginbar a:active {
  color: #36c;
}
#loginbar a:hover {
  color: #00c;
}
#loginbar a.in {
  background: transparent url(images/login.gif) center right no-repeat;
}
#loginbar a.out {
  background: transparent url(images/logout.gif) center right no-repeat;
}
.searchbar a {
  color: #06c;
  font-size: .8em;
}
.searchbar a:hover {
  color: #00c;
}
#header {
  background: none;
}
#logo {
  width: 470px;
  height: 26px;
  background: transparent url(/images/network_subtitle2.gif) top left no-repeat;
  text-indent: -9999px;
}
#topbanneradbar {
	background: url(/images/bluesun.jpg) no-repeat scroll right bottom #000000;;
	text-align: center;
	width: 100%;
	padding: 0;
	display: block;
}
#category dl, #home dl { 
width: 49%; 
}


/*---------------*\
|* edf1f8 is general pagebackground and #6B7189 is the more purple blue rt border *|
\*---------------*/
#ocwrapper {
/* background colour of left sidebar */
  border-left: 0px solid #333;
  border-top: 0px solid #333;
/* background colour of right sidebar */
  border-right: 200px solid #e2e1eb;
  background: #e2e1eb;
}

#rightsidebar {
  	text-align: center;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	background: #fafafa url(/images/contentblockbk.gif) repeat-y;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;	
	padding: 0;
}


.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #F2F5FA;
}
.row.required {
  background: #edf1f8;
}
#contentheader {
  padding: 10px 10px 0px 10px;
  background: #F1F0FA;
}
.row.required {
  background: #F1F0FA;
}
#contentfooter {
  background: #F1F0FA;
}
#topmenuwrapper {
  border-left: 0px solid #333;
  border-right: 0px solid #333;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  background: #eee;
}

/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border: 0px solid #333;
  background: #eee;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}
/* setting this in mozilla causes rendering issues */
* html .searchbar input.submit {
  height: 21px;
}
.searchbar a {
  color: #212126;
  font-size: 10px;
}
.searchbar a:hover {
  color: #5c5b66;
}

/*--------*\
|* footer *|
\*--------*/
#footer {
  padding: 5px;
  border: none;
  background: #eee url(/images/footertrim.gif) bottom repeat-x;
  text-align: center;
}
#footer img {
  float: right;
}
#footer p {
  margin: 0px;
  padding: 10px 0px;
  color: #666;
  font-size: 10px;
}
/* tables */
.ftable {
  margin-top: 5px;
  border-bottom: 3px solid #eee;
  border-collapse: collapse;
  width: 100%;
/* ie5-5.5 don't inherit the font style properly */
  font-size: 11px;
}
.ftable th {
  background: #eee;
  text-align: left;
}
.ftable th, .ftable td {
  padding: 3px 5px;
}
.ftablecol {
  border-right: 1px solid #eee;
}
#content {
  margin: 0px 10px;
  padding: 10px;
  background: #fff;
  font-size: 12px;
}

#content h3 {
  border-bottom: 1px dotted #333;
}

#svsitenavbar {
	text-align: left;
	height: 24px;
	width: 100%;
	background: #eeeeee url(/images/navmenubg.gif);
	}
#svsitenavbar img {vertical-align: middle}

#svsitenavbarbottom {
	text-align: left;
	height: 24px;
	width: 100%;
	background: #eeeeee url(/images/navmenubg.gif);
	}
#svsitenavbarbottom img {vertical-align: middle}

.mainmenu {
	color: #06c;
	text-decoration: none;
	margin: 0 2px;
	padding: 2px 3px;
	font-weight: bold;
	font-size: .8em;
	}
a.mainmenu:visited {color: #06c;	text-decoration: none;}
a.mainmenu:active {color: #039;	text-decoration: none;}
a.mainmenu:hover {color: #039; text-decoration: none; background: url(/images/hovermenu2.jpg);}


.bluetrimbead {
  padding: 0px;
  border-left: 0px solid #333;
  border-right: 0px solid #333;
  height: 8px;
  text-align: right;
  background: #006 url(/images/topmenubead.gif);
}
#submissionrules li {
  font-size: 12px;
  list-style: disc;
}
/* random links on home page */
#randomlink {
  border-top: 4px solid #6B7189; border-left: 1px solid #6B7189; border-right: 1px solid #6B7189; border-bottom: 4px solid #6B7189;
  margin: 10px 100px;
  padding: 2px;
}

.reclinktitle {font-weight: bold;}
#randomlink h4.linktitle a {font-size: 12px; font-weight: bold; margin-top: 0; padding-top: 0;}
#randomlink div.linklisting {margin: 0 20px 20px 20px;}