/*
	READ THIS PLEASE!!

	You DO NOT want to make edits to this file.
	If you make edits to this file your layout will break
	when you upgrade the theme.

	Instead add your custom CSS to the style.css file
	in a Child Theme. Any new styles you add to the style.css
	in your Child Theme will automatically override this
	imported stylesheet. This will also make your life a whole
	lot easier when it comes time to upgrade the theme.
*/

/*Reset courtesy of Eric Meyer
------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
:link, :visited { text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*Body & Links
------------------------------------------------------------ */
body {
	font: 62.5% Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #a2a2a2;
	line-height: 2.2em;
	background: #292929 url(../images/body-bg.png) repeat left top;
	min-width: 960px;
}
a:link,
a:visited {
	color: #999;
	text-decoration: underline;
}
a:hover {
	color: #dadada;
}

/*Basic Structure
------------------------------------------------------------ */
.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#content {
	float: left;
	width: 628px;
	padding: 0 20px 40px 0;
}
#content.full-width {
	width: 940px;
	padding: 0 0 40px 0;
}
#sidebar {
	float: right;
	padding: 0 20px;
	width: 262px;
}
#footer {
	clear: both;
	margin-top: 30px;
}
.clear:after,
li.comment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.skip-content {
	display: none;
}

/*Header
------------------------------------------------------------ */
#header {
	padding: 40px 0;
}
div.logo {
	float: left;
}
#title, div.logo img {
	margin: 10px 0 0 20px;
	font-size: 3em;
	font-weight: bold;
}
#title a {
	color: #efefef;
	text-shadow: 0 2px 0 #000;
	text-decoration: none;
}
#title a:hover {
	color: #fff;
}
/*Description
---------------------------------------*/
#description {
	margin: 12px 0 0 20px;
	color: #aaa;
	font-size: 1.3em;
	line-height: 1;
}
/*Nav
---------------------------------------*/
.nav {
	float: right;
	margin: 0 20px;
	border-top: 1px dashed #222;
	border-bottom: 1px dashed #222;
}
.nav a {
	display: block;
	color: #dddedf;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	padding: 11px 20px;
}
.nav a:hover {
	color: #fff;
}
.nav li {
	float: left;
	margin: 0 0 0 10px;
}
.nav ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	font-weight: normal;
	z-index: 99999;
}
.nav ul a, .nav li a {
	display: block;
	position: relative;
}
.nav ul a {
	font-weight: normal;
	color: #ebecee;
	text-shadow: none;
}
.nav li li {
	width: 200px;
	background: #252525;
}
.nav li li a {
	margin: 0;
	padding: 8px 10px 8px 20px;
	width: 170px;
	line-height: 20px;
}
.nav li ul ul {
	margin: -36px 0 0 190px;
}
.nav li:hover ul ul,
.nav li:hover ul ul ul,
.nav li:hover ul ul ul ul,
.nav li.sfhover ul ul,
.nav li.sfhover ul ul ul,
.nav li.sfhover ul ul ul ul {
	left: -999em;
}
.nav li:hover ul,
.nav li li:hover ul,
.nav li li li:hover ul,
.nav li li li li:hover ul,
.nav li.sfhover ul,
.nav li li.sfhover ul,
.nav li li li.sfhover ul,
.nav li li li li.sfhover ul {
	left: auto;
}
.nav li:hover,
.nav li.sfhover,
.nav .current_page_parent,
.nav .current_page_ancestor,
.nav .current-cat-parent,
.nav .current-cat,
.nav .current_page_item,
.nav .current_page_item a,
.nav .current-cat a {
	color: #fff;
}
.nav li li:hover,
.nav li li.sfhover,
.nav li li.current_page_parent,
.nav li li.current_page_ancestor,
.nav li li.current-cat-parent,
.nav li li.current-cat,
.nav li li.current_page_item {
	background: #121212;
}
/*Nav Arrows
--------------------*/
.nav a.sf-with-ul {
	padding-right: 30px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 10px;
	bottom: 16px; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/nav-arrows.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
	bottom: 16px;
	background-position: 0 -100px;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px;
}
/* point right for anchors in subs */
.nav ul .sf-sub-indicator {
	background-position: -10px 0;
	right: 32px;
	top: 12px;
}
.nav ul a > .sf-sub-indicator {
	background-position: 0 0;
}
/* apply hovers to modern browsers */
.nav ul a:focus > .sf-sub-indicator,
.nav ul a:hover > .sf-sub-indicator,
.nav ul a:active > .sf-sub-indicator,
.nav ul li:hover > a > .sf-sub-indicator,
.nav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0;
}

