/*

This is the style sheet for scratchpad.
It's free to use, just like the site template.
Mod it, copy it, build on it.
You're the man now, dog.

*/

body   {
	background: url(bg.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	line-height: normal;
}

/*

The site's main mojo.
This is the big box everything goes in.

*/

#bigbox    {
   width: 780px;
   background: #fff;
   border: 1px solid black;
   margin: 20px auto auto auto;
}


/*

This is the blue box at the top of the page that
you see the words "scratchpad" in.

*/

#head   {
	height:100px;
	background-color: #C06203;
	text-align:center;
}

/*

I put the words "scratchpad" in a <p> tag so I
could give them styles without messing with other
things I (or you) may decide to put up there.

*/

#head  p  {
	font-family: Trebuchet MS, Verdana, helvetica, arial, sans-serif;
	font-size: 150%;
	color: #fff;
	text-align: center;
	margin-left: 20px;
	margin-top: 0px;
	padding-top: 11px;
}

/*

The second word is bigger than the first because
of this code.  Look at the XHTML source and you'll
understand.

*/

#head strong  {
font-size:180%;
}

/*

This is the box that the headlines, their sub-headlines
and the paragraphs go in.

*/ 


#navbar   {
background-color:#E5B243;
text-decoration:none;
}


/*

This is the box for the main text: the headlines, their sub-headlines
and the paragraphs.

*/ 

#contentbox   {
width: 650px;
padding: 35px 50px 35px 50px;
line-height: 1.1em;
font-family:Verdana, helvetica, arial, sans-serif;
}

/*

The paragraph text.

*/


#contentbox p  {
text-align: left;
font-size: 90%;
font-family:Verdana, helvetica, arial, sans-serif;
}

/*

These are the big and small headlines.

*/


#contentbox h1  {
font-family: helvetica, Verdana, arial, sans-serif;
font-size: 160%;
line-height: normal;
}

#contentbox h2  {
font-family:Trebuchet MS, helvetica, arial, sans-serif;
font-size:125%;
color:#3879ff;
line-height: normal;
}

#contentbox h3  {
font-family: helvetica, Verdana, arial, sans-serif;
font-size:135%;
line-height: normal;
}

#contentbox h4  {
font-family: helvetica, Verdana, arial, sans-serif;
font-size:110%;
line-height: normal;
}

/*

This makes links change color and become
underlined when moused over.

*/


#contentbox a  {
color:#115FFF;
text-decoration:none;
}

#contentbox a:hover  {
color:#33cc33;
text-decoration:none;
}

/*

This is stuff for the fine print
at the bottom of the page.

*/

#fineprint  {
width:500px;
margin: 20px auto 0px auto;
text-align:center;
font-family:Trebuchet MS, Verdana, helvetica, arial, sans-serif;
color:#383838;
padding-top:5px;
text-decoration:none;
font-size:70%;
border-top:1px dotted #383838;
}

/*

I had this in place so that my "Made on a Mac"
button would be centered next to the footer
text, but OSWD doesn't allow buttons.  I left
this code here in case you decide to add buttons
of your own.

*/

#fineprint img  {
margin: 0px 0px -10px 0px;
}

#fineprint a  {
text-decoration:none;
color:#383838;
}

#fineprint a:hover  {
text-decoration:underline;
}

/*
something else for picture frame picasaweb/wnpp website
*/

#pictureframe   {
line-height: 1.1em;
font-size: 95%;
font-family:Verdana, helvetica, arial, sans-serif;
}

#pictureframe a  {
color:#003399;
text-decoration:none;
}

#pictureframe a:hover  {
color:#339900;
text-decoration:none;