Begin Miscellaneous
****************************************************************************************************/
*
{
margin: 0;
padding: 0;
}
/****************************************************************************************************
Begin Body
****************************************************************************************************/
body
{
background: #d8c6a6 url('images/content.jpg') center repeat-y;
color: #333;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif, "bitstream vera sans";
}
img
{
border: 2px solid #333;
}
a
{
color: #624f2f;
}
/****************************************************************************************************
Begin Header
****************************************************************************************************/
#header
{
background: #7e673e url('images/pfony.png') top center no-repeat;
height: 100px;
top: 0;
width: 100%;
}
#header-content
{
height: 100px;
margin: 0 auto;
width: 760px;
}
#header-content h1 {
color: #3b2a0c;
font-size: 270%;
letter-spacing: -3px;
font-family: "trebuchet ms", helvetica, sans-serif;
text-align: right;
padding-top: 15px;
padding-left: 0px;
margin-bottom: -10px;
}
#header-content h2 {
color: #CCC;
font-size: 200%;
letter-spacing: -2px;
font-family: "trebuchet ms", helvetica, sans-serif;
text-align: right;
}
/****************************************************************************************************
Begin Navigation
****************************************************************************************************/
#navigation
{
left: 50%;
margin-left: -61px;
position: absolute;
width: 122px;
}
#navigation li
{
list-style-type: none;
list-style-image: none;
}
#navigation a
{
color: #FFF;
display: block;
height: 50px;
line-height: 50px;
text-align: center;
text-decoration: none;
}
#navigation a:hover
{
background: #7e673e;
color: #332407;
}
#navigation .active
{
background: #7e673e;
color: #332407;
}
/****************************************************************************************************
Begin Content
****************************************************************************************************/
#content
{
left: 50%;
margin-left: -380px;
position: absolute;
width: 760px;
}
/****************************************************************************************************
Begin Left
****************************************************************************************************/
.left
{
float: left;
padding-top: 10px;
width: 304px;
}
.left p
{
padding: 10px;
}
.left h1
{
border-bottom: 1px solid #888;
font-size: 1.3em;
padding-top: 10px;
}
.left code
{
border: 1px solid #624f2f;
border-left: 9px solid #624f2f;
display: block;
margin: 10px;
padding: 10px;
text-align: left;
}
.left li
{
list-style: circle;
margin-left: 30px;
}
/****************************************************************************************************
Begin Center
****************************************************************************************************/
.center
{
float: left;
width: 152px;
}
/****************************************************************************************************
Begin Right
****************************************************************************************************/
.right
{
float: right;
padding-top: 10px;
width: 304px;
}
.right p
{
padding: 10px;
}
.right h1
{
text-align: left;
border-bottom: 1px solid #888;
font-size: 1.3em;
padding-top: 10px;
}
.right code
{
border: 1px solid #624f2f;
border-right: 9px solid #624f2f;
display: block;
margin: 10px;
padding: 10px;
text-align: left;
}
.right li
{
list-style: circle;
margin-left: 30px;
}