/*###############################################################
# color.css                                                     #
#                                                               #
# (c) Copyright 2008 Paul Oliver                                #
#     ccp7@paultastic.com                                       #
# CSS Styles related to colors for my site.                     #
###############################################################*/

body {
	background-image: url(../images/headerBackground2.jpg);
	background-repeat: repeat-x;
}

/* content: box with the main content, header, nav, right column */
#c {
	/* :KLUDGE: To get the menu on the right to have the right background
		I just set the background color to 666 in the content box so that it
		matches.
		
		This is a problem if the left column is shorter than the right, because
		there is a background of gray underneat the white main content box. */
	background: #666;
	background-image: url(../images/sidenav_bg.gif);
	background-repeat: repeat-x;
	color:#333333;
	border-top: thick none #666;
	border-right: thick solid #666;
	border-bottom: thick none #666;
	border-left: thick solid #666;
}

/* navbar at the top */
#nav {
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat;
}
#nav a {
	color: #fff;
}
#nav a:link {
	color: #fff;
}
#nav a:hover {
	color: #000;
	background-image: url(../images/menu_bg_hover.png);
}
#nav a:visited {
	color: #fff;
}
/* left column */
#lc {
	background: #fff;
}
/* right column internal div */
#rci {
	color: #fff;
}

/* sidebar nav: header in the sidebar menu */
.sn, #rcb h3 {
	background-color:#ccc;
	border:1px solid Black;
	color:#000;
}

/* sidebar links */

#rc {

}
#rc a, #rc a:visited {
	color: #cfc;
	border: 0px none;
}
#rc a:hover {
	color: #fff;
	background: #999;
}

/* footer */
#f {
	background-image: url(../images/bg_menu.gif);
}
#f a, #f a:link, #f a:visited {
	color: #cfc;
}

#f a:hover {
	background-color: #cfc;
	color: #000;
}

/* footer internal div, where the content goes */
#fi {
	color: #fff;
}

/* baseline stuff */
h1 {
	color:#555;
}

h2 {
    color: #33a;
}

h3 {
    color: #3a3;
}

h4 {
    color: #000;
}

/* weather high */
.wh {
	background-color: #966;	
}

/* weather low */
.wl {
	background-color: #669;
}

/* weather now */
.wn {
	background-color: #666;
}

/* five day weather forecast */
.wf td {
	background-color: #999;
}

.wf th {
	background-color: #333;
	color: #fff;	
}

/* emphasis box */
.eb {
    background-color: #ffc;
    color: #000;
}

/* admin bar */
#ab {
    background-color: #fcc;
	color: #000;
}

.list0 {
    background-color: #dfd;
}

.list1 {
    background-color: #fff;
 }

/* validation errors */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

.minitext {
    color: #000;
}

.disable {
  background-color: #CF110C;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}


/* b2evo stuff */
.bSmallHead {
}

.bTitle {
    background-color: #ccc;

}