/* Reset */

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

ol, ul {
list-style: none;
}

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

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote, q {
quotes: none;
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

ins, mark {
background-color: #ff9;
text-decoration: none;
}

button {
overflow: visible;
font-size: 1em;
padding: 0;
}

input, select {
vertical-align: middle;
}

/* Common styles */

h1, h2, h3, h4, h5, h6, strong, .strong, b, th, dt, label, mark {
font-weight: bold;
}

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

.norm, strong span, label span, h1 span, h2 span, h3 span {
font-weight: normal;
}

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

small, .small {
font-size: smaller;
}

big, .big {
font-size: larger;
}

del, .strike {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}

.ie img {
-ms-interpolation-mode: bicubic;
}

/* Hide transparent PNGs */
.noJs .ie6 img.tPng {
display: none;
}

/* Tools */

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

.ie7 .clearfix, .ie7 clearfixItems li,
.ie6 .clearfix, .ie6 clearfixItems li {
height: 1%;
}

.clear {
clear: both;
}

.ir, .sprite {
text-indent: -9999px;
overflow: hidden; /* Stop focus outline issues */
}

input.sprite, button.sprite {
cursor: pointer;
}

a.sprite {
display: block;
}

/* Assume legend use is accessibility only */
.access, legend {
position: absolute;
z-index: -1;
text-indent: -9999px;
line-height: 0; /* for legend */
}

.ie .access {
font-size: 0px;
display: block;
}

.pushLeft {
float: left;
margin-right: 1em;
}

.pushRight {
float: right;
margin-left: 1em;
}

.right {
text-align: right;
}

.center {
text-align: center;
}

.hide, [hidden] {
display: none;
}

.col {
margin-bottom: -30000px;
padding-bottom: 30000px;
}

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


/* Grid : 960 pixels fixed, 12 columns */

.g1 { width:60px; }
.g2 { width:140px; }
.g3 { width:220px; }
.g4 { width:300px; }
.g5 { width:380px; }
.g6 { width:460px; }
.g7 { width:540px; }
.g8 { width:620px; }
.g9 { width:700px; }
.g10 { width:780px; }
.g11 { width:860px; }
.g12 { width:940px; }

.g {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}

.r {
width: 960px;
margin: 0 auto;
overflow: hidden;
}

/* The Adventures of Sam and Paul */
/*************************************************/

/* Typography */
/***********************/

body {
font-size: 1em;
line-height: 1.5em;  /* 16px/24px default */
color: #fff;
background: url('../img/sky.png') fixed;
background: url('../img/shine.png') no-repeat, url('../img/sky.png') fixed;
font-weight: 200;
}

body, textarea, .sans {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.serif, .menu {
font-family: Baskerville, Georgia, Times, "Times New Roman", serif;
}

h1, .swing, #header .title {
font-family: "swingdancer-1","swingdancer-2", Baskerville, Georgia, cursive;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 200;
}

p, ul, ol, dl, table, address, .r {
margin-bottom: 24px;
line-height: 24px;
}

/* Chrome */
/***********************/

a {
color: #fff;
}

a:visited {
font-weight: normal;
}

.strong a:visited,
a.strong:visited {
font-weight: bold;
}

a:hover,
a:focus,
a:active {
color: #fff;
text-decoration: underline;
}

h1 a, h2 a, h3 a {
text-decoration: none;
}

h2.swing {
font-size: 64px;
line-height: 72px;
margin: 0 10px 11px;
padding: 17px 0 17px;
border-bottom: 3px solid #666;
color: #333;
}

.wrapper, .grid {
width: 960px;
margin: 0 auto;
}

.grid {
overflow: visible;
}


/* Global header */

h1 {
font-size: 96px;
line-height: 96px;
color: #fff;
text-shadow: #43AAD0 0 1px 0;
margin: 70px auto 24px;
}

#header h1 {
position: relative;
}

#header h1 small {
font-size: 24px;
position: absolute;
top: 0;
left: 2.1em;
line-height: 1em;
}

#header a.title {
position: absolute;
top: 6px;
left: 10px;
font-size: 24px;
margin: 0;
z-index: 1;
color: #fff;
text-decoration: none;
}

#header a.title:hover {
text-decoration: underline;
}

