/*----------------------- document setup/defaults --------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

p, h1, h2, h3 { margin-bottom: 10px; }

h1 { 
	font-size: 25px;
	line-height: 25px;
	font-weight: normal;
}

h2 { 
	font-size: 21px;
	font-weight: bold;
	line-height: 21px;
	color: #383838;
}

h3 { 
	font-size: 13px;
	line-height: 13px;
}

a img { border: 0px; }

a { color: #383838; }

.hr {
	color: #383838;
	border-bottom: 1px solid #d9d9d9;
	height: 20px;
	margin-bottom: 20px;
}


h2 a { 
	color: #383838; 
	text-decoration: none;
}

h2 a:hover { text-decoration: underline; }


input, select { font-size: 11px; }

small { font-size: 10px; }

html {
	height: 100%;
}

body  {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
	line-height:24px;
  background: white url(../images/wrapper_bg.png) repeat-y;
  color: #383838;
	height: 100%;	
  text-align: center;
}

.spacer {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}




/************* BEGIN FORGE DEFAULTS ***********/
/*--------------- forms ------------- */
table.form {
	font-size: 10px;
	border-top: 1px solid #BFBEAE;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
table.form tr td {
	padding: 6px;
	border-bottom: 1px solid #d2d0bf;
	vertical-align: top;
}

table.form tr td img {
	vertical-align: middle;
}
table.form td.label {
	width: 20%;
	font-size: 9px;
	font-weight: bold;
	color: #665E59;
	text-transform: uppercase;
	vertical-align: top;
}
table.form td.control {
	width: 80%;
	vertical-align: top;
}


/*-------------- posts --------------- */
.pagination-info {
	line-height: 14px;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 11px;
}

.post {
	margin-bottom: 20px;
	float: left;
	width: 343px;
}

.post em {
	font-size: 12px;
}

.post a.read_more {
	color: #c20000;
	font-style: italic;
	font-size: 12px;
}

.post h2, .post h3 {
	margin: 0px;
	padding: 0px;
}

/*---------------- comments ----------------- */
#comments { margin-top: 25px; }
#new-comment { border-top: 1px solid silver; padding-top: 10px; }
/*#comment-message { float: left; width: 58%; }
#comment-details { float: right; width: 38%; } */
#comment-details strong small { font-weight: normal; }
#comment-details input.textfield { width: 100%; font-size: 18px; }
#comment-details input.submit { font-size: 14px; }
#comment-details p { margin-bottom: 20px; }
#comment-message textarea { height: 193px; width: 100%; }
#new-comment textarea, #new-comment input.textfield { background: #f6f6f6; border: 1px solid #999; }

.avatar { width: 60px; float: left; margin-right: 10px; }
.avatar img { border: 5px solid silver; }
.comment { border-top: 1px solid silver; padding: 15px 0px; font-size: 13px; }

/*------------- photo gallery ------------- */
#photo-thumbnails {
	list-style: none;
}

#photo-thumbnails li {
	float: left;
	margin: 0px 26px 25px 0px;
	width: 96px;
	text-align: center;
	font-size: 11px;
}

#photo-thumbnails li img {
	width: 90px;
	height: 90px;
	padding: 2px;
	border: 1px solid silver;
}

#photo-thumbnails li.last {
	margin-right: 0px;
}

#photo-thumbnails li.spacer {
	margin-right: 0px;
	width: 0px;
}


#photo-thumbnails li a {
	position: static;
	
}


/*------------- flash messages ------------- */
.flash-msg, .errorExplanation {
	padding: 5px 10px 5px 30px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
}
#flash-notice {
	color: #577700;
	border: 1px solid #658900;
	background: url(/images/icon_accept.gif) #E9F1D5 no-repeat 6px 6px;
}
.errorExplanation, #flash-warning, #flash-error {
	color: red;
	border: 1px solid red;
	background: url(/images/action_stop.gif) #FFC9C9 no-repeat 8px 6px;
}

.errorExplanation h2 {
	color: red;
	text-transform: none;
	margin-top: 2px;
}
div.fieldWithErrors {
	display: inline;
}

/*--------------- main page layout -----------------------*/
#wrapper {
	min-height: 100%;
  text-align: left;
	width: 100%;
}

#left {
  width: 330px;
}

#header {
	background: white;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
	height: 90px;
}

#header h1 a {
	text-decoration: none;
}

#menu {
  font-size: 15px;
  width: 200px;
	padding-top: 20px;
	height: 100%;
	float: left;
}

#menu ul {
	list-style: none;
}

#menu ul li {
	height: 30px;
}

#menu ul li.menu_spacer {
	background: url(../images/menu_spacer.png) no-repeat;
	margin-left: 40px;
}

#menu ul li a {
	color: #383838;
	text-decoration: none;
	display: block;
	width: 160px;
	padding-left: 40px;
}

#menu ul li a:hover, #menu ul li a.current {
	background: #d9d9d9;
}

#submenu {
  font-size: 12px;
	position: relative;
  width: 130px;
	float: left;
	overflow: hidden;
}

#submenu h3 { 
	font-size: 13px;
	line-height: 13px;
	padding-left: 20px;
}

#submenu ul {
	list-style: none;
  padding-left: 20px;
}

#submenu ul.gallery {
	top: 0px;
	position: absolute;
	padding-top: 20px;
	padding-bottom: 20px;	
}

#submenu ul li {
	line-height: 20px;
}

#submenu ul li a {
	color: #383838;
}

#submenu ul.gallery li {
	height: auto;
	display: block;
}

#gallery_up {
	background: white url(../images/gallery_up_bg.png);
	opacity: .01;
	filter:alpha(opacity=01);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 46px;
	width: 130px;
}

#gallery_down {
	background: white url(../images/gallery_down_bg.png) no-repeat;
	opacity: .01;
	filter:alpha(opacity=01);
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 46px;
	width: 130px;
}

#right {
	position: absolute;
	top: 0px;
	left: 330px;
}

/* --------------------------- non-gallery pages ----------------------- */

#content {
	padding-top: 32px;
	padding-left: 20px;
	width: 550px;
}

/* ------------------------- gallery pages ------------------------------*/

#gallery {
	position: relative;
	padding-left: 1px;
	width: auto;
	height: 100%;
}

#gallery ul {
	list-style: none;
	position: relative;
	height: 100%;
	width: auto;
}

#gallery li {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

#gallery li img {
}

.image_info_bg {
	background: black;
	opacity: 0.4;
	filter:alpha(opacity=40);
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 36px;
	width: 100%;
	overflow: hidden;
}

.image_info {
	color: white;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 36px;
	width: 100%;
	overflow: hidden;
}

.image_info_col_w_border {
	line-height: 14px;
	margin: 9px 0px;
	border-right: 1px solid white;
	padding: 0px 20px;
	height: 18	px;
	float: left;
}

.image_info_col_w_border a {
	color: white;
	text-decoration: none;
}

.image_info_col_wo_border {
	line-height: 14px;
	margin: 9px 0px 8px 20px;
	float: left;
	height: 18px;
}

a.show_button {
	position: absolute;
	top: -1px;
	left: 28px;
	display: none;
}