/* Brian Fleming's Gallery General Stylesheet January 2010 written by Peter King - Rules by Classes and Ids */


/*  GENERAL STYLE RULES RELATING TO SITE  */


body { 

background-color:#669999;
text-align:center;
direction: ltr;

} 


#content {

width:900px;
background-color:#ffffff;
margin-left:auto;
margin-right:auto;

}

/* Defines content section width and background color */


#logo {

padding-top:30px;
padding-bottom:10px;

}

/* Logo at head of every page */


#copyright {

font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:13px;
font-weight:bold;
color:#333333;
padding-bottom:20px;

}

/* Copyright Statement at foot of every page */


a img {

border:none;

}

/* No border around image links */

.clear {
	
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;

} 

/* Empty spacer div clearing right and left used in page structure */


/*  RULES RELATING TO NAVIGATION BAR AT HEAD OF EVERY PAGE - LARGE AND SMALL VERSIONS  */ 


#navbar {

padding-bottom:10px;

}

/* Div holding navigation links at head of page */


ul#navlist {

display:inline;
list-style-type:none;
margin-left:0;
padding-left:0;
font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:24px;

}
		
/* Navigation list - large version - at head of homepage and section index pages */


ul#navlist li {

display:inline;
   
}

		
ul#navlist li a {

color:#0099cc;
text-decoration:none;
padding:5px 15px 5px 15px;
border:1px solid #ffffff;

}


ul#navlist li a:hover {

color:#006699;
border:1px solid #ccccff;

}


ul#navlist li a#active {

color:#666666;
border:1px solid #ccccff;

}

/*  This page  */


ul#navlist2 {

display:inline;
list-style-type:none;
margin-left:0;
padding-left:0;
font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:21px;

}
		
/* Navigation list - small version - at head of individual paintings pages */


ul#navlist2 li {

display:inline;
padding:0 10px 0 10px;
   
}

		
ul#navlist2 li a {

color:#0099cc;
text-decoration:none;
border:1px solid #ffffff;

}


ul#navlist2 li a:hover {

color:#006699;
text-decoration:underline;

}
		
		
.arrow  {
		
vertical-align:bottom;
		
}
		
/* Arrows used to link to previous and next image pages in navigation bar */


/*  RULES RELATING TO TEXT AND CAPTIONS THROUGHOUT SITE  */


h1 {

font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:24px;
font-weight:500;
color:#666666;

}

/* Main headers and also used for image titles */

		 
.subcaption {

font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:19px;
font-weight:500;
color:#666666;

}

/* Subcaptions for image titles */


.text {

font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:15px;
color:#333333;

}

/* Other captions & text  */


.text a {

color:#333333;
text-decoration:none;

}

/* Text link on People page to Brian Fleming's Antigua */


.text a:hover {

color:#990000;
text-decoration:none;

}

/* When hovering over text link to Brian Fleming's Antigua */


.textbold {

font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:15px;
font-weight:bold;
color:#333333;

}

/* Other captions & text bold  */

        		
#warning {

font-family:'Trebuchet MS',Tahoma,Verdana,Helvetica,Garuda,sans-serif;
font-size:13px;
font-weight:bold;
color:#990000; 
padding-bottom:10px;

}

/* Warning text at head of individual image's pages regarding use of links */       


/*  RULES RELATING TO LAYOUT OF HOMEPAGE ONLY  */


#rightwrap {

width:290px;
float:right;

}

/* Wrapper div floated to right */


#right {

text-align:right;
padding-right:100px;

}

/* Div indented 100px from right within the above wrapper containing micro images */ 


.micro {

float:right;
margin-top:10px;
margin-left:10px;

}

/* Micro images within the above div */


#mainwrap { 

margin-right:300px;

}

/* Main wrapper div with a 300px right margin */


#main { 

vertical-align:top;
text-align:justify;
padding-left:100px;

}

/* Main body of text indented 100px from left within the above wrapper */


#email{

float:right;
margin-top:25px;
margin-right:100px; 

}      

/* Position of e-mail button on homepage */


#webdesign {

margin-top:10px;
margin-bottom:10px;

}

/* Position of webdesign logo at foot of homepage */    


/*  RULES RELATING TO LAYOUT OF OTHER PAGES  */

#thumbs {

width:721px;
margin-left:auto;
margin-right:auto;

}

/* Div containing thumbnail images in panels below */

.panel {

width:240px;
display: inline;
float: left;
position: relative;
margin-bottom: 10px;
text-align:center;
color:#333333;
background-color:#ffffff;

}

/* Panel 240px wide containing thumbnail image and caption within thumbs div */

.panel1 {

width:180px;
display: inline;
float: left;
position: relative;
margin-bottom: 10px;
text-align:center;
color:#333333;
background-color:#ffffff;

}

/* Panel 180px wide containing thumbnail image and caption within thumbs div */

.panel2 {

width:360px;
display: inline;
float: left;
position: relative;
margin-bottom: 10px;
text-align:center;
color:#333333;
background-color:#ffffff;

}

/* Panel 360px wide containing thumbnail image and caption within thumbs div */

.panel3 {

width:720px;
display: inline;
float: left;
position: relative;
margin-bottom: 10px;
text-align:center;
color:#333333;
background-color:#ffffff;

}

/* Panel 720px wide containing thumbnail image and caption within thumbs div */


.thumbimg {

margin-top:15px;

}

/* Thumbnail image with 15px margin at head */ 


#image {

text-align:center;

}

/* Div containing image on page for each individual painting */


/*  PK 5th January 2010  */