/** --------------------------------------------------
/**  Index
/** -------------------------------------------------- */

.slideshow { 
position: relative;
left: -25px;
margin-right: -50px;
overflow: hidden; 
top: -25px; 
width: 960px;
height: 274px;
}


/**  categories
/** ------------------------------ */

#categories {
float: left;
margin: 0 20px 40px 0;
width: 290px;
}

#categories h1 {
color: #333;
font-size: 1.8em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2;
margin-bottom: 10px;
}

#categories p {
background: #fff url(../images/button_gradient.gif) repeat-x left bottom;
border: 1px solid #eee;
margin-bottom: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#categories a {
background: url(../images/button_arrow.gif) no-repeat right center;
display: block;
padding: 10px;
text-decoration: none;
}

#categories a strong {color: #1c4d7f;}

#categories a:hover strong {
color: #666;
}

#categories strong {
color: #3399ff;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: bold;
line-height: 1.2;
}

#categories em {
color: #666;
display: block;
font-size: 1.1em;
font-style: normal;
line-height: 1.2;
}


/**  latset
/** ------------------------------ */

#latest {
float: right;
width: 600px;
}

#latest h1 {
color: #333;
font-size: 1.8em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2;
margin-bottom: 10px;
}

#latest table {
width: 100%;
}

#latest td {
text-align: center;
vertical-align: bottom;
padding-bottom: 20px;
width: 25%;
}

#latest img {
background: #ccc;
margin-bottom: 10px;
}


/**  statistic
/** ------------------------------ */

#statistic {
float: right;
width: 285px;
}

#statistic h1 {
background: #3399ff;
color: #eee;
font-size: 1.4em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2;
padding: 10px;
margin-bottom: 10px;
}

#statistic .count {
background: #ccc;
padding: 10px;
margin-bottom: 10px;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#statistic .count strong {
display: block;
float: left;
font-size: 3em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-right: 10px;
}

#statistic .count em {
color: #444;
font-size: 1.1em;
font-style: normal;
line-height: 1.2;
}

#statistic dt {
color: #333;
font-size: 1.2em;
font-weight: bold;
float: left;
line-height: 1.2;
width: 80px;
}

#statistic dd {
color: #333;
font-size: 1.2em;
font-weight: normal;
float: left;
line-height: 1.2;
width: 62px;
}