/*
	Mercato del Mare - A North End Fish Market
	on behalf of Beacon Marketing
	
	By Adam Hansen
	www.ahansendesign.com
	Created: February 27, 2009
	Last Updated: February 27, 2009
*/

/*
	RESET
*/
*									{ margin: 0; padding: 0; }
html								{ }
html, body							{ }
body								{ font-size: 100%; font-family: "Times New Roman", Times, serif; color: #000; background: #FFF; }
a									{ outline: none; text-decoration: none; color: #000; }
a img								{ border: none; background: none; }
p									{ margin: 0 0 10px 0; line-height: 1.3em; font-size: 0.85em; }
img									{ margin: 5px; border: 3px solid #000;}

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }

/*
	STRUCTURE
*/
#page-wrap							{ width: 950px; margin: 0 auto; }
#content-wrap						{ width: 950px; background: url(/images/content-bg.gif) repeat-y; }
	/* HEADER */
#header								{ position: relative; width: 910px; height: 170px; background: url(/images/bg_header.gif) top no-repeat #FFF; margin-top: 15px; }
#header #nav						{ position: absolute; top: 130px; width: 910px; color: #FFF; }
#header #nav ul						{ margin: 0 0 10px 0; padding: 0; text-align: center; }
#header #nav li						{ list-style: none; display: inline; }
#header #nav li a					{ color: #FFF; font-size: 1.1em; font-weight: bold; padding: 0 8px; }
#header #nav li a:hover				{ border-bottom: 4px solid #0099ff; padding-bottom: 4px;}
	/* SIDEBAR */
#sidebar							{ float: left; width: 208px; margin-right: 20px; background: #FFF; padding-bottom: 15px; }
#sidebar a							{ color: #000; text-decoration: none; font-weight: bold; }
#sidebar a:hover					{ text-decoration: underline; }
	/* SIDEBAR - NO WIDGETS */
#sidebar .sidebar_top				{ width: 208px; height: 24px; background: url(/images/bg_sidebar_top.gif) no-repeat; overflow: hidden; }
#sidebar .top						{ width: 208px; height: 31px; background: url(/images/sidebar_title_top.gif) top no-repeat; padding-top: 9px; margin-bottom: 10px; }
#sidebar .top h2					{ text-align: center; font-size: 1.1em; margin: 0; padding: 0; }
#sidebar .top-inner					{ width: 188px; padding: 0 10px; }
#sidebar .top-inner p				{ text-align: center; }
#sidebar .bottom					{ width: 208px; height: 31px; background: url(/images/sidebar_title_bottom.gif) top no-repeat; padding-top: 9px; margin: 15px 0 10px; }
#sidebar .bottom h2					{ text-align: center; font-size: 1.1em; margin: 0; padding: 0; }
#sidebar .bottom-inner				{ width: 188px; padding: 0 10px; }
	/* SIDEBAR - WITH WIDGETS */
#sidebar li							{ list-style: none; font-size: 0.95em; }
.textwidget							{ text-align: center; margin: 0 0 25px 0; padding: 0 7px; }
h2.widgettitle						{ width: 208px; height: 31px; background: url(/images/sidebar_title_bottom.gif) top no-repeat; padding-top: 9px; margin: 0 0 10px; 
									  text-align: center; font-size: 1.2em; color: #000; }
	
#recent-posts ul					{ margin: 0 0 15px 25px; padding: 0; color: blue } 
#recent-posts li					{ list-style: disc;  }
.ngg_images img						{ border: 3px solid #000; margin: 0 auto; text-align: center; display: block; }
	
	
	/* POST (BLOG CODE) */
#post-container						{ float: left; width: 690px; } 
#post-container .post h2			{ clear: both; width: 670px; height: 33px; padding-top: 4px; background: url(/images/bg_postTitle.gif) no-repeat; overflow: hidden; text-align: center; } 
#post-container .post h2 a			{ color: #000; }
#post-container .post .date			{ float: left; margin-left: 15px; }
#post-container .post .author		{ float: right; margin-right: 15px; }
#post-container .post .date,.author	{ color: #0099ff; font-weight: bold; font-size: 0.85em; margin-top: 5px; }
#post-container .post .post-content { clear: both; margin: 15px 15px 35px; }
#post-container .post .post-content p { font-size: 0.95em; }
#post-container .post a				{ color: #0099ff; text-decoration: none; }
#post-container .post a:hover		{ text-decoration: underline; }
#post-container .post p.click-for-rest a	{ text-decoration: underline; }
#post-container .post-details		{ background: #ABDDFF; color: #000; border: 1px solid #000; padding: 2px; }
#post-container .post-details p		{ font-size: 0.75em; }
#post-container .post-details p a	{ color: #000; font-weight: bold; }
#post-container li					{ list-style: none; }
	/* COMMENTS / READING & POSTING */
#comment-wrapper					{ float: right; width: 660px; padding: 20px 0 20px; }
#comment-wrapper ol					{ width: 600px; }
#comment-wrapper span 				{ color: #0099FF; font-size: 0.85em; }
#comment-wrapper span a				{ color: #0099FF; text-decoration: underline; }
#comment-wrapper p.comment-date a	{ color: #0099FF; font-size: 0.85em; }
#comments-container					{ width: 910px; margin: 25px 0 0; }
#comment-wrapper .comment-text		{ margin-bottom: 30px; }
#comment-wrapper .comment-text p	{ font-size: 0.85em; line-height: 16px; }
	/* COMMENT FORM */
.comment-row						{ width: 500px; margin: 5px 0; }
label								{ font-size: 0.85em; font-weight: bold; }
input, textarea						{ border: 1px solid #000; background: #FFF; padding: 5px; }
textarea							{ width: 490px; }
input#submit						{ clear: left; float: left; margin: 5px 0 0; background: #ABDDFF; border: 1px solid #000; font-weight: bold; }
h3#comments							{ font-size: 1.5em; margin: 5px 0 10px 0; color: #0099FF; }
h3#respond							{ clear: left; font-size: 1.5em; padding: 25px 0 10px 0; color: #0099FF; border-top: 1px dashed #0099FF; }
	/* FOOTER */
#footer								{ margin: 20px 0 25px; width: 910px; height: 31px; background: url(/images/bg_footer.gif) no-repeat #000; overflow: hidden; }
#footer p							{ margin: 7px 0 0 0; text-align: center; color: #FFF; font-size: 0.80em; font-weight: normal; }