text:
/** ----------------------------------------------------------
 *
 * Contains the main layout of the page and the individual styles.
 * Acts as the main stylesheet for theme.
 *
 *		Include your notes or table of contents below....
 *		Include color hex's or values of your grid
 *
 *		1. OOCSS GRID
 *		2. MAIN LAYOUT
 *		3. HEADER
 *			- Brand
 *			- Search Form
 *		4. Navigation
 *			- Primary Navigation
 *			- tablet Navigation
 *			- Secondary Navigation
 *			- Secondary Nav 2-5 Levels deep
 *		5. Mixed
 *		6. Footer
 *		7. Page Specific Layout
 *			- Homepage
 *			- Search Results
 *		8. Device and Responsive Layout
 *			- Breakpoint 960px
 *			- Breakpoint 640px
 *				- Search Form
 *				- Main Content
 *		9. Print Styles
 *			- Simple Theme custom print styles
 *
 * @author Your Name <email@silverstripe.com>
 * ------------------------------------------------------- */

/* OOCSS Grid
* https://github.com/stubbornella/oocss/wiki/grids
*/

.line, /* line - Groups units on one horizontal line. Note: for mobile layout units may be stacked to avoid horizontal scrolling. */
.lastUnit {
	overflow:hidden;
	*overflow:visible;
	*zoom:1;
	padding:0 10px;
}
.unit { /* unit - Base class which divides a line into sections (columns). */
	float:left;
	padding:0 10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; /* box-sizing:border-box; creates a box-model where
	padding and border are NOT added onto the width - they are included in the width,
	so a 200px wide element with 20px padding will be 200px, NOT 240px wide */
}
.unitRightv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
	float:right;
}

/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space.
The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */
/* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */

.size1of1 {
	float:none;
}
.size1of2 {
	width:50%;
}
.size1of3 {
	width:33.33333%;
}
.size2of3 {
	width:66.66666%;
}
.size1of4 {
	width:25%;
}
.size3of4 {
	width:75%;
}
.size1of5 {
	width:20%;
}
.size2of5 {
	width:40%;
}
.size3of5 {
	width:60%;
}
.size4of5 {
	width:80%;
}
.lastUnit { /* lastUnit - Extends unit. Applied to the last child of every line. */
	float:none;
	width:auto;
	_position:relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters.
	meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
	_left:-3px;
	_margin-right:-3px;
}

/* MAIN LAYOUT */
body {
    margin: 0;
    background: #ededed;
    min-width: 240px;
    -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
}
	.ie7 body,
	.ie8 body {
	    min-width: 860px; /* media queries are not supported in ie7/8 without a polyfill */
	}
	.main {
	    background: #fff;
	    padding: 40px 0 60px;
	    min-height: 300px;
	}
	.inner {
	    max-width: 1100px;
	    margin: 0 auto;
	    padding: 0 30px;
	}
	.ie6 .inner {
	    width: 960px;
	}
	.no-sidebar .content-container {
	    float: left;
	    width:100%; /* makes content container full width when there is no sidebar */
	}
	.sidebar { /* this is the sidebar element */
	    margin-top: 12px;
	}
	.no-sidebar .sidebar {
		display: none;
	}

/* HEADER */
.header {
    background: #161616;
}
	.header .inner {
	    padding-top: 45px;
	    position: relative;
	    min-height: 72px;
	}

	/* Brand */
	header .brand, header .brand:hover {
	    float: left;
	    color: #fff;
	    display: inline-block;
	}
		.brand h1 {
		    margin: 0;
		    padding: 0;
		    font-size: 48px;
		    font-family: "HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		    color: #fff;
		    font-weight: 600;
		    font-stretch: normal; /* default value. No font stretching */
		    line-height: 1em;
		}
		.brand p {
		    color: #888;
		    margin-bottom: 22px;
		}

	/* Search form */

	.search-bar {
		position: absolute;
		right: 13px;
		top: 12px;
	}
		.search-bar .field {
			margin: 0;
			padding: 0;
		}
		.search-bar form input.text {
		    width: 155px;
		    padding: 5px 34px 5px 15px;
		    color: #888;
		    margin: 0;
		    border: none;
		    border-radius: 14px;
		    background: #fff;
		}

		.search-bar form input.action { /* positions the search button icon over the top of the search input */
		    font-size: 14px;
		    position: absolute;
		    right: 5px;
		    top: 0;
		    cursor: pointer;
		    border: none;
		    padding: 5px;
		    background: none;
		    font-family: 'WebSymbolsRegular';
		    color: #848484;
			border-radius: 0;
			margin: 0;
		}
		.search-bar form input.active,
		.search-bar form input.action:hover {
		    color: #000;
		}
		.search-bar form input:focus,
		.header textarea:focus {
		    outline: none; /* removes default browser outlining on focus */
		}
		.search-dropdown-icon {
		    display: none; /* hides search-dropdown-icon when site is at full width - media queries set it to display:block when at mobile/tablet width */
		}

