/*   
Theme Name: Fog City
Theme URI: http://fogcitysf.com/
Description: A custom theme built by hand for Bruce and team by futureprüf.
Author: futureprüf
Author URI: http://futurepruf.com/
Template: thematic
Version: 1.0
Tags:
*/

/* ================= RESET BROWSER DEFAULTS ================= */

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

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: 0; }


/* ================= TYPOGRAPHY ================= */

@font-face {
	font-family: 'CircularPro-Book';
	src: url('fonts/CircularPro-Book.eot');
}

@font-face {
	font-family: 'CircularPro-Book';
	src: url('fonts/CircularPro-Book.woff') format('woff'),
	url('fonts/CircularPro-Book.svg') format('svg');
}

@font-face {
	font-family: 'CircularPro-BookItalic';
	src: url('fonts/CircularPro-BookItalic.eot');
}

@font-face {
	font-family: 'CircularPro-BookItalic';
	src: url('fonts/CircularPro-BookItalic.woff') format('woff'),
	url('fonts/CircularPro-BookItalic.svg') format('svg');
}

body, input, textarea {
	color: #000;
	font-size: 12px;
	font-family: 'CircularPro-Book', "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 18px;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	clear: both;
}

/* Text elements
-------------------------------------------------------------- */

p {
	margin-bottom: 18px;
}

ul {
	margin: 0 0 18px 2.5em;
}

ol {
	margin: 0 0 18px 2.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 18px;
}

strong {
	font-weight: bold;
}

cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 3em;
}

blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}

pre {
	font: 11px Monaco, monospace;
	line-height: 18px;
	margin-bottom: 18px;
}

code {
	font: 11px Monaco, monospace;
}

abbr, acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}

ins {
	text-decoration: none;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}

blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

/*

Adapt the following for use in your Child Themes when using
different font-sizes and line-heights

body, input, textarea {
    font: --px Arial,sans-serif;
    line-height:--px;
}
p, ul, ol, dd, pre {
    margin-bottom:--px;
}
pre, code {
	font:--px Monaco, monospace;
	line-height:--px;
}

All other styles can be overridden--or ignored!--in Child Theme stylesheets

*/

/*
LAYOUT: One-Column (Right) Fixed
DESCRIPTION: Two-column 950px fixed layout with one sidebar right of content
*/

html, body {
	height: 100%;
}

body {
}

#wrapper {
	min-height: 100%;
}

#header {
	width: 100%;
	position: relative;
}

#branding {
	width: 100%;
}

#access {
	position: relative;
	overflow: hidden;
}

.menu {
	width: auto;
	margin: 0 auto;
}

#main {
	width: 100%;
	padding-bottom: 160px;
}

#container {
	width: 100%;
}

#content {
	width: 100%;
	padding-bottom: 24px;
	min-height: 220px;
}

.main-aside {
	width: 300px;
	float: right;
	position: relative;
	right: 10px;
}

#secondary {
	clear: right;
}

#footer {
	height: 160px;
	margin-top: -160px;
	position: relative;
	z-index: 2;
}

#subsidiary {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}

#subsidiary .aside {
	width: 300px;
	float: left;
	margin: 0 20px 0 0;
}

#subsidiary #third {
	margin: 0;
}

#siteinfo {
	clear: both;
	width: 100%;
}

/* =Page Templates
-------------------------------------------------------------- */

/*
    Full Width Template
*/

.page-template-template-page-fullwidth-php #container {
	margin: 0;
	width: 940px;
}

.page-template-template-page-fullwidth-php #content {
	margin: 0 0 0 10px;
	width: 940px;
}

.page-template-template-page-fullwidth-php #comments {
	width: 540px;
}


/* -------------------------------------------------------------- 
   
   Default styles for Images
  
-------------------------------------------------------------- */   
.entry-content .wp-post-image {
	border: 1px solid #ccc;
	float: right;
	margin: 0 0 20px 18px;
	padding: 5px;
}

.entry-content img {
	height: auto;
	margin: 0 0 18px 0;
	max-width: 100%;
}

.alignleft,
img.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright,
img.alignright {
	display: block;
	float: right;
	margin-left: 20px;
}

.aligncenter,
img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	margin-bottom: 18px;
	max-width: 96%;
	padding: 9px 5px 0;
}

.wp-caption img {
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 18px 5px;
}

.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 22px 0;
}

.gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
}

.gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
}

.gallery-icon {
	margin: 0 5px;
}

#content .gallery img {
	border: 1px solid #ccc;
	margin: 0;
	padding: 6px;
}

.gallery-item img, .gallery-item img.thumbnail {
	margin: 0 auto;
}

.gallery-caption {
	padding: 6px 6px 0;
}

.wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 13px;
	line-height: 18px;
}

.wp-smiley {
 /* Prevent the smileys from breaking line-height */
	max-height: 12px;
	margin: 0 !important;
}



/*

Adapt the following for use in your Child Themes when using
different font-sizes and line-heights

.entry-content img,
.wp-caption {
    margin-bottom:--px;
}

.wp-smiley {
    max-height:--px;
}

All other styles can be overridden--or ignored!--in Child Theme stylesheets

*/


/* =Global Elements
-------------------------------------------------------------- */

body, input, textarea {
}

p, ul, ol, dd, pre {
	margin-bottom: 22px;
}

pre, code {
	font: 14px Monaco, monospace;
	line-height: 22px;
}

blockquote {
	color: #666;
	font-style: italic;
}

table {
	border: 1px solid #ccc;
	border-width: 1px 1px 0 1px;
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 22px 0;
	text-align: left;
}

caption {
	text-align: left;
}

tr {
	border-bottom: 1px solid #ccc;
}

th, td {
	padding: .7em 1.25em;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 22px;
}

.ie7 hr {
	background-color: transparent;
	color: #ccc;
}

a:link,
a:visited {
	text-decoration: none;
	color: #2B3990;
}

a:active,
a:hover {
	text-decoration: underline;
}


/* =Header
-------------------------------------------------------------- */

#header {
	background: #E2ECF1;
	z-index: 2;
	text-align: center;
}

#header-inner {
	padding: 30px 0 12px 0;
}

#fog-background {
	background: url('images/global/background-fog.png');
	height: 140%;
	left: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 10;
}

#fog-foreground {
	background: url('images/global/background-fog.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 10;
}

.header-module {
	font-size: 11px;
	text-transform: uppercase;
	color: #808080;
	position: absolute;
	top: 30px;
	width: 175px;
	text-align: center;
	z-index: 101;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.header-module span {
	display: none;
}

#header-module-left-top {
	left: 0;
}

#header-module-right-top {
	right: 0;
}

#header-module-left-bottom {
	left: 0;
	top: 84px;
}

#header-module-right-bottom {
	right: 0;
	top: 84px;
}

#header-module-left-top a:link,
#header-module-left-top a:visited,
#header-module-right-top a:link,
#header-module-right-top a:visited {
	color: #808080;
	text-decoration: none;
}

#header-module-left-top a:hover,
#header-module-right-top a:hover {
	color: #2B3990;
}

#header-module-right-bottom a:hover {
	background: #DDD;
	cursor: default;
}

#branding {
	position: relative;
}

#blog-title {
	margin: 0 auto 30px;
	width: 350px;
	height: 40px;
	text-indent: -9999px;
	position: relative;
	z-index: 1;
	background: url('images/global/icon-fog_city.svg') no-repeat;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

#blog-title a {
}

#blog-title a:active,
#blog-title a:hover {
}

#blog-title-anchor {
	position: absolute;
	top: 0;
	left: 50%;
	width: 350px;
	height: 40px;
	margin-left: -175px;
	display: block;
	z-index: 99;
}

#blog-description {
}

/* =Menu
-------------------------------------------------------------- */

.skip-link {
	display: none;
}

#access {
	height: 32px;
	font-size: 13px;
	overflow: visible;
	z-index: 100;
}

.trigger-navigation-main {
	display: none;
	float: right;
	background: url('images/global/icon-navigation_main.svg') no-repeat center center;
	border: medium none;
	cursor: pointer;
	height: 22px;
	text-indent: -9999px;
	width: 22px;
	margin: 14px 0;
	padding: 8px 0;
}

.fog_city-menu {
	width: 600px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 17px;
	text-transform: uppercase;
}

	.fog_city-menu li {
		margin: 0 12px;
		display: inline-block;
		vertical-align: top;
	}
	
		.fog_city-menu li a:link,
		.fog_city-menu li a:visited {
			color: #808080;
			text-decoration: none;
			transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
		}
		
		.fog_city-menu li a:hover,
		.fog_city-menu li.current-menu-item a {
			color: #2B3990;
		}
		
		#menu-item-33 {
			display: none;
		}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu {
	line-height: 1.0;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em;
 /* left offset of submenus need to match (see below) */;
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	visibility: inherit;
 /* fixes IE7 'sticky bug' */;
}

