/**
	@Author:	Paul Strandoo
	@Date:		16 December 2013
	@Notes:		
	
	Colors:		blue: #037ca9;
				light blue: #66b2e7;
				orange: orange ;
*/

@import url(reset.css); 

/* -----[ FONTS ]----------------------------- */
@font-face{ 
	font-family: 'Coolvetica';
	src: url('../fonts/Coolvetica.eot');
	src: url('../fonts/Coolvetica.eot?iefix') format('eot'),
	     url('../fonts/Coolvetica.woff') format('woff'),
	     url('../fonts/Coolvetica.ttf') format('truetype'),
	     url('../fonts/Coolvetica.svg#webfont') format('svg');
}
html {
	background: #99c9de url("../images/bg-stripe-lt-blue.png") 0 0 repeat;
}
body {
	/*background: #99c9de url("../images/bg-stripe-lt-blue.png") 0 0 repeat;*/
	background: url("../images/bg-photos.jpg") center top repeat-x;
}

body, input, textarea, table {
	font-family: Helvetica, Arial, serif;
	font-size: 14px;
	color: #037ca9;
}

.debug {
	display: none;
	}

/* Add in Anchor, H2, etc from extra styles */
p {
	font-size: 1em;
	line-height: 1.3em;
	margin: 1em 0;
	}

h1 {
	font-family: Coolvetica, Helvetica, Times, serif;
	font-size: 3.2em;
	line-height: 1em;
	margin: 0 0 0.3em;
	color: #037ca9;
	}
h2, h3, h4 {
	font-family: Helvetica, Arial, serif;
	font-size: 2em;
	line-height: 1.1em;
	font-weight: bold;
	margin: 0 0 0.5em;
	}
h3 {
	font-size: 1.5em;
	}
h4 {
	font-size: 1em;
	}

a {
	color: #037CA9;
	text-decoration: underline;
	}
a:hover {
	color: orange;
	text-decoration: underline;
	}

a.readmore {
	display: block;
	text-align: right;
	margin: 1em 0 0;
	}

/* -----[ STRUCTURE ]------------------------------------------- */
#wrapper {
	width: 980px;
	/*max-width: 980px;*/
	position: relative;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(14,110,180,0.8);
	}

#masthead {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #1bb8ee;
	padding: 0;
	background: #006696 url("../images/bg-masthead.png") 50% 0 no-repeat;
	}



#topads,
#bottomads {
	clear: both;
	margin: 0;
	width: 100%;
	height: auto;
	background: #1a6e9e url("../images/bg-top-ads.png") left bottom repeat-x;
	border-bottom: 8px solid #1a6e9e;
	}
#topads .inner {
	padding-bottom: 8px;
	}
#bottomads {
	background: #039cd5 url("../images/bg-bottom-ads.png") left top repeat-x;
	border-top: 8px solid #039cd5;
	border-bottom: none;
	}

#content {
	background: #dcecf2;
	/*background: #fff; */ /*Alternate Colors */
	min-height: 400px;	
}


#sponsors {
	background: url("../images/bg-skyline.png") 50% 0% repeat-x;
	padding: 17em 0 0;
	margin: -6em 0 0;
}
	
#footer {
	/* see below: move here */
	}

.inner {
	width: 96%;
	margin: 0 auto;
	padding: 15px 0;
	overflow: hidden;
	}

.container {
	/* replace with .inner */
}



/*--------[ Masthead ]--------- */

#logo {
	position: relative; 
	float: left;
	width: 330px;
	height: 140px; 
	margin: 10px 0 5px 3%;
	text-indent: -9999px;
	font-size: 40px;
	background: url("../images/stowmarket-logo.png") 0 0 no-repeat;
}

.tagline {
	color: #fff;
	text-align: right;
	font-size: 1.8em;
	font-weight: bold;
	margin: 2.8em 2.5% 0 0;
	}


#search_form {
	position: absolute;
	top: 14px;
	right: 0;
	padding: 8px 10px;
	width: 230px;
	overflow: hidden;
	background: gold;
	-webkit-border-top-left-radius: 10px;
	}
#search_query {
	position: relative; 
	padding: 2px 5px;
	height: 20px;
	margin-right: 5px;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#search_submit {
	position: relative;
	width: 36px;
	height: 24px;
	padding: 2px 5px;
	background: #406f9a url("../images/search-icon.png") 50% 50% no-repeat; 
	text-indent: -9999px; 
}
#search_submit:hover {
	background-color: #4b89bd;
	}


#sidebar ul.nav a,
#breadcrumb a,
a.nav {
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	/*text-transform: uppercase; */
	color: #333; 
	text-decoration: none;
}


