/***************************************************************************
 --  VirtualDog Master Stylesheet
 --  Theme: midnight
 --  Media: screen
 ***************************************************************************/

/**
 **   Global Element Properties
 **/

body {
  background: #000;
  color: #003330;
  margin: 15px;
  font-family: Comic Sans Ms, Cosmo, Arial, sans-serif;
  font-size: 85%;
  text-align: left;
}

div { text-align: left; }
td  { text-align: left; }

a	{ color: #50248a; }
a:hover	{ color: #40d; }


/*
 *   Layout Area Properties
 */

table#layout {
  border-top: 10px solid black;
  border-bottom: 10px solid black;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
}

/* logobar */

td#logobar {
  background: #000 url(/images/layout/midnight/logobar_bkg.gif);
  width: 560px;
  height: 60px;
}

/* menubar */

td#menubar {
  background: #50248a url(/images/layout/midnight/menubar_bkg.gif) top no-repeat;
  vertical-align: bottom;
  padding-bottom: 5px;
  width: 560px;
  height: 35px;
  color: #990;
  font-size: 85%;
}

.menubar-left {
  padding-left: 10px;
  float: left;
}

.menubar-right {
  padding-right: 10px;
  float: right;
}

a.menuitem {
  font-weight: bold;
  text-decoration: none;
  color: #dd0;
}

a.menuitem:hover {
  color: #ff7;
  background-color: #64b;
}

img#logo {
  border: 0;
  float: left;
  margin: 13px 18px;
}

/* content */

td#content {
  background-color: #FFFFFF;
  vertical-align: top;
}

.sidebordertop {
  background-color: #FFFFFF;
  vertical-align: top;
  width: 5px;
}

.sideborderbottom {
  background-color: #FFFFFF;
  vertical-align: bottom;
  width: 5px;
}

table#dividedcontent {
  width: 100%;
  border-top: 10px solid white;
  border-bottom: 10px solid white;
}

table#dividedcontent td#leftcol {
  padding-right: 10px;
  vertical-align: top;
}

table#dividedcontent td#rightcol {
  width: 180px;
  padding-left: 10px;
  border-left: 1px solid #999;
  vertical-align: top;
  text-align: center;
}

/* Descriptions of things. Just foreground. */
.description		{ font-size: 90%; color: #993333; } 
.description_dogs	{ font-size: 90%; color: #669900; }
.description_tipstricks { font-size: 90%; color: #00514E; }
.kennelgrouplinks	{ margin-bottom: 1em; }

/* Article stuff */

.article_heading { color: red; }
.article { }
.articlecredits {
  /* font-size: 80%; */
  font-size: 70%;
  border-top: 1px solid #aaf;
  margin-top: 2em;
}

.feedback {
  color: #993366;
}

.date_color {
  color: #369;
  font-weight: bold;
  font-size: 85%
}

.signature {
  color: #336;
  font-style: italic;
}

.quotebox {
  color: green;
  background-color: #f7f7ff;
  border-top: 1px solid #ccf;
  border-bottom: 1px solid #ccf;
  padding: 10px;
  margin: 2em 0 2em 0;
}

.quotebox_pound {
  color: #CC0066;
  background-color: #FFFFCC;
  border-top: 1px solid #FFCC00;
  border-bottom: 1px solid #FFCC00;
  padding: 10px;
}

.quotebox_pound_show {
  color: #CC0066;
  background-color: #CCFFCC;
  border-top: 1px solid #66FF33;
  border-bottom: 1px solid #66FF33;
  padding: 10px;
}

.quotebox_pound_adopt {
  color: #666600;
  background-color: #FFCCCC;
  border-top: 1px solid #FF0033;
  border-bottom: 1px solid #FF0033;
  padding: 10px;
}

.quotebox_important {
  color: #cc3333;
  font-weight: bold;
  font-size: 110%;
  background-color: #FFFF99;
  border: 1px solid #FF0033;
  padding: 10px;
}

.quotebox_pound_congrats {
  color: #663366;
  background-color: #FFFF99;
  border-top: 1px solid #FF0033;
  border-bottom: 1px solid #FF0033;
  padding: 10px;
}

.quotebox_pound_done {
  color: #663366;
  background-color: #99EB99;
  border-top: 1px solid #FF0033;
  border-bottom: 1px solid #FF0033;
  padding: 10px;
}

.newsflash { border: 0; }

/* Bottom Menu */

td#blueedge {
  background: #50248a url(/images/layout/midnight/blueedge_bkg.gif)
              bottom no-repeat;
  width: 560px;
  height: 10px;
}

td#bottommenu {
  background: #50248a url(/images/layout/midnight/bottommenu_bkg.gif) 
              bottom no-repeat;
  vertical-align: middle;
  text-align: center;
  width: 560px;
  height: 35px;
  font-size: 85%;
}

/* Bottom menu when it's just a regular old menu */
span#bottommenu		{ color: #aac; }
span#bottommenu a	{ color: #eee; }
span#bottommenu a:hover	{ color: #fff; }

/* Bottom menu when it's our sparkly aux. functions menu. */

span#bottominfolinks { color: #66a; }

span#bottominfolinks a {
  color: #a9f;
  text-decoration: none;
  margin-left: .5em;
  margin-right: .5em;

}

