/*(C) June 2006 charlene kangas */

body
{
color: #000;
background-color: #fff;
background-image: url(wallpaper.jpg);
/*background-position: bottom right;
background-attachment: fixed;
background-repeat: no-repeat;*/
padding: 0;
margin:0;
font: 80% verdana, arial, sans-serif;
}

a
{
font: 80% verdana, arial, sans-serif;
color: #000;
text-decoration: none;
}

a:hover
{
font: 80% verdana, arial, sans-serif;
background-color: #c3dea3;
color: #000;
}

#header
{
background-image:url(header2.jpg);
background-repeat: no-repeat;
width: 742px;
height: 189px;
margin-left: auto;
margin-right: auto;
}

#contentsIndex
{
background-image: url(mainBG.gif);
background-repeat: repeat-y;
width: 742px;
height: 875px;
margin-top: -4px;
margin-left:auto;
margin-right: auto;
display: block;
}

#contentsWebWork
{
background-image: url(mainBG.gif);
background-repeat: repeat-y;
width: 742px;
height: 1075px;
margin-top: -4px;
margin-left:auto;
margin-right: auto;
display: block;
}

#contentsPrintWork
{
background-image: url(mainBG.gif);
background-repeat: repeat-y;
width: 742px;
height: 900px;
margin-top: -4px;
margin-left:auto;
margin-right: auto;
display: block;
}

#contentsContactMe
{
background-image: url(mainBG.gif);
background-repeat: repeat-y;
width: 742px;
height: 500px;
margin-top: -4px;
margin-left:auto;
margin-right: auto;
display: block;
}

#contentsPortfolio
{
background-image: url(mainBG.gif);
background-repeat: repeat-y;
width: 742px;
height: 555px;
margin-top: -4px;
margin-left:auto;
margin-right: auto;
display: block;
}

#contentsSitemap
{
background-image: url(mainBG.gif);
background-repeat: repeat-y;
width: 742px;
height: 500px;
margin-top: -4px;
margin-left:auto;
margin-right: auto;
display: block;
}

#contentsCopyright
{
background-image: url(mainBG.gif);
background-repeat: repeat-y;
width: 742px;
height: 500px;
margin-top: -4px;
margin-left:auto;
margin-right: auto;
display: block;
}

#contentsServices
{
background-image: url(mainBG.gif);
background-repeat: repeat-y;
width: 742px;
height: 570px;
margin-top: -4px;
margin-left:auto;
margin-right: auto;
display: block;
}


#footer
{
background-image: url(footerBG2.png);
background-repeat: no-repeat;
width: 742px;
height: 106px;
margin-left:auto;
margin-right: auto;
display: block;
margin-top: 0px;
clear: both;
}

#footerInfo
{

width:375px;
display: block;
margin-left:auto;
margin-right: auto;
text-align: center;
font: 85% verdana, arial, sans-serif;
color: #596b41;
margin-top: -70px;
/*background-color: #cccccc;*/
}


/***************************************** nav stuff below *********************************/
#nav ul
{
list-style-type: none;
display: block;
width: 742px;
text-align: center;
margin-left: auto;
margin-right: auto;

}

#nav li
{
display: inline;
padding: 2px;
margin: 0px;
background-color: #aebad6;

}


#nav li a
{
color: #000;
text-decoration: none;
}

#nav li a:hover
{
color: #000000;
text-decoration: none;
background-color: #aebad6;
border-bottom: 2px solid #666666;
}



#nav li:hover
{
background-color: #aebad6;

}

#nav li#current
{
font-weight: bold;
border-bottom: 2px solid #666666;
background-color: #aebad6;
font: 85% verdana, arial, sans-serif;
}


