@charset "utf-8";
/* CSS Document */

@import url('reset.css');

body      { margin:0px; padding:0px; background:url(/public/images/bg.gif) top center; }
#header   { background:url(/public/images/topbg.jpg) top center;  }
#menu     { width:960px; margin:0 auto; background:url(/public/images/red-menu-bg.gif); height:150px; overflow:hidden}
#wrap     { width:960px; margin:0 auto; background:#FFF }
#login    { background:#000000; height:0px }
.margin20 { padding:0 20px }
.margin30 { padding:0 30px }
.margin40 { padding:0 40px }

ul.topmenu      	  { padding:0 20px; height:35px; overflow:hidden }
ul.topmenu li   	  { float:right; font-size:13px; }
ul.topmenu li a 	  { display:block; color:#FFF; font-size:13px; padding:10px 17px; text-decoration:none }
ul.topmenu li a:hover { text-decoration:underline; }
#login-tab            { background:url(/public/images/red-login-tab.gif) bottom center no-repeat; }
#logo				  { display:block; float:left; clear:right }
#search-form          { display:block; float:right; height:70px; overflow:none;  }
#search				  { width:270px; margin-top:20px; font-size:13px; background:url(/public/images/textfield-bg.gif) repeat-x; border:1px solid #82838d; padding:4px; outline:none  }
#searchbutton		  { vertical-align:middle; margin:0 20px 0 0; position:relative; top:-6px  }

div.tabs			  		{ clear:both;}
div.tabs a			  		{ background-image:url(/public/images/tabs.gif); display:block; float:left; height: 45px; text-indent:-10000px }

#living-spaces		  		{ width:142px; background-position:0px -45px; }
#culinary-spaces	  		{ width:142px; background-position:-142px -45px; }
#health-spaces		  		{ width:122px; background-position:-284px -45px; }
#shopping-spaces      		{ width:156px; background-position:-406px -45px; }
#caring-spaces  	  		{ width:143px; background-position:-562px -45px; }

#living-spaces:hover  		{ background-position:0px 0px; }
#culinary-spaces:hover	    { background-position:-142px 0px; }
#health-spaces:hover		{ background-position:-284px 0px; }
#entertaining-spaces:hover  { background-position:-426px 0px; }
#shopping-spaces:hover      { background-position:-406px 0px; }
#caring-spaces:hover 		{ background-position:-562px 0px; }

#living-spaces.active  		{ background-position:0px -90px; }
#culinary-spaces.active	    { background-position:-142px -90px; }
#health-spaces.active		{ background-position:-284px -90px; }
#entertaining-spaces.active { background-position:-426px -90px; }
#shopping-spaces.active     { background-position:-406px -90px; }
#caring-spaces.active 		{ background-position:-562px -90px; }





/*  Content */

p		         { color:#686464; font-size:11px; line-height:17px; padding:0 0 10px; }
h1				 { font-size:21px; font-weight:normal; text-transform:capitalize }


.error           { color:#b51111; }
.admin-functions { padding:5px 0 }
.breadcrumbs 	 { padding:0 35px; color:#aeadad }
.breadcrumbs a   { padding:0 5px; color:#aeadad; text-decoration:none; font-size:11px; }
.breadcrumbs a:hover { text-decoration:underline; }
.red			 { color:#990000 }
.clear			 { clear:left; height:1px; overflow:hidden; }

a.button-red      { color:#FFF; font-weight:15px; background:url(/public/images/button-red-left.png) no-repeat; font-size:14px; text-decoration:none; display:block; float:left; margin:0 20px 0 0 }
a.button-red span { background:url(/public/images/button-red-right.png) no-repeat top right; display:block; padding:6px 10px; }





#bodycol1        { width:420px; margin:20px 0; float:left; overflow:hidden; }
#bodycol2        { width:315px; margin:20px 0; float:left; background:url(/public/images/middlecolumn-bg.png) center repeat-y; overflow:hidden }
#bodycol2.nobg   { background:none; }
#bodycol2-top    { background:url(/public/images/middlecolumn-bg.png) left top no-repeat; }
#bodycol2-bottom { background:url(/public/images/middlecolumn-bg.png) right bottom no-repeat; }
#bodycol3        { width:225px; margin:20px 0; float:left; overflow:hidden }
#bodycol1wide    { width:735px; margin:20px 0; float:left; overflow:hidden; }

#photo-upload-form        { border:2px solid #dedddd; padding:20px; }
#photo-upload-form h3	  { font-size:19px; font-weight:normal; }
#photo-upload-form label  { display:block; padding:10px 0 2px 0; }

#swfFlashUI #divStatus    { padding:10px 0; font-size:11px; font-weight:bold; color:#636262 }
#swfFlashUI .progressContainer { padding:5px; margin:5px 0 }
#fsUploadProgress		  { padding:0 10px; border:2px solid #EEE; margin-top:10px }
#fsUploadProgress .legend { display:block; font-size:bold; margin:10px 0; font-weight:bold; font-size:13px; color:#aeadad }		  
.blue                     { color:#000066; }




.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	font-size: 11px;
	font-family: Arial;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}







#guide-areainfo              { width:390px; float:left; }
#guide-areainfo #guide-img   { padding:20px; margin:0 auto; display:block; background:url(/public/images/guide-image-background.png) center center no-repeat; }
#guide-areainfo h1           { font-size:21px; font-weight:normal; padding:0px 30px 10px }
#guide-areainfo p		     { padding:0 30px; }
#guide-map				     { width:343px; float:left; }

.guide-listing			     { border-top:1px solid #DDD }
.guide-listing h2		     { font-size:16px; font-weight:bold; color:#676464; padding:0 0 10px }
.guide-listing-desc		     { margin:20px 0; width:385px; float:left; }
.guide-listing-info          { width:220px; margin:20px 0 20px 40px; float:left }
.guide-listing-info p        { padding:1px 0 10px 30px; line-height:13px; }

.guide-listing p.phone       { background:url(/public/images/guide-icon-phone.png) no-repeat;}
.guide-listing p.address     { background:url(/public/images/guide-icon-address.png) no-repeat;}
.guide-listing p.web	     { background:url(/public/images/guide-icon-web.png) no-repeat;}
.guide-listing p.map	     { background:url(/public/images/guide-icon-map.png) no-repeat;}
.guide-listing p a           { color:#666;}

.guide-listing-info label    { width: 55px; float:left; padding:6px 0 }
.guide-listing-info input	 { border:1px solid #ebe2e2; padding:4px; width:145px; }
.guide-listing-desc label    { display:block; }
.guide-listing-desc input	 { border:1px solid #ebe2e2; padding:4px; width:100% }
.guide-listing-desc textarea { border:1px solid #ebe2e2; padding:4px; width:100%; height:200px }

#guide-areainfo label        { display:block; }
#guide-areainfo input	     { border:1px solid #ebe2e2; padding:4px; width:100% }
#guide-areainfo textarea     { border:1px solid #ebe2e2; padding:4px; width:100%; height:200px }




.issue					  { padding:30px 10px; }
.issue .col1			  { width:275px; float:left }
#editors-note			  { width:380px; float:left }
.issue #cover-image		  { border:2px solid #DDD }
.issue h1				  { font-size:23px; font-weight:normal; padding-bottom:20px }
#issue-articles 		  { background:url(/public/images/issue-article-bg.gif) bottom left no-repeat; margin:30px 0; padding-bottom:20px; }
#issue-articles h2		  { height:50px; text-indent:-10000px; overflow:hidden; background:url(/public/images/issue-article-headline.gif) no-repeat; }
#issue-articles li a	  { display:block; padding:10px 55px 10px 40px; font-size:11px; color:#636262; text-decoration:none; background:url(/public/images/square-bullet.gif) 20px 10px no-repeat }
.issue .admin-functions   { text-align:right; }
.issue label			  { display:block; margin:20px 0 3px }
.issue input			  { border:1px solid #ebe2e2; padding:4px; width:100% }
.issue textarea	      	  { border:1px solid #ebe2e2; padding:4px; width:100% }


.issue-preview			  { background:#e2e2e2; margin:20px 0; overflow:visible; border:2px solid #C9C9C9 }
.issue-preview img		  { float:left; margin:20px; border:2px solid #C9C9C9 }
.issue-preview h3		  { font-size:23px; font-weight:normal; }
.issue-preview h3 a		  { color:#000000; text-decoration:none; display:block; padding:25px 0 10px 0;  }
.issue-preview ul		  { padding:0 20px 0 0; font-size:11px }
.issue-preview li a	      { display:block; padding:5px 0; color:#676464; text-decoration:none; }
.issue-preview li a.red	  { color:#990000 }
.cover-preview			  { float:left; width:163px; text-align:center; margin-bottom:20px; }
.cover-preview img		  { border:2px solid #DDD; }
.cover-preview h3 a		  { display:block; font-size:14px; padding:10px 0; color:#000000; font-weight:bold; text-decoration:none }


.article				  { padding:30px 20px; }
.article h1				  { font-size:30px; font-weight:normal; }
.article p.writer		  { color:#c2c2c2; font-size:13px; font-weight:bold; margin:5px 0 20px }
.article label			  { display:block; margin:20px 0 3px }
.article input			  { border:1px solid #ebe2e2; padding:4px; width:100% }
.article textarea	      { border:1px solid #ebe2e2; padding:4px; width:100% }
.article .admin-functions { text-align:right; }

#article-photos img		  { border:2px solid #ebe2e2; }
.mainimage				  { margin:0 0 20px 0; }
.smallimage-left		  { width:137px; float:left; text-align:left; padding:0 0 20px; }
.smallimage-right		  { width:137px; float:left; text-align:right; padding:0 0 20px; }


.article-teaser 		      { padding:20px 0; border-bottom:2px solid #f2f2f2 }
#bodycol1wide .article-teaser h1  { font-size:21px; font-weight:normal; margin:20px 7px 7px; }
#bodycol1 .article-teaser h1      { font-size:21px; font-weight:normal; margin:7px; }
.article-teaser h1 a          { color:#000000; text-decoration:none; }
.article-teaser p		      { margin:0 7px; }
.article-teaser p  a          { margin-left:10px; color:#b51111; }
#bodycol1wide .article-teaser img { background:url(/public/images/articlebg.png) no-repeat; padding:12px 11px; margin-right:20px; float:left; }
#bodycol1 .article-teaser img     { background:url(/public/images/articlebg.png) no-repeat; padding:12px 11px; }

#related-articles		  { background:url(/public/images/articles-related-bg.png) bottom left no-repeat; width:291px; padding:0 0 15px 0 }
#related-articles h2	  { text-indent:-10000px; background:url(/public/images/articles-related-header.png) top left no-repeat; height:50px; overflow:hidden; }
#related-articles li	  { padding:10px 20px; border-bottom:1px solid #F2F2F2; font-size:11px; }
#related-articles li a	  { color:#686464; text-decoration:none; }
#related-articles a:hover { text-decoration:underline; }



#guide-menu-out			  { background:url(/public/images/menu-guide-bg.png) no-repeat bottom center; margin-top:20px; border:1px solid #FFF  }
#guide-menu-in			  { background:url(/public/images/menu-guide-top.png) no-repeat top center;}
#guide-menu-in ul		  { padding:0 0 10px }
#guide-menu-in li		  { font-size:12px; padding:10px; border-top:1px solid #e5e5e5}
#guide-menu-in li.first   { border:none; }
#guide-menu-in li a		  { background:url(/public/images/bullet.gif) left center no-repeat; color:#676464; text-decoration:none; padding-left:15px;  }
#guide-menu-in li a:hover { text-decoration:underline; }
#guide-menu-in h3		  { display:block; padding:10px 0 0; }
#guide-menu-in h3 a		  { display:block; background:url(/public/images/living-guide.gif) top center no-repeat; height:30px; text-indent:-10000px; }

#keep-it-coming 		 { padding:20px 0; text-align:center }
#keep-it-coming img		 { border:2px solid #edecec; }
#keep-it-coming h3		 { display:block; margin-top:5px; }
#keep-it-coming h3 a	 { display:block; background:url(/public/images/keep-it-coming.gif) top center no-repeat; height:35px; text-indent:-10000px;}
#keep-it-coming p 		 { font-size:11px; color:#686464; line-height:14px; }





/* End Content */



#footer                  { width:960px; margin:0 auto; background:#000; padding:30px 0 }

#archives 				 { float:left; width:435px; }
#archives h2             { background:url(/public/images/footer-archives.gif) no-repeat; height:45px; text-indent:-10000px; }
#archive-covers			 { margin:5px 30px; border-top: 1px solid #5e5757; }
.archive-cover			 { width:33%; text-align:center; float:left; padding:10px 0 }
.archive-cover img		 { border:2px solid #2f2323 }
.archive-cover a		 { clear:left; display:block; font-size:13px; color:#908282; text-decoration:none; padding:5px 0 }
#full-archive            { clear:left; display:block; font-size:15px; color:#FF0000; text-align:right; padding:5px 40px; }

#memorable-spaces        { float:left; width:495px; background:url(/public/images/memorablespaces-bg.jpg) bottom left no-repeat; padding:0 0 15px 0; overflow:hidden }
#memorable-spaces-top	 { padding:0 20px; background:url(/public/images/memorablespaces.jpg) no-repeat; }
#memorable-spaces h2     { text-indent:-10000px; height:20px; overflow:hidden }
#memorable-spaces p      { float:left; width:195px; color:#686464; font-size:11px; line-height:16px; padding:30px 0 }
#memorable-spaces-form   { float:left; width:100px; width:260px; }
#memorable-spaces-form p { padding: 3px 30px; }
#memorable-spaces label  { color:#989494; font-size:12px; display:block; margin:0 0 4px 0}
#memorable-spaces-foot	 { clear:left; height:15px; background:url(/public/images/memorablespaces-bg.jpg) bottom left no-repeat; }
#ms_email, #ms_story     { width:100%; background:url(/public/images/textfield-bg.gif) repeat-x #FFF; border:1px solid #82838d; padding:4px; outline:none }
#ms_story				 { height:130px; }



#footer-links            { border-top: 1px solid #000; margin:0px 30px; clear:left }
#footer-links p			 { margin:20px 0 0 0; padding:15px 0 0 0; font-size:12px; color:#5e5757; border-top: 1px solid #5e5757; *margin:0px; }
#footer-links a          { color:#5e5757; text-decoration:none; }
#footer-links a:hover    { color:#5e5757; text-decoration:underline; }



#contact h1				 { margin:25px 0 10px; }
#contact form			 { margin:25px 0; padding:30px; border:1px solid #DDD; background:#F2F2F2 }
#contact form p			 { clear:left; }
#contact label			 { display:block;  }
#contact .input	 		 { display:block; border:1px solid #ebe2e2; padding:4px; width:97%; margin:0 0 20px 0; }
#contact .floatlabel	 { display:block; float:left; width:110px; }
#contact .smallinput     { display:block; float:left; width:200px; border:1px solid #ebe2e2; padding:4px; margin:0 0 20px 0;  }

#contest-box form		 { margin:20px 0; padding:20px; border:1px solid #ebe2e2; background:#fbfafa;  }
#contest-box form p		 { clear:left; }
#contest-box label		 { float:left; width:70px; padding:4px 0; margin:0 0 5px 0 }
#contest-box .input      { border:1px solid #ebe2e2; padding:4px; }


.form				  { width:100%; }
.form label	  		  { display:block; margin:20px 0 3px }
.form .field input	  { border:1px solid #ebe2e2; padding:4px; }
.form .field textarea { border:1px solid #ebe2e2; padding:4px; width:95% }
.form .field label    { display:inline; }



.front-teaser img	   { border:1px solid #CCC; float:left; margin-right:10px; }
.front-teaser 		   { padding:10px 0; border-top:2px solid #f2f2f2 }
.front-teaser h2	   { font-size:16px; font-weight:normal; margin:5px 0; }
.front-teaser h2 a   { color:#000000; text-decoration:none; }
.front-teaser a.more   { font-size:10px; color:#b51111; }


#message {
	margin:10px 20px 0;
	border:1px solid #F90;
	background:#FF9;
	color:#F90;
	font-size:12px;
	font-weight:bold;
	padding:10px;
}



.button {
	display:inline-block;
	border:1px solid #800;
}

.button a {
	display:inline-block;
	border-top:1px solid #D11;
	border-left:1px solid #D11;
	color:#FFF;
	font-size:12px;
	padding:5px 10px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	background:#B51111;
}


.blogprofile h3 		{ font-size:18px; }
.blogprofile a			{ color:#B51111; }
.blogprofile p.writer	{ color:#c2c2c2; font-size:13px; font-weight:bold; margin:15px 0 0; padding:0 }


#frontblogs 			  { margin:20px 0; padding:20px; background:#F1EEF1; }
#frontblogs .front-teaser { border-top:1px solid #FFF; }


.styled-table   { width:100%; border-collapse:collapse; font-size:12px; color:#666; margin:20px 0; }
.styled-table th { padding:5px 10px; background:#AAA; color:#FFF;  border:1px solid #DDD; }
.styled-table td { padding:5px 10px; border:1px solid #DDD; }
.styled-table td a { color:#222; }