.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em;
 /* match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em;
 /* match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em;
 /* match ul width */
	top: 0;
}

/*** THEMATIC SKIN ***/
.sf-menu {
	float: left;
	margin-left: 1px;
}

.sf-menu a {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	padding: 9px 13px;
	text-decoration: none;
	margin-left: -1px;
}

.ie7 .sf-menu a {
	width: 100%;
}

.sf-menu .current-menu-item a,
.sf-menu .current-menu-parent a,
.sf-menu .current-menu-ancestor a,
.sf-menu .current-post-ancestor a,
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
	border-bottom-color: #fff;
}

.sf-menu a, .sf-menu a:visited {
 /* visited pseudo selector so IE6 applies text colour*/
	color: #666;
}

.sf-menu li {
	background: #fff;
}

.sf-menu li li {
	background: #fff;
}

.sf-menu li li li {
	background: #9AAEDB;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #fafafa;
	outline: 0;
	border-bottom-color: #ccc;
}

.sf-menu ul {
	border-bottom: 1px solid #ccc;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top: 32px;
 /* overriding essential styles */;
}

.sf-menu ul ul {
	margin-top: 0;
}

.sf-menu ul a {
	background: #fafafa;
	border-bottom: none;
}

.sf-menu ul a:hover {
	color: #FF4B33;
}

/* =Content
-------------------------------------------------------------- */

#main {
}

.page-title {
	font-size: 13px;
	line-height: 18px;
	padding: 0 0 44px 0;
}

.attachment .page-title {
	font-style: italic;
}

.page-title a {
	color: #666;
	text-decoration: none;
}

.page-title a:active,
.page-title a:hover {
	color: #FF4B33;
}

.page-title span {
	font-style: italic;
}

.page-title .meta-nav {
	font-style: normal;
}

.hentry {
	padding: 0 0 22px 0;
}

.single .hentry {
	padding: 0;
}

.home #content .sticky {
	border: 1px solid #ccc;
	margin: 0 0 66px 0;
	padding: 22px 20px 0 20px;
}

.entry-title {
	color: #2B3990;
	width: 175px;
	margin: 36px auto;
	padding: 8px 0;
	border-top: 1px solid #00C0FF;
	border-bottom: 1px solid #00C0FF;
	text-align: center;
	font-size: 17px;
	text-transform: uppercase;
}

.entry-title a {
	color: #2B3990;
	text-decoration: none;
}

.entry-title a:active,
.entry-title a:hover {
}

.home .entry-title {
	display: none;
}

.entry-meta {
	color: #666;
	font-size: 13px;
	font-style: italic;
	line-height: 18px;
}

.entry-meta .author {;
}

.entry-meta .n, .entry-meta .nickname {
	font-size: 11px;
	font-style: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #666;
	text-decoration: none;
}

.entry-meta a:active,
.entry-meta a:hover {
	color: #FF4B33;
}

.entry-meta abbr {
	border: none;
	cursor: text;
	font-size: 11px;
	font-style: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.entry-content {
	padding: 22px 0 0 0;
	font-family: 'Merriweather', serif;
}

.entry-content h1,
.entry-content h2 {
}

.entry-content h3 {
	color: #2B3990;
	font-size: 17px;
	line-height: 1.3em;
	margin: 0 0 1em;
	text-transform: uppercase;
	font-family: 'CircularPro-Book',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.entry-content h4 {
	margin: 0 0 1em;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	color: #2B3990;
}

.entry-content table {
	margin-left: 1px;
}

.entry-content embed {
	margin: 0 0 22px 0;
}

.entry-utility {
	clear: both;
	color: #666;
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 44px 0;
}

.entry-utility a {
	color: #666;
	font-style: italic;
	text-decoration: none;
}

.entry-utility a:active,
.entry-utility a:hover {
	color: #FF4B33;
}

.page .edit-link {
	clear: both;
	display: block;
}

.page-link {
	clear: both;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 22px 0;
	padding: 22px 0 0 0;
	word-spacing: 0.5em;
}

.page-link a {
	border: 1px solid #ccc;
	color: #666;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}

.page-link a:active,
.page-link a:hover {
	color: #FF4B33;
}

ul#links-page,
ul#archives-page {
	list-style: none;
	margin-left: 0;
	overflow: hidden;
}

li.content-column {
	float: left;
	margin-right: 20px;
	width: 45%;
}

#author-info {
	margin: 0 0 44px 0;
	overflow: hidden;
}

#author-info .avatar {
	float: left;
	margin: .3em 1em 0 0;
}


