body
{
font-family: myfirstfont;
color: #505050;
background-color: #CEF6D8;
}

@font-face
{
font-family: myfirstfont;
src: url(segoepr.woff);
}

a
{
color: #505050;
}

a:hover
{
color: green;
text-decoration: underline;
}

#container
{
margin-left: auto;
margin-right: auto;
width: 800px;
background-color: white;
border-radius: 5px;
}

#container2
{
margin-left: auto;
margin-right: auto;
width: 800px;
}

.pot
{
font-size: 80%;
}

#gallery
{
clear: both;
}


#header
{

}

.header
{
width: 700px;
padding-top: 20px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
}

#section
{
padding-top: 10px; 
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}

#blog
{
padding-top: 20px;
}

#nav
{

text-align: center;
font-size: 100%;
word-spacing: 30px;
}

#clear
{
clear: both;
}

.title
{
font-size: 170%;
letter-spacing: -2px;
color: #00a388;
font-weight: bold;
line-height: 120%;
}

.subtitle
{
font-size: 130%;
letter-spacing: -2px;
color: #00a388;
line-height: 120%;
}

.date
{
font-size: 110%;
letter-spacing: -2px;
color: #00a388;
}

p
{
font-size: 90%;
line-height: 150%;
}

img
{
border-radius: 5px;
}

.img250
{
width: 250px;
margin: 0px auto;
}

.img300
{
width: 300px;
margin: 0px auto;
}

.img480
{
width: 480px;
padding-top: 5px;
margin: 0px auto;
font-size: 80%;
text-align: center;
}

.img400
{
width: 400px;
padding-top: 5px;
margin: 0px auto;
}

.img800
{
width: 760px;
margin: 0px auto;
}

.img100
{
width: 100px;
margin: 0px auto;
font-size: 80%;
text-align: center;
}

.imgleft
{
width: 350px;
float: left;
margin-right: 15px;
}

.imgright
{
float: right;
width: 300px;
margin-left: 15px;
}

.right
{
margin-top: 20px;
text-align: right;
}