/* Homepage
------------------------------------------------------------ */
div#home-photo {
	position: relative;
	margin: 0 0 47px 0;
}
div#home-photo img {
	display: none;
	padding: 6px 0 0 9px;
	width: 948px;
	height: 534px;
}
div#home-photo img:first-child { display: block; }
.fr-home {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 25;
	width: 966px;
	height: 552px;
	background: url(../images/frame-home.png) no-repeat top left;
}
/* Gallery
------------------------------------------------------------ */
#gallery ul {
	margin-left: 20px;
}
#gallery ul li {
	float: left;
	margin: 0 40px 40px 0;
}
#gallery ul li.g-last {
	margin: 0 0 40px 0;
}
#gallery ul li a {
	display: block;
	line-height: 0;
	background: #000;
}
#gallery ul li a img {
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.2s;
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
}
#gallery ul li a:hover img {
	opacity: .5;
}
/* Index and paged layout
------------------------------------------------------------ */
.post {
	margin: 0 0 40px 0;
}
/*Post Header
---------------------------------------*/
.entry h2.title {
	font-size: 1.6em;
	margin: 0;
	padding: 0 0 15px 0;
}
.entry h2 a:link,
.entry h2 a:visited {
	color: #a2a2a2;
	text-decoration: none;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
.entry h2 a:hover { color: #cbcbcb; }
h4.arch-title {
	margin: 0 0 30px 20px;
	font-size: 1.8em;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
/*Entry
---------------------------------------*/
.entry {
	font-size: 1.3em;
}
.entry.index {
	margin: 0 0 0 20px;
}
.entry.single {
	margin: 0 0 20px 20px;
}
.entry img,
img.index-feature,
img.page-image {
	margin: 15px 0 15px -20px;
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
}
img.index-feature,
img.page-image {
	margin: 0 0 15px 0;
}
.entry .comments {
	float: left;
	margin: 15px 0 0 0;
}
.entry .comments a {
	color: #888;
	text-decoration: none;
	padding: 0 0 0 24px;
	background: url(../images/icon-com.png) no-repeat 0 1px;
}
.entry .comments a:hover {
	color: #dadada;
	background: url(../images/icon-com.png) no-repeat 0 -18px;
}
.entry .date {
	float: right;
	color: #888;
	margin: 15px 0 0 0;
	padding: 0 0 0 22px;
	background: url(../images/icon-cal.png) no-repeat 0 .2em;
}
/* Single layout
------------------------------------------------------------ */
div.post-header {
	margin-top: 15px;
}
h1.title {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.8em;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
.entry.single h1.title {
	float: left;
}
.entry.single .comments {
	float: right;
	margin: 0 0 15px 0;
}
.post .author {
	text-align: center;
	margin: 15px 0 0 20px;
	padding: 10px 0;
	font-size: 1.3em;
	border-top: 1px dashed #222;
	border-bottom: 1px dashed #222;
}
.tags,
.cats {
	float: right;
	padding-bottom: 10px;
	font-size: 1.2em;
}
.tags {
	float: left;
	width: 300px;
	padding: 0 0 0 21px;
}
/*Gallery single
---------------------------------------*/
#gallery-single {
	width: 980px;
	line-height: 0;
	margin: 0 0 40px -10px;
}
.gallery.g-single {
	margin: 0 20px 40px 20px;
}
.static-image-container {
	margin: 0 0 0 30px;
	width: 920px;
	text-align: center;
}
.static-image-container img {
	margin: 0 0 20px 20px;
}
/* Pages
------------------------------------------------------------ */
.entry.page {
	margin: 0 0 0 20px;
	width: 548px;
}
#content.full-width .entry.page {
	width: 860px;
}
/* In page/post styling
------------------------------------------------------------ */
.entry p {
	margin-bottom: 10px;
}
.entry h2,
.entry h3,
.entry h4 {
	font-size: 1.4em;
	padding: 15px 0 5px 0;
}
.entry h3 {
	padding-top: 10px;
	font-size: 1.2em;
}
.entry h4,
.entry h5,
.entry h6 {
	padding-top: 10px;
	font-size: .9em;
}
pre {
	margin: 10px 0;
	padding: 1em 10px;
	overflow: auto;
	background-color: #ebebeb;
	color: #000;
}
code {
	padding: 2px 3px;
	font: 1.1em Consolas, Courier New, sans-serif;
	background-color: #ebebeb;
	color: #000;
}
pre code {
	font-size: 1.3em;
}
blockquote {
	display: block;
	margin: 20px 0 20px 20px;
	padding: 0 0 0 20px;
	border-left: 3px solid #444;
	line-height: 1.5em;
}
.entry ul,
.c-body ul {
	margin: 0 0 10px 10px;
}
.entry ul li,
.c-body ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin: 5px 0 5px 20px;
}
.entry ol,
.c-body ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 5px 0 5px 40px;
}
.entry ol li ol li,
.c-body ol li ol li {
	list-style-type: lower-roman;
}
.entry ol li,
.c-body ol li {
	margin: 5px 0;
}
.navigation {
	padding: 10px 0;
	font-size: 1.3em;
}

