/* Stylesheet for AllOverAlbany.com       */
/* version 1.0                            */
/* created 2007.12.29                     */
/* This style sheet is organized as such: */
/* -macro level layout                    */ 
/* -general link styles                   */
/* -section specific                      */
/*	-layout			          */
/*	-text and other styling           */

/* ----- last modified 2013-04-19 ---- */


/* ------------------ macro level layout ----------------------- */


body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	}

	
#wrapper {
	width: 978px; /* 980px total width with 1px borders on each side */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333; /* border top added 2009-11-5 for page top ad */
	}
	/* the wrapper div holds everything together */
	
/* regular banner */

 #banner {
	position: relative;
	width: 978px;
	height: 135px;
	margin: 0px 0px 0px 0px;
	background: url(../site_images/aoa_banner_background_smoother.png);
	}  

		
/* banner takeover - last used 2016-September  

 #banner {
	position: relative;
	width: 978px;
	height: 135px;
	margin: 0px 0px 0px 0px;
	background: url(../site_images/special/Wolffs_Oktoberfest_2016_banner.jpg);
	} 
*/
		

#sub-banner-message {
	width: 930px;
	height: 50px; /* 54px total with 2px border on top and bottom */
	margin: 0px;
	padding: 0px 24px 0px 24px;
	background: #cccccc;
	border-top: 2px solid #bcbcbc;
	border-bottom: 2px solid #bcbcbc;
	}
	
#sub-banner-ad {
	width: 930px;
	margin: 0px 24px 0px 24px;
	padding: 10px 0px 10px 0px;
	background: #ffffff;
	border-bottom: 1px solid #eeeeee;	
	} /* only shows up on individual entry pages */
	
#wide-screen-content {
	width: 930px;
	float: left;
	clear: both;
	margin: 0px 24px 0px 24px;
	padding: 10px 0px 10px 0px;
	} /* for maps, individual entries with wide content, photos */
	
#main-content {
	width: 525px; /* total column is 574px with 24px margin left and 24px padding + 1px border right -- remember 1px wrapper border on left */
	float: left;
	clear: none;
	display: inline; /* this line isn't necessary, except for IE6's floating double margin problem */
	margin: 25px 0px 25px 24px;
	padding: 0px 24px 0px 0px; /* rightside padding reduced 1px for border */
	border-right: 1px solid #eeeeee;
	}
	
#main-content-full-page {
	width: 930px;
	float: left;
	clear: both;
	margin: 0px 24px 0px 24px;
	padding: 10px 0px 10px 0px;
	} /* only used on a few pages -- for example, advertising info */
	
#side-column {
	width: 355px; /* total column is 404px with 25px margin left and 24px margin right (remember 1px wrapper border) */ 
	float: right;
	clear: none;
	margin: 25px 24px 25px 25px; 
	padding: 0px 0px 0px 0px;
	display: inline; /* this line isn't necessary, except for IE6's floating double margin problem */
	}
	
#footer {
	width: 930px;
	margin: 30px 24px 0px 24px; /* remember wrapper 1px border on both sides */
	padding: 10px 0px 10px 0px;
	clear: both;
	border-top: 1px solid #eeeeee;
	}
	
#page-top-ad {
	width: 980px; /* 980px total width -- no borders */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	}
	/* this wraps the ad at the very top of the page */
	
/* -------------- end macro level layout ---------------------- */


/* -------------- general link styles ------------------------- */

	/* 2013-04-19: main link color changed from #ff9900 for better legibility */
	
a:link { 
	color: #ff8700; 
	text-decoration: none;
	border-bottom: 1px dotted #ff8700; 
	} 
	

a:visited {
	color: #ff8700; 
	text-decoration: none;
	border-bottom: 1px dotted #999999; 
	}
	

a:hover {
	color: #ff8700; 
	text-decoration: none;
	border-bottom: 1px solid #ff8700; 
	}

	
a:active {
	color: #ff99cc; 
	text-decoration: none;
	border-bottom: 1px solid #ff99cc; 
	}
	
	
	
#page-top-ad img {border: 0px;} /* added in an attempt to get rid of link border in page top ad */