/* NAVIGATION */

	/* Primary navigation */
	.header .inner .unit {
		position: relative; /* used to position the main navigation */
	}
	.header .primary ul {
		position:absolute;
		bottom:0;
		right:0; /* positions the main navigation */
	}
	.header .primary li {
	    float: left;
	    padding-bottom: 14px;
	    margin: 0 5px;
	    position: relative;
	    white-space: nowrap; /* forces text to never wrap onto a second line */
	}
	.header .primary li a {
	    color: #888;
	    font-size: 15px;
	    font-family: Helvetica, Arial, sans-serif;
	    padding: 6px 8px;
	    font-weight: bold;
	    display: block;
	}
	.header .primary li a:hover {
	    color: #fff;
	}
	.header .primary li.section a,
	.header .primary li.current a {
	    color: #fff;
	}
	.header .primary li.section:after,
	.header .primary li.current:after {
	    content: '}'; /* adds triangle beneath current nav item ('}' is renders as a triangle when WebSymbolsRegular is set as the font) */
	    display: block;
	    position: absolute;
	    left: 50%;
	    margin-left: -7px;
	    bottom: -7px;
	    font-family: 'WebSymbolsRegular';
	    font-size: 30px;
	    color: #fff;
	    text-align: center;
	    line-height: 20px;
	}

	/* Tablet Navigation */
	/* When navigation and logo overlap tablet-nav is initialized */
	.tablet-nav .brand p {
	    margin-bottom: 0;
	}
	.tablet-nav .header .inner {
	    padding-top: 20px;
	}
	.tablet-nav .header .primary ul {
	    float: left;
	    clear: both;
	    position: relative;
	    margin: 20px 0 0 -13px;
	    white-space: nowrap;
	    right: auto; /* resets the right property value that is set for the desktop site */
	}
		.tablet-nav .header .primary ul li {
		    white-space: nowrap;
		}
			.tablet-nav .header .primary ul li a { /* there is no hover on touch devices so no transition on hover is necessary */
			    -moz-transition: none;
			    -webkit-transition: none;
			    transition: none;
			}
	.tablet-nav .footer .right {
	    float: left;
	    width: 100%;
	}

	/* Secondary navigation */
	.main .secondary h3 {
	    font-size: 20px;
	    color: #AAA;
	    margin: 0 0 8px 0;
	    font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
	    font-weight: normal;
	}
	.main .secondary {
	    border-bottom: 1px solid #e5e5e5;
	}
		.main .secondary ul {
		    padding: 0;
		    margin: 0;
		}
		.main .secondary li {
		    border-top: 1px solid #e5e5e5;
		    position: relative;
		    list-style-type: none;
		    margin-bottom: 0;
		}
			.main .secondary li .arrow {
			    color: #b80000;
			    padding-right: 5px;
			    display: block;
			    font-size: 15px;
			    line-height: 20px;
			    position: absolute;
			    left: 2px;
			    top: 7px;
			    -moz-transition: 0.2s; /* this transition moves the arrow from left:2px to left:6px */
			    -webkit-transition: 0.2s;
			    transition: 0.2s;
			}
		.main .secondary li a:hover .arrow {
		    left: 6px; /* this sets the final position for the arrow transition */
		}
		.main .secondary li a { /* side nav link styling */
		    padding: 10px 0;
		    display: block;
		    text-transform: uppercase;
		    letter-spacing: 2px;
		    font-size: 11px;
		    color: #333;
		    line-height: 17px;
		    border-bottom: none;
		    font-family: 'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
		}
		.main .secondary li .text {
		    padding-left: 28px;
		    display: block;
		}
		.main .secondary li.current a.current {
			color: #b80000;
			background-color: #EDEDED;
		}
		.main .secondary li.section,
		.main .secondary li.current {
		    background-color: #F3F3F3;
		}
			.main .secondary li.section a,
			.main .secondary li.current a {
			    color: #000;
			}

		/* Secondary navigation 2-5 levels deep */
		.main .secondary ul ul {
			display: none;
		}
		.secondary ul li.current ul,
		.secondary ul li.section ul { /* Only show child pages from selected parent */
			display: block;
		}
		.secondary li.current ul ul {
			display: none;
		}
		.main .secondary ul ul li a { padding-left: 10px; } /* Indent all sidebar navigation levels*/
			.main .secondary ul ul li a .arrow { left: 12px; }
			.main .secondary ul ul li a:hover .arrow { left: 16px; }

		.main .secondary ul ul ul li a { padding-left: 20px; }
			.main .secondary ul ul ul li a .arrow { left: 22px; }
			.main .secondary ul ul ul li a:hover .arrow { left: 26px; }

		.main .secondary ul ul ul ul li a { padding-left: 30px; }
			.main .secondary ul ul ul ul li a .arrow { left: 32px; }
			.main .secondary ul ul ul ul li a:hover .arrow { left: 36px; }

		.main .secondary ul ul ul ul ul li a { padding-left: 40px; }
			.main .secondary ul ul ul ul ul li a .arrow { left: 32px; }
			.main .secondary ul ul ul ul ul li a:hover .arrow { left: 36px; }

		.main .secondary li a:hover,
		.main .secondary li.section a:hover,
		.main .secondary li.current a:hover {
			color: #b80000;
		}

/* MIXED */
header:after,
.main:after,
#Root:after,
.search-bar:after,
header .inner:after,
footer:after { /* clearfix */
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
.search-bar form input.action,
.header .primary li a,
.footer a { /* adds color transition when links/inputs on hover */
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.footer a.brand { color: #333; margin-left: 0; }
.footer a.brand:hover { color: #B80000; }
body h1 span.amp {
    font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
    font-style: italic;
}

/* FOOTER */
.footer {
    color: #999;
    background: #ededed;
    padding: 20px 0;
    font-size: 11px;
    line-height: 22px;
}
	.footer a {
	    color: #999;
	}
	.footer a:hover {
	    color: #B90000;
	}
	.footer .left {
	    float: left;
	    color: #000;
	    display: block;
	    margin-bottom: 10px;
	}
	.footer .right {
	    float: right;
	    display: block;
	    margin-bottom: 10px;
	}
	.footer span {
	    padding: 0 3px;
	    color: #bbb;
	}
	.footer .primary,
	.footer .primary ul {
	    display: inline;
	    margin: 0;
	    padding: 0;
	}
		.footer .primary li {
		    display: inline;
		}
	.ie6 .footer .primary li,
	.ie7 .footer .primary li { /* this is a bugfix for ie6/7 */
	    display: inline;
	    zoom: 1;
	    margin-right: 10px;
	}
	.footer .primary li:after { /* adds '/' to separate the footer navigation items */
	    padding: 0 3px 0 5px;
	    content: '/';
	    color: #999;
	}
	.footer .primary li:last-child:after {
	    content: ''; /* makes sure last nav item doesn't have a '/' following it */
	}
	.footer .arrow {
	    padding: 0 8px 0 5px;
	    color: #b80000;
	    font-size: 13px;
	}
	.footer .primary .nav-open-button {
	    display: none; /* the footer includes the primary nav include - this makes sure the nav open close button doesn't show up */
	}

/* PAGE SPECIFIC LAYOUT */

	/* Homepage */
		/* currently no Hompage specific styles - feel free to add your own */

	/* Search Results */
	.typography .searchResults h1 {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.searchResults p.searchQuery {
	    margin-bottom: 10px;
	    font-size: 15px;
	    font-weight: bold;
	}
	.searchResults ul#SearchResults {
	    padding: 0;
	    border-bottom: 1px solid #e5e5e5;
	    margin:0;
	}
		.searchResults ul#SearchResults li {
		    border-top: 1px solid #e5e5e5;
		    padding: 20px 0;
		    list-style-type: none;
		}
		.searchResults ul#SearchResults p {
		    margin-bottom: 10px;
		}
		.searchResults #PageNumbers a {
		    padding: 0 5px;
		}
		.searchResults #PageNumbers .pagination {
		   	border-bottom: 1px solid #e5e5e5;
		    padding: 20px 0;
		    display:table; /* displays the pagination as a table so that elements stay inline and the middle column adjusts its size to accomodate and the right arrow stays to the right */
		    width:100%;
		}
		.searchResults #PageNumbers .pagination span{
			display:table-cell; /* each element in the pagination div displays as a table cell */
		}
		.searchResults #PageNumbers p {
		    text-align: center;
		    padding:20px 0;
		}
		.searchResults #PageNumbers .next,
		.searchResults #PageNumbers .prev {
		    font-size: 14px;
		    padding: 0 20px;
		    display:table-cell; /* each element in the pagination div displays as a table cell */
		    vertical-align: middle;
		    border-bottom:0 !important;
		}
		.searchResults #PageNumbers .next {
		    margin-left: 15px;
		}
		.searchResults #PageNumbers .prev {
		    margin-right: 15px;
		}