/*Comments
------------------------------------------------------------ */
#comments,
#respond {
	margin: 0 0 0 20px;
}
/*Top
---------------------------------------*/
.comment-number {
	padding: 30px 0 10px 0;
}
.comment-number span {
	float: left;
	font-weight: bold;
	font-size: 1.6em;
}
a#leavecomment {
	float: left;
	margin: 0 0 0 15px;
	font-size: 1.2em;
}
/*Body
---------------------------------------*/
div.comment-box { margin: 20px 0 0 0; }
div.c-grav {
	float: left;
	width: 42px;
	margin-top: 10px;
}
div.c-grav img {
	padding: 3px;
	background: #3b3b3b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
div.c-author {
	margin: 5px 0 15px 0;
	font-size: 1.1em;
}
div.c-date {
	float: right;
	color: #444;
}
div.c-body {
	margin-left: 90px;
	width: 458px;
	font-size: 1.3em;
}
div.c-body p {
	margin-top: 10px;
}
/*Threaded Comments
---------------------------------------*/
#comments ul.children {
	margin: 10px 0 0 121px;
	clear: both;
}
#comments ul.children li.comment {
	margin-bottom: 20px;
}
#comments ul.children li.comment div.c-grav {
	width: 74px;
}
#comments ul.children div.c-body {
	margin-left: 87px;
	width: 343px;
}
#comments ul.children ul.children {
	margin-right: 20px;
}
#comments ul.children ul.children div.c-body {
	width: 216px;
}
a.comment-reply-link {
	float: right;
	clear: both;
	margin-top: 10px;
	line-height: 1em;
	font-size: .9em;
}
a#cancel-comment-reply-link {
	float: right;
	font-size: 1.4em;
}
/*Form
---------------------------------------*/
#respond {
	margin: 30px 0 0 20px;
}
h4#postcomment,
form#commentform {
	font-size: 1.3em;
}
h4#postcomment {
	margin: 0 0 30px 121px;
	font-size: 1.6em;
}
p.com-logged-in {
	margin: 0 0 0 121px;
}
form#commentform label.comment-field {
	display: block;
	float: left;
	width: 121px;
	margin: 5px 0 3px 0;
}
form#commentform fieldset span {
	margin-left: 10px;
	padding: 5px 10px;
	background: rgba(0, 0, 0, 0.1);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
