/*
Theme Name: the theme of the Flying Fox
Theme URI: http://flyingfox.jonathanjanson.com/
Description: The theme of the Flying Fox based on the default WordPress theme 
Version: 1.0
Author: Jonathan Janson
Author URI: http://flyingfox.jonathanjanson.com/
Tags: fixed width, two columns

	Flying Fox
	 http://flyingfox.jonathanjanson.com/

 	A customized theme.

	The CSS, XHTML and design is released under GPL:
   	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #EEEDEA;

}


h1, h2, h3, h4, p, ul, li, ol, dl, dt, dd {

	margin: 0;
	padding: 0;


}


#page {
	background-color: #F7F7F7;
	text-align: left;
	margin: auto;
	width: 780px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;

}




/***************** HEADER ***************** */

#header {
	text-align: center;
	padding-top: 164px;
	padding-bottom: 0;
	background-image: url(images/delftview.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	letter-spacing:2px;
	text-transform: uppercase;
	height: 0;
	background-repeat: no-repeat;	
}

/***************** HEADER LIST***************** */
#header ul {
	list-style:none;
	margin:auto;
	padding:0;

}



#header li {
	margin:0;
	list-style:none;
	padding-top: 7px;
	padding-bottom: 0;
	display: inline;
	padding-left: 10px;
        font-size:10px;
}




#header a:link{
	border:none;
	text-decoration:none;
	color:#AAAAAA;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	
}




#header a:visited{
	color:#AAAAAA;
	text-decoration:none;
}

#header a:hover{
	color: #CCCCCC;
}



#titletop {
	text-align:center;
	padding-top: 0;
	padding-bottom: 10px;
	clear: both;
	background-repeat: repeat-x;
}
	
/***************** MAIN TITLE ***************** */	
	
#titletop h1 {
	margin-top: 23px;
	margin-bottom: 6px;
	font-weight: normal;
	font-size: 2.8em;
	text-align: center;
	color: #514A48;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
}



#titletop h1 a {
	color: #665E5B;
	text-decoration: none;

}

#titletop h1 a:hover{
	color: #857A76;
	
} 


.description {
	letter-spacing: 2px;
	color: #665E5B;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.98em;
	margin-bottom: 0.75em;
	text-transform: uppercase;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #665E5B;
	border-bottom-color: #665E5B;
	padding-top: 2px;
}


.description a {
	color: #665E5B;
	text-decoration: none;
	
}


.description  a:hover{
	color: #857A76;
	
} 

/***************** CONTENT ***************** */


#content {

	width: 540px;
	padding-left: 12px;
	float: left;
	clear: both;

}





#content h2 {
	margin-bottom: 0px;
	padding-top: 8px;
	font-weight: bold;
	font-size: 1.2em;
	color: #9d6f73;
	margin-bottom: 0.3em;
	font-family: "Times New Roman", Times, serif;
} 





#content h2 a{
	color: #color: #514A48;;
	text-decoration: none;	

	
} 

#content h2 a:hover{
	color: #7D686C;
	text-decoration: underline;
	background-color: #F4EAEC;
	
} 

/***************** CONTENT NUMBERED LIST***************** */


#content p, #content ul, #content .post ol, #content dl {
	font-size: 1.0em;
	line-height: 1.1;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
}


#content small.date {
	letter-spacing: 2px;
	font-size: 0.8em;
	font-family: "Times New Roman", Times, serif;
	text-transform: none;
	color: #4E4E4E;
	display: block;
	font-style: oblique;
	margin-bottom: 0.8em;
}


/***************** POST INFORMATION ***************** */

.post {
	margin-bottom: 1em;
	display: block;

}



#content .post  p {
	text-align: left;
}



#content .post ol {
	
	margin-left: 40px;
	margin-bottom: 1em;
}

#content .post ul li{
	
	list-style:none;
        margin-left: 40px;
        margin-right: 30px;
        background-image: url(images/diamond_b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	padding-bottom: 5px;

}


/***************** CONTENT LINKS***************** */

#content  a {
	color: #855058;
         text-decoration: none;

}

#content a:hover {
	

       
        color: #7D686C;
	text-decoration: underline;
	background-color: #F4EAEC;
	
}


/***************** POST META DATA ***************** */

#content p.postmetadata {
	display: block;
	font-family: "Times New Roman";
	margin-top: 16px;
	text-transform: uppercase;
	font-size: 0.6em;
	letter-spacing: 2px;
	text-align: center;
	color: #666666;
	width: 100%;
        padding-bottom: 16px;
        border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}


.post .postmetadata  a {
	color: #666666;
	text-decoration: none;
		
}


.post .postmetadata a:hover {
	color: #666666;
	background-color: #F8F8F8;
	
}

