/*

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: fixed;
}

/*

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

*/

#bigbox    {
width: 800px;
background: #fff;
border: 1px solid black;
margin: auto auto auto;
background-image:url(fondo.jpg);
background-repeat:repeat-x;

}

/*

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

*/

#head   {
margin:0px;
padding:0px;
height:80px;
background-color:#FFFFFF;
text-align:center;
padding-left:0px;
margin-bottom:5px;
padding-top:20px;
}

/*

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.



/*

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

*/ 

#contentbox   {
width: 700px;
padding: 35px 50px 35px 50px;
background-color:#FFCC66;
}

/*

The paragraph text.

*/


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

/*

These are the big and small headlines.

*/
#aviso {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
border:1px solid #00FF00;
padding-left:10px;
padding-right:10px;
background-image:url(fondo.jpg);
background-repeat:repeat-x;
padding-top:5px;
}

#aviso h1
{

font-size:18px;
display:inline;

}


#contentbox h2 a {
font-family:Trebuchet MS, helvetica, helvetica, arial, sans-serif;
font-size:80%;
color:#3879ff;
text-decoration:none;
}

#contentbox h2 a:hover {
color:#339933;
}


/*

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

*/


#contentbox a  {
color:#3879ff;
text-decoration:none;
}

#contentbox a:hover  {
color:#339900;
text-decoration:underline;
}

/*

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

*/

#fineprint  {
width:400px;
margin: 20px auto 40px 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;
}

/*

Stuff for the top navbar

This makes the unordered list appear like a
menu bar, and not as a real list.

*/