/* --------------- end general link styles ------------------- */


/* --------------- section specific styles ------------------- */


/* - banner - */

#banner a {
	border: 0px;
	}

.banner-logo-text {
	position: relative;
	top: 90px;
	left: 24px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
/* holiday banner logo text - last adjusted 2013 December 

.banner-logo-text {
	position: relative;
	top: 88px;
	left: 24px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}	*/
	
#banner h1 {
	display: none;
	} /* for creating an invisible h1 site title */
		
#banner-navigation {
	position: absolute;
	top: 108px;
	left: 500px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	}

#banner-navigation a:link { color: #cccccc; text-decoration: none; border-bottom: 0px; } 
#banner-navigation a:visited { color: #cccccc; text-decoration: none; border-bottom: 0px; }
#banner-navigation a:hover { color: #ff8700; text-decoration: none; border-bottom: 0px; }
#banner-navigation a:active { color: #ffffff; text-decoration: none; border-bottom: 0px; }

	
.banner-navigation-items {
	display: inline;
	width: 100px;
	padding: 5px 10px 5px 10px;
	/* background: #000000; */
	font-family: Georgia, Times, serif;
	font-size: 100%;
	color: #ffffff;
	}
	
	
/* - banner end - */

/* - sub banner message - */

#sub-banner-message p {
	font-size: 150%;
	font-family: Georgia, Times, serif; 
	color: #333333;
	margin: 15px 0px 0px 0px;
	}
	
#sub-banner-message a:link, #sub-banner-message a:visited, #sub-banner-message a:active {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted #333333; 
	}

#sub-banner-message a:hover {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #333333; 
	}
	
/* - sub banner message end - */


/* - main content - */

.main-content-adbox {
	width: 525px;
	float: left;
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 30px 0px;
	border-bottom: 1px solid #eeeeee;
	}
	
.ad-square-wrapper {
	width: 505px;
	padding: 10px;
	background: #eeeeee;
	} 
	
#main-content p {
	margin: 0px 0px 15px 0px;
	line-height: 140%;
	}

.entry-container {
	width: 100%;
	float: left;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 30px 0px;
	border-bottom: 1px solid #eeeeee;
	}
	
.entry-headline {
	margin: 0px 0px 5px 0px;
	font-family: Georgia, Times, serif;
	font-size: 185%;
	font-weight: normal;
	color: #000000;
	}

.entry-headline a:link, .entry-headline a:visited, .entry-headline a:active {
	color: #000000;
	text-decoration: none;
	border: 0px;
	}

.entry-headline a:hover, {
	color: #ff8700;
	} 	
	
.entry-meta-info {
	width: 100%;
	float: left;
	margin: 0px 0px 10px 0px;
	}
	
.entry-date-bottomline-map {
	width: 55%;
	float: left;
	clear: none;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	font-size: 95%; 
	color: #666666;
	}
	
.entry-date-bottomline-map a:link, .entry-date-bottomline-map a:visited, .entry-date-bottomline-map a:active {
	color: #666666;
	text-decoration: none;
	border: 0px;
	}

.entry-date-bottomline-map a:hover {
	color: #ff8700;
	} 
	
.entry-category-signpost {
	float: right;
	margin: 0px;
	padding: 1px 2px 1px 2px;
	text-align: right;
	font-size: 95%;
	font-weight: bold;
	color: #ffffff;
	background: #000000;
	}
	
.entry-category-signpost a:link, .entry-category-signpost a:visited, .entry-category-signpost a:active {
	color: #ffffff;
	text-decoration: none;
	border: 0px;
	}

.entry-category-signpost a:hover {
	color: #ff8700;
	}
	
.big-picture-frame {
	width: 525px;
	float: left;
	display: inline; /* Why?  Because IE6 adds extra space to the top without it.  Sigh. */
	clear: none;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	}
	
.big-picture-frame img {
	margin: 0px;
	padding: 0px;
	}

.big-picture-caption {
	margin: 5px 0px 0px 0px;
	font-size: 90%;
	color: #666666;
	}
		
.written-by {
	margin: 5px 0px 10px 0px;
	color: #666666;
	}
	