.post .postmetadata a:visited {
	color: #666666;
	
}



.entry {
	

}


.entry p {

	margin-bottom: .6em;
	
}

.zoom {
	font-size: 0.85em;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
	color: #666666;
	width: 95%;
	margin-right: auto;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
        background-color: #F0F0F0;
        margin-bottom: 16px;


}



.zoom ol{
	
       

}


.zoom li{
	
        margin-bottom: 6px;
}



.quote{
	font-size: 0.85em;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
	color: #666666;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
        background-color: #F0F0F0;
        margin-bottom: 16px;


}



.quote ol{
	
       

}


.quote li{
	
        margin-bottom: 6px;
}

.number ol {
	
       

}
.number li{
	
        margin-bottom: 6px;
}




.smalltext {

	font-size: 0.83em;
       color: #666666;
}



/***************** SIDEBAR ***************** */

#sidebar {
	float: right;
	width: 220px;
	/* margin-top: 50px; */
}


/***************** CATEGORY HEADING ***************** */

#sidebar h2 {
	color: #666666;
	letter-spacing: 1px;
	text-align: left;
	font-size: 0.7em;
	margin-top: 4px;
	margin-bottom: 6px;
	font-family: Garamond, Georgia;
	text-transform: uppercase;
	padding-left: 16px;
}
/***************** SIDEBAR LISTS ***************** */

#sidebar ul li{
	list-style: none;
	color: #666666;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 85%;
	background-color: #F0F0F0;
	padding-left: 8px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #DFD2D2;
	border-bottom-color: #DFD2D2;

}


#sidebar ul ul li{
	border: none;
	list-style: none; /* to be changed! */
	margin: 0;
	background-image: url(images/diamond_b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	padding-bottom: 3px;

}


#sidebar ul ul li, #sidebar p, #sidebar .textwidget {
	font-family: "Times New Roman";
	font-size: 0.75em;
}


/***************** SIDEBAR LINKS ***************** */

#sidebar a {

color: #A76769;
	text-decoration: none;	


}

#sidebar a:hover {
	color: #999999;
	text-decoration: none;
	background-color: #FFFFFF;

}


#sidebar a:visited {

color: #A76769;
	text-decoration: none;	


}
/***************** FOOTER ***************** */

#footer {
	clear: both;
	text-align: center;
	padding: 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.7em;
	height: 30px;
	border-top: thin solid gray;
	color: #666666;
	text-transform: uppercase;
}

#footer a {

color: #9D6F73;
	text-decoration: none;	


}

#footer a:hover {
	color: #B13441;
	text-decoration: none;
	background-color: #FFFFFF;

}




#footer a:visited {

color: #9D6F73;
	text-decoration: none;	

}
/***************** HOLDS IMAGES, FLOAT AND BORDER ***************** */

.floatleft {
	clear: both;
	float: left;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-top: 4px;
	border: 1px solid #999999;
}


.floatleft img{
	padding: 6px;
        border: none;
}

.floatleft a img{

        border: none;
        underline: none;
}
/***************** HOLDS IMAGES, FLOAT AND BORDER WITH MARGIN BOTTOM ***************** */

.floatleftmarginbot {
	clear: both;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-top: 4px;
	border: 1px solid #999999;
}


.floatleftmarginbot img{
	padding: 6px;
        border: none	
}

.floatleftmarginbot a img{

        border: none;
        underline: none;
}

/***************** COMMENT PAGES ***************** */


#comment {
	width: 500px;
	font-family: "Times New Roman", Times, serif;	


}



h3#comments, h3#respond {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	font-weight: normal;
	margin-bottom: 1em;
}





#respond {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #666666;

}


#content .commentlist {

	list-style: none;






























}


#content .commentlist cite{
	font-size: 0.8em;
	font-weight: bold;
	font-style: normal;

}



#content .commentlist .commentmetadata {
	font-size: 0.8em;

}

#content .commentlist li {
	margin-bottom: 1em;
	border-bottom: 1px dotted #CCC;

}

#content .commentlist p {
	margin-bottom: 1em;
	font-size: 0.82em;

}


#commentform p {
	margin-bottom: 7px;
	

}

#commentform label {
	padding-left: 5px;

}


#commentform textarea, #commentform input {

	font-family: "Courier New", Courier, monospace;
	font-size: 0.8em;

}

#commentform #submit {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	background-color: #E6E6E6;
	border: none;
	border: 1px solid #CCCCCC;

}


/***************** LINK TO OTHER POST  ***************** */


.navigation {

}

.navigation_post {
		
	margin-bottom: 2em;
	margin-top: 2em;
}


.alignleft a, .alignright a , #content h2.archivetitle {
	
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;

}