/* =Attachments
-------------------------------------------------------------- */

.attachment-jpeg #container,
.attachment-png #container {
	width: 100%;
}

.attachment-jpeg #content,
.attachment-png #content {
	width: 930px;
}

.attachment-jpeg #comments,
.attachment-png #comments {
	width: 540px;
	overflow: hidden;
}

.attachment-jpeg .main-aside,
.attachment-png .main-aside {
	display: none;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #666;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 0 22px 0;
	overflow: hidden;
}

.navigation a {
	color: #666;
	font-style: italic;
	text-decoration: none;
}

.navigation a:active,
.navigation a:hover {
	color: #FF4B33;
}

.navigation .meta-nav {
	font-style: normal;
}

.nav-previous {
	float: left;
	width: 50%;
}

.nav-next {
	float: right;
	width: 50%;
	text-align: right;
}

#nav-above,#nav-below {
	width: 100%;
}

#nav-above {
	display: none;
}

.paged #nav-above {
	display: block;
	padding: 0 0 44px 0;
}


/* =Comments
-------------------------------------------------------------- */

#comments {
	clear: both;
	padding: 22px 0 0 0;
	display: none;
}

#comments,
#comments input,
#comments textarea {
	font-size: 13px;
	line-height: 18px;
}

#comments code {
	font-size: 12px;
	line-height: 18px;
}

#comments h3 {
	font-family: Arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	padding: 0 0 18px 0;
}

#comments-list {
	border: 1px solid #ccc;
	border-bottom: none;
	margin: 0 0 18px;
}

#comments-list h3 {
	padding-bottom: 0;
}

#comments-list,
#comments-list ul {
	list-style: none;
}

#comments-list ul,
#comments-list ol {
	padding-bottom: 18px;
}

#comments-list ul ul,
#comments-list ol ol,
#comments-list ul ul ul,
#comments-list ol ol ol {
	padding-bottom: 0;
}

#comments-list .comment {
	background: #fafafa;
	border-bottom: 1px solid #ccc;
	padding: 18px 1.5em 0 1.5em;
	position: relative;
}

#comments-list li.alt {
	background: #fff;
}

#comments-list li.bypostauthor {
	background: #FFFFCC;
}

#comments-list ul .comment {
	border: 1px solid #ccc;
	margin: 0 0 18px 0;
}

#comments-list li .avatar {
	position: absolute;
	top: 22px;
	left: 1.5em;
	width: 36px;
	height: 36px;
}

#comments-list .comment-author {
	font-weight: bold;
	padding: 9px 0 0 46px;
}

#comments-list .comment-meta {
	color: #666;
	font-size: 11px;
	padding: 0 0 9px 46px;
}

#comments-list .comment-meta a {
	color: #666;
	font-style: italic;
	text-decoration: none;
}

#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {
	color: #FF4B33;
}

.comment-reply-link {
	font-size: 11px;
	padding: 0 0 18px 0;
	text-align: right;
}

.comment-reply-link a {
	color: #666;
	font-style: italic;
	text-decoration: none;
}

.comment-reply-link a:active,
.comment-reply-link a:hover {
	color: #FF4B33;
}

.comment-navigation {
	font-weight: bold;
	padding: 18px 0 24px;
	margin-right: 0.5em;
}

.comment-navigation a {
	border: 1px solid #ccc;
	color: #666;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}

.comment-navigation a:active,
.comment-navigation a:hover {
	color: #FF4B33;
}

.comment-navigation a,
.comment-navigation span {
	margin-right: 0.5em;
}

#trackbacks-list .comment-content {
	position: absolute;
	left: -10000px;
}

#respond {
	background: #fff;
	margin-bottom: 22px;
	overflow: hidden;
	padding: 18px 0 0 0;
	position: relative;
}

#comments-list #respond {
	border-bottom: 1px solid #ccc;
	margin: 0 0 18px 0;
	padding: 18px 1.5em;
}

