/* Localized */
@import url("../_tmpl_styles/106/style.css");

/* Ben's custom shill right here */

.sidebar {
  font-size: 0.8em;
  border-right: 2px solid grey;
  padding-right: 10px;
  padding-left: 50px;
  text-align: right;
  line-height: 130%;
  }


/* now the rest of this is tweaked shill based on blogware */


body, html {
	height: 100%;
}

form {
	margin: 0;
	padding:0;
}

textarea {
	font: normal 11px Verdana,Helvetica,Arial,sans-serif;
	border: 1px solid #999;  
	color: #333333;
	background-color: #fff;
}

input {
	font: normal 11px Verdana,Helvetica,Arial,sans-serif;
	border-top: 1px solid #DEDEDE;  
	border-bottom: 1px solid #999;  
	border-left: 1px solid #DEDEDE;  
	border-right: 1px solid #999;  
	color: #333;
	background-color: #FFF;
	padding: 1px 1px 1px 1px;
}

select {
	font: normal 11px Verdana,Helvetica,Arial,sans-serif;
	border: 1px solid #333;  
}

input.checkbox  {
	border: none ! important;
	background-color: transparent;
}

input.radio  {
	border: none ! important;
	background-color: transparent;
}

img {
	border: none;
}

/*** core ***/

body {
	margin: 12px 12px 12px 12px;
	color: #111;
	background-color: #192F50;
	font: normal 11px Verdana,Helvetica,Arial,sans-serif;
}

table {
	background-color: transparent;
xcolor: #333;
xfont: normal 11px Verdana,Helvetica,Arial,sans-serif;
}

a {
	text-decoration: none;
	color: #0000FF;
	background-color: transparent;
}

a:link, a:visited, a:active {
	background-color: transparent;
	color: red;
	text-decoration: underline;
	cursor: pointer;
}

a:focus {
	outline: thin dotted invert;
}

a:hover {
	background-color: transparent;
	color: #FF9900;
	cursor: pointer;
}

a.plain {
	text-decoration: none;
}

textarea {
	font: normal 11px Verdana,Helvetica,Arial,sans-serif;
}

input {
	font: normal 11px Verdana,Helvetica,Arial,sans-serif;
	cursor: pointer;
}

select {
	font: normal 11px Verdana,Helvetica,Arial,sans-serif;
}

input.buttonWhite {
	background-color: #eee;
	color: #333;
	border-width: 2px;
	border-style: solid;
	border-color: #ccc #999 #999 #ccc;
	font-weight: bold;
	font-size: 11px;
	padding: 0 3px;
}

input.button {
	background-color: #DEDEDE;
	color: #333;
	border-width: 1px;
	border-style: solid;
	border-color: #999 #333 #333 #999;
	font-weight: bold;
	font-size: 11px;
	padding: 0 3px;
}



/***  structural  ***/

table.columns {
	padding: 0;
	height: 100%;
	width: 100%;
}

table.columns td.left {
	vertical-align: top;
	width: 20%;
	height: 100%;
	padding: 15px 12px 15px 12px;
	background-color: #eee;
	color: #999;
	border-right: 1px solid #999;
}

table.columns td.center {
	vertical-align: top;
	padding: 15px 18px 20px 18px;
	height: 100%;
	background-color: #E1DFCA;
	min-width: 340px;
}

table.columns td.header {
	padding: 0 15px 6px 12px;
	background-color: #40648e;
	color: #ddd;
	border-bottom: 5px solid #c5a576;
}

table.columns td.right {
	vertical-align: top;
	width: 25%;
	padding: 15px 12px 15px 8px;
	height: 100%;
	background-color: #c5a576;
	color: #fff;
}

table.columns td.footer {
	padding: 6px 15px 15px 15px;
	font: normal 10px verdana,arial,geneva,sans-serif;
	text-align: center;
	background-color: #000;
	color: #FFF;
	border-top: 2px solid #6699CC;
}

table.blogHeader {
	margin: 0;
	padding: 0;
	color: #fff;
}

table.blogHeader a:link,
table.blogHeader a:active, 
table.blogHeader a:visited {
	color: #eee;
}

table.blogHeader a:hover {
	color: #FF9900;
}

table.blogHeader td.blogHeaderLeft {
	margin: 0;
	vertical-align: bottom;
	padding: 0;
	text-align: left;
	color: #fff;
}

table.blogHeader td.blogHeaderCenter {
	vertical-align: bottom;
	text-align: center;
	color: #fff;
}

table.blogHeader td.blogHeaderRight {
	text-align: right;
	vertical-align: bottom;
	padding: 0;
	color: #fff;
}

table.blogFooter {
}

table.blogFooter a:link,
table.blogFooter a:active, 
table.blogFooter a:visited {
	color: #eee;
}

table.blogFooter a:hover {
	color: #FF9900;
}

