@charset "UTF-8";
/* CSS Document */


/*  =========================================
	standard formatting
	=========================================
*/

body { 
 background-color: #ECF1EA; 
 margin-left: 10px; 
 margin-right: 10px; 
 margin-top: 10px; 
 font-size: 10px; 
 font-family: verdana, arial, times new roman, sans, serif;
 text-decoration: none;
 color:#333333;
}

a:link { 
 color: #663300; 
 text-decoration: none; 
}

a:visited { 
 color: #666600; 
 text-decoration: none; 
}

a:active { 
 color: #663300; 
 text-decoration: none; 
}

a:hover { 
 color: #666600; 
 text-decoration: underline; 
}

.weblog a {
 font-weight: bold;
}
.weblogbody a {
 font-weight: bold;
}


b { font-weight:bold;}



hr { 
color: #CCCCCC;
height: 1px;
background-color: transparent;
border-bottom: 1px dotted #d9d9d9;
border-right: 0px;
border-left: 0px;
}

img {
border:0;
}

blockquote{border-left:5px solid #ddd;margin:10px 0px;padding:0px 15px;}

/*  =========================================
	custom formatting
	=========================================
*/

.standard {
 font-size: 10px; 
 font-family: verdana, arial, times new roman, sans, serif;
 text-decoration: none;
 text-transform: none;
 color:#333333;
}

.fixedwidth {
 font-size: 10px; 
 font-family: monaco, courier;
 text-decoration: none;
 text-transform: none;
 color:#333333;
}

.spud-caps {
font-family: georgia, garamond, times new roman, sans, serif;
font-size: 14px; 
font-weight: bold;
text-transform: none;
color: #333333;
text-decoration: none;
background-color : transparent;
line-height: 14pt
}

.spud-author {
font-size:11px;
font-family: georgia, garamond, times new roman, sans, serif;
text-transform: uppercase;
}

.spud-caps-big {
font-family: georgia, garamond, times new roman, sans, serif;
font-size: 12px; 
font-weight: normal;
text-transform: uppercase;
color: #333333;
text-decoration: none;
background-color : transparent;
}

.spud-big {
font-size: 12px; 
}

.grey {color: #999999;}
.white {color: #ffffff;}

.reallysmall {
font-size:9px;
color: #999999;
font-family: arial, verdana, trebuchet, sans, serif;
}

.reallysmalldark {
font-size:9px;
color: #333333;
font-family: arial, verdana, trebuchet, sans, serif;
}


.thumbnail { 

margin: 3px;  
} 

.spacer { 
clear: both; 
}

/*--- "member" links: login, register, calendar, etc. ---*/

.loginLinks, .loginLinks a { 
 color:       #ffffff;
 font-family: verdana, arial, trebuchet, sans, serif;
 font-size:   10px; 
}
.loginLinks a:link    { color:  #ffffff; font-weight: normal;}
.loginLinks a:visited { color:  #ffffff; font-weight: normal;}
.loginLinks a:active  { color:  #ffffff; font-weight: normal;}
.loginLinks a:hover   { color:  #ffffff; font-weight: normal;} 


/*--- Dotted line between menu items in sidebar ---*/

.menuSpacer {
 border-bottom: 1px solid #999999;
 margin-bottom: 1px; 
}


/*---  Used in Trackback and Pingback page.  ---*/

H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   17px;
 color:       #333333;
 font-weight: bold;
}

/*---  Used in Weblog templates to format the title of entries  ---*/

H3 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   18px;
 color:       #333333;
 font-weight: bold;
}

/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/

H4 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #999999;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}

/*---  Used in comment templates to format text used in the comment form. ---*/

H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}



/*---  Weblog entry formatting.  ---*/

.weblog {
 font-size: 12px; 
}
.weblogbody {
 font-size: 12px; 
}


/*---mm  Webloglinks entry formatting.  mm---*/

.webloglinks {
}


/*---  Name of author in weblog entries ---*/

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #999999;
 font-weight: normal;
}

/*---  Paragraph formatting in weblog entries ---*/

p  { 
font-family: verdana, arial, georgia, times new roman, sans, serif; 
font-size: 12px; 
text-indent: 0px;
color: #333333;
background-color : transparent;
}



/*--  Default form field formatting. --*/

form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #C3C7A7;
  border-left:        1px solid #C3C7A7;
  background-color:   #DFE4BE;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          9px;
  height:             1.6em;
  padding:            .3em 0 0 2px;
  margin-top:          0px;
  margin-bottom:       3px;
}  

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #DFE4BE;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          9px;
  margin-top:         3px;
  margin-bottom:      3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #DFE4BE;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          9px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #DFE4BE;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          10px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000000;
}





/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

/*  =========================================
	menu
	=========================================
*/


.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	position:relative;
	top:0px;
	}
.menu ul{
	background:#c3c7a7;
	height:20px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#c3c7a7 url("http://www.spudart.org/menu/images/seperator.png") bottom right no-repeat;
		color:#585e50;
		display:block;
		font-weight:normal;
		line-height:20px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #ba7c37 url("http://www.spudart.org/menu/images/hover.png") bottom center no-repeat;
			color:#ffffff;
			text-decoration:none;
			}
	.menu li ul{
		background:#c3c7a7;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('http://www.spudart.org/menu/images/sub_sep.png') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:25px;
		font-size:10px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#ba7c37 url('http://www.spudart.org/menu/images/hover_sub.png') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		