#comments-list ul #respond {
	border: 1px solid #ccc;
	margin: 0;
}

#cancel-comment-reply {
	font-size: 11px;
	position: absolute;
	top: 18px;
	right: 1.5em;
}

#cancel-comment-reply a {
	color: #666;
}

#respond .required {
	color: #FF4B33;
	font-weight: bold;
}

.form-section label {
	font-size: 11px;
}

.form-section input {
	margin: 0 0 18px 0;
	width: 98%;
}

.form-section textarea {
	width: 99%;
}

#form-allowed-tags p {
	color: #666;
	font-size: 11px;
	margin: 0;
}

#form-allowed-tags span {
	font-style: italic;
}

#form-allowed-tags code {
	font-size: 11px;
	line-height: normal;
}

.form-submit {
	padding: 18px 0 0 0;
	text-align: right;
}

.subscribe-to-comments {
	color: #666;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 18px 0 0 0;
}

.solo-subscribe-to-comments {
	color: #666;
	font-size: 11px;
	padding: 18px 0 0 0;
}

.comment_license {
	color: #666;
	clear: both;
	font-size: 11px;
	margin: 0;
	padding: 18px 0 0 0;
}


/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */

.aside,
.aside input {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 6px;
}

.aside p,
.aside ul,
.aside ol,
.aside dd,
.aside pre {
	margin-bottom: 18px;
}

.aside pre,
.aside code {
	font-size: 12px;
	line-height: 18px;
}

.aside .current-menu-item a,
.aside .current_page_item a {
	color: #FF4B33;
}

.aside .current-menu-item .menu-item a,
.aside .current_page_item .menu-item a {
	color: #666;
}

.aside .current-menu-item .menu-item a:hover,
.aside .current-menu-item .menu-item a:active,
.aside .current_page_item .menu-item a:hover,
.aside .current_page_item .menu-item a:active {
	color: #FF4B33;
}

.aside {
	color: #666;
}

.aside a {
	color: #666;
}

.aside a:active,
.aside a:hover {
	color: #FF4B33;
}

.aside h3 {
	font-size: 15px;
	font-style: italic;
	line-height: 22px;
}

.aside h3 a {
	text-decoration: none;
}

.aside caption {
	font-size: 11px;
	font-family: Arial,sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.aside ul {
	list-style: none;
	margin-left: 0;
}

.aside ul ul {
	list-style: disc;
	margin: 0 0 22px 20px;
}

.aside ul ul li {
	padding: 1px 0;
}

.aside ul ul ul {
	margin-bottom: 0;
}

.aside form,
.aside table {
	margin-bottom: 22px;
}

.aside table {
	border: none;
}

.aside thead {
	border: 1px solid #ccc;
}

.aside tbody {
	border: 1px solid #ccc;
}

.aside th, .aside td {
	border-right: 1px solid #ccc;
	padding: .25em .8em;
}

.aside tfoot tr {
	border: none;
}

.aside tfoot td {
	border-color: transparent;
}

.widget_tag_cloud {
	margin: 0 0 22px 0;
}

.aside #searchsubmit {
	display: none;
}
/*
    Main Asides
*/
.main-aside ul {
	padding: 0 20px;
}

.main-aside h3 {;
}

.main-aside ul ul {
	padding: 0;
}

#primary {
	border: 1px solid #ccc;
	padding: 18px 0 0 0;
	margin-bottom: 22px;
}
/*
    Content Asides
*/
#content .aside {
	border: 1px solid #ccc;
	margin: 0 0 22px 0;
	padding: 18px 0 0 0;
}

#content .aside ul {
	padding: 0 20px;
}

#content .aside h3 {
	font-family: Georgia,serif;
	font-weight: normal;
	font-size: 17px;
	font-style: italic;
	padding: 0 0 7px 0;
	text-transform: none;
}

#content .aside ul ul {
	padding: 0;
}
/*
    Footer Asides
*/
#subsidiary {
	padding: 33px 0 0 0;
}


/* =Footer
-------------------------------------------------------------- */

#footer {
	background: #2B3990;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
}

	#footer a:link,
	#footer a:visited {
		color: #FFF;
		text-decoration: none;
	}

#footer-inner {
	padding: 20px 0;
}