.entry-container p {
	line-height: 130%;
	}

.entry-container h3 {
	margin: 0px 0px 10px 0px;
	font-family: Georgia, Times, serif;
	font-size: 120%;
	font-weight: bold;
	color: #000000;
	}
	
.entry-container blockquote {
	line-height: 150%;
	color: #333333;
	}

#main-content .image-credit {
	font-size: 90%;
	color: #666666;
	font-style: italic;
	}
	
#main-content .advertiser-disclosure {
	color: #666666;
	}
	
	
.pullquote {
	margin: 20px 30px 20px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #666666;
	}
	
.pullquote-right {
	width: 225px;
	float: right;
	margin: 0px 0px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #666666;
	}
	
.pullquote-left {
	width: 225px;
	float: left;
	margin: 0px 20px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #666666;
	}
	
.entry-footer {
	width: 100%;
	color: #666666;
	line-height: 150%;
	}	
	
.entry-footer-comments {
	width: 125px; /* 135 px with 10px left pad */
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../site_images/block_bullet_gray.gif) no-repeat 0px 8px;
	text-align: left;
	}
	
.entry-footer-tags {
	width: 215px; /* 250 px with 10px left pad and 30px right margin */
	float: left;
	display: inline;
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../site_images/block_bullet_gray.gif) no-repeat 0px 8px;
	text-align: left;
	}
	
.entry-footer-tell {
	width: 105px; /* 120 px with 5px left pad */
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../site_images/share-icon-10x10_gray.png) no-repeat 0px 5px;
	text-align: left;
	}
	
.quick-entry-headline {
	display: inline;
	padding: 0px 5px 0px 0px;
	font-size: 100%;
	font-weight: bolder;
	}
	
.quick-entry-headline a:link, .quick-entry-headline a:visited, .quick-entry-headline a:active {
	color: #000000;
	text-decoration: none;
	border: 0px;
	}

.quick-entry-headline a:hover {
	color: #ff8700;
	}
	
.quick-entry-paragraph {
	display: inline;
	}
	
.quick-entry-meta-info {
	display: inline;
	color: #666666;
	}
	
.quick-entry-meta-info a:link, .quick-entry-meta-info a:visited, .quick-entry-meta-info a:active {
	color: #666666;
	text-decoration: none;
	border: 0px;
	}
	
.quick-entry-meta-info a:hover {
	color: #ff8700;
	}
	
   /* individual entry specific */

#find-it {
	width: 525px; 
	float: left;
	margin: 10px 0px 25px 0px;
	} /* holds location info and map for individual entry pages */
	
#map {
	width: 315px;
	height: 250px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	}  /* holds the map */
	
#comments {
	margin: 0px 0px 30px 0px;
	}

#comments h3 {
	margin: 0px 0px 7px 0px;
	font-family: Georgia, Times, serif;
	font-size: 120%;
	font-weight: bold;
	color: #000000;
	}
	
.comment {
	margin: 0px 0px 30px 0px;
	} /* this class controls the packaging of each comment -- both the comment body and footer */
	
	
.comment-footer {
	width: 100%;
	margin: 0px;
	font-size: 100%;
	text-align: right;
	color: #666666;
	}
	
#contribute-comment {
	margin: 0px 0px 30px 0px;
	}
	
#contribute-comment h3 {
	margin: 0px 0px 7px 0px;
	font-family: Georgia, Times, serif;
	font-size: 120%;
	font-weight: bold;
	color: #000000;
	}
	
.contribute-comment-rules {
	font-size: 95%;
	color: #666666;
	}
	
#contribute-comment h4 {
	margin: 0px 0px 5px 0px;
	font-size: 95%;
	font-weight: normal;
	color: #666666;
	}
	
#contribute-comment .comment-form-text {
	margin: 0px 0px 10px 0px;
	padding: 2px;
	font-family: Arial, Helvetica, san-serif;
	font-size: 100%;
	border: 1px solid #999999;
	}
	

   /* entry listing specific */
   
.archive-section-header {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #eeeeee;
	}
	
.archive-section-header h2 {
	margin: 0px 0px 3px 0px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 185%;
	}
	
