/*
Theme Name: Tips2015
Author: AmazingDG
Author URI: http://www.amazingdg.com/
Description: Template for Tips From Town
Version: 1.0.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {font-size:100%; padding:0; border:0; margin:0;vertical-align:baseline; }

html {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
*, *:before, *:after { box-sizing: inherit; }

body 	{ line-height:1; background-color:#F5F5F5; font-size:16px; line-height:24px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

h1, h2, h3, h4, .tab, .featsidetxt, #townname, .roll-head, #related-title, .sub-title, h2.author-title, .expert-sub-title, .expert-head { 
	font-family:"Times New Roman", "Bodoni", Cambria, Times, serif; text-transform:uppercase; line-height:1;}
h1.entry-title, .entry-title, #townselect .label, #socials .label, #socials .label2, .townsel select, .townsel select option, #menu, #menu-mobile, .cat-label, .tag-label, .readmore, .sitelink, .label, .screen-reader-text, .cma-backlink, .questions-but { 
	font-family:"TwCen", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 { font-size:50px; color:#000; font-weight:normal; }
h2 { font-size:28px; color:#000; font-weight:normal; }
h3 { font-size:18px; color:#000; font-weight:normal; }
h4 { font-size:14px; color:#666; font-weight:normal; }
h1 a, h2 a, h3 a, h4 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color:#000; text-decoration:none; }

a { color: #039; }
a:hover { color:#009; }

b, strong { font-weight:bold;  }
i { font-style:italic; }

ol, ul { margin-left: 20px; margin-top:20px;  }
ol { list-style-type: decimal }
ol ul, ul ol { margin-top: 10px 0; }
ol li, ul li { margin-bottom:8px; }
ol li .alignleft, ul li .alignleft { margin-right: 30px !important; }

blockquote, q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
.clear { clear:both; }

.alignleft { float:left; } 
  .alignleft img { margin:0 20px 10px 0; }
.aligncenter { float:none; text-align: center; display:block;  }
  .aligncenter img { margin: 0 auto 10px auto; }
.alignright { float:right; }
  .alignright img { margin: 0 0 20px 10px; }

.blk { color:#000; }

.sticky{}
.bypostauthor{}
.gallery-caption{}

#robly_embed_signup { background-color:#FFF; padding:10px; z-index:999;}
#robly_embed_signup h2 { margin:20px 0; }
.robly_field_group label { margin-top:10px; }
.robly_field_group ul { list-style:none; margin:0; padding:0; }
.robly_field_group li { text-align:left; margin:3px auto; max-width:200px; }

#wrapper { display:block; width:100%; }
	#topad { display:block; margin:20px auto; max-width:728px; }
		#topad img { width:728px; height:90px; }
	
	/* Subscribe Popup */
	#blanket { background-color:#000; opacity: 0.65; position:absolute; top:0px; left:0px; z-index: 9001; width:100%; }
	#popUpDiv { position:absolute; z-index: 9002; text-align:center; width:100% }
	  
	#popUpWin { width:90%; margin:20px auto; max-width:500px; position:relative; }
	.ctct-embed-signup h2, .ctct-embed-signup h3 { color:#53a3b5; }
	.ctct-embed-signup h2 { font-size:40px; margin: 5px 0 10px 0; }
	.ctct-embed-signup h3 { font-size:24px; margin: 0px 0 10px 0;  }
	.ctct-custom-form { padding:10px; }
		.subscribefield input[type=text] { text-align:left; padding:5px 3px; max-width:250px; margin:5px 0;  }
		.subscribeselect  { text-align:center;  }
		.ctct-button { color: #fff; background-color: #0078c1; width: 90%; color:#fff; display: inline-block; margin-bottom: 5px; text-align: center; vertical-align: middle; cursor: pointer; font-size: 16px; padding: 8px 14px; line-height: 1; background-image: none; border: none; box-shadow: none; border-radius: 2px; 
			-webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;
			-webkit-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
		}
		.ctct-form-footer {font-size:10px; }
		.windowX { position:absolute; top:-11px; right:-11px; color: #fff; background-color: #0078c1; display:block; text-align: center; vertical-align: middle; cursor: pointer; font-size: 16px; padding:6px; line-height: 1; background-image: none; border: none; box-shadow: none; border-radius:50px; font-weight: bold; text-decoration: none; width: 26px; height: 26px;}


	#page-wrap { min-height:950px; max-width:1260px; margin:0 auto; display:block; padding:0 30px 30px 30px; background-color:#FFF; }
	
		/* Header */
		#header { display:block; position:relative; }
			#logo { position:relative; float:left; padding: 0 0 20px 0; }
			#logot { position:relative; float:left; padding: 30px 0 20px 0; }
				#logo span, #logot span { position:absolute; top:-2000px; left:-4000px; }
				#logo img, #logot img { float:left; padding-right:20px;  }
					#logo img { border-right:1px solid #53a3b5; }
					#logot img { border-right:none; }
				#townname { float:left; display:block; text-align:left; color:#53a3b5; padding:20px 0 0 20px; font-size:60px; text-transform:uppercase; line-height:1; }
				  #townname a { color:#53a3b5; text-decoration:none; } 
			#townselect { display:block; float:right;  }
			  #townselect form { float:right; }
			#socials {  float:right; padding-right:20px }
			  #townselect .label, #socials .label, #socials .label2 { float:right; color:#999; display:block; font-size:14px; text-transform:uppercase; }
					#townselect .label { margin:9px 5px 0 0; }
					#socials .label, #socials .label2 { margin:7px 5px 0 0; }
			  #socials .soc-ico { float:right; width:30px; height:30px; margin:0 5px 0 0; }
			  .townsel { float:right; }
			  .townsel select {
				   background:transparent; width: 280px; height: 34px; padding: 5px; color:#FFF; font-size: 14px; line-height: 1;
				   border: 0; border-radius: 0; -webkit-appearance: none; text-transform:uppercase;  }
			   	.townsel select option { background: #acacac; font-size: 16px; text-transform:uppercase; }
			   .townsel { width: 280px; height: 34px; overflow: hidden; background: url(images/sel-arrow.png) no-repeat right #acacac; border:0; }


#townselect2 { margin:10px 0; }
    .townsel2 select {
	   background:transparent; width: 280px; height: 34px; padding: 5px; color:#FFF; font-size: 14px; line-height: 1;
	   border: 0; border-radius: 0; -webkit-appearance: none; text-transform:uppercase;  }
	  .townsel2 select option { background: #acacac; font-size: 16px; text-transform:uppercase; }
   .townsel2 { width: 280px; height: 34px; overflow: hidden; background: url(images/sel-arrow.png) no-repeat right #acacac; border:0; }

	/* Menu ############################## */
	
    #menu-mobile { display:none; }
	#menu { max-width:1280px; width:100%; margin:0 auto; height:60px; background-color:#FFF; text-transform:uppercase; 
			font-size:24px; border-top:1px solid #000; border-bottom:1px solid #000; z-index:400; }
		#menu ul { margin:0; text-align:center; list-style:none; }
		#menu ul li { float:none; display:inline-block;  margin:0 -5px 0 0; position:relative; background:#FFF; cursor:pointer; }
		#menu ul li.first { }
		#menu ul li span { display: inline-block; vertical-align:middle; vertical-align:-webkit-baseline-middle; }
		#menu a, #menu a:link { min-height:58px; display:block; padding: 16px 26px 15px 26px; color:#000; text-decoration:none; }
			#menu-home {  }
			#menu-con  {  }
		/* #menu ul li:hover { background-color:#CCC; color: #000; } */ 
		  
		  .cathead { padding:10px 20px; line-height:1; }
		  [class^="cathead-"], div[class*=" cathead-"], h1[class*=" cathead-"] { padding:10px 20px; line-height:1 !important;  }
		
		/* Colors ############################ */
		/* ################################### */
		  /* Our Town */ 
		  #menu ul li.menu-item-63105:hover, #menu-mobile ul li.menu-item-63105:hover  { background-color:#8b786a; color: #FFF; } 
		  .cathead-OurTown 		{ background-color:#8b786a; }  .cathead-OurTown-sub 	{ background-color:#b9aea6; }
		  .txt-OurTown { color:#8b786a; }
		    #menu ul li.menu-item-63105 ul li:hover { background-color:#b9aea6; }
		  /* Food */
		  #menu ul li.menu-item-58827:hover, #menu-mobile ul li.menu-item-58827:hover  { background-color:#f46f22; color: #FFF; } 
		  .cathead-Food { background-color:#f46f22; }  .cathead-Food-sub		{ background-color:#f79a64; } 
		  .txt-Food { color:#f46f22; }
		  	#menu ul li.menu-item-58827 ul li:hover { background-color:#f79a64; }
		  /* Living-Lifestyle */
		  #menu ul li.menu-item-58830:hover, #menu-mobile ul li.menu-item-58830:hover  { background-color:#e29928; color: #FFF; } 
		  .cathead-Living { background-color:#e29928; }  .cathead-Living-sub	{ background-color:#ebb768; } 
		  .txt-Living { color:#e29928; }
		    #menu ul li.menu-item-58830 ul li:hover { background-color:#ebb768; }
		  /* Wellness */
		  #menu ul li.menu-item-58837:hover, #menu-mobile ul li.menu-item-58837:hover  { background-color:#94aa24; color: #FFF; } 
		  .cathead-Wellness { background-color:#94aa24; }  .cathead-Wellness-sub	{ background-color:#bfcc7c; } 
		  .txt-Wellness { color:#94aa24; }
		    #menu ul li.menu-item-58837 ul li:hover { background-color:#bfcc7c; }
		  /* Family */
		  #menu ul li.menu-item-58842:hover, #menu-mobile ul li.menu-item-58842:hover  { background-color:#6ebbbf; color: #FFF; } 
		  .cathead-Family { background-color:#6ebbbf; }  .cathead-Family-sub	{ background-color:#a8d6d9; } 
		  .txt-Family { color:#6ebbbf; } 
		    #menu ul li.menu-item-58842 ul li:hover { background-color:#a8d6d9; }
		  /* Our Picks */
		  #menu ul li.menu-item-58847:hover, #menu-mobile ul li.menu-item-58847:hover  { background-color:#a9a792; color: #FFF; } 
		  .cathead-OurPicks	{ background-color:#a9a792; }  .cathead-OurPicks-sub	{ background-color:#cbcabe; }
		  .txt-OurPicks { color:#a9a792; }
		    #menu ul li.menu-item-58847 ul li:hover { background-color:#cbcabe; }  
	/* ################################### */
	/* Tabs ############################## */
	.tab { position:absolute; top:10px; left:-10px; display:block; padding:3px 10px; font-size:20px; text-transform:uppercase; color:#FFF; }		
		.tabbot { position:absolute; bottom:-10px; left:0; width: 0; height: 0; border-left: 10px solid transparent; } 
		.tab-Family 		{ background-color:#6ebbbf; } /* Family */
		.tab-Family-drk 	{ border-top: 10px solid #338488; }
		.tab-Living 		{ background-color:#e29928; } /* LifeStyle */
		.tab-Living-drk 	{ border-top: 10px solid #ab6a05; }
		.tab-Food			{ background-color:#f46f22; } /* Food */
		.tab-Food-drk 		{ border-top: 10px solid #b74300; }
		.tab-Wellness		{ background-color:#94aa24; } /* Wellness */
		.tab-Wellness-drk 	{ border-top: 10px solid #687a0e; }
		.tab-Town, .tab-OurTown			{ background-color:#8b786a; } /* Town */
		.tab-Town-drk, .tab-OurTown-drk 		{ border-top: 10px solid #5b4d42; }
		.tab-TipsFromTown, .tab-OurPicks	{ background-color:#a9a792; } /* Tips from Town */
		.tab-TipsFromTown-drk, .tab-OurPicks-drk 	{ border-top: 10px solid #828068; }
			 
		/* Sub menu */
		#menu ul ul { display:none; opacity:0; visibility:hidden; position:absolute; left:0; top:58px; width:200px; padding:0;}
		#menu ul li:hover > ul { display:block; opacity:1; visibility:visible; z-index:500; }
		#menu ul ul li { float:none; position:relative; background:#E5E5E5; display:block; font-size:16px; 
			color:#000; border-top:1px solid #0c0c0d; border-left:none; text-align:left; }
		#menu ul ul li:hover { background:#C5C5C5; }
			#menu ul ul li a, #menu ul li ul li a:link { min-height:40px; display:block; padding: 14px; }
			#menu ul ul li span { display: inline-block; vertical-align:middle; vertical-align:-webkit-baseline-middle; }
		
		/* Sub sub menu */
		#menu ul ul ul { display:none; opacity:0; visibility:hidden; width:200px; padding:0; 
			position:absolute; left:204px; top:-1px; }
		#menu ul ul li:hover > ul { display: block; opacity: 1; visibility:visible; }
		#menu ul ul ul li { background:#333; display:block; color:#fff; border-top:1px solid #232323; border-left:none; text-align:left; }
		#menu ul ul ul li:hover { background:#222; }
			#menu ul ul ul li a, #menu ul li ul li ul li a:link { min-height:40px; display:block; padding: 14px; }
			#menu ul ul ul li span { display: inline-block; vertical-align:middle; vertical-align:-webkit-baseline-middle; }


	/* Features ############################## */		
	#feature	{ display:block; margin:30px 0 0 0; width:100%; position:relative; }
		#feature-full { width:100%; position:relative; max-width: 1200px; }
		#feature-left { float:left; width:840px; margin: 0 40px 0 0; position:relative; }
		  #feature-left ul, #feature-full ul { margin:0; }
			#feature-left li, #feature-full li { position:relative; margin:0; }
			  #feature-left li .featimg, #feature-full li .featimg { max-height:560px; overflow: hidden; }
				#feature-left li .featimg img, #feature-full li .featimg img { width:100%; }
		#feature-side { float:left; width:320px; }
			.featsidebox { width:100%; margin:0 0 20px 0; }
				.featsideimg { width:100%; margin:0 0 15px 0; position:relative; }
				  .featsideimg .imgcrop { overflow:hidden; max-height: 240px; }
				  .featsideimg .imgcrop img { width:100%; }
				  
				.featsidetxt, .featmaintxt h1 { display:block; font-size:24px; text-transform:uppercase; line-height:1.2; }
				  .featmaintxt { font-size:14px; margin:20px 10px 20px 10px; }
				  .featsidetxt a, .featmaintxt h1 { text-decoration:none; color:#000; }
				  
	.questionsanswerslink { margin-bottom:20px; width:100%; }
	.questionsanswerslink a:hover { color:#FFF; background-color:#428291; }
	.questions-but { background-color:#53a3b5; color:#FFF; text-decoration:none; text-transform:capitalize; width:100%; padding: 8px 13px;
    display: block; text-align:center; font-size:20px; }
	
  #content { position:relative; }
    
	#main-page 	{ float:left; width:840px; margin: 0 40px 0 0; position:relative; }
	#main-page-full { width:100%; position:relative; }
		#main-ad { width:100%; background-color:#f5f5f5; padding:10px; text-align:center; }
			#main-ad img { width:728px; height:90px; }

		#main-imgroll { width:100%; text-align:center; }
			.imgroll-box { width:360px; margin:20px; float:none; display:inline-block; vertical-align:top;  }
				.imgroll-box-tab { position:relative; height:0; margin:0; padding:0; width:100%; z-index:100; }
				.imgroll-date { text-align:left; font-size:10px; color:#999; text-transform:uppercase; margin:0; }
				.imgroll-img { width:100%; max-height:250px; overflow: hidden; margin-bottom:10px; position:relative }
				  .imgroll-img img { width:100%; }
				.imgroll-txt { text-align:left; font-size:14px; }
				  .imgroll-txt h3 { font-size:24px; line-height:1.2; text-transform:uppercase; }
			
	#main-right { float:left; width:320px; }
	/* #main-page,  .tag #main-right, .single #main-right, .author */ #main-right-marg { margin-top:30px; float:left; width:320px; }
		.right-ad { width:100%; background-color: #f5f5f5; padding: 10px; text-align:center; margin-bottom:20px; }
		
		#right-sub { width:100%; border:1px solid #999; min-height:92px; padding:10px; margin-bottom:20px; vertical-align:middle; position:relative; }
			#sub-img { position:absolute; top:10px; left:10px; }
			#sub-txt { padding-left:90px; font-size:14px; }
				#right-sub h3 { font-size:20px; text-transform:uppercase; }
			
		.right-roll { width:100%; margin-bottom:20px; position:relative; }
			.roll-head { width:100%; margin-bottom:10px; font-size:28px; text-transform:uppercase; }
			.roll-box { border-bottom: 1px solid #f5f5f5; }
			.roll-box, .roll-box-last { min-height:120px; position:relative; margin:0 0 20px 0; padding: 0 0 20px 0; } 		
				.roll-img { position:absolute; top:0; left:0; width:100px; height:100px; overflow:hidden; }
				  .roll-img img { width:100px; }
				.roll-txt { padding-left:110px; width:100%; }
					.r-date { font-size:10px; color:#999; text-transform:uppercase; line-height: 1; }
					.roll-txt h3 { font-size:20px; text-transform:uppercase; line-height:1.2; }
					.r-txt { font-size:14px; }
					.roll-txt h3 a { text-decoration:none; }
/* Excerpts */
.page-id-50752 .entry-content { text-align:center; } /* R.E. page center*/
.re-excerpt-box, .re-excerpt-box-text, .exp-excerpt-box, .exp-excerpt-box-text { width:46%; position:relative; display:inline-block; vertical-align:top; padding:10px; margin:10px; border:1px solid #999; min-width:400px; text-align:left; min-height: 170px; }
	 .re-excerpt-box .excerpt-txt h2, .re-excerpt-box-text .excerpt-txt h2 { line-height: 1; margin:0; }
	 .re-excerpt-box .entry-meta, .re-excerpt-box-text .entry-meta { margin:0; }
.excerpt-box, .excerpt-box-text { width:100%; position:relative; margin:0 0 40px 0; }
.excerpt-box { min-height:150px; }
  .excerpt-box .entry-meta, .excerpt-box-text .entry-meta { margin:0; line-height: 1.4;}
	.excerpt-img { position:absolute; top:0; left:0; width:150px; height:150px; overflow:hidden;}
		.excerpt-img img { width:100%; height:auto; }
	.excerpt-txt { width:100%; padding-left:160px; position:relative; max-width: 840px; }
	.excerpt-txt-full { width:100%; position:relative; max-width: 840px; }
		.excerpt-txt h2, .excerpt-txt-full h2 { color:#000; font-size:28px; text-transform:uppercase; line-height:1; margin-bottom:5px; }
			.excerpt-txt h2 a, .excerpt-txt-full h2 a { color:#000; text-decoration:none; }
		.excerpt-meta { font-size:10px; color:#999; text-transform:uppercase; }
		.excerpt-content { font-size:14px; }

/* Content */	
	.entry-meta { width:100%; font-size:10px; color:#999; text-transform:uppercase; margin-bottom:10px; }
		.meta-sep { color:#666; }
		.author a, .entry-date a { color:#999; text-decoration:none; }
	h1.entry-title { font-size: 50px; line-height: 48px; color:000; text-transform:uppercase; margin-bottom: 20px; }
		.sub-title { color:#666; font-size: 24px; text-transform:uppercase; }
		.author .sub-title, .tag .sub-title { margin-top:20px; }
	h2.entry-title { font-size: 46px; line-height: 44px; color:000; text-transform:uppercase; margin-bottom: 20px; }
		h1.entry-title a, h2.entry-title a { color:#000; text-decoration:none; }
	.entry-footer { width:100%; margin:10px 0; }
		.cat-links, .tag-links { color:#666; margin:0 0 10px 0; }
		.cat-links a, .tag-links a { color:#036; font-weight:normal; }
			.cat-label, .tag-label, .screen-reader-text { color:#666; font-size:16px; text-transform:uppercase; }
		
	.search { margin: 0 0 20px 0; width: 100%; border: 1px solid #999; padding: 10px; vertical-align: middle; position: relative; } 
		.button { background-color: #000; border: none; color: #FFF; padding: 3px 6px; }
		
	.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { margin:0 0 20px 0; }
	.entry-content p { line-height:24px; font-size:16px; margin-bottom:20px; }
	.entry-content p.wp-caption-text { font-size:12px; color:#666; }
	.wp-caption	 { background-color:#F8F8F8; border:1px #CCC solid; padding-top: 4px; text-align: center; }
	.wp-caption .wp-caption-text { margin-bottom:0; }
	.entry-content img { max-width: 100%;
    height: auto; }
	.entry-content .alignleft, .entry-content .alignnone { float:left; margin:0 20px 10px 0; }
	.entry-content .aligncenter { float:none; margin: 0 auto 10px auto; text-align: center; display:block;  }
	.entry-content .alignright { float:right; margin: 0 0 20px 10px; }
	
	.entry-share { margin: 20px 0 10px 0; }
	.entry-share .label { float:left; }
	 .entry-share-ico { float:left; }
	 .entry-share-ico img { float:left; margin:0 5px 0 0; }
	
	
	.readmore a, .sitelink { color:#036; font-weight:normal; font-size:16px; text-transform:uppercase; }
	.notfound { margin:50px 40px; }
	.label { color:#666; font-size:16px; text-transform:uppercase; }	

	/* Attachment Page */
	.attachment { width: 100%; }
	.attachment img { width:100%;  }

#footer { margin:30px 0; }
	#footnav
	.menu-footer-menu-container ul { list-style:none; margin:0; }
	.menu-footer-menu-container li { display:inline-block; padding:3px 6px; font-size:14px;}
	.menu-footer-menu-container li.first { padding-left:0; }
	#copyright { color:#333; font-size:12px; } 	
	
/* Gallery */
#gallery-wrap { width:100%; margin:10px 0; text-align:center; }
	.gal-box { width:170px; display:inline-block; vertical-align:top; padding:10px; margin:10px; background:#F5F5F5; 
		-webkit-box-shadow: 1px 1px 2px 1px #ccc; 
  		-moz-box-shadow:    1px 1px 2px 1px #ccc;  
  		box-shadow:         1px 1px 2px 1px #ccc;}
	  .gal-img { width:150px; height:150px; overflow:hidden; margin-bottom:10px; }
	    .gal-img img { width:100%; height: auto; }
	  .gal-txt { }
  /* Gallery Popup */
  .overlay { z-index:9999;
  position:fixed; top: 0; bottom: 0; left: 0; right: 0;
  background: rgba(0,0,0,0.5); transition: opacity 200ms; visibility: hidden; opacity: 0; }
    .gal-popup { margin: 75px auto; padding: 20px; background: #fff; border: 1px solid #666; position: relative;
 		max-width:800px; box-shadow: 0 0 50px rgba(0,0,0,0.5);  text-align:center; display:table; }
		 .gal-popup img { width:100%; height:auto; } */
		      .maxHeight { height: 100%; width: auto; } 
 	.overlay:target { visibility: visible; opacity: 1; } 
	.close { position: absolute; width: 26px; height: 26px; top: -10px; right: -10px; text-align:center;
	 	font-size: 24px; font-weight: bold; text-decoration: none; color: #FFF; background-color:#000; 
		-moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; border: 2px solid #FFF;}
		.close:hover { color:#CCC; } 
		
/* Pref List (Experts) */
#exp-side { width:320px; float:right; padding-left:20px; margin-left:20px; margin-bottom:20px; border-left:1px solid #999; }
	.cat-list-wrap { width:100%; margin:0 0 20px 0; float:left;}
		.cat-list { width:48%; float:left; margin:3px 0 5px 0; } 
	.exp-img-full { width:100%; /* background:url(images/stripes_lt.png) repeat #f5f5f5; */ margin:0 auto 20px auto; text-align:center;}
		.exp-img-full img { max-width: 1200px; height:auto; }
	.pref-img-logo { float:left; }
		.pref-img-logo img { padding:5px 0 10px 0; max-width:300px; height:auto; }
  
  
/* Reviews */
.review-photo { max-width:360px; float:left; margin:0 20px 10px 0; }
  .review-photo img { width:100%; }
.review .content-text { margin:20px 0 0 0;}

/* Recipes */
.reci-photo-full { margin:0 auto 20px auto; text-align:center; max-width:840px; max-height:500px; overflow:hidden; }
	.reci-photo-full img { width:100%; }
	.reci-img-cap { font-size:12px; color:#666; }
		
/* Author */
h2.authorpost-title, h2.related-title, h3.recent-title { font-size:28px; text-transform:uppercase; color:#000; margin:40px 0 20px 0; background-color: #f5f5f5; padding: 5px 10px;} 
  h2.author-title { font-size:20px; text-transform:uppercase; color:#000; }
.auth-box { width:100%; }
  .auth-outline { border: 1px solid #999; padding:10px; margin:20px 0 40px 0; display: table; }
  .hasauthimg { min-height: 120px; }
	.auth-txt { width:100%; text-align:left; }
	  .auth-img { float:left; margin:0 20px 10px 0; }
	  .small-img img { width:100px; height:100px; }
	
/* Related */
#related-wrap { width:100%; margin:20px 0; }
	h2.related-title { /* See Author */ } 
	  #related-container { width:100%; margin:10px 0; text-align:center; /* background-color:#f5f5f5; */ }
	  	.related-box { width:170px; display:inline-block; vertical-align:top; padding:10px; margin:10px; /* background-color:#FAFAFA; */ }
		 .related-box-first {}
		 .related-box-last {}
			.related-img { width:150px; height:150px; overflow:hidden; margin-bottom:10px; }
				.related-img img { width:100%;   height: auto; }
			.related-txt h3, .related-txt h3 a { width:100%; font-size:20px; line-height:.9; text-transform:uppercase; color:#000; text-decoration:none; padding: 0 5px;}
			
/* Forum */
.cma-form-container input[type=text], .cma-form-container textarea { margin: 0 0 10px 0; padding: 8px; }	
.cma-question-author { margin-top:20px;}
.cma-question-author, .cma-question-date { font-size:10px; color:#999; text-transform:uppercase; line-height: 1.4;}
.cma-backlink { color:#036 !important; font-weight:normal; font-size:16px !important; text-transform:uppercase; }

@media (max-width: 1280px) { /* Side Fix */
	#feature-side { position:absolute; top:0; right:0; width:320px;  }
	#feature-left { margin:0; padding:0 360px 0 0; width:100%; }
	.imgroll-box { margin: 16px; }
	#main-page { width:100%; padding-right:350px; }
	#main-right, #main-right-marg { position:absolute; top:0; right:0; width:320px; }	
}


@media (max-width: 1170px) { /* Long Header ... move name */
	#feature-side { width:100%; text-align:center; position:relative; }
		.featsidebox { display:inline-block; width:320px; float:none; margin-right: 40px; }
	#feature-left { width:100%; margin:0; padding:0; }

	
	#main-page { width:100%; padding-right:0; }
	#main-right, #main-right-marg { position:relative; width:100%; }
		.roll-box { width: 50%; float: left; padding-right: 20px; }
}

@media (max-width: 1024px) {	
	#header { min-height:200px; height:auto; }	
	#logo, #logot { position:relative; float:none; text-align:center; width: 100%; display: inline-block; padding-top:20px;}
	#logo img, #logot img { border-right:none; float:none; }
	#townname { font-size: 58px; padding:10px 0 0 0; float:none; text-align:center; width:100%; clear:both; }
	#menu { font-size:22px; }
	#menu a, #menu a:link { padding:16px 20px 15px 20px; }
	
	.re-excerpt-box, .re-excerpt-box-text { width:100%; min-width:inherit; margin:10px 0; }
	
	h1.entry-title { font-size: 42px; line-height: 1; }
		.sub-title { font-size: 24px; line-height: 1; }
	h2.entry-title { font-size: 32px; line-height: 1; }
	h1 { font-size:42px; }
	h2 { font-size:32px; }
	h3 { font-size:18px; }
	h4 { font-size:14px; }
}
@media (max-width: 800px) {
	
	#topad, #main-ad { display:none; }
	#townname { font-size: 48px; }

	  
	#menu { display:none; }
	#menu-mobile { display:block; width:100%; background-color:#FFF; text-transform:uppercase; font-size:22px;  }
		#menu-mobile ul { display:block; width:100%; list-style:none; overflow: auto; margin:0; }
		#menu-mobile ul li { display:block; width:100%; position:relative; background:#FFF; cursor:pointer; border-top:1px solid #0c0c0d; border-left:none; border-right:none; margin:0; float:none; }
		#menu-mobile ul li.first { border-left:none; }
		#menu-mobile ul li.last { border-bottom:1px #000 solid; }
		#menu-mobile ul li span { display: inline-block; vertical-align:middle; vertical-align:-webkit-baseline-middle; }
		#menu-mobile a, #menu-mobile a:link { min-height:40px; display:block; padding: 15px 20px 12px 20px; color:#000; text-decoration:none; }
	.entry-content .size-large { width:100%; height:auto;  float:none; margin:10px auto; }

	#exp-side { width:100%; float:none; padding-left:0; margin-left:0; border-left:none;}
	.exp-img-full {  }
		.exp-img-full img { max-width: 800px; height:auto; width:100%; }
	.pref-img-logo { float:none; width:100%; text-align:center; }
		.pref-img-logo img { margin:20px auto; }
}

@media (max-width: 640px) { /* Long town name */
	#townname { font-size: 42px; }	
	#socials { display:none; /* position: relative; top:0; left:0; float:left; width:100%; height:30px; padding-top: 3px; padding-bottom: 3px; */ }
	#townselect { position: relative; top:0; left:0; }
	
	#page-wrap {  padding: 0 10px 20px 10px; }
	.roll-box { width: 100%; float: left; padding-right: 0; }

	.excerpt-box { width:100%; min-height:150px; position:relative; margin:0 0 40px 0; }
		.excerpt-img { position:relative; float:left; margin:0 10px 10px 0; }
		.excerpt-txt { padding-left:0; }
		.readmore a { float:right; }

	.auth-txt { width:100%; text-align:center; }
	  .auth-img { float:none; margin:0 auto 10px auto; clear:both; }
	  
	h1.entry-title { font-size: 32px; line-height: 1; }
		.sub-title { font-size: 20px; line-height: 1; }
	h2.entry-title { font-size: 28px; line-height: 1; }
	h1 { font-size:32px; }
	h2 { font-size:24px; }
	h3 { font-size:16px; }
	h4 { font-size:14px; }
	.review-photo { float:none; margin:10px auto; }
}

@media (max-width: 480px) {
	#townselect .label { display:none; }
	#townname { font-size: 38px; }	
	.townsel select { width:240px; }	
	.townsel { width: 240px; }	
	.excerpt-txt { text-align:center; }
	.excerpt-img { float:none; margin:0 auto 10px auto; clear:both; }
	.readmore a { float:none; }
	
	.right-ad { padding: 0px; }
	.right-ad img { width:100%; max-width:300px; height:auto; } 
	
	.entry-content .size-medium { float:none; margin:10px auto; }
	.review-photo img { width:100%; height:auto; }
	.cat-list { width:100%; margin:3px 0 5px 0; } 
}

@media (max-width: 320px) {
	#townname { font-size: 32px; }	

	.entry-content .size-medium { width:100%; height:auto;}
}