/*
CSS for NKDogWalking website
*/

body {
  
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;  
  line-height: 125%;
  padding: 0;  
  background: #B0C0F3 url(blue-gradient.jpg) repeat-x;
}

h1 {
  font-size: x-large;
  float: left; 
  padding-top: .3em;
  padding-left: .5em;
  font-family: "Britannic Bold", "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 195%;  
}

h2, h3 {
  font-weight: normal;
  font-size: 140%;  
  font-family: "Palatino Linotype", Baskerville, serif;  
  color: #3059C3;
  border-bottom: 2px black solid;
  background: url(dogwalker-h2.jpg) no-repeat;
  padding: 8px 0 6px 80px;  
}

h2.fetch {
  background: url(fetch.jpg) no-repeat;
}
  
h3.petsit {
  background: url(pet-sitting.jpg) no-repeat;   
}

img {border: 0;}

#wrapper {
  width: 865px;
  min-width: 600px;
  margin: 30px auto;
}

#contact {
  float: right;
  font-size: large;  
  padding-right: .5em; 
} 

#contact p {
  margin: 12px 0 0;
}

#header {
  overflow: hidden;
  background: #EAD9B8;
  border: 1px solid black;
  border-top: 2px solid white;
  border-left: 1px solid white;  
  margin-bottom: 2em;
  padding-bottom: 15px;
}

#header ul {
  float: left;
  list-style: none outside none;
  margin: 8px 0 0;
  padding: 5px 0 0 64px;
}

#header li {
  padding-left: 30px;
  background: url(check.gif) no-repeat scroll 0 50%;
  font-size: small;
}

#navigation {
  position: relative;
}

#navigation ul {  
  border-top: none;  
  border-left: none;
  border-right: none;    
  padding-top: .7em;
  padding-left: 1em;  
  margin-top: 0;
  margin-bottom: .1em;
  overflow: hidden;
}

#navigation li {
  list-style: none;
  float: left;
  background: url(navtab-left.png) no-repeat left top;
  margin-right: 5px;
  padding-left: 10px;

}

#navigation ul a {
	display: block;
	padding: 0.4em 1em 0.4em 0.4em;
	background-image: url(navtab-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
}

#navigation a:hover {
	color:#F90;
}

#main a  {
	color: #6B8E23;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 2px solid #F60;
}

#main a:visited {
	color: #900;
}

#main a:hover  {
	color: #F33; 
	background-color: #CAE1FF;
    border-bottom-color: #6E97BF;
}

#main a:active {
	color: #B2F511;
}

#wrapper .email {
	color: #666666;
	border: none;
	background: url(email.gif) no-repeat left center;
	padding-left: 20px;
}

#main {
    width: 100%;
    overflow: hidden;
}

#content {
	margin-left: 0;
	width: 580px;
	margin-top: 0;
	background-color: white;
	padding-top: .1em;
	padding-left: .5em;
	padding-right: .5em;
	border: 1px solid black;  
	float: left;
}

#content li {
  list-style: none;
  background-image: url(bullet.png);
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left: 25px;
  margin-bottom: 10px;
}

#sidebar {
  width: 225px;
  float: right;   
}

#sidebar p {
  margin: 0 0 1em;  
}

.walks {
     background-color: #FAEBC7;
     border-color: #FC6512;
     border-style: solid dotted dotted;
     border-width: 20px 1px 1px;
     margin-top: 70px;
     padding: 10px 20px;
}

.walks h3 {
     background: none repeat scroll 0% 0% transparent;
     border: medium none;
     color: black;
     font-family: verdana;
     font-size: 15px;
     font-weight: bold;
     padding: 0pt;
     margin: 0;
}

.walks ol {
     list-style: decimal inside none;
     margin: 20px 0pt;
     padding: 0pt;
}

.walks li {
     margin-bottom: 20px;
}
  
#sidebar img.twitter {  
  border: 0;
  padding: 0;
  vertical-align: bottom;
}

p.twit {
  position: absolute;
  right: 0; 
  bottom: 0;
  margin: 0; 
  padding: 0 1em 0 0;
}

p.twit img {
  vertical-align:bottom;
}

p.caption {
  font: bold .7em/normal Verdana, Arial, Helvetica, sans-serif;
  color: #333 !important;
  text-align: center;
  background-color: #BCD2EE;
  border: 1px dashed #666;
}

.featureimage {
  border: 1px solid black;
  margin-bottom: -.7em;  
}

#caption li {
 display: inline;
 }

.important {
  font-weight: bold;
  background-color: #DCE3F9;
  color: black;
}

#footer {
  width: 100%;
  border: 1px solid #F4EBDC;
  margin-top: 30px;
  background-color: black;
  clear: both;
}

#footer p {
  font-size: 90%;
  color: white;
  margin: 0;
  padding: 0.2em 0 0.2em 1em;
}

.note {
  color: #333;
  border: 2px dashed #6378DF;	
  background-color: #B0E0E6;
  margin-top: 25px;
  margin-bottom: 35px;
  padding: 20px;	
}

.note strong {
	color: #6378DF;
}

.intro p:first-letter {
  font-weight: bold;
  color: #999;
  font-size: 1.5em;
}

/*
TABLE CSS
*/

.datatable {
  border: 1px solid #D6DDE6;
  border-collapse: collapse;
  width: 80%;
  margin: 2em;
}
.datatable col.odd {
  background-color: #BCD2EE;
  color: #000000;
}
.datatable col.even {
  background-color: #6495ED;
  color: #000000;
}
.datatable td {
  border: 2px solid #ffffff;
  padding: 0.3em;
}
.datatable th {
  border: 2px solid #ffffff;
  background-color: black;
  color: #FFFFFF;
  font-weight: bold;
  text-align: left;
  padding: 0.3em;
}  

/*
FORM CSS
*/

form.contact fieldset {
  border: 2px solid #4876FF;
  padding: 10px;
}

form.contact legend {
  font-weight: bold;
  font-size: small;
  color: #27408B;
  padding: 5px;
}

form.contact {
  padding: 0;
  margin: 0;
  margin-top: -15px;
  line-height: 150%;
}

form.contact label {
    font-weight: bold;
    font-size: small;
    color: black;    
    clear: left;	
}

form.contact input.txt {
    color: #00008B;
    background-color: #E3F2F7; 
    border: 1px inset #00008B;
}

form.contact label.fixedwidth {
    display: block;
    width: 240px;
    float: left;  
  	clear: left;
	text-align: right;
	margin-right: 10px;
	margin-left: -25px;
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;	
}

form.contact .buttonarea input {
    background: #4876FF;
    color: white;
    font-weight: bold;
    border: 1px outset solid white;
    padding: 2px 4px 2px 4px;
    font-size: 110%;
}

form.contact .buttonarea {
	text-align: center;
	padding: 4px;
	background-color: black;
}

#name, #field-30049a367c7807c, #email, #field-3837c89ad243250,
#field-5a0d6dc2d69fbda, #field-546fc8889432069 {
	background-color: #FBEF99;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: .9em;	
}

/* Drop Down Menu */

 #field-6c24a4bf07a7180 {
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;	
}

#name:focus,
#field-30049a367c7807c:focus,
#email:focus,
#field-3837c89ad243250:focus,
#field-5a0d6dc2d69fbda:focus,
#field-6c24a4bf07a7180:focus,
#field-546fc8889432069:focus 
{
background-color: #FDD041;
}