input.text-input,
form#commentform textarea {
	padding: 5px;
	width: 411px;
	font-size: 1em;
	border: 1px solid #333;
	background: #444;
	color: #a7a7a7;
}
form#commentform textarea {
	font-family: inherit;
}
input#author,
input#email,
input#url {
	width: 286px;
}
form#commentform p.guidelines {
	margin: 10px 0 5px 0;
}
p.subscribe-to-comments,
p.comments-rss {
	margin: 0 0 10px 0;
}
p.comments-rss a:link,
p.comments-rss a:visited  {
	margin-top: 5px;
	display: block;
	padding: 0 0 0 24px;
	background: url(../images/comments-rss.png) no-repeat 0 .25em;
}
fieldset {
	border: none;
	display: block;
	margin: 15px 0;
}
.comments-submit { 
	margin-left: 121px;
}
/*Note
---------------------------------------*/
p.note {
	font-style: italic;
	font-size: 1.3em;
}
/*Pingbacks/Trackbacks
---------------------------------------*/
h3.pinghead {
	margin: 30px 0 15px 0;
	font-size: 1.4em;
}
ol.pinglist {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0 0 15px 0;
	font-size: 1.3em;
}

/*Sidebar
------------------------------------------------------------ */
/*Subscribe
---------------------------------------*/
.subscribe {
	margin-bottom: 40px;
}
.subscribe h5 {
	float: left;
	padding: 4px 15px;
	margin: 0 15px 0 0;
	font-weight: bold;
	font-size: 1.3em;
	background: #282828;
	background: rgba(0, 0, 0, 0.10);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.subscribe ul {
	float: right;
	margin-top: 5px;
}
.subscribe ul li {
	float: left;
	margin-left: 10px;
}
.subscribe li a:link,
.subscribe li a:visited {
	opacity: .5;
}
.subscribe li a:hover {
	opacity: 1;
}
.subscribe li a:active {
	opacity: .5;
}
#sidebar a:link,
#sidebar a:visited {
	text-decoration: none;
}
/*Widgets
---------------------------------------*/
.widget {
	margin: 0 0 40px 0;
}
h2.widgettitle {
	margin: 0 0 10px 0;
	font-size: 1.4em;
}
ul li.widget ul {
	font-size: 1.2em;
}
ul li.widget ul li ul {
	margin-left: 5px;
	font-size: 1em;
}
ul li.widget ul li {
	padding: 1px 0;
}
ul li.widget ul li ul li {
	padding: 1px 0 0 0;
}
.textwidget p {
	margin: 0 0 10px 0;
	font-size: 1.3em;
}
table#wp-calendar {
	width: 100%;
	font-size: 1.3em;
}
/*Search
---------------------------------------*/
#search_form input.search {
	margin: 15px 0 0 0;
	padding: 6px;
	width: 160px;
	border: 1px solid #333;
	background: #444;
	color: #222;
}
#search_form input.search:focus {
	background: #666;
}
#search_form input#searchsubmit {
	margin: 0 0 0 10px;
	padding: 5px 10px;
	color: #a2a2a2;
	font-family: inherit;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
	background: #232323;
	border: 1px solid #141414;
}
.entry #search_form input#searchsubmit {
	font-size: 1em;
}
#search_form input#searchsubmit:hover {
	background: #121212;
}
/*Footer
------------------------------------------------------------ */
/*Copyright
---------------------------------------*/
#copyright {
	display: block;
	text-align: center;
	clear: both;
	margin: 0 0 40px 0;
	font-size: 1.1em;
	color: #ccc;
}
p.credit {
	float: right;
}
#copyright a:link,
#copyright a:visited {
	color: #ddd;
	font-weight: bold;
	text-decoration: none;
}
#copyright a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
}

/*Miscellaneous
------------------------------------------------------------ */
div.file-not-found,
div.g-single.g-protect {
	width: 460px;
	margin: 0 auto 40px auto;
}
.entry img.no-style {
	margin: 15px 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.entry .alignright {
	margin: 0 0 15px 30px;
}
.entry .alignleft {
	margin: 0 30px 15px 0;
}
/*Semi-transparent box
---------------------------------------*/
.gallery.g-single,
.entry.index,
.entry.page,
div.comment-box,
div.file-not-found {
	padding: 30px 30px 20px 30px;
	background: #282828;
	background: rgba(0, 0, 0, 0.15);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
li.comment-author-admin div.comment-box,
li.bypostauthor div.comment-box {
	background: #191919;
	background: rgba(0, 0, 0, 0.40);
}
div.file-not-found {
	padding: 30px;
}
div.comment-box {
	padding: 20px 30px;
}
/*Text shadow
---------------------------------------*/
.entry,
#sidebar {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}