/*--------[ Main Navigation ]--------- */
#topnav {
	position: absolute;
	right: 0px; 
	top: 110px;
	border-bottom: 2px solid #fed208;
	padding: 0 18px 0 0;
}

#topnav li {
	float: left;
	/*display: inline-block;*/
	position: relative;
}
#topnav a {
	float: left;
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 1.1em; 
	font-weight: bold; 
	color: #fff;
	padding: 8px;
	text-decoration: none;
}

#topnav a:hover:before {
	/*content: "";
    display: block;
    border: 6px solid transparent;
    border-top-color: gold;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -6px;*/
}
#topnav a:hover {
	/*border-bottom: 2px solid gold;*/
	background: #003f57;
	background: #2f577d;
	}
#topnav li a {
	/*display: inline-block;
	margin: 0 0 0 1px;
	padding: 10px 10px;*/
}

#topnav a:hover,
#topnav a.on,
#topnav li.current > a {
	color: #fff; 
	/*background: red;*/
}
#topnav li.current > a {
	/*border-bottom: 2px solid gold;*/
	}
#topnav li.current > a:before,
#topnav li.parent > a:before {
	content: "";
    display: block;
    border: 6px solid transparent;
    border-bottom-color: gold;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -6px;
}

#topnav .submenu {
	position: absolute;
	top: 101%;
	left: 0px;
	width: 200px;
	z-index: 100;
	background: #fff;
	-webkit-box-shadow: 0px 2px 12px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 12px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 12px rgba(0,0,0,0.4);
	overflow: hidden;
	display: none;
	}
#topnav li:hover .submenu {
	display: block;
	}
#topnav .submenu li {
	float: none;
	display: block;
	}
#topnav .submenu li.current > a:before {
	border: none;
	}
#topnav .submenu a {
	color: #037CA9;
	display: block;
	float: none;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #037CA9;
	background: url("../images/arrow-sprite-3.png")  130% bottom no-repeat;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}
#topnav .submenu a:hover {
	color: #fff;
	background: #037ca9 url("../images/arrow-sprite-3.png")  100% bottom no-repeat;
	color: #ffffff;
	}
#topnav li.level-2.current > a {
	color: #037ca9;
	}
#topnav li.level-2.current > a:hover {
	color: #fff;
	}
.#topnav .last {
	}

		
/*--------[ Ads: Top and Bottom]--------- */	
.advert {
	float: left;
	width: 32.4%;
	margin: 0 1.3% 0 0;
	}
.advert img {
	width: 100%;
	height: auto;
	display: block;
	}
/* I'd rather use last-child, but blast that IE 7! */
.advert.last {
	margin: 0;
	}


/*--------[ Breadcrumbs ]---------------- */
.breadcrumb {
	width: 100%;
	margin: 0 0 1.5em;
	padding: 0;
	font-weight: bold;
}
.breadcrumb li {
	display: inline;
	padding: 0 2px 0 0;
}
.breadcrumb a {
	color: #005f7d; 
	padding: 0 2px 0 0;
}
.breadcrumb a:hover {
	text-decoration: underline; 
}



/*--------[ Some Universal Lists ]---------------- */

.inline-list {
	margin: 0 0 1em;
	}
.inline-list li {
	display: inline-block;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0 0;
	border-right: 1px solid #5197ae;
	}
.inline-list li:last-of-type {
	border: none;
	}


/* -----[ Content, including sidebars (Typography) ]------------------- */
#main.hero {
	width: 50%;
	margin: 5px 1.5% 0 0.5%;
	}
	
.hero ul {
	/*position: relative;*/
	}
.hero li {
	position: relative;

	}
.hero li p {
	position: absolute;
	padding: 20px;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	background: rgba(0,0,0,0.6);
	color: #fff;
	margin: -50px 0 0;
	z-index: 100;
	}
	
#content .inner {
	width: 96%;
	padding: 15px 2%;
	}
#boxes {
	margin: 5px 0 0;
	}
.home-navigation {
	list-style: none;
	}
.home-navigation li {
	float: left;
	width: 22.5%;
	height: 85px;
	margin: 0 0 12px 1.5% !important;
	list-style-type: none;
	display: block;
	}
.home-navigation a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	text-indent: -9999px;
	background: #2f8df1 url("../images/btn-whats-on.png") 50% 50% no-repeat;
	background-size: 100%;
	}
	
