/* General */

body {
  background: #666;
  color: #666;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 101%;
  margin: 0;
  padding: 0;
}

a { color: #FFF; }

a:hover { text-decoration: none; }

label { margin: 0 0 0 2px; padding: 5px; text-transform: uppercase; }

h1, h2, h3, p, ul { margin: 0px; font-size: 0.8em; font-weight: normal; }

h1 { font-size: 2.0em; padding: 0 0 5px 0; }

h2, h3 {
  margin: 0 0 15px 0;
  padding: 5px 0 0 0;
  text-transform: uppercase;
}

h2 a { color: #FFF; padding: 5px; text-decoration: none; }

h3 a { background-color: #333; color: #FFF; padding: 5px; text-decoration: none; }

h2 a:hover, h3 a:hover { text-decoration: underline; }

img { border: 0; }

ul { list-style-type: none; }


/* Content */

div#content {
  background: url(../images/background.jpg);
  padding: 25px 25px 15px 25px;
  width: 905px;
}


/* Header */

img#logo { margin-bottom: 25px; }

ul#navigation {
  font-size: 16px;
  float: right;
  text-transform: uppercase;
}

#navigation li { display: inline; margin: 0 2px 0 0; }

#navigation a {
  background-color: #FFF;
  color: #333;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

#navigation a:hover { color: #FFF; }

#navigation a#Home:hover, #navigation a#About:hover, #navigation a#Galleries:hover, #navigation a#Contact:hover { background-color: #345591; }


/* Main */

div#main { margin: 25px 0 25px 0; min-height: 200px; padding: 0 0 0 60px; }

#main div.entry { height: 140px; width: 515px; }

#main div.entry_article { width: 515px; }

#main div.entry img, #main div.entry_article img { float: left; margin: 0 15px 5px 0; }

#main ul.thumbnails { margin: 30px 0 0 0; padding: 0; }

#main ul.thumbnails li img { margin: 0 25px 25px 0; }


/* Sidebar */

div#sidebar {
  margin: 25px 0 25px 0;
  padding: 0 0 0 60px;
  float: right;
  min-height: 200px;
  width: 225px;
}

#sidebar a { color: #333; }

#sidebar h3 a { color: #FFF; }

#sidebar p { margin: 0 0 25px 0; }

#sidebar ul { margin: 0 0 25px 0; padding: 0; }

#sidebar li { padding-bottom: 5px; }

ul.thumbnails li { display: inline; padding: none; }


/* Galleries
   ---------
   Defines specific formatting for the galleries section of the main gallery page */

div#galleries {
  height: 175px;
  margin: 0 25px 0 0;
  width: 515px;
}

#galleries img.thumb { float: left; margin: 0 15px 0 0; }


/* Mailer
   ------
   Defines specific formatting for the mailer page */

#main div.mailer p { margin: 0 0 15px 0; }

#main div.mailer div.form { margin: 0 0 15px 0; text-transform: uppercase; }

#main div.mailer div.form p { margin: 0 0 10px 0; }


/* Footer */

div#footer { color: #333; font-size: 0.7em; text-align: right; }
