/* @override http://www.ichingquartet.com/blog/wp-content/themes/fly-10/style.css */

/* @override http://www.ichingquartet.com/blog/wp-content/themes/fly-10/style.css */

/*  
Theme Name: Fly
Theme URI: http://templates.in-essence.org
Description: Two-column blue, white, and black theme featuring a silhouetted bird
Version: 1.1
Author: Elea C
Author URI: http://in-essence.org

This theme is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/

/* Layout */
body {
padding:0;
margin:0 auto;
color: #c1e0ff;
font: 100%/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #196090;
	background: url(images/bgchunk.jpg) repeat;
}
 
#wrapper {
width: 766px;
margin:0 auto;
padding:0;
	top: 244px;
}

#header {
float:left;
width:766px;
height:274px;
background: url(images/topcopy.jpg) no-repeat;
}

#topnav {width:auto;
margin-left: auto;
margin-right: auto;
		height: 20px;
		margin-top: 140px;
}
.centered{margin:0 auto;
	display: table;
}

#topnav ul{
}

#topnav li{
	list-style: none;
	white-space: nowrap;
	display: inline;
}

#topnav li a{color: #90e6ff;
	font: .9em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#topnav li a:hover{
	color: #fff;
}

#home {
float: left;
margin-left: 91px;
margin-top: 31px;
}


#contentwrap{
	float: right;
	overflow:hidden;
	margin-top: 15px;
	width: 520px;
	margin-right: 10px;
}

#contenttop{
	background-image: url(images/rtop.png);
	width: 480px;
	height: 30px;
}

#content {
color: #205e8e;
	width: 430px;
	background: white url(images/side.png) repeat-y;
	padding: 1px 25px;
	font-size: 1em;
}



#contentbottom{
	background-image: url(images/rbottom.png);
	width: 480px;
	height: 33px;
}

#closer{
float:right;
display: none;
width:521px;
height:35px;
margin-right:7px;
background: url(images/contentbtm.gif) no-repeat bottom;
}

#footer{
clear:both;
text-align:center;
margin-left:244px;
color:#e1e1e1;
font: normal 11px/1px Arial, Tahoma, Sans-serif;
	padding: 20px 0px 12px;
}

#footer a {
	color: #c4effe;
}

/* Sidebar */
#sidebar {
float: left;
color: #91fafd;
margin-left: 30px;
text-align:right;
font: .75em "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 180px;
}

#sidebar ul{
margin:0;
padding: 0;
list-style-type: none;
}

#sidebar li{
list-style-type:none;
margin-bottom:1px;
}

#sidebar ul ul ul li{
padding-right:4px;
line-height:9px;
margin-bottom:3px;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:active{
color: #fdfffb;
text-decoration:none;
}

#sidebar a:hover{
color: #9affef;
}

#flickr {
	width: 120px;
	background-color: #135786;
	text-align: center;
	margin-left: 40px;
	margin-top: 15px;
	border: 1px solid #3589bc;
}

#flickr img{
	padding: 0;
	border-width: 1px;
	border-color: #6ca4e2;
	margin: 4px 0;
}

#simplePlayer {
	margin-left: -22px;
	margin-top: 15px;
	border: 1px solid #3589bc;
}

/* Blog Title */
h1 {
padding:1px;
margin-top:14px;
margin-left:120px;
font: 36px "Goudy Old Style", "Adobe Garamond", "Times New Roman", Serif;
color: #9be8fd;
}

h1 a {
color: #9be8fd;
}

h1 a:hover {
color: white;
}

/* Tagline */
#tagline {
color: #add9de;
font: 16px "Goudy Old Style", "Adobe Garamond Pro", "Times New Roman", Serif;
	clear: left;
	margin-left: 215px;
}

/* Sidebar Title */
h2 {
    font: normal 20px "Goudy Old Style", "Adobe Garamond Pro", "Times New Roman", Serif;
    color: #b5f8fe;
    margin-top:12px;
    margin-bottom: 2px;
    padding: 0;
}

/* Post and Page Title */
h3 {
	font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #74bbd5;
    margin-top: 19px;
    padding:0;
    margin-bottom:2px;
}

h3 a {
color: #2e7ba1;
text-decoration:none;
}



h3 a:hover {
color: #3ca1d3;
text-decoration:none;
}

/* Archive Title */
h4 {
    text-align:center;
    color: #3896c4;
    margin-top:12px;
    margin-bottom: 2px;
    padding: 0;
	font: bold 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
}

h5 {
	font: 16px "Goudy Old Style", "Adobe Garamond Pro", "Times New Roman", Serif;
	margin-bottom: -2px;
	margin-top: 3px;
	color: #b5f8fe;
	padding-top: 1px;
}

/* General properties */
a, a:active {
color: #ff9600;text-decoration:none;}

a:hover{
color: #89c240;text-decoration:none;}

textarea, text, input, submit{ 
font: 10px "Lucida Grande", Lucida, Verdana, sans-serif; 
color: #0073bb;
background: #fff;
border:1px solid #4681b2;
	text-align: right;
}

#s{
width:70%;
}

ul li {
margin-left:20px;
}

#content ul{
padding-left:15px;
margin:0;
}

#content p {
	font-size: .75em;
}
#content ol {
	font-size: .75em;
}

a img{
	margin: 8px;
	border: 1px solid #008dce;
}

blockquote {
    border-top:3px double #bfe3fa;
    border-bottom:3px double #bfe3fa;
    color: gray;
    padding: 0 .5em;
	font-size: .9em;
}