/* Nav */

#header nav {
font-size: 14px;
position: absolute;
background: #2D5360;
background: -webkit-linear-gradient(#2D5360,#182D35);
background: -moz-linear-gradient(#2D5360,#182D35);
background: linear-gradient(#2D5360,#182D35);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2D5360, endColorstr=#182D35);
border-bottom: 1px solid #000;
display: block;
width: 100%;
top: 0;
left: 0;
height: 36px;
}

#header nav a {
color: #fff;
opacity: 0.5;
text-shadow: #000 0 -1px 0;
font-size: 16px;
text-decoration: none;
}

#header nav a:hover {
text-decoration: underline;
opacity: 1;
}

#header nav ul {
margin: 4px;
}

#header nav li {
display: block;
float: right;
padding: 0 1em;
border-left: 1px solid #2D5360;
border-right: 1px solid #182D35;
border-left-color: rgba(255,255,255,0.1)
border-right-color: rgba(0,0,0,0.1);
}

#header nav li:first-child {
border-right: none;
}

#header nav li:last-child {
border-left: none;
}

/* Global content */

#content {
position: relative;
margin: 24px auto 0;
}

#footer {
padding: 1em 0;
background: #65B3D5;
background: rgba(0,0,0,0.1);
margin: 0;
}

#footer a {
color: #fff;
}

/* Listing  */

.listing article,
.single article .entry-content {
padding: 24px 20px;
background: #fff;
color: #666;
text-shadow: none;
box-shadow: rgba(30,30,30,0.1) 0 0 2px inset;
border-radius: 7px;
}

.listing article {
position: relative;
padding-left: 520px;
padding-top: 12px;
margin-bottom: 36px;
overflow: hidden;
}

/* Alternate images
/***********************************************
.listing article:nth-child(odd) {
padding-right: 520px;
padding-left: 20px;
}

.listing article:nth-child(odd) header img {
left: auto;
right: 0;
}
*/

.listing header {
font-size: 36px;
margin-bottom: 12px;
line-height: 48px;
}

.listing header a {
color: #666;
}

.listing header img {
position: absolute;
left: 0;
top: 0;
width: 500px;
min-height: 100%;
}

.post-pages {
text-align: center;
margin: 24px 0;
}

.post-pages span {
margin: 0.8em;
}

/* Image hacks */

#post-7 .entry-title img,
#post-9 .entry-title img,
#post-20 .entry-title img,
#post-22 .entry-title img,
#post-23 .entry-title img,
#post-25 .entry-title img,
#post-29 .entry-title img,
#post-39 .entry-title img,
#post-35 .entry-title img {
top: -25px;
}

/* Category */

.archive #content h1 {
border: none;
margin-bottom: 36px;
}

/* Single */

article {
text-shadow: rgba(0,0,0,0.2) 0 1px 0;
position: relative;
}

.archive h1,
article h1 {
font-style: italic;
border-bottom: 3px dotted #fff;
border-bottom-color: rgba(255,255,255,0.5);
text-align: center;
margin-bottom: 48px;
}

.single article .entry-content {
margin-left: 170px;
margin-bottom: 36px;
width: 580px;
}

article .entry-content a {
color: #333;
}

article .entry-content h3 {
font-weight: normal;
margin: 36px 0 12px;
font-size: 24px;
}

article .entry-content p:last-child,
article .entry-content img:last-child {
margin-bottom: 0;
}

article .meta {
position: absolute;
text-align: right;
left: 10px;
width: 140px;
}

article .meta time {
margin-bottom: 12px;
display: block;
}

article .meta li {
display: block;
}

article .pages {
text-align: center;
font-size: 16px;
}

.pages span {
margin: 0 0.25em;
font-weight: bold;
}

.pages a span {
font-weight: normal;
}

.nextPage {
padding: 0 1em 1em;
position: relative;
}

.nextPage a span {
position: absolute;
}

.nextPage a .next {
right: 0;
}

.nextPage a .previous {
left: 0;
}

article header + .pages {
margin: -1em 0 1em;
}

article .entry-content + .pages {
margin: 2em 0 3em;
}

article nav li {
display: inline;
margin: 0 0.2em;
}

