@charset "utf-8";


/*---------------------------------------------| body |
*/
body
{
  background-image:url("../images/bg.png");
  font-family:tahoma;
  font-size:12px;
  margin:0;
  padding:0;
}


/*---------------------------------------------| navbar |
*/
#navbar
{
  color:silver;
  margin:0 1em;
  padding:0.1em 0;
  font-weight:bold;
  font-family:sans-serif;
  font-size:90%;
}

#navbar span
{
  color:#EED;
}

#navbar a
{
  color:lightgray;
  text-decoration:none;
}

#navbar a:hover
{
  color:yellow;
  text-decoration:underline;
}


/*---------------------------------------------| container |
*/
.container
{
  background-color:transparent;
  width:617px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
}


/*---------------------------------------------| box |
*/
.box
{
  position:relative;
  width:617px;
  height:629px;
}

.box a > img
{
  margin:2px 1px 1px 2px;
  padding:0;
  border:0;
  text-decoration:none;
}

.box a > img:hover
{
  margin:0;
  border-width:1px 2px 2px 1px;
  border-style:solid;
  border-color:wheat tan tan wheat;
}

.box a > img:active
{
  margin:0;
  border-width:2px 1px 1px 2px;
  border-style:solid;
  border-color:darkgoldenrod yellow yellow darkgoldenrod;
}


/*---------------------------------------------| alignments |
*/

.alignl p:first-child,
.alignr p:first-child
{
  margin-top:0;
  padding-top:0;
}

/*------------------ both
*/
.alignl,
.alignr
{
  position:absolute;
  top:361px;
  width:149px;
}

/*------------------ left
*/
.alignl
{
  left:72px;
}

/*------------------ right
*/
.alignr
{
  right:72px;
}