#navcontainer
{

margin-top: -16px;
display: block;
width: 742px;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* sub nav stuff below */

#subnavcontainer
{
display: block;
width: 742px;
height: 20px;
text-align: center;
margin-left: auto;
margin-right: auto;

}

#subnav ul
{
list-style-type: none;
display: block;
width: 220px;
text-align: center;
margin-left: auto;
margin-right: auto;

}


#subnav li
{
display: inline;
padding: 2px;
margin: 0px;
background-color: #c3dea3;
}


#subnav li a
{
color: #000;
text-decoration: none;
}

#subnav li a:hover
{
color: #000000;
text-decoration: none;
}



#subnav li:hover
{
border-bottom: 2px solid #666666;
}

#subnav li#subcurrent
{
font-weight: bold;
border-bottom: 2px solid #666666;
background-color: #c3dea3;
padding-top: 5px;
font-size: 80%;

}
 
.downArrow
{
border: 0px;
}

/* site divs */

.sites
{
width: 490px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: -20px;
display: block;
}

.thumb
{
border: 1px solid #666666;
float: left;
margin: 80px 30px 20px 20px;
display: block;
}

.details p
{
float: right;
margin: -100px 20px 10px 5px;
padding-left: 30px;
padding-top: 10px;
border-left: 2px solid #cccccc;
font: 90% verdana, arial, sans-serif;
width: 300px;
height: 80px;
text-align: left;
display: block;
line-height: 1.6em;

}


.details
{
display: block;
width: auto;
height: 115px;
}

.details p a
{
text-decoration: underline;
color: #333333;
font: 100% verdana, arial, sans-serif;
font-weight: bold;
text-align: center;
display: block;
margin-bottom: 10px;
margin-top: -10px;
background-color: #c1ceec;
}

.details a:hover
{
font: 100% verdana, arial, sans-serif;
background-color: #c3dea3;
color: #333333;
font-weight: bold;
}
.details span.notactive
{
text-decoration: underline;
color: #333333;
font: 100% verdana, arial, sans-serif;
font-weight: bold;
text-align: center;
display: block;
margin-bottom: 10px;
margin-top: -10px;
background-color: #c1ceec;
}


.details span.italic
{
font-style: italic;
}

/* contact page - whoooopeee */

#form
{
width: 460px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}

.comments
{
float: left;
width: 75px;
padding: 0px;
}

.inputs
{
float: right;
width: 450px;
margin-top: 10px;

}

.comment /* for <p></p> inside .comments div */
{
font: 100% verdana, arial, sans-serif;
color: #000000;
margin-top: 130px;
padding-top: 0px;
height: 20px;

}


/* focus you! */
input:focus, select:focus, textarea:focus, button:focus{
background-color: #d4f4a4;
color: #333333;
border: 1px solid #cccccc;
font: 100% verdana, arial, sans-serif;
}

input, select, textarea
{
background-color: #ffffff;
color: #333333;
border: 1px solid #cccccc;
font: 100% verdana, arial, sans-serif;
margin-left: 15px;
margin-bottom: 5px;
}



#form input.button
{
background: #d4f4a4;
color: #333333;
border: 1px solid #cccccc;
font: 100% verdana, arial, sans-serif;
margin: 20px 10px 20px 0px;
float: left;
}

.buttons
{
width: auto;
margin-top: 10px;
margin-left: 125px;
}

label
{
  float:left;
  width: 100px;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  margin-left:0.3em;
  }

legend
{
	background-color: #ffffff;
	color: #666666;
}
  
  fieldset 
  {
  border: 1px dotted #aebad6;
  font-weight: bold;
  color: #666666;
  }
  
  /* i need TP for my Portfolio! */
 
.portfolio
{
width: 270px;
margin-left: 130px;
margin-right: auto;
text-align: left;
margin-top:30px;
display: block;
}

.folder
{
width: 192px;
height: 176px;
float: left;
border: 1px dotted #aebad6;
margin-top: -152px;
display: block;
margin-left: 300px;
margin-bottom: 30px;
}

.portfolio h1
{
font: 95% verdana, arial, sans-serif;
font-weight: bold;
color: #333333;
background-color: #d7e1ed;
border-top: 1px solid #999999;
width: 270px;
float: left;
display: inline;
border-bottom: 1px solid #cccccc;
}

.portfolio p
{
width: 270px;
line-height: 2.0em;
float: left;
text-align: justify;
margin-top: 3px;
margin-bottom: 60px;
height: 65px;
}

/* poll */

.poll
{
background-image: url(pollBG.gif);
background-repeat: no-repeat;
width: 460px;
height: 215px;
margin-left:  auto;
margin-right: auto;
clear: both;
}

.pollcontainer
{
width: 450px;
height: 175px;
padding-top: 45px;
padding-left: 20px;
}

.pollcontainer a
{
text-decoration: underline;
}

.pollcontainer a:hover
{
text-decoration: none;
}







/* sitemap of DOOM */
#contentsSitemap h2
{
background: url(sitemap.gif) no-repeat;
width: 350px;
height: 50px;
margin-top: 20px;
border: 1px dotted #999999;
margin-left: 20px;
}

#contentsSitemap h2 span
{
display: none;
}

#sitemap
{
width: 490px;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 40px;
}

#sitemap ul
{
list-style-image: url(arrow.gif);
background-repeat: no-repeat;
margin-left: 0px;
}

#sitemap li
{
margin-bottom: 10px;
}

#sitemap li li
{
margin-left: 0px;
}

#sitemap li ul
{
list-style-image: url(greenArrow.gif);
background-repeat: no-repeat;
margin-top: 10px;
}

#sitemap a
{
font: 100% verdana, arial, sans-serif;
color: #000;
text-decoration: none;
}

#sitemap a:hover
{
font: 100% verdana, arial, sans-serif;
background-color: #c3dea3;
color: #000;
}








/* Services */


.services
{
width: 490px;
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top:30px;
display: block;
}

.services ul
{
list-style-image: url(arrow.gif);
background-repeat: no-repeat;
width: 170px;
clear:left;
margin-left: 0px;
padding-left: 15px;
margin-top: 10px;
font: 95% verdana, arial, sans-serif;
}

.services li
{
margin-left: 0px;
padding-left: 1px;
padding-top: 3px;
}

.services li li
{
margin-left: 0px;
}

.services li ul
{
list-style-image: url(greenArrow.gif);
background-repeat: no-repeat;
margin-top: 10px;
}

.servicesBG
{
width: 307px;
height: 217px;
float: left;
margin-left: 195px;
margin-top: -220px;
}

.services h1
{
font: 95% verdana, arial, sans-serif;
font-weight: bold;
color: #333333;
background-color: #d7e1ed;
border-top: 1px solid #999999;
width: 175px;
float: left;
display: inline;
border-bottom: 1px solid #cccccc;
}

.servicesLeft
{
width: 175px;
float: left;
margin-top: 0px;
margin-left: 130px;
margin-bottom: 35px;
}

.checkItOut
{
width: 270px; 
height: 145px;
float: left;
margin-left: 215px;
margin-top: -180px;
color: #575c60;
text-align: left;
}

.checkItOut ul
{
list-style-image: url(listBG.gif);
height: 145px;
width: 270px;
margin-left: 15px;
padding: 0px;
}

.checkItOut li
{
margin-top: 7px;
}    

#testimonials
{
width: 495px;
margin-left: auto;
margin-right: auto;
background-image:url(testimonialHeader.png);
background-repeat: no-repeat;
background-position: top center;
display: block;
clear: both;
padding-top: 20px;
}

#testimonialText
{
margin-left: auto;
margin-right: auto;
width: 430px;
padding-top: 10px;
height: 160px;
overflow: auto;
margin-top: 7px;
font: 95% verdana, arial, sans-serif;
}

.testimonialDiv
{
padding-bottom: 9px;
border-bottom: 1px dotted #333333;
padding-right: 9px;

}


#testimonialText p
{
line-height: 1.5em;
text-align: left;
}

#testimonialText span
{
font-style: italic;
}


/* Index page, Feed Tickers */
.rsstitle
{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription

{ 

/*shared class for all description elements in an RSS feed*/
}

.w3class, .waspclass, .nprclass
{
width: 375px;
padding: 5px;
background-color: #e0e7f7;
border: 1px solid black;
margin-bottom: 1em;
height: 120px;
margin-left: auto;
margin-right: auto;
display:block;
overflow: auto;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.
-moz-opacity: 0.8;
*/
}

.w3class a, .waspclass a, .nprclass a{
color:  #58150f;
text-decoration: underline;
}

#tickers
{
width: 495px;
margin-left: auto;
margin-right: auto;
background-image:url(tickerHeader.png);
background-repeat: no-repeat;
background-position: top center;
}

#labels
{
margin-left: auto;
margin-right: auto;
width: 390px;
padding-top: 10px;
}

#date
{
width: 480px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
margin-bottom: 35px;
border-bottom: 2px dotted #999999;
border-top: 2px dotted #999999;
background-color: #e0e7f7;
}

#whatsNew
{
margin-left: 130px;
margin-right: 20px;
width: 290px;
margin-bottom: 40px;
background-color: #e0e7f7;
padding-bottom: 10px;
}

#whatsNew a
{
text-decoration: underline;
}

#whatsNew p
{
color: #000000;
width: 275px;
text-align: justify;
margin: 7px;
}

#whatsNew h2
{
background: url(whatsNew.gif) no-repeat;
width: 288px;
height: 50px;
border: 1px dotted #999999;
}

#whatsNew h2 span
{
display: none;
}

#new
{
float: left;
display: inline;
margin-top: -230px;
margin-left: 440px;
border:0px;
}


/* copyright */
#contentsCopyright h2
{
background: url(copyright.gif) no-repeat;
width: 350px;
height: 50px;
margin-top: 20px;
border: 1px dotted #999999;
margin-left: 20px;
}

#contentsCopyright h2 span
{
display: none;
}

#contentsCopyright p
{
text-align: left;
color: #5c7533;
margin-left: 22px;
margin-right: auto;
margin-bottom: 25px;
}

#copyright
{
width: 490px;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 40px;
}

#copyright ul
{
list-style-image: url(arrow.gif);
background-repeat: no-repeat;
margin-left: 0px;
}

#copyright li
{
margin-bottom: 10px;
}


#copyright a
{
font: 100% verdana, arial, sans-serif;
color: #000;
text-decoration: none;
}

#copyright a:hover
{
font: 100% verdana, arial, sans-serif;
background-color: #c3dea3;
color: #000;
}