.alignleft , .alignright  {

	display: inline;
	

}
.alignright {

	margin-left: 1em;


}

#content h2.archivetitle {
	
	font-size: medium;
	border: none;
	margin-bottom: 1em;
	padding: 0;

}

.alignleft a, .alignright a {
	color: #666666;
	text-decoration: none;
	font-size: 0.9em;	
}

.alignleft a:hover, .alignright a:hover {
	color: #CCCCCC;
	text-decoration: underline;

}


.alignleft a:visited, .alignright a:visited{

	color: #666666;
	text-decoration: none;	

}

.sidebarbox {
	padding: 4px;
	clear: both;
	width: 136px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	text-align: center;
}





/***************** JANSON EXHIBITION AD  ***************** */


#jansobookad {
	width: 83%;
	margin-bottom: 16px;
	margin-top: 16px;
        border-top-width: 1px;
	border-bottom-width: 1px;
        border-bottom-color: #DFD2D2;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #DFD2D2;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	padding-top: 4px;
	padding-bottom: 4px;
        padding-left: 4px;
        padding-right: 4px;
	color: #666666;
        background-color: #F0F0F0;
}


#jansobookad a{
	
	color: #666666;
}


#jansobookad a:hover{
	
	color: #cccccc;
        text-decoration: underline;

}


#jansobookad a:visited {

        color: #666666;
	

}


#jansobookad img{
	margin-top: 6px;
	margin-bottom: 6px;	
}

#jansobookad a img{
	border: none;
}

.titlead {
	font-size: 0.9em;
	color: #666666;
	letter-spacing: 1px;
}

/***************** TRACKING VERMEER PAGE  ***************** */

#catalogue {
	width: 550px;
}


.painting {
	background-color: #E2E2E2;
	padding: 8px;
	border: 1px dotted #666666;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 16px;
}
.pntngdescrition {
	font-size: 80%;
	float: left;
	width: 300px;
	
}

.pntngdescrition img{
	
	float: left;
	border: 3px solid #FFFFFF;
	margin-right: 8px;
	margin-bottom: 8px;	
}
.temporarylocation {
	background-color: #F9F9EF;
	float: right;
	width: 200px;
	padding: 4px;
        color: #828282;
        font-size: 75%;
}


.temporarylocation p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
     
}

.clearpaintings {
	clear: both;
        height: 0px;	
	
}

.clearimage {
	clear: both;
        margin-top: 10px;
        height: 10px;
	
}


#tracker {
	width: 85%;
	margin-bottom: 24px;
	border-top: 1px dotted #CCCCCC;
        border-bottom: 1px dotted #CCCCCC;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 4px;
	padding-right: 4px;
	color: #666666;
	background-color: #F0F0F0;
	
}


#tracker a{
	
	color: #666666;
}


#tracker a:hover{
	color: #868686;
	background-color: #F7F7F7;
}


#tracker a:visited{
	
	color: #666666;
}
#tracker img{
	margin-top: 6px;
	border: none;
        text-decoration: none;
        margin: 0px;
        background-color: #f0f0f0;
}

#tracker img a:hover{
	border: none;
        text-decoration: none;
        margin: 0px;
        background-color: #f0f0f0;
}





.titlead {
	font-size: 0.9em;
	color: #666666;
	letter-spacing: 1px;
	font-family: Garamond, Georgia;
}


#newsletter{
	width: 85%;
	margin-bottom: 16px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #666666;
}


#newsletter a{
	
	color: #666666;
}


#newsletter a:hover{
	color: #868686;
	background-color: #F7F7F7;
}


#newsletter a:visited{
	
	color: #666666;
}

#newsletter img{
border: none;
	
}


/***************** NEWSLEETTER  PAGE  ***************** */
#newslettertop {
	margin-bottom: 16px;
}


#content .newsletterentry {
	margin-bottom: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
        padding-bottom: 8px;
}


h4  {
	color: #665E5B;
        font-weight: normal;
	letter-spacing: 0px;
	text-align: left;
	font-size: 1.3em;
	margin-top: 4px;
	margin-bottom: 8px;
	font-family: "Times New Roman", Times, serif;
}

#content .newsletterentrydate {
	letter-spacing: 2px;
	font-size: 0.8em;
	font-family: "Times New Roman", Times, serif;
	text-transform: none;
	color: #4E4E4E;
	display: block;
	font-style: oblique;
	margin-bottom: 0.8em;
}


#newsintro {
	font-size: 80%;
        margin-bottom: 10px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
        padding-bottom: 0px;
	border: 1px solid #9d6f73;
}

.spacer {
	clear: both;
        background-color: #f7f7f7;
	height: 8px;
	width: 500px;
	
}