/*------------------------
	General
------------------------*/
* {
  outline: none;
}
body {
  background-color: #EFEFEF;
  color: #333;
  font-family: Arial;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}
a:link, a:visited {
  color: #326E8C; /* sky blue */
  text-decoration: none;
}
a:hover {
  background-color: #222;
  color: #FFF;
}
h1 {
  font-size: 130%;
  line-height: 60px;
  margin: 0px;
  padding: 0px;
}
h2 {
  font-size: 120%;
  margin: 0px;
  padding: 0px;
}
h3 {
  font-size: 110%;
  margin: 0px;
  padding: 0px;
}
h1 a:link, h1 a:visited, h1 a:hover {
  background: none;
  color: #444;
  text-decoration: none;
}


/*------------------------
	Structure
------------------------*/
#outer-container {
  height: 100%;
  width: 100%;
}
#container, #header, #categories_banner {
  margin: 0 auto;
  padding: 0px;
  width: 800px;
}

/*------------------------
	Header table
------------------------*/
#header table {
  background-color: transparent;
  background-image: url(../images/light.bg.jpg);
  background-repeat: repeat-x;
  border: none;
  height: 60px;
  width: 800px;
}
#header td.nav a:link, td.nav a:visited {
  background-color: transparent;
  background-image: url(../images/light.bg.jpg);
  background-repeat: repeat-x;
  color: #757575;
  display: block;
  font-size: 90%;
  line-height: 60px;
  padding: 0px 10px 0px 0px;
  text-decoration: none;
}
#header td.nav a:hover {
  background-image: none;
  color: #333;
}
#logolink {
  background-image: url(../images/light.logo.jpg);
  display: block;
  height: 60px;
  width: 393px;
}

/* NAVIGATION BUTTONS */
#nav_button {
  padding: 0px;
}
#nav_button a {
  height: 20px;
  float: left;
  margin: 20px 0px 20px 0px;
  width: 20px;
}
#nav_button span {
  display: none;
}
#nav_button a:hover {
  opacity: 0.60;
  filter: alpha(opacity=60);
}
#nav_button a.nav_prev {  background: url(../images/light.button.prev.gif) no-repeat; margin-left: 5px; }
#nav_button a.nav_next {  background: url(../images/light.button.next.gif) no-repeat; }
#nav_button a.nav_light {  background: url(../images/light.button.light.gif) no-repeat;  margin-left: 5px; }
#nav_button a.nav_dark {  background: url(../images/light.button.dark.gif) no-repeat; }
#nav_button a.nav_rss {  background: url(../images/light.button.rss.gif) no-repeat; margin-left: 5px; margin-right: 10px; }

/* PHOTO */
#hphoto, #vphoto {
  border: none;
  display: none;
}
.photo_cell {
  background-color: #FFF;
  background-image: url(../images/loadingW.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.photo {
  display: none;
}

/* PHOTO TEXT */
.photo_text {
  background-color: #AAA;
  line-height: 150%;
  padding: 20px;
}

/* SIDE COLUMN */
.side_col {
  background-color: #AAA;
  width: 250px;
}

/* SIDE MENU */
.side_menu {
  line-height: 150%;
  padding: 20px;
}
.side_menu h3 {
  margin: 1em 0px 1em 0px;
}
.side_menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.side_menu ul li {
  line-height: 190%;
}

/* CATEGORIES BAR */
#categories {
  background-color: #CCC;
  font-size: 100%;
  padding: 20px;
}

/* COMMENTS BAR */
#comments_link {
  background-color: #DDD;
  cursor: pointer;
  font-size: 100%;
  padding: 10px 20px 20px 20px;
}
#comments {
  background-color: #DDD;
  font-size: 100%;
  padding: 0px 20px 20px 20px;
}
#comments_panel {
  border: none;
  width: 100%;
}
#comments_panel .view_comments {
  border: none;
  width: 500px;
  padding: 0 20px;
}
#comments_panel .view_comments ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#comments_panel .view_comments ul li {
  border: 1px solid #AAA;
  margin: 0 0 20px 0;
  padding: 0px 5px;
}
#comments_panel .add_comments {
  border: none;
  width: 300px;
  padding: 0 20px;
}
#comments_panel .input {
  background-color: #EFEFEF;
	border: none;
  color: #444;
  font-family: Arial;
  font-size: 100%;
  padding: 0px 2px;
}
#comments_panel .input_submit {
  background-color: #EFEFEF;
  border: 3px double #AAA;
  color: #444;
  font-family: Arial;
  font-size: 100%;
  padding: 0px 4px 0px 4px;
}

/* 'ARCHIVES' PAGE THUMBNAILS */
#thumbs {
  background-color: #CCC;
  padding: 20px 0px 60px 0px;
  text-align: center;
}
#thumbs a:link, #thumbs a:visited {
  border: 1px solid #AAA;
  display: block;
  float: left;
  margin: 8px;
}
#thumbs a:hover {
  border: 1px solid #000;
}
#thumbs a img {
  border: none;
  margin: 6px;
}

/* 'ARCHIVES' THUMBNAILS NAVIGATION */
#thumbsnav {
  color: #333;
  background-color: #BBB;
  font-size: 110%;
  line-height: 150%;
  padding: 20px;
}

/* 'ARCHIVES' PAGINATION */
#pagination {
  display: inline;
  padding: 0 5px;
}
#pagination ul {
  display: inline;
  font-size: 110%;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left; /*Set to "right" to right align pagination interface*/
}
#pagination li {
  display: inline;
}
#pagination a {
  border: 1px solid #999;
  padding: 2px 7px;
}
#pagination a.currentpage, #pagination a.currentpage:link, #pagination a.currentpage:visited, #pagination a.currentpage :hover {
  background-color: #999;
  border: 1px solid #999;
  color: #FFF;
  cursor: default;
  font-weight: bold;
}
#pagination a.disabled, #pagination a.disabled:link, #pagination a.disabled:visited, #pagination a.disabled:hover{
  background-color: #BBB;
  border: 1px solid #AAA;
  color: #AAA;
  cursor: default;
}

/* 'ARCHIVES' CATEGORIES DROP BOX */
#category_box {
  border: 1px solid #999;
  padding: 2px 7px;
}
#category_list ul {
  font-size: 110%;
  list-style: none;
  margin: 0px;
  padding: 0 0 0 10px;
}
#category_list a {
  padding: 2px 7px;
}

/* 'ABOUT' PAGE TEXT */
#about_page_content {
  background-color:#CCC;
  padding: 20px;
}
#about_page_content img {
  border: 1px solid #AAA;
  display: block;
  float: none;
  padding: 6px;
}
#about_page_content h3 {
  display: inline;
  font-size: 150%;
  font-weight: bold;
  margin: 0px 1px 0px 0px;
}