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

/* General Layout of Site
   Container 960px wide within which is a Header, Horizontal Navigation Bar, and Content div.
   Within the 720px wide Content div are panels containing either text or thumbnail images.
   Where these panels are either one third or half the width of the Content div, they are floated left so as to stand side by side.
   Pages containing one individual image only have the image sit directly within the Content div, not within another panel.
   A Footer div containing copyright information sits underneath the the Container div.   */
   

/*  GENERAL STYLE RULES RELATING TO ALL PAGES  */


html, body, div, span, p, em, img, ol, ul, li  {

vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
  
}

p {

margin: 10px 0 5px 0;

}
	
/*  General css reset then margins for paragraphs redefined  */	


body { 

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

} 

/* Background for body outside of 960px wide container defined plus general rules concerning text-align and text direction */

#container {

width:960px;
background-color:#ffffff;
margin:5px auto 0 auto;

}

/* Container 960px wide with white background holding header, navigation and content on every page */

#header {

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

}

/* Header containing site title at head of every page */

#content {

width:720px;
margin-left:auto;
margin-right:auto;
vertical-align:top;
text-align:center;

}

/* Content wrapper div 720px wide on every page */

#footer {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:13px;
color:#ffffff;
margin-bottom:20px;

}

/* Footer div underneath 960px wide container div with copyright statement at bottom of every page */ 


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

} 

/* Clearing divs or paragraphs used as horizontal spacer elements */


/*  RULES RELATING TO NAVIGATION BAR ON EVERY PAGE  */ 


#navbar {

margin-bottom:20px;

}

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

ul#navlist {

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

}

ul#navlist li {

display:inline;
   
}

ul#navlist li a {

color:#0066ff;
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;

}

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


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


#index-heading {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:24px;
font-weight:500;
color:#666666;
text-align:left;

}

/* Heading above text on Index page only */

.caption {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:24px;
font-weight:500;
color:#666666;

}

/* Captions underneath images */

.caption a {

color:#666666;
text-decoration:none;

}

/* Caption underneath image used as link on People and Antigua Index Pages */

.caption a:hover{

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

}

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

.subcaption {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:19px;
font-weight:500;
color:#666666;

}

/* Subcaptions underneath images */

.text {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:14px;
font-weight:500;
color:#5f5f5f;

}

/* Other text  */


.textbold {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:13px;
font-weight:bold;
color:#5f5f5f;

}

/* Other captions & text bold  */

        		
#warning {

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

}

/* Warning text at head of thumbnail pages regarding javascript */       


/*  RULES RELATING TO CONTENT LAYOUT */

.full-panel {

width:100%;

}

/* Full-width panel within content div */

.half-panel {

width:359px;
display: inline;
float: left;
position: relative;

}

/* Half-width panel within content div */

.left-text {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:14px;
font-weight:500;
color:#5f5f5f;
text-align:justify;
padding-right:15px;

}

/* Block of text within a left-hand half-width panel with 15px padding to the right */

.left-text a {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:16px;
color:#0099cc;
text-decoration:none;

}

/* Text used as link within block of text above  */

.left-text a:hover {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:16px;
color:#0099cc;
text-decoration:underline;

}

/* Hover over text used as link within block of text above  */

.right-text {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:14px;
font-weight:500;
color:#5f5f5f;
text-align:justify;
padding-left:15px;

} 

/* Block of text  within a right-hand half-width panel with 15px padding to the left */ 

.right-text a {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:16px;
color:#0099cc;
text-decoration:none;

}

/* Text used as link within block of text above  */

.right-text a:hover {

font-family:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:16px;
color:#0099cc;
text-decoration:underline;

}

/* Hover over text used as link within block of text above  */

.third-panel {

width:239px;
display: inline;
float: left;
position: relative;

}

/* Third-width panel within content div */

.twothirds-panel {

width:479px;
display: inline;
float: left;
position: relative;

}

/* Two-thirds-width panel within content div */

#contact {

width:100%;
background-color:#eaedf1;
padding:5px 0 10px 0;
margin:20px 0 20px 0;

}

/* Contact form at foot of Homepage */

.form-input {

width:300px;
padding:3px;
color:#336699;

}

/* Width and padding of contact form input fields */

#webdesign {

padding-bottom:20px;

}

/* Para containing webdesign logo at foot of content div */


/*  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:Verdana,Arial,Helvetica,Garuda,sans-serif;
font-size:15px;
color:#ffffff;
text-decoration:none;

}

#antigualink a:hover {

font-family:Verdana,Arial,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:Verdana,Arial,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 31st May 2011  */