.archive-description {
	line-height: 130%;
	color: #666666;
	}

	
  /* search and search results */
  
.search-form {
	margin: 0px 0px 25px 0px;
	}
	
.search-field {
	width: 270px;
	padding: 2px;
	border: 1px solid #999999;
	}
	
.search-button {
	background: #999999;
	color: #ffffff;
	border: 1px solid #cccccc;
	padding: 1px;
	}
	
.search-results-header {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #eeeeee;
	}
	
.search-results-header h2 {
	margin: 0px 0px 3px 0px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 185%;
	}
	
.search-results-entry-container {
	width: 100%;
	float: left;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #eeeeee;	
	}
	
.search-results-entry-container h3 {
	margin: 0px 0px 5px 0px;
	font-family: Georgia, Times, serif;
	font-size: 120%;
	font-weight: normal;
	color: #000000;
	}
	
.search-results-entry-meta {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	color: #666666;
	}
	
#tag-search-tag-listing p {
	color: #999999;
	}
	
/* - main content end - */

/* - side column - */

#side-column p {
	font-size: 95%;
	line-height: 130%;
	margin: 0px 0px 15px 0px;
	}

.side-column-item {
	width: 100%;
	float: left;
	margin: 0px 0px 25px 0px;
	padding: 0px;
	border-bottom: 1px solid #eeeeee;
	}
	
.side-column-item-headline {
	width: 351px; /* accounts for 2px padding on each side -- would setting this to 100% be easier, yes it would, but alas, IE says no */
	margin: 0px 0px 7px 0px;
	padding: 2px;
	background: #000000;
	font-family: Georgia, Times, serif;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	}
	
.side-column-adbox {
	width: 300px;
	float: left;
	margin: 0px 0px 25px 0px;
	padding: 10px 30px 10px 25px;
	background: #eeeeee;
	}
	
.side-column-adbox a {border: 0px;}
	
.side-column-skyscraper-box-set {
	width: 100%;
	float: left;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #eeeeee;
	}
	
.side-column-item-narrow {
	width: 170px;
	float: left;
	margin: 0px 25px 0px 0px;
	}
	
.side-column-item-narrow-headline {
	width: 166px; /* accounts for 2px padding on each side -- would setting this to 100% be easier, yes it would, but alas, IE says no */
	margin: 0px 0px 7px 0px;
	padding: 2px;
	background: #000000;
	font-family: Georgia, Times, serif;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;	
	}
	
.side-column-adskyscraper {
	width: 160px;
	float: right;
	padding: 0px;
	margin: 0px;
	}
	
#recent-entries h4 {
	margin: 0px 0px 2px 0px;
	font-size: 100%;
	font-weight: bold;
	}	

#recent-comments h4 {
	margin: 0px 0px 2px 0px;
	font-size: 100%;
	font-weight: bold;
	}

#comment-highlight {
	width: 355px; 
	margin: 0px 0px 20px 0px;
	}
	
#comment-highlight blockquote {
	width: 325px; /* accounts for padding in the blockquote */
	background: url(../site_images/comment_highlight_quotemark_open.gif) no-repeat top left;
	margin: 0px 0px -20px 0px;
	padding: 10px 15px 0px 15px;
	font-family: Georgia, Times, serif;
	font-size: 150%;
	text-align: center;
	} /* this controls the actual quote, including the quotemark in the upper left corner */	
		
p.comment-highlight-footer {
	width: 355px;
	background: url(../site_images/comment_highlight_quotemark_close.gif) no-repeat top right;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
	text-align: center;
	} /* controls the footer text and places the closing big quotemark */

/* featured posts */	
	
#featured-posts ul {
	list-style-type: none; 
	width:355px; 
	padding: 0px; 
	margin: 10px 0px 20px 0px;
	}	
	
#featured-posts li {
	overflow:auto; 
	margin: 10px 0px 0px 0px; 
	padding: 5px 0px 5px 0px;		
	}
	
#featured-posts li:hover {
	background: #fffdfa;
	}
	
#featured-posts .text-container {
	width:235px; 
	float:right;
	}
	
#featured-posts h4 {
	font-family: Georgia, Times, serif;
	font-size: 120%;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	}
	