a.events 		{ background: #2f8df1 url("../images/btn-whats-on.png"); 0 0 no-repeat }
a.about			{ background: #01a300 url("../images/btn-about.png") 0 0 no-repeat; }
a.accomodation	{ background: #ce043c url("../images/btn-stay.png") 0 0 no-repeat; }
a.business		{ background: #8f0098 url("../images/btn-business.png") 0 0 no-repeat; }
a.food			{ background: #0090a5 url("../images/btn-eat.png") 0 0 no-repeat; }
a.sports		{ background: #d502bf url("../images/btn-sport.png") 0 0 no-repeat; }
a.attractions	{ background: #e73705 url("../images/btn-go.png") 0 0 no-repeat; }
a.shopping		{ background: #00a38a url("../images/btn-shopping.png") 0 0 no-repeat; }

a.events:hover	{ background-color: #1d72cd; }
a.about:hover		{ background-color: #028302; }
a.accomodation:hover { background-color: #af0333; }
a.business:hover	{ background-color: #700377; }
a.food:hover		{ background-color: #027383; }
a.sports:hover		{ background-color: #b404a2; }
a.attractions:hover	{ background-color: #c83005; }
a.shopping:hover	{ background-color: #02826e; }



/* -----[ Side Bars, left and right ]------------------- */
#leftsidebar {
	position: relative; 
	float: left;
	width: 19.5%; 
	min-height: 200px; 
	padding-bottom: 2em;
	margin: 0 2.6% 0 0;
}
.nav {
	margin: 0 0 1em 0;
	border-top: 1px solid #037ca9;

}
.nav li {
	list-style: none;
	margin: 0; 
	border: none; 
}
.nav a {
	display: block;
	padding: 8px 32px 8px 6px; 
	color: #037ca9; 
	border-bottom: 1px solid #037ca9;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	background: url("../images/arrow-sprite-3.png")  130% bottom no-repeat;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.nav a:hover {
	background: #037ca9;
	background: #037ca9 url("../images/arrow-sprite-3.png")  100% bottom no-repeat;
	color: #ffffff;
	color: gold;
	}
.nav a.on {
	color: #ffc000;
	color: #fff;
	text-decoration: none;
	background: #8fc3df url("../images/arrow-sprite-3.png")  100% bottom no-repeat;
}

/* ----- [ Right Sidebar: Maps, Ads, etc ] ----------- */
#rightsidebar {
	position: relative; 
	float: right;
	width: 19.2%; 
	min-height: 200px; 
	padding-bottom: 2em;
}
#rightsidebar h2 {
	border: none; 
	color: #006fbb; 
	font-size: 16px; 
}
#rightsidebar h3 + ul.nav {
	margin-top: 1em; 
}

#rightsidebar #photo {
	display: block;
}


.sidebar-item {
	background: #fff;
	overflow: hidden;
}
.sidebar-item p {
	margin: 0;
	padding: 15px;
	}
.sidebar-item p img {
	display: block;
	width: 100%;
	height: auto;
	}
.sidebar-item h2,
.sidebar-item h3 {
	padding: 15px 15px 0;
	margin: 0 0 -8px;
	}
.siebar-item img {
	}

ul.adverts {
	padding: 0;
	margin: 0 0 10px 0;
	width: 180px;
	/*max-width: 180px;*/
	}
ul.adverts li {
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
	line-height: 1em;
	border-collapse: collapse;
	}
ul.adverts img {
	width: 100%;
	display: block;
	}


/* -----[ Main Content ]------------------- */
#main {
	float: left;
	width: 55%;
	padding: 0;
	margin: 0;
}

#main strong {
	/*color: #444;*/
	font-weight: bold;
}

.editorial li {
	list-style-type: disc;
	margin: 0 0 0.3em 1.5em;
	}
	
#main #bodycopy > h2:first-child {
	/*margin-top: 1em; */
}

#main .video {
	margin: 1em 0;
	background: #000;
	padding: 10px; 
	padding-bottom: 3px; 
	width: 640px; 
}

#main table td p {
	margin: 0;
	}
#main table td {
	padding: 5px;
	}

.pdf {
	padding: 5px 0 5px 2.3em;
	background: url("../images/pdf-small.png") 0 50% no-repeat;
	font-weight: bold;
	}

.footnote {
	margin-top: 4em;
	padding-top: 0.5em;
	border-top: 1px solid #037ca9;
	font-size: 0.9em;
	}

img.full-width {
	max-width: 100%;
	}


#map {
	width: 97%;
	height: 300px;
	margin: 0 0 10px;
	border: 5px solid #ccc;
	}
#rightsidebar #map {
	width: 95%;
	height: 200px;
	}

/* -----[ Business and Category Lists ]------------------- */

.intro p {
	font-size: 1.2em;
	}

.listing {
	display: block;
	list-style: none; 
	margin: 0 0 1em 0;
	padding: 0 0 1em;
	border-bottom: 1px solid #97c1d6;
	overflow: hidden;
	}

.listing.featured {
	background: #ffffff;
	padding: 15px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
.listing h2 {
	margin-bottom: 0.2em;
	}

.listing .imageneeded {
	width: 190px;
	height: 140px;
	border: 5px solid #ccc;
	text-align: center;
	line-height: 130px;
	float: left;
	margin: 0 3% 1em 0
	}

.listing p {
	margin: 0;
	}
.listing .summary {
	margin: 0 0 1em;
	}
.listing li {
	border: none;
	margin: 0;
	}
	
.listing li.address {
	margin-bottom: 0.5em;
	}
.featured a {
	font-weight: bold;
	}

.business-details {
	}
.featured .business-details {
	float: left;
	width: 55%;
	}

.featured .img-wrap {
	float: left;
	width: 42%;
	margin: 0 3% 0 0;
	}	
.img-wrap img {
	max-width: 100%;
	}
	
/* -----[ Events Calendar ]------------------- */
.eventslist {
	/*background: #fff;
	padding: 10px;
	border-radius: 5px;*/
	}
.monthheader h2 {
	font-family: "coolvetica", helvetica, arial;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0.5em 0;
	padding: 5px 10px;
	background: #1a6e9d;
	color: #fff;
	clear: both;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
.monthheader span {
	float: right;
	color: #9fc2dc;
	}

.event {
	display: block;
	list-style: none;
	background: #fff;
	margin: 0 0 1em 0;
	padding: 15px;
	clear: both;
	overflow: hidden;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.img-wrap,
.no-image {
	float: left;
	width: 150px;
	margin: 0 20px 0px 0;
	}
.no-image {
	width: 138px;
	height: 100px;
	border: 6px solid #dbebf1;
	text-align: center;
	line-height: 90px;
	}
.img-wrap img {
	display: block;
	}

.event-details {
	margin-left: 170px;
	}
.event-details.move-left {
	margin-left: 0;
	}
.event h3 {
	margin: 0 0 0.2em;
	}
.event h4 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 0.2em;
	}
.time {
	margin: 0 0 1em;
	}
	
.button-left {
	display: inline-block;
	background: #fff;
	width: auto;
	font-weight: bold;
	padding: 8px 8px;
	line-height: 1em;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}

/* -----[ Gallery ]------------------- */
.albumgrid li {
	list-style-type: none;
	float: left;
	width: 31.5%;
	margin: 0 3% 10px 0;
	padding: 0;
	}
.albumgrid li:nth-child(3n) {
	margin-right: 0;
	}
.albumgrid img {
	padding: 10px 8%;
	padding: 0;
	border: 10px solid #fff;
	margin: 0;
	width: 90%;
	}
.albumgrid img:hover {
	border: 10px solid #037CA9;
	}
.albumgrid a {
	display: block;
	}


/* -----[ Search Results Page ]------------------- */
.search-results li {
	display: block;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 15px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.search-results h3 {
	margin: 0 0 0.3em;
	}
.search-results p {
	margin: 0;
	}
.search-results p.summary,
.search-results .address p {
	margin: 0 0 1em;
	}



/* -----[ Pagination ]------------------- */
.pagination,
.MarkupPagerNav {
	text-align: right;
	margin: 0 0 0.5em;
	}
.pagination li,
.MarkupPagerNav li {
	list-style-type: none;
	display: inline-block;
	background: #ffffff;
	margin: 0 0 0 3px;
	padding: 0;

	}
.pagination a,
.MarkupPagerNav a {
	display: block;
	padding: 4px 8px;
	line-height: 1em;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
.pagination .pager-on a,
.MarkupPagerNav .pager-on a {
	font-weight: bold;
	color: #fff;
	background: #1a6e9d;
	}
.pagination .pager-separator,
.MarkupPagerNav .pager-serparator {
	background: none;
	}

/* puts a border under the top pagination on pages without featured content */
li.listing:first-of-type {
	border-top: 1px solid #97c1d6;
	padding-top: 10px;
	}
li.featured:first-of-type {
	border: none;
	}


/* -----[ EU Cookies Notice ]------------------- */
#cookie-law { 
    width: 100%;
    background: #037ca9; 
    margin: 0;
}
 
#cookie-law p { 
    padding: 10px; 
    font-size: 1.2em; 
    text-align: center; 
    color: #fff; 
    margin: 0;
}
#cookie-law a {
	color: #fff;
	}


/* -----[ Sponsors Section ]------------------- */
.sitemap ul {
	margin: 0 0 15px;
	}
.sitemap li {
	list-style-type: disc;
	margin: 3px 0 3px 2em;
	}


/* -----[ Sponsors Section ]------------------- */
#sponsors h4 {
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 1.5em;
	}
#sponsors a {
	color: #e9d647;
	text-align: center;
	text-decoration: none;
	}
#sponsors a:hover {
	text-decoration: underline;
	}
#sponsors .inner {
	width: 980px;
	/*max-width: 980px;*/
	margin: 0 auto;
	text-align: center;
	}