span#bottominfolinks a:hover { color: #fff; }

/* Footer area */

td#greyfooter {
  text-align: center;
  background: #646464 url(/images/layout/midnight/greyfooter_bkg.gif) bottom no-repeat;
  width: 560px;
  height: 24px;
  font-size: 85%;
}

span#greyfooter {
  /* font-size: 75%; */
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *   The Really Cool headers in the admin page that look like root prompts.
 */

.admin {
  color: #00514e;
}

.admin h3 {
  font-family: monospace;
  font-weight: bold;
  font-size: 120%;
  text-align: right;
  border-top: 1px solid #00514e;
  padding-top: 2px;
  margin: 1em 0 0;
}

.admin a.item {
  display: block;
  color: #00514e;
  margin: 1em 0 0;
  font-size: 110%;
  font-weight: bold;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *   A navigation bar included into content areas.
 *   (see /templates/layout/$theme/navbar.html)
 */

.navbar {
  width: 100%;
  margin: 0 0 1em 0;
}

.navbar td#linkpath {
  background-color: #f4f4ff;
  padding-left: 5px;
  border-bottom: 1px solid #aaf;
  font-size: 85%;
}

.navbar td#contenttitle {
  font-size: 110%;
  font-weight: bold;
  color: #047773;
  text-align: center;
  border-bottom: 1px solid #aaf;
}

.navbar a { text-decoration: none; }
.linksep { color: #99c; }

/* login boxes */

input.login {
  background-color: #eef;
  border: 1px solid #77d;
  padding: 2px;
  margin-bottom: 3px;
  font-family: monospace;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Styles for advertising.
 *  (see /templates/advertising)
 */

.adMarketbanker      {
  color: #66d;
  font-size: 90%;
  padding: 2px;
  border: 1px dotted #ddf;
  background: #eee url(/images/backgrounds/back-228.gif);
  text-align: center;
}
.adMarketbanker a	{ text-decoration: none; color: #03c;}
.adHeadline		{ font-weight: bold; color: #65d;}
.adText			{ margin: 4px; color: #77f;}

.adMarketbankerheader { display: none; }

.buylink {
    font-size: 90%;
    border: 1px solid #aaf;
    background: #eee url(/images/white_blue_vgrad.gif) center left;
    text-align: center;
}

.buylink a {
    text-decoration: none;
    font-weight: bold;
    color: #44e;

}
.adMarketbanker .buylink a {
    font-weight: bold;
    color: #44e;

}

.advdog a      	{ color: #fff;}

	    
.adMarketbankerchat      {
  color: #66d;
  font-size: 90%;
  padding: 2px;
  border: 1px dotted #ddf;
  background: #eee url(/images/backgrounds/back-228.gif);
  text-align: center;
}


/*

div.adMarketbankerheader  {
  background: #aaf;
  border: 1px solid #ccf;
  text-align: center;
  vertical-align: middle;
  color: #55a;
  display: none;
}

div.adMarketbanker 	{
  font-size: 85%;
  padding: 2px;
  border: 1px dotted #aaf;
  background: #ddf;
  text-align: center;
  color: #55a;
}

.adMarketbanker a       { text-decoration: none; color: #55c;}
.adHeadline             { font-weight:bold; }
.adText                 { margin: 4px; color: #77f;}


div.adMarketbankerheader  {
  background: #aaf;
  border: 1px solid #ccf;
  text-align: center;
  vertical-align: middle;
  color: #55a;
}

*/


a.tafmaster {
	display: block;
	color: #76f;
	font-size: 80%;
	text-align: center;
	border: 1px solid #ddf;
	padding: 3px;
	margin: 1em 0 0 0;
	text-decoration: none;
}

.statstable {
  border: 1px solid #aac;
  margin-left: auto;
  margin-right: auto;
  background-color: #dde;
}

.statstable td {
  background: url(/images/white-superlightblue-radial-corner.png);
  text-align: right;
}
/***************************************************************************/

/* vim:sw=2:
*/