@charset "utf-8";

/* wanderlust-big.css - MOD BY GREG 31 DEC for separate bigger page screen-filled use */

/* Using find/replace all:  
width to 940 from 700  1 only  this widened the solid brown right side background out to the right.
height from 296 to 396  3 only  as above, but extended down  later extended to 480 then final at 650
- now for the image area:  maintain ratio for now - auto-stretch should be retained?
.WLBSlideShow .photo {	float: left;	overflow: hidden;	width: 400px;	margin: 0;	padding: 0;}  make 400 to 600
.WLBSlideShow .photo img {	width: 400px;	height: 266px;		padding: 0;}  make 400=600. 266=400
- worked - no room at bottom for text ;line at left - 
change height 396 to 480
- OK.  Now increase pic size again to use up space - try squaring the pic area at 600x600, height 650
- look good square now.  Extend the text area right side down for more writing
.WLBSlideShow .story {	float: left;	overflow: hidden;	width: 299px;	height: 266px;	margin: 0;	padding: 0;	background-image: url(images/bkg-gradient.png);
	background-position: top left;	background-repeat: repeat-x;	background-color: #8c716c;	border-left: solid 1px #554c49;}  266 to 600 height, 299 to 375 wide
-works well
-try extra lines in the caption area -
.WLBSlideShow .photo .caption {	margin: 0 6px;	line-height: 30px;	font-style: normal;}  make 30=15 for 3 lines of text
- worked well - update stored css

Right now all photos to be used need to be set on 600x600 pixel paper, or if auto-fit to be used, xxx by xxx pixels (square)

.WLBSlideShow {	position: relative;	width: 1024px;	padding: 0;	color: white;	border: solid 1px #39312e;	background-color: #491e16;	box-shadow: 5px 5px 10px gray;
	font-family: Arial, Verdana, Geneva, sans-serif;	font-weight: normal;	font-size: 12px;}
.WLBSlideShow .SSClip 		{height: 600px; position: relative;	overflow: hidden;		margin: 0;	padding: 0;	border-bottom: solid 1px #39312e;}
.WLBSlideShow .SSView 		{height: 600px;	margin: 0;	padding: 0;}
.WLBSlideShow .SSSlide 		{height: 600px;	position: absolute;	top: 0;	left: 0;	z-index: 0;}
.WLBSlideShow .photo img 	{height: 538px; width: 550px;	padding: 0;}
.WLBSlideShow .photo 		{width:  550px;	float: left;	overflow: hidden;	margin: 0;	padding: 0;}
.WLBSlideShow .story 		{height: 600px; width: 460px; float: left;overflow: hidden;		margin: 0;padding: 0;background-image: url(images/bkg-gradient.png);
	background-position: top left;	background-repeat: repeat-x;background-color: #8c716c;border-left: solid 1px #554c49;}


.WLBSlideShow 						{width: 1180px;	position: relative;	padding: 0;	color: white;border: solid 1px #39312e;	background-color: #491e16;box-shadow: 5px 5px 10px gray;font-family: "Trebuchet MS",Arial, Verdana, Univers;font-weight: normal;font-size: 13px;text-align:left;}
.WLBSlideShow .SSClip 				{height: 650px;	position: relative;	overflow: hidden;	margin: 0;	padding: 0;	border-bottom: solid 1px #39312e;}
.WLBSlideShow .SSView 				{height: 650px;	margin: 0;	padding: 0;}
.WLBSlideShow .SSSlide 				{height: 650px;	position: absolute;	top: 0;	left: 0;	z-index: 0;}
.WLBSlideShow .photo img 			{height: 600px;	width: 800px;  padding: 0;}
.WLBSlideShow .photo 				{width:  800px;	float: left; overflow: hidden;	margin: 0;	padding: 0;}
.WLBSlideShow .story 				{height: 650px; width: 375px; float: left;overflow: hidden;margin: 0;padding: 0;	background-position: top left;background-repeat: repeat-x;	 background-color: #8c716c;border-left: solid 1px #554c49; background-image:url(ContentSlideShow/wanderlust/images/bkg-gradient.png);}
.WLBSlideShow .photo .belowpic 		{margin: 0 6px;	line-height: 15px;	font-style: normal;text-align: center;}



 ALTERED ITEMS AT TOP */


 
