@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


body { margin: 0px; padding: 0px; background: #ffffff; }
h1, h2, h3, h4, a, p, div, span, th, td { font-family: Arial, Verdana, Tahoma, sans-serif; color: #818181; }
h1, h2, h3 { font-size: 1.3em; color: #dbdbdb; }

a { color: #9c9c9c; text-decoration: none; }
a:hover { color: #FF9900; text-decoration: none; }


/* Page
-------------------------------------------------------------- */

#page { width: 685px; margin: 0 auto; }


/* Header
-------------------------------------------------------------- */

#header { width: 685px; height: 60px; margin: 0 auto; border-bottom: 1px solid #818181; }
#header #logo { width: 400px; float: left; }
#header #logo a { display: block; color: #9c9c9c; font-size: 3.4em; font-weight: bold; }
#header #date { float: right; font-weight: bold; text-align: center; padding-top: 1em; }
#date .category { padding-top: 2em; padding-bottom: 0px; margin: 0px; color: #ffffff; letter-spacing: 0.85em; }


/* Content
-------------------------------------------------------------- */

#content { text-align: center; padding-top: 1.1em; padding-bottom: 1.5em; }

#images { width: 580px; padding-left: 57px; _padding-left: 20px; }
/*width: 104px; */
.set { height: 180px; float: left; margin: 5px; }
#gallery { width: 100%; overflow: auto; overflow-y: hidden; }
.photos { width: 100%; margin: 0px; }
.photos td { vertical-align: middle; }

#menu { margin-top: 2em; }
#menu a { margin-right: 1.2em; text-decoration: underline; font-weight: bold; }
#menu a:hover { color: #FF9900; }
#menu .active { text-decoration: none; }

#news { text-align: left; width: 100%; }
.news_title { font-weight: bold; }
.text { margin-left: 2.5em; }


/* Forms
-------------------------------------------------------------- */



/* Footer
-------------------------------------------------------------- */

#footer { width: 685px; height: 22px; margin: 0 auto; border-top: 1px solid #818181; letter-spacing: 0.1em; }
#footer2 td { border: 0px; padding-left: 1em; padding-right: 1em; }


/* Default classes
-------------------------------------------------------------- */

.debug { border: 1px solid #000000; }
.clear { clear: both; }
.right { text-align: right; }
.title { color: #1e01f3; font-weight: bold; }
.highlight { color: #ffffff; background: #9c9c9c; font-weight: bold; padding: 0.3em; padding-top: 0.2em; padding-bottom: 0.1em; }
.button { background: #ffc600; color: #ffffff; font-weight: bold; border: 0px; padding-top: 1px; padding-bottom: 1px; padding-left: 20px; padding-right: 20px; }
.strong { font-weight: bold; }
.center { text-align: center; }

tr.top td { vertical-align: top; }
tr.bottom td { vertical-align: bottom; }
tr.middle td { vertical-align: middle; }

.noborder * { border: 0px; }