.footer-module {
	font-size: 14px;
	text-transform: uppercase;
	color: #808080;
	position: absolute;
	top: 30px;
	width: 175px;
	text-align: center;
	margin: 0 0 10px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

#footer-module-left {
	left: 0;
}

#footer-module-right {
	right: 0;
}

#footer-module-text {
	clear: both;
	margin: 0 auto 1em;
	width: 300px;
}

.menu-footer-container {}
	
	#menu-footer {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		#menu-footer li {
			display: inline-block;
			margin: 0 10px;
		}
		
		#menu-footer li a:hover,
		#menu-footer li.current-menu-item {
			text-decoration: underline;
		}
		

#footer_txt {
	margin: 12px 0 0 0;
	opacity: 0.4;
}

#siteinfo {
}

#siteinfo a {
}

#siteinfo a:active,
#siteinfo a:hover {
}


/* -------------------------------------------------------------- 
   
   Default plugin styles for Thematic
  
-------------------------------------------------------------- */  

/* =Ajax Edit Comments
-------------------------------------------------------------- */

.edit-comment {
	margin-bottom: 18px;
}

/* =PageNavi
-------------------------------------------------------------- */

/* Make sure to uncheck 'Use pagenavi-css.css' in the page-navi styles */

.wp-pagenavi {
	padding: 0.5em 0;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
	border: 1px solid #ccc;
	color: #666;
	font-style: normal;
	margin: 0 .375em;
	padding: 0.5em 0.5em;
}

.wp-pagenavi a:visited {
	border: 1px solid #ccc;
	color: #666;
}

.wp-pagenavi a:hover {
	border: 1px solid #ccc;
	color: #FF4B33;
}

.wp-pagenavi a:active {
	border: 1px solid #ccc;
	color: #FF4B33;
}

.wp-pagenavi span.pages {
	border: none;
	color: #666;
	margin: 0;
	padding: 0;
}

.wp-pagenavi span.current {
	color: #000;
}

.wp-pagenavi span.extend {
	color: #000;
}

/* =WordPress Stats
-------------------------------------------------------------- */

img#wpstats {
   /* hide WordPress Stats smiley */
	width: 0px;
	height: 0px;
	overflow: hidden;
}



/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   necessary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   

.entry-content img {
	height: auto;
	margin: 0 0 18px 0;
	max-width: 100%;
}

.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}

.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}

.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}

.wp-caption {
	text-align: center;
	margin-bottom:18px;
	max-width: 96%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}

.gallery img {
    margin:0;
}

.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/* ================= FOG CITY ================= */

body {
	background: #f0f5f8 url('images/global/background-page.png') repeat-x;
}

.global-width {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

.entry-content {
	text-align: center;
}

.navigation-page {
	margin: 0 0 48px;
	padding: 0;
	font-family: 'CircularPro-Book', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2B3990;
	font-size: 17px;
	line-height: 1.3em;
	text-transform: uppercase;
}
	
	.navigation-page li {
		margin: 0 10px;
		display: inline-block;
	}
	
		.navigation-page li a:link,
		.navigation-page li a:visited {
			color: #2B3990;
			text-decoration: none;
		}

/* Reservations */

#wrap__yelp-reservations-widget {
	text-align: center;
	margin: 0 auto;
	width: 260px;
	padding: 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #2B3990;
	color: #FFF;
	font-family: 'CircularPro-Book', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

	#startDate {
		width: 100px;
	}

	#ism-submit {
		margin: 20px 0 0 0;
		text-align: center;
	}

	input[type="submit"] {
		font-size: 13px;
		margin: 0;
		padding: 8px 10px;
		border: none;
		color: #FFF;
		cursor: pointer;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-transform: uppercase;
		background: rgb(0,173,238);
	}
	
.opentable-additional {
	text-align: center;
	margin: 24px 0 0 0;
}

.opentable-additional a:link,
.opentable-additional a:visited {
	color: #FFF;
}

/* Menus */

#block-menus {}
	
	#block-menus ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
/* Directions */

.page-id-8 ol {
	display: inline-block;
	text-align: left;
}

/* About */

.page-id-10 .entry-content p {
	max-width: 480px;
	margin: 0 auto 22px;
	text-align: left;
}

.team-member-header {
	color: #2B3990;
	font-family: 'CircularPro-Book',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 17px;
	line-height: 1.3em;
	margin: 0 0 1em;
	text-transform: uppercase;
	font-weight: normal;
}

	.team-member-header span {
		color: #00C0FF;
	}

