/*----------------------- 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: 24px;
	font-weight: normal;
	font-style: italic;
}

h2 { 
	font-size: 24px;
	font-weight: normal;
	color: #c20000;
}

h3 { 
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	color: #c20000;
	text-transform: lowercase;
}

a img { border: 0px; }

a { color: black; }

a:hover { color: #c20000; }


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

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


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

small { font-size: 10px; }

html {
	height: 100%;
}

body  {
	font-family: Georgia, "Times New Roman", serif;
	font-size:14px;
	background: #FFFFFF;
	margin: 0px;
	color: black;
	line-height:24px;
	height: 100%;	
}

.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;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	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 -----------------------*/
/*--------------- ie. not the photo gallery --------------*/

body {
	background: #f5f5f5 url(../images/bg.png) no-repeat top center;
	text-align: center;
}

#wrapper {
	position: relative;
	width: 888px;
	margin: auto;
	text-align: left;
	height: 100%;
}

#left {
	background: url(../images/left_bg.png) repeat-y left;
	width: 343px;
	padding: 0px 102px;
	float: left;
	min-height: 100%;
}

#left #header {
	margin-top: 80px;
	margin-bottom: 55px;
}

#left #menu {
	margin-bottom: 55px;
	font-size: 13px;
	text-transform: lowercase;
	font-style: italic;
}

#left #menu ul {
	list-style-type: none;
}

#left #menu ul li {
	display: inline;
	margin-right: 20px;
	position: relative;
}

#left #menu ul li a {
	text-decoration: none;
}

#left #menu ul li a:hover, #left #menu ul li.active a {
	color: #c20000;
	border-bottom: 1px solid #c20000;
}

#submenu {
	position: absolute;
	top: 20px;
	left: -50px;
	line-height: 13px;
	width: 343px;
}

#bracebar {
	background: url("../images/brace-bg.jpg") repeat-x;
	height: 13px;
}

#bracebar #brace-left {
	float: left;
}

#bracebar #brace-middle {
	position: relative;
	left: 35px;
}

#bracebar #brace-right {
	float: right;
}

#submenu ul {
	list-style-type: none;
	text-align: justify;
	display: inline;
}

#submenu ul.submenu_ul li.submenu_li {
	display: inline;
	margin: 3px;
	margin-right: 3px !important;
}

#submenu ul li a {
	text-decoration: none;
	color: #c20000;
}

#current_gallery {
	border-bottom: 1px solid #c20000;
	color: #c20000;
	text-weight: bold;
}

#submenu ul li a:hover {
	text-decoration: underline;
}

.hidden {
	visibility: hidden;
	display: block;
}

#left #content #posts {
	width: 757px;
	text-align: left;
}

#left #content p:last{
	min-height: 150px;
}

#left #footer {
	padding-top: 40px;
	padding-bottom: 55px;
	margin-bottom: 55px;
	font-size: 13px;
	text-transform: lowercase;
	text-align: center;
}

#left #footer ul {
	list-style-type: none;
	width: 200px;
	margin: auto;
}

#left #footer ul li {
	width: 100px;
	text-align: center;
}

#left #footer ul li#left_link {
	float: left;
}

#left #footer ul li#left_link img {
	vertical-align: bottom;
}

#left #footer ul li#right_link {
	float: right;
}

#left #footer ul li a {
	color: #c20000;
	text-decoration: none;
}

#right-wrapper {
	position: absolute;
	top: 0px;
	left: 590px;
	width: 300px;
}

#right {
	background: url(../images/right_bg.png) repeat-y center;
	width: 184px;
	padding: 10px 66px;
	overflow: hidden;
	font-size: 12px;
	line-height: 18px;
}

#right-bottom {
	background: url(../images/right-bottom_bg.png) repeat-y top center;
	width: 184px;
	height:56px;
	padding: 0px 66px 10px 66px;
	overflow: hidden;
}

/**************** gallery styling *********************************/

#gallery {
	position: relative;
	left: -88px;
	width: 872px;
	padding: 18px;
	background: #f5f5f5;
}

#gallery_prev, #gallery_next {
	background: url(../x.gif);
	position: absolute;
	top: 18px;
	height: 273px;
	width: 70px;
	padding-top: 237px;
	z-index: 300;
}

#gallery_prev {
	left: 18px;
	text-align: right;
}

#gallery_next {
	left: 820px;
}

#gallery_viewer {
	position: relative;
	background: #f5f5f5;
	width: 872px;
	height: 510px;
	overflow: hidden;
}

#gallery_viewer ul {
	list-style-type: none;
	width: 10000px;
}

#gallery_viewer ul li {
	display: inline;
}

#gallery_nav {
	float: right;
}

#gallery_nav ul {
	list-style-type: none;
}

#gallery_nav ul li {
	display: inline;
}

#gallery_nav ul li a {
	text-decoration: none;
}

#gallery p {
	width: 343px;
}

/* ---------------- page and post images -----------------------*/

div#page_image {
	position: absolute; 
	top: 231px; 
	padding: 10px;
	padding-bottom: 2px; 
	left: 529px; 
	background: #f5f5f5;
}

div.post_image_main_page {
	position: relative;
	float: right;
	padding: 10px;
	padding-bottom: 2px; 
	top: -10px;
	background: #f5f5f5;
}

div.hr_short {
	width: 343px;
	height: 20px;
	border-top: 1px solid black;
}