.single article img {
padding: 24px;
border-radius: 3px;
background: #eee;
background: rgba(0,0,0,0.1);
}

/* Menu */

.menu {
background: #eee;
padding: 24px;
border-radius: 3px;
margin: 0 0 2em;
}

#content .menu h3 {
font-size: 1em;
font-variant: small-caps;
margin: 0 0 1em;
text-transform: uppercase;
}

.menu ol,
.menu ul {
list-style: disc inside;
margin: 0;
}

/* Comments */

#comments {
background: #65B3D5;
background: rgba(0,0,0,0.1);
padding: 14px 0 24px;
min-height: 240px;
}

.comments ol {
list-style: none;
}

#comments h3 {
font-size: 32px;
margin: 24px 0;
padding: 0 10px;
}

.bottomComment {
margin-left: 250px;
margin-top: -20px;
}

a.respond {
font-size: 16px;
text-shadow: none;
text-decoration: underline;
}

h3 a.respond {
margin-left: 20px;
}

.avatar {
float: left;
margin-right: 20px;
margin-bottom: 1em;
}

.comment {
border-top: 1px dotted #fff;
padding-top: 23px;
margin: 0 10px;
width: 940px;
}

.comment .fn {
display: block;
font-size: 16px;
font-weight: normal;
}

.comment-author {
padding: 0 0 12px;
margin-left: 0;
width: 210px;
}

.comment-author time {
font-size: 12px;
}

.comment-content {
width: 620px;
margin-bottom: 24px;
margin-left: 0;
padding-left: 20px;
}

.comment-content p:last-child {
margin-bottom: 0;
}

.comment-author,
.comment-content {
min-height: 72px;
}

/* Modals */

#respond,
#respond a {
color: #333;
text-shadow: none;
font-weight: normal;
}

#respond .submit a {
color: #666;
font-size: 14px;
display: block;
margin-top: 5px;
float: right;
}

#respond input.text {
font-size: 16px;
padding: 4px;
width: 350px;
margin-bottom: 12px;
}

#respond textarea {
width: 352px;
padding: 4px;
border: 1px solid #999;
margin-bottom: 0;
font-size: 14px;
margin-bottom: 12px;
}

#respond .submit input {
float: right;
margin-left: 1em;
}

#respond label {
display: none;
}

#respond.noPlaceholder label {
display: block;
}

#respond h3 {
position: absolute;
top: -72px;
left: 0;
font-size: 50px;
color: #fff;
text-shadow: 0 3px 10px rgba(0,0,0,0.9);
}

.modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;
opacity: 0;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
display: none;
}

.modal.intermediate {
display: block;
}

.modal.active {
opacity: 1;
}

.modal > div {
width: 362px;
background: #fff;
position: relative;
margin: 10% auto 0;
-webkit-animation: bounce 500ms linear;
padding: 15px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
background: #eee;
background: -moz-linear-gradient(#fff, #ccc);
background: -webkit-linear-gradient(#fff, #ccc);
text-shadow: 0 1px 0 #fff;
}

.ie .modal > div {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc);
}

.ie8 .modal > div,
.ie7 .modal > div {
border: 2px solid #666;
}

.modal.minimise > div {
-webkit-animation-name: minimise;
}

@-webkit-keyframes bounce {
  0% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
  	-webkit-transform: scale3d(1.08,1.08,1);
  	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
  	-webkit-transform: scale3d(0.95,0.95,1);
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
  	-webkit-transform: scale3d(1,1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
  	-webkit-transform: scale3d(1,1,1);
  }
  100% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  }
}

.modal a.close {
text-decoration: none;
}

.modal a.close span {
text-decoration: underline;
}

.modal a.close:after {
content: 'X';
font-size: 16px;
display: block;
position: absolute;
right: -14px;
top: -14px;
width: 1.5em;
padding: 1px 1px 1px 2px;
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #fff;
border: 3px solid #fff;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.ie8 .modal a.close:after {
display: none;
}

.modal a.close:focus:after,
.modal a.close:hover:after {
-webkit-transform: scale3d(1.1,1.1,1);
-moz-transform: scale(1.1,1.1);
}

.modal a.close:focus:after {
outline: 1px solid #000;
}

#wpadminbar {
display: none;
}