/* Press */

#press-coverage {
	margin: 0;
	padding: 0;
	list-style: none;
}

	#press-coverage li {
		margin-bottom: 24px;
	}

.entry-content #press-coverage h3 {
	margin: 0;
}

/* Gallery */

#gallery-previous-arrow {
	/* background: url('http://fogcitysf.com/wp-content/themes/fog_city/images/global/icon-arrow-left.svg') no-repeat center center; */
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 50%;
	z-index: 0;
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAeCAYAAADOziUSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATxJREFUeNpiYKAQpGWXGACxAIjNRKlBQGo/FDMwUmBQApCajyTUyEimQQVAqh9JaMGsqT2JjGQYBHJNApLQBKBBhSR5ExrIIIMCkIQTgQYtgHEYSTAIFMgGUKEPQFyIbBBRhkFjbD0QKyAZ5Ag06AK6WkYio14AKvQAiAOxGYTXMCxRfwHqog+49DASGfUboIH9AZ9PGImIenAaIiaiGAlEfSPQoAZikw8jjqjHSENEGYYj6kExdoDU3MEEjW7kqAa50oGcPMtIjYDHGptYksQBqJc/kGwYuYmVUKIlKRsRk52IzuDEZnSS0h8jNQpFkgpHYpMOM7GGnT19bKOxmdVHINMDKmQA5CuAxEl2GTFJh9yqDj3pgAwMZCbHMKDXXgC9uBPqZZCBEkB8kewaHS3pXCA1H+MzEAwAAgwAJbqXL1JQfxYAAAAASUVORK5CYII='), w-resize;
}

#gallery-next-arrow {
	/* background: url('http://fogcitysf.com/wp-content/themes/fog_city/images/global/icon-arrow-right.svg') no-repeat center center; */
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAeCAYAAADOziUSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWJJREFUeNqslT1Ow0AQhe1NDuAj+AhBkSJE544y3MBpaGiCRA8HQIKGhiZpqYATOBVCQig+AkcIHSVv0AsaGf/M7jLSarIb+fPbfTPrJGGcnl1kSWQ4glZIVSzQAVAiy5hgbDGfxCjbYNSc51QYBHT3d9cfyIUCZlRY+sJSPeHZacg5XnZrhY305P3t5Xk6O8p5fhLHMpd1b2VKoahbqaUnjAVU7rxhHUA506IPmPa9ia5WNEVCzDoBsPaGKeAjy0ZiR4V1awf0BR86sJTOyOIS3PyCqw/4eagUzrH2if9ezdts2XazFtdQvwiCEXiFdNksHRfY0xsasQ8xKQ/ZZmf9uYDtNTvjt5DT/zh4n6LNqGY+dJukBlClbpGEDb/2bXRzGw1dQV4N3tmbtF6DfnpzCPQHpmooa7PefNMCdIO07LPeBIv9kOxjzKouLdZblW1ZAoXloDuVMctHOI8BSXwLMADaPZ1NjdFy1wAAAABJRU5ErkJggg=='), w-resize;
	display: block;
	height: 100%;
	opacity: 0.5;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
	top: 0;
	width: 50%;
	z-index: 0;
}

/* Sign Up */

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}

#mc_embed_signup .button {
	clear:both;
	background-color: #00ADEE;
	border: 0 none;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	margin: 24px auto 0;
	padding: 0 22px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: 120px;
}

#mc_embed_signup .button:hover {}
	
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {
	margin: 12px 0 24px;
}

#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}

#mc_embed_signup div.response {
	margin: 1em 0;
	padding: 1em .5em .5em 0;
	float: left;
	top: -1.5em;
	z-index: 1;
	width:80%;
}

#mc_embed_signup #mce-error-response {display:none;}

#mc_embed_signup #mce-success-response {
	color: #FFF;
	display:none;
}

#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup {
	margin: 0 auto;
	width: 260px;
	padding: 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #2B3990;
	color: #FFF;
	font-family: 'CircularPro-Book', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

/* Jobs */

.page-id-23 h3 {
	margin: 0;
}


/* Credits */

.page-id-25 .entry-content {
	text-align: center;
}

.page-id-25 h3 {
	margin: 0;
}

	.page-id-25 h3 a:link,
	.page-id-25 h3 a:visited {
		color: #2B3990;
	}
	
