/* <% album.put("BUTTON_SET", "metodi-blue-20px"); %> */ 

BODY {
 	background-image: url('http://www.troyh.us/OurMovetoSeattle/res/bg-NWmove.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left top;
/*	background-color: #486b8c; */
	background-color: #3b5873;
	color: #FFF;
	font-family: Rockwell, serif;
}

#left { top: 250px; }
.photos-left { top: 220px; }

#sidebarcontain {
	background-image: url('http://www.troyh.us/OurMovetoSeattle/res/bgindexdescription.gif');
}

#footercontain {
	margin: 0; padding: 1px;
}



/* Layout -------------------------------------------------------------------------------- Layout */

/* heading --------------------------------- heading */

#headcontain {
 	background-image: url('http://www.troyh.us/OurMovetoSeattle/res/headingbg-NWmove.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	margin: 0;
	height: 200px;
	margin-bottom: 40px;
}


#headcontain { width:expression(document.body.clientWidth > 1235? "1230px": "auto" ); margin-bottom: 20px; max-width: 1230px; }

#header { float: right; margin: 15px 40px 0 0; }

#headingbackup { color: #00b6d6; }

/* (right) main --------------------------------- (right) main */

#right { max-width: 980px; width:expression(this.width > 985? "980px": "auto" ); width:expression(this.width - 60 ); margin: 0 0 0 250px; display: inline-block; }
/*  */

#main { color: #FFF; border-left: 1px solid #cfdbe7; padding: 0 2em 1.5em 2em; }

.folderData, .thumbDate {
	color: #CCC;
	font-size: small; }

						/* INDEX PAGE STUFF */

.ThumbHeightAdjust-folder { float: left; height: 340px; }
.ThumbHeightAdjust-image, .ThumbHeightAdjust { float: left; height: 295px; }

.gallerythumb, .thumb, .post-body-entry-content img, .randimg img { border: 1px solid #3b5873; }
a:hover img.gallerythumb, a:hover .thumb, a:hover #slideimage, .post-body-entry-content a:hover img, .randimg a:hover img { border: 1px solid #FFF; }

.thumb, .thumblink, .thumblinkcontain, .gallerythumb, .gallerythumblinkcontain {margin: 0; }
.thumblink, .thumblinkcontain, .gallerythumblink, .gallerythumblinkcontain {padding: 0 .5em; }
.gallerythumblink, .thumblink {width:200px;}

#pathnav, #pathnav_root {
	position: absolute;
	top: 170px; 
	background-image: url('http://www.troyh.us/OurMovetoSeattle/res/bgindexdescription.gif');
	width: 250px;
}

#pathnav_root {
	padding: .5em 1em;
}
h2.galleryname {width: 50%; display: block; margin: 0; }
#framecontain { margin-top: 2em; }
.index-photoName { font-size: small; }

#introcontain {
	margin-bottom: 2em;
	clear: right;
	background-color: transparent;
	background-image: url('http://www.troyh.us/OurMovetoSeattle/res/bgindexdescription.gif');
}
#intro {
	background-color: transparent; padding: 0;
	color: #cdecce; }

#thoughtsphotosintro { color: #FFF; }

#boxcontain { margin: 0; }
.MiniThumbBox { padding: 0; }
.MiniThumbBoxContain-landscape, .MiniThumbBoxContain-portrait {
	margin: 0 0 1em 0; padding: 0; width: 100%;
}

.labelstatuscontain {
	font-size:110%;
	position:relative;
	background-color: transparent;
	background-image: url('http://www.troyh.us/OurMovetoSeattle/res/bgindexdescription.gif');
	padding: .5em 1em;
	border: 0;
	text-align:center;
}
.labelstatushidden { visibility: hidden; display: none; padding:.3em 0; }