/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
    display: none; /* removes the nav toggle button for desktop site */
}
#media-query-trigger {
    /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries)
    instead to trigger the hiding/showing of nav and search in mobile mode */
    display: none;
    visibility: hidden;
}

/* BREAKPOINT 960px */

@media only screen and (max-width: 960px) {
	.content img {
	    max-width: 97%;
	    height: auto;
	}
	.header .primary ul {
	    margin-left: -12px;
	    -webkit-padding-start: 0px; /* removes default webkit padding on ul items */
	}
}

/* BREAKPOINT 640px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 640px) {
	body {
	    max-width: 640px;
	}
	#media-query-trigger {
	    visibility: visible;
	}

	/* Navigation*/

	.tablet-nav .header .brand {
	    float: none;
	    display: inline-block;
	    margin-left: 22px;
	    margin-bottom: 22px;
	}
		.brand h1 {
		    font-size: 40px;
		}
		.brand h1 {
		    padding-right: 100px; /* padding stops .brand text from overlapping the search and nav buttons */
		}
	.tablet-nav .header {
	    padding: 0px;
	}
		.tablet-nav .header .inner {
		    padding: 20px 0 0 0;
		    min-height: 0;
		}
		.tablet-nav .header .primary .nav-open-button { /* styling and positioning of the nav toggle button */
		    z-index: 100;
		    width: 20px;
		    height: 20px;
		    position: absolute;
		    right: 20px;
		    top: 35px;
		    display: block;
		    cursor: pointer;
		    font-family: 'WebSymbolsRegular';
		    font-size: 20px;
		    color: #ededed;
		}
		.tablet-nav .header .primary ul {
		    z-index: 10;
		    position: relative;
		    display: none; /* initially hiding the navigation */
		    float: left;
		    margin: 0;
		    padding: 0;
		    white-space: normal;
		    width: 100%;
		}
			.tablet-nav .header .primary ul li {
			    width: 100%;
			    margin: 0;
			    padding: 0;
			    float: none; /* displays list items vertically */
			    background: none;
			    position: relative;
			    text-shadow: 0 1px #fff;
			}
			.tablet-nav .header .primary ul li:after { /* creates the arrow for the primary nav links */
			    content: '\003e';
			    display: block;
			    position: absolute;
			    right: 20px;
			    top: 0px;
			    font-family: 'WebSymbolsRegular';
			    font-size: 14px;
			    color: #999;
			    text-align: center;
			    vertical-align: middle;
			    line-height: 38px;
			}
			.tablet-nav .header .primary ul li a,
			.tablet-nav .header .primary ul li.current a,
			.tablet-nav .header .primary ul li.section a { /* styling the  top level nav links */
			    padding: 10px 0 10px 22px;
			    font-weight: bold;
			    border-bottom: 1px solid #bbb;
			    color: #434343;
			    background: #e7e7e7;
			}
			.tablet-nav .header .primary ul li.current a,
			.tablet-nav .header .primary ul li.section a {
				background: #CCCCCC; /* makes background on current top level page slightly darker */
			}
			.tablet-nav .header .primary ul li a:hover {
			    color: inherit;
			}
			.tablet-nav .header .primary li.section:after,
			.tablet-nav .header .primary li.current:after {
			    display: none; /* hides the link arrow on current top level page */
			}
			.tablet-nav .tablet-nav .header nav.primary ul li {
				padding: 0;
			}

	/* Search Form */
	.search-bar { /* adds new styling to mobile search bar */
	    width: 100%;
	    position: relative;
	    top: 0;
	    right: 0;
	    display: none; /* hides searchbar initially */
	    padding: 20px 0;
	    margin: 0;
	    background-color: #E7E7E7;
	}
	.search-dropdown-icon { /* styling for search toggle button */
	    display: block;
	    cursor: pointer;
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    right: 60px;
	    top: 34px;
	    font-family: 'WebSymbolsRegular';
	    font-size: 20px;
	    color: #ededed;
	    text-align: center;
	    line-height: 20px;
	}
	.search-bar form {
	    margin: 0;
	    width: 100%;
	}
		.search-bar form fieldset {
		    padding: 0 18px;
		    left: 0;
		    right: 0;
		    position: relative;
		}
	.search-bar div.field {
	    margin-bottom: 0;
	}
	.search-bar form input.text {
	    width: 89%; /* makes search input full width - allowing for space either side */
	    max-width: 89%;
	    padding: 8px 10% 8px 1%;
	    text-indent: 15px;
	    position: relative;
	    display: block;
	    right: 0;
	    left: 0;
	    border: 1px solid #e5e5e5;
	    background: #fff;
	    font-size: 17px;
	    border-radius: 20px; /* increase border radius due to increased padding */
	}
	.search-bar form input.action {
	    right: 5%;
	    top: 2px;
	    font-size: 18px;
	}

	/* Main Content */
	.main {
	    padding: 20px 0 45px; /* decrease padding so that more content can fit on screen */
	}
	.content-container,
	.sidebar {
	    width: 100%; /* sidenav is now shown above the page content */
	    margin-bottom: 30px;
	}
		.typography h1 { /* decrease size of page heading due to smaller screen */
		    font-size: 30px;
			line-height:35px;
		    margin-bottom: 15px;
		    padding-bottom: 10px;
		}
		.typography p {
		    font-size: 14px;
		    line-height: 23px;
		}
	p.intro {
	    font-size: 19px;
	    line-height: 27px;
	}
	.main .inner {
	    padding: 0 22px;
	}
	/* Secondry Nav */
	.secondary li a {
	    line-height: 24px;
	}
	.secondary li .arrow {
	    line-height: 26px;
	}
	/* Footer */
	.footer .right {
	    float: left;
	    width: 100%;
	}
}