.page-id-25 p {
	text-transform: capitalize;
}


/* Video */

#videos

	.video {
		margin-bottom: 36px;
	}

/* ================= SUPERSIZED ================= */
	
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url('images/global/progress.gif') no-repeat center center;}

#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; margin: 0; padding: 0; list-style: none; }
	#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
		#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
		#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
	
	#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
	#supersized a { width:100%; height:100%; display:block; }
		#supersized li.prevslide { z-index:-20; }
		#supersized li.activeslide { z-index:-10; }
		#supersized li.image-loading { background:#111 url('images/global/progress.gif') no-repeat center center; width:100%; height:100%; }
			#supersized li.image-loading img{ visibility:hidden; }
		#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

/* ================= CLASSES ================= */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

:first-child + html .clearfix {
	min-height: 1%;
}

.button-blue,
.button-blue:link,
.button-blue:visited {
	margin: 8px 0;
	padding: 8px 0;
	width: 100%;
	display: block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #DDD;
	color: #2B3990;
	text-decoration: none;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	font-family: 'CircularPro-Book', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.button-blue-dark,
.button-blue-dark:link,
.button-blue-dark:visited {
	margin: 8px 0;
	padding: 8px 0;
	width: 100%;
	display: block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #202873;
	color: #FFF;
	text-decoration: none;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	font-family: 'CircularPro-Book', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.button-blue:hover,
.button-blue-dark:hover {
	background: #00C0FF;
}

.button-blue-cyan,
.button-blue-cyan:link,
.button-blue-cyan:visited {
	margin: 8px auto;
	padding: 8px 0;
	width: 175px;
	display: block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #00C0FF;
	color: #FFF;
	text-decoration: none;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	font-family: 'CircularPro-Book', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}

.button-blue-cyan:hover {
	background: #2B3990;
}

/* Selection colours (easy to forget) */

::selection { background: #00C0FF; color: #FFF; }
::-moz-selection { background: #00C0FF; color: #FFF; }
img::selection { background: transparent; }
img::-moz-selection	{ background: transparent; }

/*		Default Layout: 992px. */

body {
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}



/*		Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.global-width {
		width: 748px;
	}
	
	#blog-title {
		margin: 0 auto 80px;
	}
	
}


/*		Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	
	.global-width {
		width: 300px;
	}
	
	#blog-title-anchor {
		width: 300px;
		margin-left: -150px;
	}
	
	.trigger-navigation-main {
		position: absolute;
		right: 8px;
		top: -30px;
	}
	
	.trigger-navigation-main,
	#menu-item-33 {
		display: block;
	}
	
	#access {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	#access .menu {
		position: fixed;
		right: -240px;
		top: 0;
		background: #FFF;
		width: 200px;
		height: 100%;
		z-index: 9999;
		padding: 20px;
	}
	
		#menu-main {
			text-align: left;
			width: 200px;
			line-height: 30px;
			left: 0;
		}
		
			#menu-main li {
				width: 100%;
				margin: 0;
			}

			#menu-main li.menu-item-33 {
				display: block;
				margin-top: 24px;
				border-top: 1px #D8D1C7 solid;
				font-size: 13px;
				text-align: right;
			}
			
				#menu-main li a:link,
				#menu-main li a:visited {
					padding: 0;
					background: none;
				}
	
	#blog-title {
		margin: 0 auto 12px;
		width: 300px;
		background-size: 100% auto;
	}
	
	#header-module-left-top,
	#header-module-right-top {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: 100%;
		z-index: 99;
	}
	
	#header-module-left-bottom,
	#header-module-right-bottom {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		z-index: 99;
	}
	
	.header-module {
		font-size: 11px;
	}
	
	.header-module span {
		display: inline;
	}

	.header-module br {
		display: none;
	}
	
	#footer-module-left,
	#footer-module-right {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: 145px;
	}
	
	#header-module-left-bottom,
	#header-module-right-bottom,
	#footer-module-left,
	#footer-module-right {
		display: inline-block;
		width: 100px;
	}
	
	#main {
		padding-bottom: 250px;
	}
	
	#footer {
		height: 250px;
		margin-top: -250px;
	}
	
	.button-blue span,
	.button-blue-dark span {
		display: none;
	}
	
}



/*		Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.global-width {
		width: 460px;
	}
	
	#header-module-left-bottom,
	#header-module-right-bottom {
		width: 145px;
	}
	
}