.sponsor-list {}
.sponsor-list li {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: auto;
	margin: 0 1%;
	color: #e9d647;
	}
.sponsor-list div {
	height: 100px;
	}
.sponsor-list img {
	margin: 0.5em auto;
	}

/* -----[ Footer ]------------------- */
#footer {
	clear: both; 
	border: none;
	font-size: 12px; 
	padding: 0;
	background: #90c5e0;
	background: transparent;
	color: #074761;
}
#footer .inner {
	width: 980px;
	/*max-width: 980px;*/
	padding-bottom: 0;
	}
	
img.spidesign {
	float: right;
	margin: -9px 0 0 0;
	}

#footer p,
#footer a {
	color: #074761;
}
#footer a:hover {
	text-decoration: underline; 
	color: #aa352a; 
}

/**
 * The edit link that appears when you are logged in.
 * It is recommended that you implement an edit button 
 * in your templates to make it easy to switch to and
 * from the admin control panel when editing pages. 
 *
 */
#editpage {
	position: absolute;
	top: 0;
	left: 0; 
	padding: 5px 6px; 
	background: #db1174; 
	color: #fff; 
	display: block;
	font-weight: bold; 
}
	#editpage:hover {
		background: #ffffcc;
		color: #000; 
	}


/**
 * Alignment styles that are used by the InputfieldTinyMCE for 
 * positioning images in bodycopy. If you are using this field type, 
 * you may want to include these or similar styles in your site.
 *
 */