#intro, #gallerydescription, #intro a { font-weight: bold; }
#intro a { text-decoration: underline; }
#intro p { margin: .5em; }
#intro p.signedby { color: #FFF; }
.folderDescription { color: #FFF; }
#photosintro { display: none; }
#thoughtsphotosintro { display: inline; }

.bottompagenav { margin: -.5em 0 1em 0; float: right; }

						/* SLIDE PAGE STUFF */

#slideimage, a .minithumb { border: 1px solid #3b5873; }
a:hover .minithumb { border-color: #FFF; }
.minithumbCurrent {
	border: 1px solid #FFF;
}
.photoPosition { }

.photoData i { /* This is not used for italics, but to provide the | separator character inside the photoData clase */
	color: #CCC; 
}
.photoName { text-align: center }

/* left ------------------------------------------- left */
#sidebar, #left, #sidebarcontain, #sidebar-NWmove {
	display: block;
	width: 201px;
}

#keyboard-shortcuts { font-size: 80%; }
#sidebar-contact { font-size: 80%; }

table.rsspal { border: 0; }
.rsspal { margin: 0; font-size: 85%; }
.rsspal a { font-size: 120%; }
.rsspal td { padding: .2em 1em; }
.rsspal td a { margin: 0 -1em; }
#rssfeed p a:link, #rssfeed p a:visited, #rssfeed p a:hover { font-size: 100%; text-decoration: underline; }

/* added to work with feedest */
#rssfeed {line-height: 0em; margin-top: -1em;}
#rssfeed strong { display: none; }
#rssfeed b {line-height: 1.2em; font-weight: normal;}
#rssfeed { color: #486b8c; }
#rssfeed img { display: none; }

#windpower { font-size: 80%; }

.sideleft, .sidecent, #keyboardshortcuts, #sidebarblogger { padding: .5em .8em 1em .8em; font-size: 85%; }
.widget-content { padding: .5em .8em 1em .8em; }

#footer {
	display: block;
	background-image: url('http://www.troyh.us/OurMovetoSeattle/res/footerbg.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #edfafd;
	color: #000;
	border-top: 1px solid #000;
	height: 200px;
	width:expression(this.width > 1235? "1230px": "auto" ); max-width: 1230px;
}

/* links ----------------------------------------------------------------------------------------- */

A:link {
	color: #cdecce;
	background: none;
	text-decoration: none;
}

A:visited {
	color: #bfe3c0;
	background: none;
	text-decoration: none;
}

A:hover {
	color: #FFF;
	text-decoration: underline;
}

#footer a { color: #486b8c; }
#footer a:hover { color: #487349; background-color: transparent}

a img { border: 0px; }

/* headings ---------------------------------------------------------------- headings */

H2 {
	color: #cfdbe7; font-size: 160%; font-variant: normal; 
}

H3 {
	color: #cfdbe7; font-size: 120%; font-variant: normal; margin: 0; font-weight: normal; 
}

H4 {
	margin: 1em 0 .5em 0;
	font-size: 120%; font-weight: normal; text-align: left;
}

H5, #sidebarblogger h2 {
	margin: 0; padding: .1em .5em 0 .5em; margin-bottom: .2em; line-height: 1.4em;
	font-size: 100%; font-weight: normal;
	background-color: transparent;  font-variant: normal;
	color: #FFF;
	text-align: left;
	display: block;
	border-bottom: 1px dotted #cfdbe7;
	background-color: #486b8c;
	clear: both;
}

/* blog --------------------------------------------------------------------- blog */