table.blogFooter td.blogFooterLeft {
	text-align: left;
}

table.blogFooter td.blogFooterCenter {
	text-align: center;
	font-size: 11px;
}

table.blogFooter td.blogFooterRight {
	text-align: right;
}

#content {
	position: relative;
}

/*** articles ***/

.articleAll {
}

.photoAll {
}

.dayArticles {
	border-bottom: 1px dotted #999;
	margin-bottom: 4px;
}

.article {
	margin-bottom: 30px;
	clear: both;
}

.article p {
	margin: 0 0 1em 0;
}

.articleTitle {
	font: bold 18px verdana,arial,geneva,sans-serif;
	letter-spacing: -1px;
	clear: both;
}

.articleAuthor {
	background-color: transparent;
	font: normal 9px verdana,arial,geneva,sans-serif;
	margin: 2px 0 10px 0;
	background-color: transparent;
	color: #192F50;
	clear: both;
}

.articleBody {
	font: normal 12px Verdana,Helvetica,Arial,sans-serif;
xfont: normal 13px georgia, lucida bright, verdana, serif;
	line-height: 140%;
	clear: both;
}

/****
div.articleBody table td,
div.articleBody table th {
xfont: normal 12px Verdana,Helvetica,Arial,sans-serif;
	line-height: 150%;
}
****/

.articleMore {
	font: bold 10px verdana,arial,geneva,sans-serif;
}

.articleStats {
	background-color: transparent;
	color: #999;
	margin: 9px 0;
	font: normal 9px verdana,arial,geneva,sans-serif;
	white-space: nowrap;
	clear: both;
}

.postDate {
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 15px 0;
	background-color: transparent;
	color: #40648E;
	white-space: nowrap;
}

.photoPostDate {
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0 0 0;
	padding: 4px 0 2px 0;
	background-color: transparent;
	color: #40648E;
	white-space: nowrap;
	border-top: 1px dotted #999;
}

/*** components ***/

#leftcol {
	background-color: transparent;
	color: #666;
}

#leftcol .component {
	margin-bottom: 20px;
	clear: both;
}

#leftcol .componentHead {
	margin: 0;
	padding: 0 4px 0 4px;
	font-size: 11px !important;
	font-weight: bold;
	background-color: transparent;
	color: #999;
	border-style: solid;
	border-color: #dedede;
	border-width: 0px 0 1px 3px;
	white-space: nowrap;
}

#leftcol .componentHead a {
	text-decoration: none;
}

#leftcol .componentContent {
	padding: 6px 0 0 8px;
}

#leftcol a {
}

#leftcol a:link, 
#leftcol a:active, 
#leftcol a:visited {
}

#leftcol a:hover {
}

#centercol {
}

#centercol a {
}

#centercol a:link, 
#centercol a:active, 
#centercol a:visited {
}

#rightcol {
}
 
#rightcol .component {
	padding: 0 5px 5px 5px;
	margin-bottom: 20px;
	clear: both;
	color: #FFF;
}

#rightcol .componentHead {
	margin: 0;
	padding: 0 4px 2px 4px;
	font-size: 11px !important;
	font-weight: bold;
	background-color: transparent;
	color: #192F50;
	text-align: left;
	border-style: dotted;
	border-color: #192F50;
	border-width: 0px 0px 1px 0px;
	white-space: nowrap;
}

#rightcol .componentHead a {
	text-decoration: none;
}

#rightcol .componentContent {
	padding: 6px 0 0 8px;
}

#rightcol a {
}

#rightcol a:link, 
#rightcol a:active, 
#rightcol a:visited {
	color: #FFF;
}

#rightcol a:hover {
	color: #FF9900;
}

.componentRSSFeed {
}

.componentRSSFeed ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.componentRSSFeed ul li {
	margin: 0 0 6px 0;
}

.componentBlogroll {
xfont-size: 11px;
xline-height: 16px;
}

.componentBlogrollItem {
xmargin-bottom:6px;
}

.componentTopics {
xline-height: 18px;
}

.componentTopicItem {
	margin-bottom:6px;
}

.componentArchive {
xline-height: 18px;
	white-space: nowrap;
}

.componentCalendar {
	font: normal 9px verdana,arial,geneva,sans-serif;
	background-color: transparent;
	color: #666;
	text-align: center;
}

table.componentCalendar {
	font-size: 9px;
}

table.componentCalendar td.componentCalendarDayname {
	background-color: transparent;
	color: #FFCC66;
	padding: 0 1px;
}

table.componentCalendar td.componentCalendarDay {
}

.componentLogin {
	text-align: right;
}

.componentWelcome {
}


.componentBlogname {
	text-transform: lowercase;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 60px;
	line-height: 26px;
	position: relative; top: 19px;
	padding-left: 6px;
}