.align_left {
        float: left;
        margin: 0 1em 0.25em 0;
}

.align_right {
        float: right;
        margin: 0 0 0.25em 1em;
}

.align_center {
        display: block;
        margin-left: auto;
        margin-right: auto;
}


/* --------- [ Contact Form ] ------------------ */
/**
 * Optional CSS classes specific to the FieldtypeComments module
 * when used in this site design template. 
 *
 */

/* contains the input fields */
.ui-widget-content {
	width: 75%;
	float: left;
	}

#main .Inputfields,
#main .Inputfields li {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	overflow: hidden;
}

.Inputfields li label {
	font-weight: bold;
	float: left;
	width: 20%;
	line-height: 2em;
	text-align: right;
	padding: 0 2% 0 0;
}

.Inputfields li p {
	margin: 0;
}

.Inputfields li p.description {
	font-style: italic;
}

.Inputfields input,
.Inputfields textarea {
	font-size: 1em;
	padding: 5px;
	}
.Inputfields textarea,
.Inputfields .InputfieldMaxWidth {
	width: 100%;
}

button {
	background: #0da7de;
	color: #fff;
	font-size: 1em;
	padding: 8px 20px;
	border: none;
	font-weight: bold;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius 5px;
	border-radius: 5px;
	}
button:hover {
	background: #0994c5;
	}
	
.Inputfields .InputfieldSubmit .ui-widget-content  {
	margin-left: 22%;
}

.ui-state-error {
	color: red;
}

.InputfieldHeaderHidden {
	display: none;
	}



/**
 * WireFatalError is a class that ProcessWire will use to output
 * fatal errors in the design, but only if debug mode is on, or if
 * you are logged in as a superuser. 
 *
 */
.WireFatalError {
	background: #a30000; 
	color: #fff; 
	padding: 1em; 
	position: relative;
	z-index: 9999;
}

/*
@media only screen and (max-width: 768px) {

.nav_toggle {
	display: block;
	margin-right: 10px;
}

a.nav_toggle {
	text-decoration: none;
	color: white;
	float: right;
	margin-top: 32px;
	background-color: #4a5564;
	padding: 4px 10px;
	font-size: 22px;
}

#nav {
	display: none;
	clear: both;
}

#nav ul {
	margin: 0;
	float: left;
	width: 100%;
}

#nav li {
	display: block;
	padding: 7px 0;
	border-top: 1px solid #424C5B;
	padding:10px;
}

#blocks li {
	margin-bottom: 10px;
}

#topads,
.adverts {
	display: none;
}

#main,
#leftsidebar,
#rightsidebar {
	float: none;
	width: 100%;
	}




}

@media only screen and (min-width: 769px) {

#nav {
	display: inline !important; 
}

}
*/