.posthentryuncustomized-post-template {
	margin: 0 0 2em 0;
	padding: .5em 1.5em;
	border-bottom:1px solid #2e4459; }

.posthentryuncustomized-post-template div, .posthentryuncustomized-post-template p { margin: 0; padding: 0; }

.date-header { font-size: 110%; display: block; text-align: left; padding-top: .5em;
	border-bottom: 5px dotted #2E4459; font-weight:normal; }

.post-author, .post-timestamp, .post-timestamp a:link, .post-timestamp a:visited, .post-timestamp a:hover { font-size: 100%; font-weight: bold; }

.post-body-entry-content { padding: 0; margin: 0; }
.post-body-entry-content img { margin: 0 .5em .5em 0; }
.post-body-entry-content a { text-decoration: underline; }

.sidebox img { margin: 0 }
div.sidebox, div.sidebox-landscape, div.sidebox-portrait {
	float: right;
	clear: right;
	background-image: url('http://www.troyh.us/OurMovetoSeattle/res/bgindexdescription.gif');
	padding: .5em;
	margin: 0 1em;
	width: 200px;
	text-align: center;
}
div.sidebox-landscape {	width: 200px; }
div.sidebox-portrait { width: 150px; }

.sidebox p, .sidebox-landscape p, .sidebox-portrait p {
	font-size: 85%;
	font-weight: bold;
	text-align: center;
}

.js-kit-padding { display: block; height: 1em;}

.post-labels { float: right; }

.post-title-entry-title { margin-bottom:.7em ; }
.post-title-entry-title a:link, .post-title-entry-title a:visited, .post-title-entry-title a:hover { font-weight: bold; }
.post-labels { margin-top: -1.2em;  }
div.post-footer { margin-top: 1em; }
div.post-footer-line { margin-bottom: 1em; }

#blog-pager {margin-top: 1em; font-size: 110%; font-weight: bold; text-align: center;}
#blog-pager-older-link { float: left; }
#blog-pager-newer-link { float: right; }

#comments { padding: 0 2em; }
.comment-body { border-bottom: 1px solid #2e4459; padding-bottom: 2em; margin: 1em 0 1em 2em; }
.comment-body p { margin: 0; }
#comment-footer { font-weight: bold; }
.comment-timestamp { float: right; }
.comment-postedby, .comment-postedby a:link, .comment-postedby a:visited, .comment-postedby a:hover { font-weight: bold }

div.feed-links { float: right; margin: 1em 0; }

#rightfootermargin { display: block; height: 0; }



/*--------------------SIDEBAR------------------*/
.zippy { margin-right: 10px; }

.BlogArchive #ArchiveList ul {
  margin-left: .5em;
}

.BlogArchive #ArchiveList ul li { 
  padding-left: 0;
  text-indent: 0;
}
.BlogArchive #ArchiveList ul ul li { 
  padding-left: 0;
  margin-bottom: .5em;
}

* html a.toggle { font-size: 50%; }
#ArchiveList .zippy { 
  _font-size: 1.7em;
  line-height: 0.6em;
}

.BlogArchive #ArchiveList ul li .toggle, .BlogArchive #ArchiveList ul li .post-count-link { display: inline; }
.BlogArchive #ArchiveList ul ul li a { margin: 0; padding: 0; display: inline; line-height: 1em; }
.BlogArchive #ArchiveList ul { font-size: 115%; }
.BlogArchive #ArchiveList ul a { font-weight: bold; }
.BlogArchive #ArchiveList ul ul { margin: 0 0 0 2em; padding: 0; font-size: 90%; }
.BlogArchive #ArchiveList ul ul ul.posts { margin: 1em 0 0 2em; padding: 0 1em 0 0; }
.BlogArchive #ArchiveList ul ul ul.posts a { font-weight: normal; }

#left, #sidebarcontain, #sidebar-NWmove, #sidebarblogger, .sidebarblogger, #BlogArchive1, .widget-content, #ArchiveList , #BlogArchive1_ArchiveList, .bloggerexpr { margin: 0; padding: 0; }
#sidebar h5, #sidebar-NWmove, #sidebarblogger, .sidebarblogger, #BlogArchive1 {font-size: 100%; }

#ArchiveList, #LinkList1 ul { margin: 1em 0; font-size: 85%;}
.archivedate { display: inline; }

ul#writers, #Label1 ul, #LinkList1 ul { margin: .7em 2em; list-style: disc; }
#writers li a, #Label1 li a { display: inline;}

#randsection { float: left; display: none; }
div.randimg { margin: 0 0 1.5em 0; clear: both; text-align: center; position: relative;
	display: block; 
	background-repeat: no-repeat;
}

#Label1 ul { font-size: 85%; }
.subscribe-wrapper { font-size: 85%; }