.WLBSlideShow 						{width: 1180px;	position: relative;	padding: 0;	color: white;border: solid 1px #39312e;	background-color: #491e16;background-color: #8c716c;box-shadow: 5px 5px 10px gray;font-family: "Trebuchet MS",Arial, Verdana, Univers;font-weight: normal;font-size: 13px;text-align:left;}
.WLBSlideShow .SSClip 				{height: 650px;	position: relative;	overflow: hidden;	margin: 0;	padding: 0;	border-bottom: solid 1px #39312e;}
.WLBSlideShow .SSView 				{height: 650px;	margin: 0;	padding: 0;}
.WLBSlideShow .SSSlide 					{height: 650px;	position: absolute;	top: 0;	left: 0;	z-index: 0;}
.WLBSlideShow .photo img 				{height: 600px;	width: 800px;  padding: 0;}
.WLBSlideShow .photo 				{width:  800px;	float: left; overflow: hidden;	margin: 0;	padding: 0;}
.WLBSlideShow .story 				{height: 600px; width: 375px; float: left; overflow: hidden;margin: 0;padding: 0;	background-position: top left;background-repeat: repeat-x;	 background-color: #8c716c;border-left: solid 1px #554c49; background-image:url(ContentSlideShow/wanderlust/images/bkg-gradient.png);}
.WLBSlideShow .photo .belowpic 		{font-size: 12px;margin: 0 6px;	line-height: 15px;	font-style: normal;text-align: left;}
.WLBSlideShow .banner {	background-color: #491e16;	margin: 44px 0 0 11px;margin: 0px 0 0 0px;	padding: 5px;text-align: center;}


/* END OF ALTERED ITEMS */
.WLBSlideShow .SSSlideVisible {	z-index: 1;}
.WLBSlideShow .SSFirstButton, .WLBSlideShow .SSLastButton, .WLBSlideShow .SSPlayButton, .WLBSlideShow .SSSlideCount {	display: none;}
.WLBSlideShow .SSPreviousButton {	position: absolute;	z-index: 5;	bottom: 8px;	right: 142px;}
.WLBSlideShow .SSNextButton {	position: absolute;	z-index: 5;	bottom: 8px;	right: 11px;}
.WLBSlideShow .SSPreviousButton {width: 15px;height: 15px;background-position: 0 -30px;	background-repeat: no-repeat;text-indent: -10000em;	
padding: 0;	border: none;background-color: transparent;background-image: url(ContentSlideShow/wanderlust/images/slideshow-controls.png);}
.WLBSlideShow .SSPreviousButtonHover {	background-position: -60px -30px;}
.WLBSlideShow .SSPreviousButtonDown {}
.WLBSlideShow .SSPreviousButtonDisabled {}
.WLBSlideShow .SSNextButton {width: 15px;height: 15px;	background-position: -30px -30px;background-repeat: no-repeat;text-indent: -10000em;
padding: 0;border: none;background-color: transparent;background-image: url(ContentSlideShow/wanderlust/images/slideshow-controls.png);}
.WLBSlideShow .SSNextButtonHover {	background-position: -90px -30px;}
.WLBSlideShow .SSNextButtonDown {}
.WLBSlideShow .SSNextButtonDisabled {}
.WLBSlideShow .SSSlideLinks {	position: absolute;	overflow: hidden;	bottom: 4px;	right: 30px;	z-index: 5;}
.WLBSlideShow a.SSSlideLink {	display: block;	float: left;width: 23px;height: 23px;margin: 0 2px;color: #483E3D;text-align: center;
text-decoration: none;line-height: 23px;background-repeat: no-repeat;background-position: 0 0;font-size: 12px;font-weight: bold;
background-image: url(ContentSlideShow/wanderlust/images/slideshow-controls.png);}
.WLBSlideShow a.SSSlideLinkHover {	background-position: -30px 0;}
.WLBSlideShow a.SSSlideLinkSelected {	background-position: -90px 0;	color: #483E3D;}
.WLBSlideShow a.SSSlideLinkDisabled {}
.WLBSlideShow .maintitle {	margin: 0;	padding: 0;	font-size: 24px;text-align: center;}
.WLBSlideShow .subTitle {	margin: 0;	padding: 0;	font-size: 15px;	font-weight: normal;text-align: center;}
.WLBSlideShow .content {	margin: 0 10px 0 21px;}
.WLBSlideShow .content button * {	display: block;	margin: 0;	height: 32px;	color: white;	font-size: 15px;}
.WLBSlideShow .content button {	margin: 0;	padding: 0;	background-color: transparent;	border-width: 0px;}
.WLBSlideShow .content button span {	padding: 0 0 0 7px;	background: transparent url(ContentSlideShow/wanderlust/images/button-left.png); top left no-repeat;}
.WLBSlideShow .content button span span {	padding: 0 9px 0 0;	background: transparent url(ContentSlideShow/wanderlust/images/button-right.png); top right no-repeat;}
.WLBSlideShow .content button span span span {	padding: 0;	 top left repeat-x;	line-height: 28px;	white-space: nowrap;
background: transparent url(ContentSlideShow/wanderlust/images/button-center.png);}
.WLBSlideShow .content button:hover span,
.WLBSlideShow .content button:hover span span span {	background-position: -33px left;}
.WLBSlideShow .content button:hover span span {	background-position: -33px right;}


 


/* original wanderlust-brown.css settings

.WLBSlideShow {	position: relative;	width: 700px;	padding: 0;	color: white;	border: solid 1px #39312e;	background-color: #491e16;	box-shadow: 5px 5px 10px gray;
	font-family: Arial, Verdana, Geneva, sans-serif;	font-weight: normal;	font-size: 11px;}
.WLBSlideShow .SSClip {	position: relative;	overflow: hidden;	height: 296px;	margin: 0;	padding: 0;	border-bottom: solid 1px #39312e;}
.WLBSlideShow .SSView {	height: 296px;	margin: 0;	padding: 0;}
.WLBSlideShow .SSSlide {	position: absolute;	top: 0;	left: 0;	height: 296px;	z-index: 0;}
.WLBSlideShow .SSSlideVisible {	z-index: 1;}
.WLBSlideShow .SSFirstButton, .WLBSlideShow .SSLastButton, .WLBSlideShow .SSPlayButton, .WLBSlideShow .SSSlideCount {	display: none;}
.WLBSlideShow .SSPreviousButton {	position: absolute;	z-index: 5;	bottom: 8px;	right: 142px;}
.WLBSlideShow .SSNextButton {	position: absolute;	z-index: 5;	bottom: 8px;	right: 11px;}
.WLBSlideShow .SSPreviousButton {	width: 15px;	height: 15px;	background-image: url(images/slideshow-controls.png);	background-position: 0 -30px;
	background-repeat: no-repeat;	text-indent: -10000em;	padding: 0;	border: none;	background-color: transparent;}
.WLBSlideShow .SSPreviousButtonHover {	background-position: -60px -30px;}
.WLBSlideShow .SSPreviousButtonDown {}
.WLBSlideShow .SSPreviousButtonDisabled {}
.WLBSlideShow .SSNextButton {	width: 15px;	height: 15px;	background-image: url(images/slideshow-controls.png);	background-position: -30px -30px;
	background-repeat: no-repeat;	text-indent: -10000em;	padding: 0;	border: none;	background-color: transparent;}
.WLBSlideShow .SSNextButtonHover {	background-position: -90px -30px;}
.WLBSlideShow .SSNextButtonDown {}
.WLBSlideShow .SSNextButtonDisabled {}
.WLBSlideShow .SSSlideLinks {	position: absolute;	overflow: hidden;	bottom: 4px;	right: 30px;	z-index: 5;}
.WLBSlideShow a.SSSlideLink {	display: block;	float: left;	width: 23px;	height: 23px;	margin: 0 2px;	color: #483E3D;	text-align: center;
	text-decoration: none;	line-height: 23px;	background-image: url(images/slideshow-controls.png);	background-repeat: no-repeat;	background-position: 0 0;
	font-size: 12px;	font-weight: bold;}
.WLBSlideShow a.SSSlideLinkHover {	background-position: -30px 0;}
.WLBSlideShow a.SSSlideLinkSelected {	background-position: -90px 0;	color: #483E3D;}
.WLBSlideShow a.SSSlideLinkDisabled {}
.WLBSlideShow .story {	float: left;	overflow: hidden;	width: 299px;	height: 266px;	margin: 0;	padding: 0;	background-image: url(images/bkg-gradient.png);
	background-position: top left;	background-repeat: repeat-x;	background-color: #8c716c;	border-left: solid 1px #554c49;}
.WLBSlideShow .photo {	float: left;	overflow: hidden;	width: 400px;	margin: 0;	padding: 0;}
.WLBSlideShow .photo img {	width: 400px;	height: 266px;		padding: 0;}
.WLBSlideShow .photo .caption {	margin: 0 6px;	line-height: 30px;	font-style: normal;}
.WLBSlideShow .banner {	background-color: #491e16;	margin: 44px 0 0 11px;	padding: 10px;}
.WLBSlideShow .title {	margin: 0;	padding: 0;	font-size: 24px;}
.WLBSlideShow .subTitle {	margin: 0;	padding: 0;	font-size: 15px;	font-weight: normal;}
.WLBSlideShow .content {	margin: 0 10px 0 21px;}
.WLBSlideShow .content button * {	display: block;	margin: 0;	height: 32px;	color: white;	font-size: 15px;}
.WLBSlideShow .content button {	margin: 0;	padding: 0;	background-color: transparent;	border-width: 0px;}
.WLBSlideShow .content button span {	padding: 0 0 0 7px;	background: transparent url(images/button-left.png) top left no-repeat;}
.WLBSlideShow .content button span span {	padding: 0 9px 0 0;	background: transparent url(images/button-right.png) top right no-repeat;}
.WLBSlideShow .content button span span span {	padding: 0;	background: transparent url(images/button-center.png) top left repeat-x;	line-height: 28px;	
white-space: nowrap;}
.WLBSlideShow .content button:hover span,
.WLBSlideShow .content button:hover span span span {	background-position: -33px left;}
.WLBSlideShow .content button:hover span span {	background-position: -33px right;}



from 538by550 large text area title banner at top...

		  .WLBSlideShow {	position: relative;	width: 1024px;	padding: 0;	color: white;	border: solid 1px #39312e;	background-color: #491e16;	box-shadow: 5px 5px 10px gray;
			  font-family: Arial, Verdana, Geneva, sans-serif;	font-weight: normal;	font-size: 12px;}
		  .WLBSlideShow .SSClip 		{height: 600px; position: relative;	overflow: hidden;		margin: 0;	padding: 0;	border-bottom: solid 1px #39312e;}
		  .WLBSlideShow .SSView 		{height: 600px;	margin: 0;	padding: 0;}
		  .WLBSlideShow .SSSlide 		{height: 600px;	position: absolute;	top: 0;	left: 0;	z-index: 0;}
		  .WLBSlideShow .photo img 	{height: 538px; width: 550px;		padding: 0;}
		  .WLBSlideShow .photo 		{width:  550px;		float: left;	overflow: hidden;	margin: 0;	padding: 0;}
		  .WLBSlideShow .story {height: 600px;width: 460px;	float: left;overflow: hidden;	margin: 0;padding: 0;background-image: url(images/bkg-gradient.png);
			  background-position: top left;	background-repeat: repeat-x;background-color: #8c716c;border-left: solid 1px #554c49;}

		  .WLBSlideShow .banner {	background-color: #491e16;	margin: 0px 0 0 0px;	padding: 5px;text-align: center;}
		  .WLBSlideShow .title {font-size: 24px;	margin: 0;	padding: 0;	text-align: center;}
		  .WLBSlideShow .subTitle {font-size: 15px;	font-weight: normal;	margin: 0;	padding: 0;	text-align: center;}
		  .WLBSlideShow .content {	margin: 0 10px 0 21px;}
		  .WLBSlideShow .photo .caption {font-style: normal;	margin: 0 6px;	line-height: 15px;	}
		  .WLBSlideShow .SSSlideVisible {	z-index: 1;}
		  .WLBSlideShow .SSFirstButton, .WLBSlideShow .SSLastButton, .WLBSlideShow .SSPlayButton, .WLBSlideShow .SSSlideCount {	display: none;}
		  .WLBSlideShow .SSPreviousButton {	position: absolute;	z-index: 5;	bottom: 8px;	right: 142px;}
		  .WLBSlideShow .SSNextButton {	position: absolute;	z-index: 5;	bottom: 8px;	right: 11px;}
		  .WLBSlideShow .SSPreviousButton {	width: 15px;	height: 15px;	background-image: url(images/slideshow-controls.png);	background-position: 0 -30px;
			  background-repeat: no-repeat;	text-indent: -10000em;	padding: 0;	border: none;	background-color: transparent;}
		  .WLBSlideShow .SSPreviousButtonHover {	background-position: -60px -30px;}
		  .WLBSlideShow .SSPreviousButtonDown {}
		  .WLBSlideShow .SSPreviousButtonDisabled {}
		  .WLBSlideShow .SSNextButton {	width: 15px;	height: 15px;	background-image: url(images/slideshow-controls.png);	background-position: -30px -30px;
			  background-repeat: no-repeat;	text-indent: -10000em;	padding: 0;	border: none;	background-color: transparent;}
		  .WLBSlideShow .SSNextButtonHover {	background-position: -90px -30px;}
		  .WLBSlideShow .SSNextButtonDown {}
		  .WLBSlideShow .SSNextButtonDisabled {}
		  .WLBSlideShow .SSSlideLinks {	position: absolute;	overflow: hidden;	bottom: 4px;	right: 30px;	z-index: 5;}
		  .WLBSlideShow a.SSSlideLink {	display: block;	float: left;	width: 23px;	height: 23px;	margin: 0 2px;	color: #483E3D;	text-align: center;
			  text-decoration: none;	line-height: 23px;	background-image: url(images/slideshow-controls.png);	background-repeat: no-repeat;	background-position: 0 0;
			  font-size: 12px;	font-weight: bold;}
		  .WLBSlideShow a.SSSlideLinkHover {	background-position: -30px 0;}
		  .WLBSlideShow a.SSSlideLinkSelected {	background-position: -90px 0;	color: #483E3D;}
		  .WLBSlideShow a.SSSlideLinkDisabled {}
		  
		  .WLBSlideShow .content button * {	display: block;	margin: 0;	height: 32px;	color: white;	font-size: 15px;}
		  .WLBSlideShow .content button {	margin: 0;	padding: 0;	background-color: transparent;	border-width: 0px;}
		  .WLBSlideShow .content button span {	padding: 0 0 0 7px;	background: transparent url(images/button-left.png) top left no-repeat;}
		  .WLBSlideShow .content button span span {	padding: 0 9px 0 0;	background: transparent url(images/button-right.png) top right no-repeat;}
		  .WLBSlideShow .content button span span span {	padding: 0;	background: transparent url(images/button-center.png) top left repeat-x;	line-height: 28px;	
		  white-space: nowrap;}
		  .WLBSlideShow .content button:hover span,
		  .WLBSlideShow .content button:hover span span span {	background-position: -33px left;}
		  .WLBSlideShow .content button:hover span span {	background-position: -33px right;}
		  






 */