/* Ben blog title shillwad - these are custom */
.blogtitle1 { color: #E1DFCA; font-weight: 600; }
.blogtitle2 { color: #C5A576; font-weight: 400; font-style: italic; }
.blogtitle3 { color: #192F50; font-weight: 600; }


div.componentBlogname a:link, 
div.componentBlogname a:visited,
div.componentBlogname a:active
{
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	font-style: normal;
}

div.componentBlogname a:hover {
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	font-style: normal;
}

.componentPostArticleLink,
.componentEditArticleLink,
.componentRssLink,
.componentHomeLink,
.componentEmailNotifyLink {
	font: bold 10px Verdana,Helvetica,Arial,sans-serif;
}

table.blogHeader td.blogHeaderLeft div.componentText,
table.blogHeader td.blogHeaderCenter div.componentText,
table.blogHeader td.blogHeaderRight div.componentText,
table.blogFooter td.blogFooterLeft div.componentText,
table.blogFooter td.blogFooterCenter div.componentText,
table.blogFooter td.blogFooterRight div.componentText 
{
	display: inline;
	white-space: nowrap;
	padding: 0 5px;
}

#leftcol div.componentText {
	padding: 0;
	margin-bottom: 4px;
}

#rightcol div.componentText {
	padding: 0;
	margin-bottom: 4px;
}

.componentRecentVisitors {
}

.componentRecentVisitorsItem {
	margin-bottom: 8px;
}
 
.componentRecentTrackbacks {
}

.componentRecentTrackbacksItem {
	margin-bottom: 8px;
}

.componentRecentEntries {
}

.componentRecentEntriesItem {
	margin-bottom: 8px;
}

.componentRecentComments {
}

.componentRecentCommentsItem {
	margin-bottom: 8px;
}

.componentRecentArticles {
}

.componentRecentArticlesItem {
	margin-bottom: 8px;
}

.componentRecentPhotos {
}

.componentRecentPhotosItem {
	margin-bottom: 12px;
}

.componentRecentPhotosItem img {
	border: 1px solid #000;
}

/*** comments ***/

.commentForm {
	padding: 8px;
	background-color: #eee;
	margin: 0;
	clear: both;
}

.commentFormInline {
	padding: 8px;
	background-color: #eee;
	margin: 18px 0;
	clear: both;
}

.commentsHead {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 12px;
	background-color: transparent;
	color: #FF9900;
	text-transform: uppercase;
	border-top: 2px solid #dedede;
	padding-top: 2px;
}

.comments {
	margin: 12px 0 18px 0;
	clear: both;
}

.commentTitle {
	font-weight: bold;
	padding-bottom: 2px;
}

.commentAuthor {
	font: normal 9px verdana,arial,geneva,sans-serif;
	margin-bottom: 8px;
	padding-top: 2px;
	border-top:1px solid #dedede;
}

.commentReply {
	font-size: 10px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}

.commentBody {
}

.comment {
	padding-bottom: 5px;
	margin: 12px 0;
}

.commentReplyRef {
	padding-bottom: 5px;
	margin: 0 0 12px 0;
}

.commentIndent0 {}
.commentIndent1 {margin-left:25px;}
.commentIndent2 {margin-left:50px;}
.commentIndent3 {margin-left:75px;}
.commentIndent4 {margin-left:100px;}
.commentIndent5 {margin-left:125px;}
.commentIndent6 {margin-left:150px;}
.commentIndent7 {margin-left:175px;}
.commentIndent8 {margin-left:200px;}

/*** trackbacks ***/

.trackbacks {
	margin: 12px 0;
	clear: both;
}

.trackbacksHead {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 12px;
	background-color: transparent;
	color: #FF9900;
	text-transform: uppercase;
	border-top: 2px solid #dedede;
	padding-top: 2px;
}

.trackback {
	border-bottom: 1px dotted #999;
	padding-bottom: 12px;
	margin: 12px 0;
}


/*** photo albums ***/

table.thumbnails {
}

table.thumbnails td {
	padding: 0 12px 0 0;
}

table.thumbnails td.row {
	padding: 0 12px 0 0;
}

table.thumbnails td.emptyRow {
}

table.thumbnailsByDay {
}

table.thumbnailsByDay td {
	text-align: left;
	vertical-align: top;
	padding: 0 12px 0 0;
 }

.thumbnailCaption {
	line-height: 13px;
	margin: 0 0 16px 0;
}

.thumbnail {
	margin-bottom: 2px;
}

.thumbnail img {
	border: 1px solid #ccc;
	padding: 3px;
}

img.photo {
	border: 1px solid #666;
	margin: 0 0 10px 0;
}

/*** text headers ***/

.sectionHead1 {
	font-weight: bold;
	font-size: 13px;
	background-color: transparent;
	color: #FF9900;
	margin-bottom: 16px;
}

/*** misc ***/

.categoryPostList {
	font: normal 11px Verdana,Helvetica,Arial,sans-serif;
	margin: 18px 0;
	clear: both;
}

table.categoryPostListTable {
	font: normal 11px Verdana,Helvetica,Arial,sans-serif;
}

.categoryBreadcrumb {
	text-align: left;
	margin-bottom: 20px;
	white-space: nowrap;
}

.articleBreadcrumb {
	white-space: nowrap;
	padding: 6px 0 6px 0;
	margin: 0 0 25px 0;
	font: normal 10px Verdana,Helvetica,Arial,sans-serif;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

.photoBreadcrumb {
	white-space: nowrap;
	padding: 6px 0 6px 0;
	margin: 0 0 12px 0;
	font: normal 10px Verdana,Helvetica,Arial,sans-serif;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

div.articleBreadcrumb table {
	font: normal 10px Verdana,Helvetica,Arial,sans-serif;
}

div.photoBreadcrumb table {
	font: normal 10px Verdana,Helvetica,Arial,sans-serif;
}

div.articleBreadcrumb span.emph {
	font-weight: bold;
	background-color: transparent;
	color: #FF9900;
}

div.photoBreadcrumb span.emph {
	font-weight: bold;
	background-color: transparent;
	color: #FF9900;
}

.pager {
	margin: 12px 0;
	white-space: nowrap;
	text-align: right;
}

.articlePrintLink {
	font: normal 10px Verdana,Helvetica,Arial,sans-serif;
	margin-top: 12px;
	clear: both;
}

.emph {
	font-weight:bold;
}

.noncompliant {
	display: none;
}

.message {
	margin-bottom: 16px;
}

/*** thumbnails ***/

div.dayPhotos {
}

div.thumbcontainer {
	background-color: #fff;
}

div.thumb {
	width: 150px;
	margin: 0 12px 20px 0;
	float: left;
}

div.spacer {
	clear: both;
}

div.thumb img {
	border: 1px solid #666;
	margin: 0 0 4px 0;
}

div.thumbcaption {
	line-height: 13px;
	text-align: left;
}

/*******************/

.editButtons {
	margin: 16px 0 0 0;
}

img.editButtonOn,
img.editButtonOff,
img.editButtonDown,
img.editButtonUp {
	width: 23px;
	height: 22px;
	cursor: pointer;
}

.editButtonOn {
	border: 1px solid #000;
	background: #eee;
}

.editButtonOff {
	border: 1px solid #dedede;
	background: #FFF;
}

.editButtonDown {
	background: #ccc;
}

.editButtonUp {
	background: #FFF;
}

/*******************/

.reviewBox {
	margin-bottom: 25px;
}

table.reviewDetails {
	border: 1px solid #dedede;
}

table.reviewDetails td.reviewTitle {
	font: bold 13px verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	background-color: #dedede;
}

table.reviewDetails td.reviewDetailLabel {
	font: bold 10px verdana,arial,helvetica,sans-serif;
	text-align: right;
	white-space: nowrap;
	background-color: #eee;
}

table.reviewDetails td.reviewDetailValue {
	font: normal 10px verdana,arial,helvetica,sans-serif;
}

.updatedAlbumBox {
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	padding: 0;
	margin: 0 0 25px 0;
	text-align:left;
}

table.updatedAlbumHead {
	margin: 0;
	padding: 3px 8px;
	background-color: #6699CC;
	color: #fff;
}

table.updatedAlbumHead td.albumName {
	font-weight: bold;
}

table.updatedAlbumHead td.albumName a {
	text-decoration: none;
	color: #fff;
}

table.updatedAlbumHead td.albumName a:link,
table.updatedAlbumHead td.albumName a:active,
table.updatedAlbumHead td.albumName a:visited 
{
	text-decoration: none;
	color: #fff;
}

table.updatedAlbumHead td.albumName a:hover {
	text-decoration: underline;
	color: #fff;
}

table.updatedAlbumHead td.updateTime {
	font: normal 9px verdana,arial,sans-serif;
}

/*** minithumbs ***/

.miniThumbCount {
}

.miniThumbCount a {
	text-decoration: none;
}

.miniThumbSizedImg {
	border: 1px solid #000;
}

.miniThumbHorizContainer {
	clear: both;
}

.miniThumbHoriz {
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
}

.miniThumbVertContainer {
	margin: 0;
}

.miniThumbVert {
	margin: 0 0 6px 0;
	padding: 0;
}

.miniThumbDefaultImg {
	padding: 2px;
	border: 1px solid #000;
	background-color: #fff;
}

.miniThumbSelectedImg {
	padding: 0;
	border: 3px solid #ff0000;
	background-color: #fff;
}

.miniThumbSizedCaption {
	text-align: left;
	margin: 5px 0 8px 0;
}

.miniThumbLinks {
	margin-bottom: 12px;
}