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


/*  GENERAL STYLE RULES RELATING TO SITE  */


body { 

background-color:#485965;
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;

} 

/* 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:5px;

}

/* 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:4px 15px 4px 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:19px;

}
		
/* Navigation list - SMALL VERSION - used head of individual paintings pages - visible only without javascript */

ul#navlist2 li {

display:inline;
   
}

ul#navlist2 li a {

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

}

ul#navlist2 li a:hover {

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

}

ul#navlist2 li a.active {

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

}
		
.arrow  {
		
vertical-align:bottom;
		
}
		
/* Arrows used to link to previous and next image pages in this 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 */

h1 a {

color:#666666;
text-decoration:none;

}

/* Image title used as a link on Antigua Index Page only*/

h1 a:hover{

color:#6699cc;
text-decoration:none;

}

/* Hover over image title used as a link on Antigua Index Page only*/

.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  */


.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  */


#main {

width:700px;
margin-left:auto;
margin-right:auto;
vertical-align:top;
text-align:justify;

}

.panelleft {

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

}

/* Panel 349px wide to left of main div on Homepage */

.lefttext {

padding-right:15px;

}

.panelright {

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

}

/* Panel 349px wide to right of main div on Homepage */

.righttext {

padding-left:15px;

}

#webdesign {

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

}

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


/*  RULES RELATING TO LAYOUT OF ALL OTHER PAGES EXCEPT ANTIGUA GALLERY PAGE  */

#thumbs {


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

}

/* Div containing thumbnail images in panels below and also used for positioning at foot of homapage */

.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 */


/*  BELOW ARE RULES RELATING TO ANTIGUA GALLERY PAGE ONLY */


#antiguacontent {

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

}

/* Defines content section width on Antigua Gallery Page only */

#antiguatitle {

width:550px;
height:55px;
display:inline;
float:left;
position:relative;
padding-top:30px;
text-align:left;

}

/* Logo at head of Antigua Gallery Page */

#antigualink{

width:299px;
height:55px;
display:inline;
float:left;
position:relative;
margin-top:35px;
text-align:left;

}

/* Link text at head of Antigua Gallery Page */

#antigualink a {

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

}

#antigualink a:hover {

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

}

		 
#gallerywrap {

width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
background-color:transparent;

}

/* Div wrapping ul containing gallery mini images */	 
		 
#gallery {

width: 100%;
list-style-type: none;
margin-left: 0;
padding-left: 0;
display:inline;

}

/* ul containing gallery mini images */

#gallery li {

background: #283945;
border-color: #cccccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin-right: 3px;
margin-top: 3px;
padding: 5px;
position: relative;

}

#gallery img {

background: #ffffff;
padding: 1px;
vertical-align: top;
width: 150px;
height: 150px;

}

#antiguacopyright {

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

}

/* Copyright Statement at foot of Antigua Gallery page only */


/*  PK 18th February 2011  */