#featured-posts h4.list-items {
	margin: 0px 0px 0px 120px;
	font-family: Georgia, Times, serif;
	font-size: 120%;
	font-weight: bold;
	}
	
#featured-posts p.featured-posts-meta {
	color: #666666;
	margin: 3px 0px 0px 0px;
	}
	
#featured-posts p.featured-posts-meta-list-items {
	color: #666666;
	margin: 3px 0px 0px 120px;
	}	
	
#featured-posts p.featured-posts-category {
	color: #666666;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}
	
#recent-features h4 {
	margin: 0px;
	font-size: 100%;
	font-weight: bold;
	}
	
.recent-features-item-left {
	width: 150px; 
	height: 70px;
	float: left; 
	margin: 0px 25px 0px 0px;
	}
	
.recent-features-item-right {
	width: 150px; 
	height: 70px;
	float: left; 
	margin: 0px 0px 0px 0px;
	}
	
#side-column-contact p {
	font-size: 120%
	text-align: center;
	}
	
#recent-neighborhood h4 {
	margin: 0px 0px 10px 0px;
	font-size: 100%;
	font-weight: bold;
	}
	
.recent-neighborhood-meta {
	margin: 0px 0px 2px 0px;
	font-size: 90%;
	color: #666666;
	}
	
	
#recent-twitter ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#recent-twitter li {
	margin: 2px 0px 15px 0px;
	padding: 0px 0px 0px 35px;
	background-image: url(http://alloveralbany.com/site_images/twitter_logo_tiny.png);
	background-repeat: no-repeat;
	background-position-x: -35px;
	}
	
		
/* -- maps -- */

.maps-section-header {
	margin: 0px 0px 15px 0px;
	}
	
.maps-section-header h2 {
	margin: 0px 0px 3px 0px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 185%;
	}
	
.maps-section-description {
	line-height: 130%;
	color: #666666;
	}
	
#big-map img {
	border: 0px;
	}
	
#big-map
	
/* -- maps end -- */

/* -- neighborhood -- */

.neighborhood-section-header {
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #eeeeee;
	}
	
.neighborhood-section-header h2 {
	margin: 0px 0px 3px 0px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 185%;
	}
	
.neighborhood-section-description {
	line-height: 130%;
	color: #666666;
	}
	
.neighborhood-entry-container {
	width: 100%;
	float: left;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #eeeeee;	
	}
	
.neighborhood-entry-container h3 {
	margin: 5px 0px 3px 0px;
	font-family: Georgia, Times, serif;
	font-size: 120%;
	font-weight: strong;
	color: #000000;
	}
	
.neighborhood-entry-meta {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	color: #666666;
	}

/* -- neighborhood end -- */

/* -- restaurants -- */

.restaurant-outdoor-dining-thumbnail {
	float: right;
	margin: 0px 0px 0px 20px;
	border: 0px;
	}
	
.restaurant-outdoor-dining-thumbnail img {
	border: 0;
	}



/* -- restaurants end -- */


/* -- full page layout -- */
	
.full-page-section-header {
	margin: 0px 0px 30px 0px;
	padding: 15px 0px 15px 0px;
	border-bottom: 1px solid #eeeeee;
	text-align: center;
	}
	
.full-page-section-header h2 {
	margin: 0px 0px 3px 0px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 185%;
	}
	
.full-page-section-description {
	line-height: 130%;
	color: #666666;
	text-align: center;
	}
	
#main-content-full-page h3 {
	margin: 0px 0px 3px 0px;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	}

#main-content-full-page p {
	margin: 0px 0px 10px 0px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 125%;
	text-align: center;
	}
	
/* -- full page end -- */

/* -- photos sidebar include for other parts of the site -- */

.photos-sidebar-include-tiny-wall {
	width: 355px; 
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}

.photos-sidebar-include-tiny-wall-row {
	width: 355px; 
	float: left; 
	margin: 0px 0px 0px 0px;
	}
	
.photos-sidebar-include-tiny-wall-thumbnails {
	float: left; 
	display: inline; 
	margin: 0px 0px 0px 0px;
	}

/* -- photos sidebar include end -- */


