<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Roger Estes Design</title>
	<atom:link href="http://rogerestesdesign.com/feed" rel="self" type="application/rss+xml" />
	<link>http://rogerestesdesign.com</link>
	<description></description>
	<lastBuildDate>Thu, 06 Oct 2011 21:48:27 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Whipped Bakeshop Online</title>
		<link>http://rogerestesdesign.com/whippedbakeshop-com</link>
		<comments>http://rogerestesdesign.com/whippedbakeshop-com#comments</comments>
		<pubDate>Thu, 06 Oct 2011 21:36:30 +0000</pubDate>
		<dc:creator>Roger</dc:creator>
				<category><![CDATA[Whipped Bakeshop]]></category>

		<guid isPermaLink="false">http://rogerestesdesign.com/?p=470</guid>
		<description><![CDATA[A collaboration between Ann Torockio (my wife) and me, this site elevates the web presence of Whipped Bakeshop by taking cues from fashion sites while maintaining the fun and energy that already surrounds them. Go to full site: whippedbakeshop.com]]></description>
				<content:encoded><![CDATA[<p>A collaboration between Ann Torockio (my wife) and me, this site elevates the web presence of Whipped Bakeshop by taking cues from fashion sites while maintaining the fun and energy that already surrounds them. </p>
<p>Go to full site: <a href="http://whippedbakeshop.com/" title="Whipped Bakeshop" target="_blank">whippedbakeshop.com</a></p>
<p><a href="http://rogerestesdesign.com/wp-content/uploads/2011/10/whipped-homepage-700a.jpg"><img src="http://rogerestesdesign.com/wp-content/uploads/2011/10/whipped-homepage-700a.jpg" alt="whippedbakeshop.com homepage" title="whipped-homepage-700a" width="700" height="470" class="alignnone size-full wp-image-481" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://rogerestesdesign.com/whippedbakeshop-com/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Independence Visitor Center 2010 Annual Report</title>
		<link>http://rogerestesdesign.com/independence-visitor-center-2010-annual-report</link>
		<comments>http://rogerestesdesign.com/independence-visitor-center-2010-annual-report#comments</comments>
		<pubDate>Mon, 11 Apr 2011 14:47:28 +0000</pubDate>
		<dc:creator>Roger</dc:creator>
				<category><![CDATA[Corporate Reports]]></category>
		<category><![CDATA[Favorites]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[Philadelphia Tourism]]></category>

		<guid isPermaLink="false">http://rogerestesdesign.com/?p=422</guid>
		<description><![CDATA[8&#8243; x 10&#8243;, 12 pages]]></description>
				<content:encoded><![CDATA[<p>
	
		<div class="gallery_clear"></div> 
		<div id="gallery_422" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_422" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-7092-2.jpg" title="estes-ivcc2010-7092-2" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-7092-2-50x50.jpg" alt="" title="estes-ivcc2010-7092-2" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-7111.jpg" title="estes-ivcc2010-7111" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-7111-50x50.jpg" alt="" title="estes-ivcc2010-7111" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-p3.gif" title="estes-ivcc2010-p3" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-p3-50x50.gif" alt="" title="estes-ivcc2010-p3" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-p2.gif" title="estes-ivcc2010-p2" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-p2-50x50.gif" alt="" title="estes-ivcc2010-p2" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-p6p7-2.gif" title="estes-ivcc2010-p6p7-2" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-p6p7-2-50x50.gif" alt="" title="estes-ivcc2010-p6p7-2" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-p4.gif" title="estes-ivcc2010-p4" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-p4-50x50.gif" alt="" title="estes-ivcc2010-p4" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-p8p9.jpg" title="estes-ivcc2010-p8p9" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-p8p9-50x50.jpg" alt="" title="estes-ivcc2010-p8p9" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-7095.jpg" title="estes-ivcc2010-7095" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-ivcc2010-7095-50x50.jpg" alt="" title="estes-ivcc2010-7095" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_422" class="loader"></div>
					<div id="slideshow_422" class="slideshow"></div>
					<div id="caption_422" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '50px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_422').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_422',
					controlsContainerSel:      '#controls_422',
					captionContainerSel:       '#caption_422',  
					loadingContainerSel:       '#loading_422',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              '',
					pauseLinkText:             '',
					prevLinkText:              '',
					nextLinkText:              '',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		<br />
8&#8243; x 10&#8243;, 12 pages</p>
]]></content:encoded>
			<wfw:commentRss>http://rogerestesdesign.com/independence-visitor-center-2010-annual-report/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>America&#8217;s Most Historic Square Mile</title>
		<link>http://rogerestesdesign.com/americas-most-historic-sqaure-mile</link>
		<comments>http://rogerestesdesign.com/americas-most-historic-sqaure-mile#comments</comments>
		<pubDate>Wed, 06 Apr 2011 02:50:07 +0000</pubDate>
		<dc:creator>Roger</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Favorites]]></category>
		<category><![CDATA[Maps]]></category>

		<guid isPermaLink="false">http://rogerestesdesign.com/?p=410</guid>
		<description><![CDATA[The last photo is me with the framed copy that was delivered to Michael Nutter, Mayor of Philadelphia. 19&#8243; x 19&#8243;, 9.5&#8243; x 4.75&#8243; folded]]></description>
				<content:encoded><![CDATA[<p>The last photo is me with the framed copy that was delivered to Michael Nutter, Mayor of Philadelphia.<br />

	
		<div class="gallery_clear"></div> 
		<div id="gallery_410" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_410" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-indymap-7114.jpg" title="estes-indymap-7114" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-indymap-7114-50x50.jpg" alt="" title="estes-indymap-7114" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-indymap-7118-4.jpg" title="estes-indymap-7118-4" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-indymap-7118-4-50x50.jpg" alt="" title="estes-indymap-7118-4" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-indymap-7121.jpg" title="estes-indymap-7121" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-indymap-7121-50x50.jpg" alt="" title="estes-indymap-7121" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-indymap-7125.jpg" title="estes-indymap-7125" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-indymap-7125-50x50.jpg" alt="" title="estes-indymap-7125" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-indymap-7030.jpg" title="estes-indymap-7030" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-indymap-7030-50x50.jpg" alt="" title="estes-indymap-7030" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_410" class="loader"></div>
					<div id="slideshow_410" class="slideshow"></div>
					<div id="caption_410" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '50px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_410').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_410',
					controlsContainerSel:      '#controls_410',
					captionContainerSel:       '#caption_410',  
					loadingContainerSel:       '#loading_410',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              '',
					pauseLinkText:             '',
					prevLinkText:              '',
					nextLinkText:              '',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		<br />
19&#8243; x 19&#8243;, 9.5&#8243; x 4.75&#8243; folded</p>
]]></content:encoded>
			<wfw:commentRss>http://rogerestesdesign.com/americas-most-historic-sqaure-mile/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sir Harold Deluxe Typography</title>
		<link>http://rogerestesdesign.com/sir-harold-letter-set</link>
		<comments>http://rogerestesdesign.com/sir-harold-letter-set#comments</comments>
		<pubDate>Wed, 06 Apr 2011 01:20:07 +0000</pubDate>
		<dc:creator>Roger</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Favorites]]></category>

		<guid isPermaLink="false">http://rogerestesdesign.com/?p=400</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[
	
		<div class="gallery_clear"></div> 
		<div id="gallery_400" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_400" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-01.gif" title="estes-shdeluxe-01" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-01-50x50.gif" alt="" title="estes-shdeluxe-01" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-04.gif" title="estes-shdeluxe-04" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-04-50x50.gif" alt="" title="estes-shdeluxe-04" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-03.gif" title="estes-shdeluxe-03" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-03-50x50.gif" alt="" title="estes-shdeluxe-03" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-02.gif" title="estes-shdeluxe-02" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-02-50x50.gif" alt="" title="estes-shdeluxe-02" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-05.gif" title="estes-shdeluxe-05" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-05-50x50.gif" alt="" title="estes-shdeluxe-05" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-06.gif" title="estes-shdeluxe-06" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-06-50x50.gif" alt="" title="estes-shdeluxe-06" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-08.gif" title="estes-shdeluxe-08" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-08-50x50.gif" alt="" title="estes-shdeluxe-08" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-07.gif" title="estes-shdeluxe-07" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-shdeluxe-07-50x50.gif" alt="" title="estes-shdeluxe-07" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_400" class="loader"></div>
					<div id="slideshow_400" class="slideshow"></div>
					<div id="caption_400" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '50px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_400').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_400',
					controlsContainerSel:      '#controls_400',
					captionContainerSel:       '#caption_400',  
					loadingContainerSel:       '#loading_400',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              '',
					pauseLinkText:             '',
					prevLinkText:              '',
					nextLinkText:              '',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://rogerestesdesign.com/sir-harold-letter-set/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Girard Avenue 2011 Business Directory</title>
		<link>http://rogerestesdesign.com/girard-avenue-2011-business-directory</link>
		<comments>http://rogerestesdesign.com/girard-avenue-2011-business-directory#comments</comments>
		<pubDate>Mon, 04 Apr 2011 00:40:45 +0000</pubDate>
		<dc:creator>Roger</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://rogerestesdesign.com/?p=342</guid>
		<description><![CDATA[7&#8243; x 8.5&#8243;, 36 pages]]></description>
				<content:encoded><![CDATA[<p>
	
		<div class="gallery_clear"></div> 
		<div id="gallery_342" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_342" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-gcdirect-7081-483x500.jpg" title="estes-gcdirect-7081" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-gcdirect-7081-50x50.jpg" alt="" title="estes-gcdirect-7081" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-gcdirect-7086.jpg" title="estes-gcdirect-7086" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-gcdirect-7086-50x50.jpg" alt="" title="estes-gcdirect-7086" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-gcdirect-p13.gif" title="estes-gcdirect-p13" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-gcdirect-p13-50x50.gif" alt="" title="estes-gcdirect-p13" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-gcdirect-p13b.gif" title="estes-gcdirect-p13b" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-gcdirect-p13b-50x50.gif" alt="" title="estes-gcdirect-p13b" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-gcdirect-7090.jpg" title="estes-gcdirect-7090" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2011/04/estes-gcdirect-7090-50x50.jpg" alt="" title="estes-gcdirect-7090" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_342" class="loader"></div>
					<div id="slideshow_342" class="slideshow"></div>
					<div id="caption_342" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '50px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_342').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_342',
					controlsContainerSel:      '#controls_342',
					captionContainerSel:       '#caption_342',  
					loadingContainerSel:       '#loading_342',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              '',
					pauseLinkText:             '',
					prevLinkText:              '',
					nextLinkText:              '',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		<br />
7&#8243; x 8.5&#8243;, 36 pages</p>
]]></content:encoded>
			<wfw:commentRss>http://rogerestesdesign.com/girard-avenue-2011-business-directory/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>With Love, Philadelphia XOXO Web Spot</title>
		<link>http://rogerestesdesign.com/with-love-philadelphia-xoxo-web-spot</link>
		<comments>http://rogerestesdesign.com/with-love-philadelphia-xoxo-web-spot#comments</comments>
		<pubDate>Thu, 10 Feb 2011 18:01:24 +0000</pubDate>
		<dc:creator>Roger</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Philadelphia Tourism]]></category>

		<guid isPermaLink="false">http://rogerestesdesign.com/?p=152</guid>
		<description><![CDATA[GPTMC&#8217;s Winter 2011 campaign, pre-roll on AOL and Comcast]]></description>
				<content:encoded><![CDATA[<p><iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/hqQzCe0MDPw" frameborder="0" allowfullscreen></iframe></p>
<p>GPTMC&#8217;s Winter 2011 campaign, pre-roll on AOL and Comcast</p>
]]></content:encoded>
			<wfw:commentRss>http://rogerestesdesign.com/with-love-philadelphia-xoxo-web-spot/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Food in Jars Logo</title>
		<link>http://rogerestesdesign.com/food-in-jars</link>
		<comments>http://rogerestesdesign.com/food-in-jars#comments</comments>
		<pubDate>Tue, 19 Oct 2010 16:16:13 +0000</pubDate>
		<dc:creator>Roger</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Favorites]]></category>

		<guid isPermaLink="false">http://rogerestesdesign.com/?p=143</guid>
		<description><![CDATA[Food in Jars is a canning blog written by Marisa McClellan, a Philadelphia canning expert, educator and jar collector. I created the type from scratch drawing inspiration from the retro look of the jars and the unique typography only found in the molded glass.]]></description>
				<content:encoded><![CDATA[<p>Food in Jars is a canning blog written by Marisa McClellan, a Philadelphia canning expert, educator and jar collector. I created the type from scratch drawing inspiration from the retro look of the jars and the unique typography only found in the molded glass.<br />

	
		<div class="gallery_clear"></div> 
		<div id="gallery_143" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_143" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/10/estes-foodinjars-a-666x500.gif" title="estes-foodinjars-a" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/10/estes-foodinjars-a-50x50.gif" alt="" title="estes-foodinjars-a" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/10/estes-foodinjars-c-666x500.gif" title="estes-foodinjars-c" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/10/estes-foodinjars-c-50x50.gif" alt="" title="estes-foodinjars-c" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/10/estes-foodinjars-b-666x500.gif" title="estes-foodinjars-b" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/10/estes-foodinjars-b-50x50.gif" alt="" title="estes-foodinjars-b" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_143" class="loader"></div>
					<div id="slideshow_143" class="slideshow"></div>
					<div id="caption_143" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '50px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_143').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_143',
					controlsContainerSel:      '#controls_143',
					captionContainerSel:       '#caption_143',  
					loadingContainerSel:       '#loading_143',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              '',
					pauseLinkText:             '',
					prevLinkText:              '',
					nextLinkText:              '',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		</p>
]]></content:encoded>
			<wfw:commentRss>http://rogerestesdesign.com/food-in-jars/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Philadelphia Tourism Annual Report 2010</title>
		<link>http://rogerestesdesign.com/philadelphia-tourism-annual-report-2010</link>
		<comments>http://rogerestesdesign.com/philadelphia-tourism-annual-report-2010#comments</comments>
		<pubDate>Thu, 19 Aug 2010 22:44:00 +0000</pubDate>
		<dc:creator>Roger</dc:creator>
				<category><![CDATA[Corporate Reports]]></category>
		<category><![CDATA[Philadelphia Tourism]]></category>

		<guid isPermaLink="false">http://rogerestesdesign.com/?p=130</guid>
		<description><![CDATA[This was my third annual report for GPTMC. We had a new corporate logo and color scheme to launch, thanks to Maskar Design. 8.5&#8243; x 11&#8243;, 32 pages]]></description>
				<content:encoded><![CDATA[<p>This was my third annual report for GPTMC. We had a new corporate logo and color scheme to launch, thanks to <a href="http://maskar.com/">Maskar Design</a>.<br />

	
		<div class="gallery_clear"></div> 
		<div id="gallery_130" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_130" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/tourism2010_6156-694x447.jpg" title="tourism2010_6156" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/tourism2010_6156-50x50.jpg" alt="" title="tourism2010_6156" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/tourism2010_6163-694x447.jpg" title="tourism2010_6163" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/tourism2010_6163-50x50.jpg" alt="" title="tourism2010_6163" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/tourism2010_6164-694x447.jpg" title="tourism2010_6164" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/tourism2010_6164-50x50.jpg" alt="" title="tourism2010_6164" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/tourism2010_6169-694x447.jpg" title="tourism2010_6169" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/tourism2010_6169-50x50.jpg" alt="" title="tourism2010_6169" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/tourism2010_6168-694x447.jpg" title="tourism2010_6168" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/tourism2010_6168-50x50.jpg" alt="" title="tourism2010_6168" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_130" class="loader"></div>
					<div id="slideshow_130" class="slideshow"></div>
					<div id="caption_130" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '50px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_130').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_130',
					controlsContainerSel:      '#controls_130',
					captionContainerSel:       '#caption_130',  
					loadingContainerSel:       '#loading_130',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              '',
					pauseLinkText:             '',
					prevLinkText:              '',
					nextLinkText:              '',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		<br />
8.5&#8243; x 11&#8243;, 32 pages</p>
]]></content:encoded>
			<wfw:commentRss>http://rogerestesdesign.com/philadelphia-tourism-annual-report-2010/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Custom Vacation Gear</title>
		<link>http://rogerestesdesign.com/custom-vacation-gear</link>
		<comments>http://rogerestesdesign.com/custom-vacation-gear#comments</comments>
		<pubDate>Thu, 19 Aug 2010 22:03:17 +0000</pubDate>
		<dc:creator>Roger</dc:creator>
				<category><![CDATA[Drawing]]></category>

		<guid isPermaLink="false">http://rogerestesdesign.com/?p=123</guid>
		<description><![CDATA[When I got an email inquiring about t-shirts, hoodies and bandannas for a family to wear on a trip to Disney World, I had to say YES. I created a few variations of a crest featuring the family&#8217;s favorite characters and themes. 4 color screen printing]]></description>
				<content:encoded><![CDATA[<p>When I got an email inquiring about t-shirts, hoodies and bandannas for a family to wear on a trip to Disney World, I had to say YES. I created a few variations of a crest featuring the family&#8217;s favorite characters and themes.<br />

	
		<div class="gallery_clear"></div> 
		<div id="gallery_123" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_123" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/worldgrear-5390-685x500.jpg" title="worldgrear-5390" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/worldgrear-5390-50x50.jpg" alt="" title="worldgrear-5390" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/worldgrear-01-454x500.gif" title="worldgrear-01" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/worldgrear-01-50x50.gif" alt="" title="worldgrear-01" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/worldgrear-03-500x500.gif" title="worldgrear-03" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/worldgrear-03-50x50.gif" alt="" title="worldgrear-03" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/worldgrear-02-454x500.gif" title="worldgrear-02" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/worldgrear-02-50x50.gif" alt="" title="worldgrear-02" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_123" class="loader"></div>
					<div id="slideshow_123" class="slideshow"></div>
					<div id="caption_123" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '50px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_123').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_123',
					controlsContainerSel:      '#controls_123',
					captionContainerSel:       '#caption_123',  
					loadingContainerSel:       '#loading_123',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              '',
					pauseLinkText:             '',
					prevLinkText:              '',
					nextLinkText:              '',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		<br />
4 color screen printing</p>
]]></content:encoded>
			<wfw:commentRss>http://rogerestesdesign.com/custom-vacation-gear/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wedding Invitations and Chocolate Bars</title>
		<link>http://rogerestesdesign.com/wedding-invitations-and-chocolate-bars</link>
		<comments>http://rogerestesdesign.com/wedding-invitations-and-chocolate-bars#comments</comments>
		<pubDate>Thu, 19 Aug 2010 21:42:46 +0000</pubDate>
		<dc:creator>Roger</dc:creator>
				<category><![CDATA[Drawing]]></category>

		<guid isPermaLink="false">http://rogerestesdesign.com/?p=119</guid>
		<description><![CDATA[This invitation and matching candy bar were for my brother&#8217;s wedding this past July. The candy was the favor for the guests at the reception, sourced from Trader Joes. Some other members of the wedding party helped with the assembly. Invitation: 5.75&#8243; x 14.5&#8243;, 5.75&#8243; x 4&#8243; folded &#124; Candy: 4.5&#8243; x 2&#8243; x .3&#8243;]]></description>
				<content:encoded><![CDATA[<p>This invitation and matching candy bar were for my brother&#8217;s wedding this past July. The candy was the favor for the guests at the reception, sourced from Trader Joes. Some other members of the wedding party helped with the assembly.<br />

	
		<div class="gallery_clear"></div> 
		<div id="gallery_119" class="photospace"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_119" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6179.jpg" title="elisam-wedding_6179" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6179-50x50.jpg" alt="" title="elisam-wedding_6179" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6181.jpg" title="elisam-wedding_6181" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6181-50x50.jpg" alt="" title="elisam-wedding_6181" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6183.jpg" title="elisam-wedding_6183" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6183-50x50.jpg" alt="" title="elisam-wedding_6183" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6180.jpg" title="elisam-wedding_6180" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6180-50x50.jpg" alt="" title="elisam-wedding_6180" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6171.jpg" title="elisam-wedding_6171" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6171-50x50.jpg" alt="" title="elisam-wedding_6171" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6178.jpg" title="elisam-wedding_6178" >								
											<img src="http://rogerestesdesign.com/wp-content/uploads/2010/08/elisam-wedding_6178-50x50.jpg" alt="" title="elisam-wedding_6178" />
										</a>
										
										<div class="caption">
											
										</div>
										
									</li>
								
						</ul>
								<div class="photospace_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_119" class="loader"></div>
					<div id="slideshow_119" class="slideshow"></div>
					<div id="caption_119" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
				$('.thumnail_col').css('width', '50px');
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_119').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            0,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_119',
					controlsContainerSel:      '#controls_119',
					captionContainerSel:       '#caption_119',  
					loadingContainerSel:       '#loading_119',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              '',
					pauseLinkText:             '',
					prevLinkText:              '',
					nextLinkText:              '',
					nextPageLinkText:          '&rsaquo;',
					prevPageLinkText:          '&lsaquo;',
					enableHistory:              0,
					autoStart:                 	0,
					enableKeyboardNavigation:	true,
					syncTransitions:           	1,
					defaultTransitionDuration: 	300,
						
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					}
					
				}); 
				
				
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		<br />
Invitation: 5.75&#8243; x 14.5&#8243;, 5.75&#8243; x 4&#8243; folded | Candy: 4.5&#8243; x 2&#8243; x .3&#8243;</p>
]]></content:encoded>
			<wfw:commentRss>http://rogerestesdesign.com/wedding-invitations-and-chocolate-bars/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
