/**
 * Base Styles
 *
 * This document contains all of the styles for page wrappers, basic typography,
 * and other base elements.
 *
 * @package WordPress
 * @subpackage Southcoast
 * @since Southcoast 1.0
 */

/**
 * Wrappers
 */
.header ul, 
.footer ul,
.flyout-content ul {
    list-style: none;
}
.header li, 
.footer li,
.flyout-content li {
    list-style: none;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	background: $white;
	color: $grey;
	font-family: $sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
}
* {
	-webkit-font-variant-ligatures: no-common-ligatures;
}

/**
 * Links
 */

a {
	color: $pink;
	text-decoration: none;
	@include transition( color 0.4s );
	&:link {
		&:after {
			@media print {
				content: " (" attr(href) ") ";
			}
		}
	}
}

a:hover {
	color: $pink-dark;
}

/**
 * Media
 */

img {
	height: auto;
	max-width: 100%;
}
a img{
	border: 0px;
}

/**
 * Composition
 */

hr {
	background-color: $grey;
	border: none;
	height: 1px;
	margin: 26px 0;
	max-width: 440px;
}

blockquote {
	background-color: $white-dark;
	color: $grey-dark;
	font-size: 20px;
	font-style: italic;
	line-height: 30px;
	margin: 40px 0;
	max-width: 740px;
	padding: 26px 30px 6px 30px;
}

pre {
	background-color: $white-dark;
	color: $grey-dark;
	font-family: "Lucida Console", "Monaco", monospace;
	font-size: 14px;
	font-style: italic;
	line-height: 26px;
	margin: 40px 0;
	max-width: 740px;
	overflow-x: scroll;
	padding: 26px 30px;
}

caption {
	border-left: 3px solid $white-dark;
	border-right: 3px solid $white-dark;
	border-top: 3px solid $white-dark;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 5px;
	text-transform: uppercase;
}

/**
 * Highlight
 */

::selection {
	background: $green-dark;
	color: $white;
}

::-moz-selection {
	background: $green-dark;
	color: $white;
}