code {
   font: normal 14px "Lucida Grande", Lucida, Verdana, sans-serif;
   color: #888a8b;
   padding: 0 1em;
   text-align:left;
}

#searchform{
	margin: 10px 0px;
}

.metadata {
text-align:right;
font-size:11px;
margin-left:2px;
margin-bottom:25px;
	border-bottom: 1px dotted #6ea0d3;
}

.alignleft{

font-size:11px;
margin-bottom:0px;
	float: left;
}

.alignright{
float:right;
font-size:11px;
margin-bottom:10px;
}

.right{
text-align:right;
}

.side {
margin-top:25px;
}

.entry ul {	list-style-type: none;
	font-size: .75em;
}
.wp-caption{
	border: 1px solid #dadada;
	padding-right: 8px;
	background-color: #f4f4f4;
}

.wp-caption-text {
	padding-left: 10px;
	margin: -2px 0 4px;
}

strong{
color: #2f8fca;
	font-size: 1.1em;
}

.small, small{
font-size:10px;
	color: gray;
}

.center {
text-align:center;
}

/* Calendar settings; removable if the calendar is not in use */
#wp-calendar{
width:140px;
text-align:center;
font: normal 11px Arial, Tahoma, Sans-serif;
}

#wp-calendar caption{
text-align:right;
font-weight:bold;
border-bottom:3px double #000;
}






/* @group gigpress */

/*
This is the default stylesheet.  You should probably leave it as is.
To customize any of these styles, drop a *copy* of this file into your current theme directory.
Any style changes make there will override styles in this document.
*/

/* Meet the table that displays our shows */
.gigpress-table {
	width: 100%;
	border: none;
	border-top: 1px solid #CCC;
	margin: 0 0 1em 0;
	font: .8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* This is for the main header cells containing the column labels */
tr.gigpress-header th {
	font-weight: bold;
}

/* Generic class for the table header cells */
.gigpress-table th {
	padding: 6px 8px;
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px solid #CCC;
}

/* This is for the tour name header cells */
th.gigpress-heading {
	background: #F3F3F3;
	border-bottom: 1px solid #CCC;
}

/* This is for the tour name headings, whichever one you're using */
th.gigpress-heading h1, th.gigpress-heading h2, th.gigpress-heading h3, th.gigpress-heading h4, th.gigpress-heading h5 {
	margin: 0;
}

/* Applies to all cells in the table */
.gigpress-table td {
	padding: 6px 8px;
	vertical-align: middle;
	text-align: left;
}

/* Some subtle hover effects */
.gigpress-row:hover, .gigpress-info:hover {
	background: #e5e5e5;
	color: #000;
}

/* Applies to the first row of each show listing */
.gigpress-row td {
	border-bottom: 1px solid #EEE;
}

/* To set an alternating row style */
.gigpress-alt {
}

/* Individual classes for the label header cells that start the table */
th.gigpress-date {
}

th.gigpress-city {
}

th.gigpress-venue {
}

th.gigpress-country {
	text-align: center;
}

/* Likewise, individual classes for the content cells */
td.gigpress-date {
}

td.gigpress-city {
}

td.gigpress-venue {
}

td.gigpress-country {
	text-align: center;
}

tr.gigpress-info td {
	font-size: 90%;
	color: #333;
	border-bottom: 1px solid #CCC;
}

/* This wraps each of the address, admission, etc spans in the "info" cell */
span.gigpress-info-item {
	margin-right: 15px;
}

/* For the labels for address, admission, etc in the "info" cell */
span.gigpress-info-label {
	color: #666;
}

/* For the spacer cell that goes in-between tours */
td.gigpress-empty {
}

/* In case you want to style the "Buy Tickets" link */
a.buy-tickets {
	color: red;
}

/* In case you want to style the Googlefied address link */
a.gigpress-address {
}

/* This is for the RSS link */
td.gigpress-rss a {
	padding-left: 14px;
	background: transparent url(images/feed-icon-10x10.png) no-repeat left center;
}



/* These styles are for the sidebar listing */

/* This is the unordered list that holds the dates */
#sidebar ul li ul.gigpress-listing {
	margin-top: 12px;
	margin-bottom: 12px;
	border-bottom: 1px dotted #5da3de;
	border-top: 1px dotted #5da3de;
}
	
#sidebar ul li ul.gigpress-listing li span.location a {
	color: #90e07d;
}

/* Generic styles for the list items within */
.gigpress-listing li {
	color: #c9fee4;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px dotted #8ea7bc;
}

/* For tour headings in the sidebar */
span.gigpress-list-heading {	
	font-weight: bold;
	font-size: 110%;
}

/* So if you like you can syle the first list item differently */
li.gigpress-list-first {
	border-top-style: none;
}

/* So if you like you can syle the last list item differently */
li.gigpress-list-last {
}

/* So if you like you can syle the date differently */
span.gigpress-date {
	font-weight: bold;
	display: block;
}

/* Add a feed icon to the RSS link */
li.gigpress-list-rss a {
	padding-left: 14px;
	background: transparent url(images/feed-icon-10x10.png) no-repeat left center;
}

/* @group lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.ichingquartet.com/blog/wp-content/themes/fly-10/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.ichingquartet.com/blog/wp-content/themes/fly-10/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 90%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;
margin-right: 8px; 
outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #d1e9fd; }

/* @end */



/* This is just to include data dor hcalendar support, but hide it from view */
span.hide {
	display: none;
}

/* Stop Firefox from underlining our abbreviated dates */
abbr {
	border: none;
	text-decoration: none;
}



/* @end */