/* Print Styles */

/* Based on HTML5 boilerplate print styles */
@media print {
	* {
	    background: transparent !important;
	    color: black !important;
	    box-shadow: none !important;
	    text-shadow: none !important;
	    filter: none !important;
	    -ms-filter: none !important;
	}
	a,
	a:visited {
	    text-decoration: underline
	}
	a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

	thead {
	    display: table-header-group
	}
	tr,
	img {
	    page-break-inside: avoid
	}
	img {
	    max-width: 100% !important
	}
	pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    /* Simple theme custom print styles */
	.header,
	.footer,
    .nav-open-button,
    .search-bar,
    .search-dropdown-icon,
    nav.primary {
	    display: none;
	}
}


Coll Hamilton shares some words with us this week. A very talented emerging artist with a distinct style that we love. He's proven popular on Art Pistol and is one to watch!
Bio: My interest in story-telling and narratives are distilled in my paintings to creating moments that capture a place, a character or an expression, but most of all an atmosphere that could be part of a bigger story but which also stand alone as single images. I graduated from Glasgow School of Art and continue to live and work in Glasgow.
Coll: Daleks – lots of them. I used to fill pages painting and drawing Daleks in lots of different colours – they are still my doodle of choice. I found a painting recently I did when I was about 5 of a Dalek exterminating Mr Happy. That's probably some sort of metaphor.
Coll: I'm not sure. I was always interested in stories and creating my own stories – when I was growing up I sort of thought I might end up trying to be a writer and drawing had always been something I just did all the time and gradually the two passions for narrative and mark making kind of blended into one. I think if you are trying to be an artist you get into a mind-set where it's difficult to switch off and everything you observe and experience feeds back into your work somehow but I don't know if this happens because this is how you are made up or because you have spent so long doing it you have turned yourself into that. And if you ever achieve some level of success where you can support yourself through your art, can you then switch off between your work and your life or are they just intrinsically intertwined forever? Certainly a few years ago I found it very easy to switch off from the feeling I should be working and now I can't. So I suppose there wasn't a time that I can remember where I first realised I was an artist but over the last couple of years I think I have finally realised I am artist.
Coll: One of my friends recently described my painting as "figurative abstract" and I really like that description. I think the importance of storytelling in the images would be something that would hit anyone looking at them for the first time and I like the medium and the process of using them to come through in the images as well – so there is the narrative that I am describing on the surface and then there is the narrative described by the brushstrokes or pencil strokes or pastel smudges (I enjoy fingerprints in my work as well and tend not to always rub them out) that tell the story of the image's creation – or at least hint at it.
Coll: I've got some work on the walls of people who aren't famous yet but probably will be one day soon – I've given work to friends who are writers and a film-maker and other artists who I think will be very successful and famous.
Coll: I don't think I've got enough experience of the industry yet to know as I'm still just trying to break in.
Coll: Well, I'm working on some graphic novel stuff at the moment so I'm certainly interested in writing and hope that I have some sort of talent for it. Time (and other people's reaction to the work) will tell.
Coll: In my flat (which serves as my studio just now), after having lots of coffee and a breakfast involving eggs, with either music or an Adam & Joe Podcast on my iPod, lots of bright sunshine and the whole day ahead of me to paint.
Coll: The only job I've ever had is working in bookshops (still there part-time). So that, probably.
Coll: I would say get used to rejection and knock-backs. Be prepared to spend a lot of time on your own working (unless you can afford a studio) as I wasn't prepared for this being such a solitary existence. And not to get the internet anywhere close to where you are trying to work as it is like a constant, constant, nagging, whispering distraction.
Coll: I'm working on two very large paintings, a few smaller ones and on a couple of graphic novel projects. And some Dalek doodles.
To see Coll's work on Art Pistol click here.


text:
Q: Bootstrap navbar collapse on scroll I'm using bootstrap grayscale theme for my project and It has a navbar that collapses on scroll, or if I go to a link that's on the same page (#download etc.)
The problem is when I go to anchor link from some other page, than navbar doesn't collapse until I scroll.
I guess the solution is in adding the line in java script, but I really don't know what to add since I don't know java. :-(
// jQuery to collapse the navbar on scroll
$(window).scroll(function() {
if ($(".navbar").offset().top > 50) {
    $(".navbar-fixed-top").addClass("top-nav-collapse");
} else {
    $(".navbar-fixed-top").removeClass("top-nav-collapse");
}
});

Please, help. :) :-*

A: You need to run the check when the page loads as well as when the window is scrolled, you can do that without duplicating any code by putting the logic that checks the offset of the page in a function and running it from both document ready and window scroll.
$(document).ready(function() {

    // Put your offset checking in a function
    function checkOffset() {
        if ($(".navbar").offset().top > 50) {
            $(".navbar-fixed-top").addClass("top-nav-collapse");
        }
        else {
            $(".navbar-fixed-top").removeClass("top-nav-collapse");
        }
    }

    // Run it when the page loads
    checkOffset();

    // Run function when scrolling
    $(window).scroll(function() {
        checkOffset();
    });
});

Edit:
I believe you could shorten this even more by replace the checkOffset function with the following:
// Put your offset checking in a function
function checkOffset() {
    $(".navbar-fixed-top").toggleClass("top-nav-collapse", $(".navbar").offset().top > 50);
}

I haven't tested this, but as long as the second parameter in toggleClass returns a boolean it'll either add or remove the class depending on the offset of the page without needing an if statement.

A: You can also use :
 $(document).ready(function() {
        function checkOffset() {
            $(".navbar").removeClass("show");
        }
        // Run function when scrolling
        $(window).scroll(function() {
            checkOffset();
        });
        // Run function on Clicking
        $(window).click(function() {
            checkOffset();
        });
    });

This will help with navbar collapse on mobile devices.

A: You should be able to do something as simple as this..
$('.navbar-collapse ul li a').click(function() {
     /* always close responsive nav after click */
     $('.navbar-toggle:visible').click();
});

Here's an example of use
It's not Java, it's JavaScript which is easily added to your html page using script tags.

redpajama_set_name: RedPajamaStackExchange


text:
Jobs 1 To 25 of 765 Page 1 of 31 Page [1]23456-10 Next
AD&TS/PAD Technical Manager
215190340 LyondellBasell (NYSE: LYB) is one of the world's largest plastics, chemical and refining companies and a member of the S&P 500. LyondellBasell(www.lyondellbasell.com)ma nufactures products at 55 sites in 17 countries. LyondellBasell...
Lyondell Chemical Company
International Credit Analyst
215189112 Overview Everyone wants to work with people they respect. Even better if you can work with a company you respect. We have both at The David J. Joseph Company, and a 130+ year track record on operating an ethical business with a positive...
The David J. Joseph Company
SHP (www.shp.com) is searching for an enthusiastic, strategically-focused individual to take on the role of Director of Marketing. This individual will hold the ultimate responsibility for the firm s marketing activities. Will implement and direct...
Add to Your Backpack |
From ITJobsList
SHP (www.shp.com) is searching for an enthusiastic, strategically-focused individual to take on the role of Director of Marketing. This individual will hold the ultimate responsibility for the firm s marketing activities. Will implement and direct firm-wide marketing and business development planning, strategy and measurements including: client cultivation, retention and maintenance; branding; proposal development and content strategies; communications, social media and public relations infrastructure; and firm positioning for profitability and growth. Will work in coordination with practice...
DIRECTOR OF MARKETING Role Overview SHP (www.shp.com) is searching for an enthusiastic, strategically-focused individual to take on the role of Director of Marketing. This individual will hold the ultimate responsibility for the firm s marketing...
SHP Leading Design
DIRECTOR OF MARKETING Role Overview SHP (www.shp.com) is searching for an enthusiastic, strategically-focused individual to take on the role of Director of Marketing. This individual will hold the ultimate responsibility for the firm s marketing activities. Responsible for firm-wide marketing and business development planning, strategy and measurement including client cultivation, retention and maintenance; branding; proposal development and content strategies; communications, social media, and public relations infrastructure; and firm positioning for profitability and growth. Will work in...
Compensation & Benefits Analyst (Recent Graduates)
Overview Medpace is a scientifically-driven, global, full-service clinical contract research organization (CRO) providing Phase I-IV clinical development services to the biotechnology, pharmaceutical and medical device industries. Medpace's mission...
From Medpace, Inc.
Overview Medpace is a scientifically-driven, global, full-service clinical contract research organization (CRO) providing Phase I-IV clinical development services to the biotechnology, pharmaceutical and medical device industries. Medpace's mission is to accelerate the global development of safe and effective medical therapeutics through its high-science and disciplined operating approach. We leverage local regulatory and deep therapeutic expertise across all major areas including oncology, cardiology, metabolic disease, endocrinology, central nervous system, anti-viral and anti-infective....
Compensation, Benefits, and Job Analysis Specialists
40773414 215188911 Compensation & Benefits Analyst Job LocationsUnited States-OH-CincinnatiCategory Human Resources Overview Medpace is a scientifically-driven, global, full-service clinical contract research organization (CRO) providing Phase I-IV...
Medpace, Inc.
HR Specialist - IT/Operations
Make banking a Fifth Third better® We connect great people to great opportunities. Are you ready to take the next step? Discover a career in banking at Fifth Third Bank. Line of Business Supported: IT and Operations GENERAL FUNCTION: Responsible...
From Fifth Third Bank
Make banking a Fifth Third better® We connect great people to great opportunities. Are you ready to take the next step? Discover a career in banking at Fifth Third Bank. Line of Business Supported: IT and Operations GENERAL FUNCTION: Responsible for day-to-day operational management, coordination, and support for Regional Human Resources projects interspersed with Affiliate tasks that help deliver the regional projects. Position implements coordination, formulates communications, and maintains tracking and reporting of Human Resources operating practices across the Region for Talent...
Human Resources Managers
Healthcare Portfolio Manager II
Make banking a Fifth Third better® We connect great people to great opportunities. Are you ready to take the next step? Discover a career in banking at Fifth Third Bank. GENERAL FUNCTION: The Portfolio Manager is key member of the "coverage team",...
Make banking a Fifth Third better® We connect great people to great opportunities. Are you ready to take the next step? Discover a career in banking at Fifth Third Bank. GENERAL FUNCTION: The Portfolio Manager is key member of the "coverage team", managing transactions and business portfolio tasks. PMs are expected to be intimately involved in in the deal process, making recommendations on appropriate credit structures, pricing, etc. PMs are directly accountable for managing a portfolio of accounts through their review of updated financial statements, proactive monitoring, and interaction...
Financial Managers, Branch or Department
Credit Services Reporting Analyst
Make banking a Fifth Third better® We connect great people to great opportunities. Are you ready to take the next step? Discover a career in banking at Fifth Third Bank. GENERAL FUNCTION: Position is responsible for data gathering, reporting and...
Make banking a Fifth Third better® We connect great people to great opportunities. Are you ready to take the next step? Discover a career in banking at Fifth Third Bank. GENERAL FUNCTION: Position is responsible for data gathering, reporting and financial analysis for commercial credit, reporting through the Risk Management division and with credit, the line of business and finance partners. Provide lenders and credit with the tools needed to efficiently manage the business, including company, industry and market information, in the support of business decisions and risk appetite of the...
Certified Outsourcing Specialist: Finance and Accounting
Field Marketing Manager - Cincinnati, OH
General Mills is reshaping the future of food. We believe food makes us better. It nourishes our bodies, brings us joy and connects us to each other. As one of the world's leading food companies, General Mills operates in more than 100 countries...
From General Mills Inc.
General Mills is reshaping the future of food. We believe food makes us better. It nourishes our bodies, brings us joy and connects us to each other. As one of the world's leading food companies, General Mills operates in more than 100 countries and markets more than 100 consumer brands, including Cheerios, Nature Valley, Betty Crocker, Yoplait, Annie's Homegrown, Old El Paso, Epic Provisions, Blue Buffalo and more. Are you passionate about the future of food? You've come to the right table. We want the very best talent to help lead something big. OVERVIEW The Field Marketing Manager (FMM) is...
JOB RESPONSIBILITIES: Prepare journal entries, reconciliations, and other documentation to ensure that transactions are recorded in accordance with GAAP. Prepares monthly financial reports. Reviews Balance Sheet and Income Statements per property...
The Loring Group
JOB RESPONSIBILITIES: Prepare journal entries, reconciliations, and other documentation to ensure that transactions are recorded in accordance with GAAP. Prepares monthly financial reports. Reviews Balance Sheet and Income Statements per property to verify account balances and reasonable revenue and expense amounts. Ensures accuracy of all general ledger information. Maintain and balance inter-company accounts with other related entities. Maintains Accounting Department calendar deadlines. Facilitate construction draws, and construction payments. Manage Accounts Payable Process Manage...
JOB DESCRIPTION The Procurement Manager oversees a team of procurement/strategic sourcing professionals and oversees commercial relationships with direct material suppliers. The key deliverables of this role and reporting team include: - Annual...
From Mammotome
Mammotome
JOB DESCRIPTION The Procurement Manager oversees a team of procurement/strategic sourcing professionals and oversees commercial relationships with direct material suppliers. The key deliverables of this role and reporting team include: - Annual Direct Material Supply Cost Savings (net 2-3%) - Managing, troubleshooting, and proper escalation of actual and potential line down issues at our Tijuana, Mexico manufacturing site. - Strategic sourcing initiatives including contracts, agreements, risk management, supply base strategy, etc. Primary Responsibilities - Responsible for managing a team of...
Purchasing Managers
Project Administrator (Employee Benefits)
Project Administrator (Employee Benefits) Job ID 2020-5723 # of Openings 1 Category Employee Benefits Service Location US-OH-Cincinnati Overview Job Title: Project Administrator Department: Operations Reports to: Production Supervisor FLSA Status:...
From AssuredPartners
AssuredPartners
Project Administrator (Employee Benefits) Job ID 2020-5723 # of Openings 1 Category Employee Benefits Service Location US-OH-Cincinnati Overview Job Title: Project Administrator Department: Operations Reports to: Production Supervisor FLSA Status: Non-Exempt Summary: This position is responsible for leading the implementation of new client set-up and existing client renewals, will serve as the main point of contact during implementation, post-open enrollment setup, and participant eligibility, and contribution monitoring, and will maintain accuracy of all applicable systems on an ongoing...
State insurance license
Activation Marketing Manager
BODYARMOR is a premium better-for-you sports drink that provides superior hydration for todays athletes! Endorsed by some of the worlds top athletes like Mike Trout, Dustin Johnson, and James Harden, BODYARMOR is also the official sports drink of...
160over90
BODYARMOR is a premium better-for-you sports drink that provides superior hydration for todays athletes! Endorsed by some of the worlds top athletes like Mike Trout, Dustin Johnson, and James Harden, BODYARMOR is also the official sports drink of the UFC and MLS! BODYARMOR Sports Drink is seeking talented, motivated, personable Activation Marketing Managers to join our growing Field Marketing team. If you are looking to be a vital asset to the Field Marketing Team, you will be representing the fastest growing sports drink in the United States! REQUIREMENTS - Must have your own reliable car...
Job Description Are you a go getter?! Are you successful in what you do? Do you want to set your own schedule? Do you have an interest in Technology? Then this is the job for you! Compensation Regional Presidents are compensated by commission only...
Tier4 Advisors, LLC
Job Description Are you a go getter?! Are you successful in what you do? Do you want to set your own schedule? Do you have an interest in Technology? Then this is the job for you! Compensation Regional Presidents are compensated by commission only and have no limitation on perpetual monthly recurring commissions. Just to repeat, there is no limitation on perpetual commissions other than a breach of contract! Primary Skills - Be a sales-driven leader will - Be self-motivated with an insatiable desire for success - Have established relationships to develop - Demonstrate an ability to with...
Cincinnati, Ohio, United States JOB SUMMARY The purpose of this position is to manage the sourcing, procurement, and management of suppliers and vendors in support of the delivery of real estate, facilities, and project management services....
From Careerland
Cincinnati, Ohio, United States JOB SUMMARY The purpose of this position is to manage the sourcing, procurement, and management of suppliers and vendors in support of the delivery of real estate, facilities, and project management services. ESSENTIAL DUTIES AND RESPONSIBILITIES Responsible for designing and implementing sourcing strategies and procurement plans to support account, corporate and client strategies and objectives. Drafts, reviews, negotiates, and maintains contracts and other business documents in support of the purchase of goods and services. Includes contract review and/or...
Overview We are North America's leading security services provider with over 200,000 phenomenal employees. At Allied Universal, we pride ourselves on fostering a promote from within culture. There are countless examples of individuals who began...
From Allied Universal
Overview We are North America's leading security services provider with over 200,000 phenomenal employees. At Allied Universal, we pride ourselves on fostering a promote from within culture. There are countless examples of individuals who began their career as Security Professionals and today hold positions on our senior leadership team. In fact, over 65% of our managerial positions are filled by internal candidates. For all full-time positions, we offer medical, dental and vision coverage, life insurance, 401K, employee assistance programs, company discounts, perks and more! We also offer...
Professional in Human Resources
Cincinnati, OH, US, 45069 Location: West Chester, Ohio Contech Engineered Solutions, located in West Chester, Ohio, is seeking a Senior Financial Analyst to join our finance team. The Sr. Financial Analyst supports the business by leading the...
Simplemost Media is hiring a Digital Marketing Manager. In this role you will: develop, plan, coordinate and execute against the team's existing and emerging business and marketing opportunities. This role is a jack of all trades- first focusing on...
THE E.W. SCRIPPS COMPANY
Simplemost Media is hiring a Digital Marketing Manager. In this role you will: develop, plan, coordinate and execute against the team's existing and emerging business and marketing opportunities. This role is a jack of all trades- first focusing on leading the production & editing of various forms of content, but also have the interest and ability to support other marketing initiatives as the business grows and evolves (attracting and engaging consumers plus measuring and tracking the results of the team's efforts). Key Activities: * Produce and edit media (with a focus on photography) to...
Job Summary BDO's Core Purpose is Helping People Thrive Every Day. Our Core Values reflect how we manage our work, our relationships and ourselves. As an employee of the firm, you will live true to our Core Values of people first, being exceptional...
From Monster
Job Summary BDO's Core Purpose is Helping People Thrive Every Day. Our Core Values reflect how we manage our work, our relationships and ourselves. As an employee of the firm, you will live true to our Core Values of people first, being exceptional every day in every way, embracing change, feeling empowered through knowledge and choosing accountability. Our Core Values are the standards by which we conduct ourselves day in and day out, both internally and externally. The Assurance Manager is responsible for supervising, directing and reviewing the results through the delegation of tasks...
Ethicon, a member of Johnson & Johnson Family of Companies, is currently recruiting for a Senior Financial Analyst supporting the US Endo-Mechanical commercial team, located in Cincinnati, OH. Caring for the world, one person at a time has inspired...
From Johnson & Johnson
Ethicon, a member of Johnson & Johnson Family of Companies, is currently recruiting for a Senior Financial Analyst supporting the US Endo-Mechanical commercial team, located in Cincinnati, OH. Caring for the world, one person at a time has inspired and united the people of Johnson & Johnson for over 130 years. We embrace research and science -- bringing innovative ideas, products and services to advance the health and well-being of people. With $81.6 billion in 2018 sales, Johnson & Johnson is the world's most comprehensive and broadly-based manufacturer of health care products, as well as a...
Certified Management Accountant
Global Strategic Marketing Manager, Access Ligation Other Endo (ALOE)
description ETHICON's Global EndoMechanical business, a member of Johnson & Johnson's Family of Companies, is recruiting for a Global Strategic Marketing Manager, Access Ligation Other Endo (ALOE), located in the Cincinnati, OH headquarters. This...
description ETHICON's Global EndoMechanical business, a member of Johnson & Johnson's Family of Companies, is recruiting for a Global Strategic Marketing Manager, Access Ligation Other Endo (ALOE), located in the Cincinnati, OH headquarters. This position requires up to 25% overnight travel, including international. ETHICON EndoMechanical is a leader in the dynamic open and laparoscopic surgery marketplace, focused in the colorectal, bariatric, thoracic, gastric, and hepatobiliary specialties. The EndoMechanical category includes Endocutters, Open Mechanical products, and Access, Ligation,...
2020 Consumer Customer Development Leadership Development Program (CDLDP)- Full Time
Caring for the world, one person at a time has inspired and united the people of Johnson & Johnson for over 130 years. We embrace research and science -- bringing innovative ideas, products and services to advance the health and well-being of...
Caring for the world, one person at a time has inspired and united the people of Johnson & Johnson for over 130 years. We embrace research and science -- bringing innovative ideas, products and services to advance the health and well-being of people. With $81.6 billion in 2018 sales, Johnson & Johnson is the world's most comprehensive and broadly-based manufacturer of health care products, as well as a provider of related services, for the consumer, pharmaceutical, and medical devices markets. There are more than 250 Johnson & Johnson operating companies employing over 125,000 people and with...
Clark State Community College offers courses to help you get started or improve your Construction Engineering Technology/Technician skills.
Industry: Management
Cincinnati (765)
Entry Level Jobs (less than $30K) (128)
Upper Middle Income Jobs ($50K-$79K) (234)
High Income Jobs ($80K-$99K) (110)
Six Figure Jobs (more than $100K) (207)
Professional, Science, & Technical (691)
Finance & Insurance (624)
Media & Communication (60)
Wholesale/Commercial Sales (43)
Marketing Managers (195)
Financial Managers, Branch or Department (190)
Financial Analysts (106)
Human Resources Managers (87)
Computer and Information Systems Managers (60)
Purchasing Managers (41)
Credit Analysts (15)
Treasurers and Controllers (14)
Compensation, Benefits, and Job Analysis Specialists (14)
Financial Examiners (10)
Bachelor's degree (763)

redpajama_set_name: RedPajamaCommonCrawl


text:
Hello AvonLake
Avon Lake Photos
Avon Lake Videos
Avon Lake Ohio
Avon Lake is a lake in the city of Avon, Ohio, US state of Ohio and is located near the shore of Lake Erie. Located on the east side of the Ohio River, north of Cleveland, it is the second largest lake in Ohio, covering 2.5 million square feet. It is one of only three lakes in North America with an average depth of less than 1,000 feet and is located at an altitude of 3,500 feet above sea level, about 3 km above the surface of the lake.
There are many sports for young people and adults to watch, and there are plenty of fans, and residents also have the opportunity to enjoy a variety of recreational activities such as fishing, kayaking, canoeing, boating, swimming, fishing and much more.
If you ever want to spend a day in a beautiful community surrounded by friendly and caring people, visit Avon Lake, Ohio. The city has many restaurants, bars, shops and restaurants, as well as a variety of shopping and dining options. You should also love the theatre and enjoy the well-curated museum. With such a generous array of recreational activities for citizens and visitors, Avons Lake is one of Ohio's most popular tourist destinations and a great destination for visitors of all ages.
The Bruce G. Rinker Greenway offers a north-south walking and cycling route through Mayfield Village, a Cleveland suburb. Five city-run neighborhood parks adjoin the park and adjacent bike paths to provide easy access to outdoor recreation. Avon Lake operates a number of parks and leisure facilities, including Avons Lake Community Park and Riverfront Park.
The area was bought as Western Reserve in 1795 by a series of contracts from the Connecticut Land Company. European sailors first settled here in 1812 and were originally part of the New Haven, Connecticut settlement, the first settlement on the eastern shore of Lake Erie.
The Millers and others who followed cleared most of the land and built ships on the nearby Black River, which was eventually renamed Lorain. However, there were also a number of sawmills and shipyards on the shores of Avon Lake, and the subsequent settlers were called "Lorain," an Indian term meaning "to come." In 1812 the community of Avons Lake was founded and parts of it were separated from the rest of the community of Avon to form Pierpont Eas. Before that, it was inhabited by the Wyandots, Rams and Ottawas and was first settled in the 17th century. The most prominent of these was Avon Bay Village in Westlake, where about 2,000 people lived in 1811.
Wilbur Cahoon, the owner of the land, met Davis and moved to French Creek in 1814, where the land was not so swampy and more suitable for agriculture.
Adam Miller and his family arrived the following year, and the family has been here ever since. Noah Davis, the first inhabitant of the lake, came to the lake in 1812 and lived the rest of his life on the lake shore. The Northern Ohio Freedom Trail currently offers a direct route from east to west along the lakeside that now includes Avon Lake. It is a beautiful tree path, lined with forest with magnificent views of the river and lake.
The Chippewa Rail Trail runs for 2.4 miles, and the Brideway Trail is located on the east side of the lake, north of Avon Lake. The Purpose Trail is an asphalt path that connects Lorain County, where you can walk, cross-country ski or bike, to Lake Erie National Wildlife Refuge in Lakeland, Ohio, about 30 miles away. And the Chippy Inlet Trail, which runs nearly 4 miles along the eastern shore of Lake Ontario from the north end of Avon to Lakewood.
The Cleveland Lakefront Bike Trail stretches from the suburbs of Euclid to Lakewood, and the Cleveland Foundation Centennial Trail, when completed, will make its way from Avon to Lake Erie National Wildlife Refuge.
Those who are looking for greenery without physical exertion will love the scenic views of Lake Erie, the Cleveland River and the Ohio River. If professional sports is your passion, residents can enjoy stadiums with Indians, Cavaliers and Browns. Music fans will also have plenty of opportunities to attend concerts, as Avons Lake is just a hop away from Cleveland.
A local Toyota dealer is working to make us all happy, as it is one of the largest Toyota dealers in the state of Ohio.
If you are looking for a new compact and it's time for a car check-up, the Toyota Dealer Locator page can help you to one of their trusted Toyota dealerships in your area. If you have booked a test drive or want to book a service appointment, a Toyota dealer nearby will also help you find exactly what you need. Find a trusted, Toyota - certified service center near you, and if they can't provide the help you need, we can help you find it to ensure that all original Toyota OEM parts are properly installed by highly qualified mechanics.
© 2021 Hello AvonLake - All Rights Reserved.


text:
Hotels Food & Wine
Arts & Culture Wildlife & Outdoors Itineraries
Our Review Process Become a Member
PDF Downloads Account Details Logout
Classic Destinations
Georgia (Country)
Corisca
Worldwide / Europe / France / Brittany
.destination-cta-top
Expertly Curated Hotels
Curated for the well-traveled, by the well-traveled.
See all Recommended Hotels (...)
.destination-cta-middle
Food & Wine Experiences
Savor the flavors.
See all Food & Wine Experiences (...)
Do as the locals do.
See all Recommended Adventures (...)
Favorite Itineraries
Follow in our footsteps.
See all Itineraries (...)
.destination-cta-bottom
Brittany offers the traveler a fascinating cultural history, plus enchanting old towns such as Dinan, Quimper and Vannes. The Celtic Breton language is still spoken, and on high days and holidays, the women still wear their traditional long dresses adorned with lace. Brittany is home to many megalithic monuments, the largest alignments being near Carnac. Here you will also find long beaches swept daily by Atlantic tides, and the ocean in this area yields some of the finest seafood anywhere in the world. The Breton villages we liked best on our most recent trip were remote Commana, hilltop Moncontour and seaside Ploumanac'h.
May through July is the most pleasant time for a visit; August is too crowded, and some restaurants close for the season as early as the middle of September.
Editor Tips
Brittany's Best Market
Brittany's best market, Marché des Lices (3 Place du Bas des Lices) in Rennes, is one of the largest in France, with 300 stalls stacked with a variety of goods, including smoked fish, fresh butter and organic apple juice. It is held every Saturday from 7:30 a.m. to 1:30 p.m. Don't miss the stands selling galette-saucisse, a favorite Breton snack of grilled sausage wrapped in a buckwheat crêpe.
France's Most Famous Butter
Jean-Yves Bordier is the most famous butter producer in France. Bistro Autour du Beurre (7 Rue de l'Orme; Tel. [33] 2-23-18-25-81), his restaurant in Saint-Malo, features seafood-oriented dishes made with Bordier butter by talented chef Steve Delamaire. His butter comes with a variety of seasonings, from smoked salt to vanilla, yuzu and fennel.
Don't miss the monkfish cassoulet with roasted salt butter and onion mousse, or the cod with hot oysters bathed in Champagne with seaweed butter and green peas. Closed every January.
Originally a village of fishermen known as Saint-Enogat, Dinard, located on the Côte d'Émeraude of Brittany, was transformed in the middle of the 19th century by English aristocrats who built fanciful but luxurious villas on hillsides overlooking the sea. Follow in the footsteps of these grandees on the guided "Décollé et ses villas," a walking tour of their villas created by the Dinard Tourism Office (Tel. [33] 8-21-23-55-00).
Seawater-Based Spa Therapy
Brittany is the birthplace of thalassotherapy, the seawater-based spa therapy. Though the benefits of the treatment have been known for centuries (in 414 B.C., Euripides wrote that "the sea cures all human ailments"), it wasn't until 1964 when cyclist Louison Bobet, amazed by the speed and ease with which he recovered from a serious accident while being treated at a seawater medical institute in Roscoff, translated his cure into a series of treatments at the spa he opened in Quiberon.
Modern thalassotherapy, a series of seawater spa treatments with proven medical benefits, is frequently used to treat pain and mobility issues, and to lose weight and to detox. There are a number of thalassotherapy centers in the region, and many have especially picturesque seaside locations.
The Remote Beauty of Commana
Of all the beautiful Breton villages, Commana, a remote place in the wild empty moors of the region between Plomodiern and Roscoff, is especially enjoyable. The beautiful granite church of Saint-Derrien in the heart of the town is a masterpiece of Breton Renaissance art, with a magnificent altarpiece dedicated to Saint Anne.
Near Saint-Brieuc, Moncontour, officially designated "one of the most beautiful villages in France," is also worth the detour. The town, known as the birthplace of famed French economist Joachim Faiguet de Villeneuve, is a huddle of medieval stone houses built around a church perched on a steep hill with strategic views over the surrounding countryside.
Delicious Oysters
Brittany is one of the great oyster-producing regions of France. You'll find two varieties on Breton menus. Huîtres creuses are small, cupped rock oysters that fit into the palm of your hand. Huîtres plates are flat Belon oysters, which are much rarer. Two-thirds of France's flat oysters come from Cancale.
My favorite place to sample oysters is Prat-Ar-Coum (Lieu-dit Prat Ar Coum; Tel. [33] 2-98-04-00-12) restaurant in Lannilis, owned by the Madec family since 1898. Open only from July 1 to August 30, the establishment overlooks a cove where the oysters are raised; lobsters and other shellfish are also served.
Select Content
Latest Editor Trips
Hideaway Guides
Editors' Choice Awards
Wine Concierge
Auctions & Travel Deals
Contact a travel advisor
Hideaway Report members have access to travel advisors with our partner Andrew Harper Travel.
Open M-F 8AM-6PM CT
© Copyright Hideawayreport.com 2020