/* Web Design PQ Productions 2005 */
/* Gravity's Angel v1.00 */
/* */
/* 'Gratitude' and 'thanks' are owed to many people and their invaluable resources on the web, a few of those include... */
/*  www.csscreator.com www.stunicholls.myby.co.uk www.alistapart.com www.cssbeauty.com css.maxdesign.com.au/listamatic www.csszengarden.com */
/* */
/* Feel free to use any of this code, but please try not to copy the website style - Happy coding! */

html, 
body{
margin:0px; 
padding:0px; 
text-align:center; 
font: small/1.7em Arial,Helvetica,sans-serif;
color: #443;
} 

/* ************** */
/* Navigation bar */
/* ************** */

#navcontainer ul{
text-align: center;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 0;
margin-top: 0;/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #7D9EC0;
color: white;
width: 100%;
font-family: arial;
line-height: 18px; /* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;/* matches link padding except for left and right */
padding-top: 5px;}

#navcontainer ul li a
{padding-left: 20px;
padding-right: 20px;
padding-bottom: 1px;
padding-top: 1px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;}

#navcontainer ul li a:hover
{background-color: #ededed;
color: #7D9EC0;}

#navcontainer #active 
{border-left: 1px solid #fff;}

/* ********************* */
/* End of Navigation bar */
/* ********************* */

h1{ font-family: Arial;  font-size: medium;  font-weight: 200; padding-left: 10px; color: #7D9EC0; padding-left: 5px;} 
h2{ font-family: Arial;  font-size: small;  font-weight: 200; padding-left: 10px; color: #7D9EC0;}
h3{font-weight: normal; color: #ff4455; border: 1px solid #ddd;padding: 0px;}

#pagewidth{ 
width:780px; 
text-align:left; 
min-width: 500px;
margin-left:auto; 
margin-right:auto; 
} 
 
#header{ 
height: auto; 
width: auto;
border:solid #cccccc 0px; 
background-color:#ffffff;
padding: 0px; 
} 
 
#outer{ 
border:solid 0px #000000; 
background-color: #ffffff; /* center column colour */ 
width: auto; 
} 

#inner{
margin-left: 1px;
width:100%;
border: 1px solid #ffffff;
}

#outer>#inner { border-bottom: 0px solid #ffaaf9;  }

#maincol{
border: solid 1px #bbbbbb; 
float: left; 
width: 100%; 
position: relative; 
margin: 0 -8px 0 -2px; 
padding: 0px;
}

#footer{
height:40px; 
width:100%; 
background-transparent; 
font-family: helvetica, impact, sans-serif;
color: #bbbbbb;
background-image: url('shadow.jpg');
background-repeat: no-repeat;
border: 0px solid #55ff44;
} 

#contact ul li{ list-style-type: circle; padding: 5px;}

.floatright {
float: left;
border: 0px solid #666;
padding: 0px;
padding-bottom: 0px;
margin: 0 8px 0 0;
}

.clr{clear:both;}
 
.content{padding:0px; font-family: helvetica, impact, sans-serif;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
p{ 
margin: 0em; 
color: #7D9EC0; 
}

p.date{ 
font-family: arial;
background-color: #ededed;
margin: 0 0 0 0;
padding: 0.3em 0 0.2em 0.2em;
border-bottom: 1px dashed #bbabbb;
font-size: medium;
margin-right: 0px;
color: #3b5169;
}

p.photos{ 
font-family: arial;
text-align: center;
background-color: #ffffff;
margin: 0 0 10px 0;
padding: 0.3em 0 0.2em 0.2em;
border-bottom: 1px dashed #aaaaaa;
font-size: medium;
margin-right: 0px;
color: #7D9EC0; 
}

.ltin{
left: -4px;
}

.tpin{
top: -4px;
}

.gout{
display:block;
background:#ccc;
border:1px solid #ddd;
position:relative;
margin: 5px;
float:left;
}

.gin {
text-align:center;
background:#fff;
border:1px solid #cccccc;
position:relative;
padding: 5px;
font-weight:normal;
}

.gnarrow{
width:21em}

.bout{
display:block;
background:#bbb;
border:1px solid #ddd;
position:relative;
margin: 5px;
float:left;
}

.bin {
text-align:left;
background:#fff;
border:1px solid #cccccc;
position:relative;
padding: 5px;
font-weight:normal;
}

.bnarrow{
width:35em}

.pout{
display:block;
background:#ccc;
border:1px solid #ddd;
position:relative;
margin: 7px;
float:left;
}

.pin {
background:#ffffff;
border:1px dashed #cccccc;
position:relative;
padding: 6px;
}

.pnarrow{
width:5em}

#photogal{ 
padding: 5px;
border: 1px dashed #aaaaaa;
width:650px; 
position: relative;
margin-left:auto; 
margin-right:auto; 
margin-top: 10px;
margin-bottom: 10px;
} 

#poster{ 
padding: 5px;
border: 0px solid #aaaaaa;
width:650px; 
position: relative;
margin-left:auto; 
margin-right:auto; 
margin-top: 10px;
margin-bottom: 10px;
} 

#ln{ 
width:780px; 
text-align:center; 
min-width: 500px;
margin-left:auto; 
margin-right:auto; 
} 

#galnav{ 
width:780px; 
text-align:center; 
min-width: 500px;
margin-left:auto; 
margin-right:auto; 
} 

#galleryform{ 
width:385px; 
float: center;
text-align:left; 
min-width: 385px;
margin-left:auto; 
margin-right:auto; 
padding: 5px;
} 
p{ 
margin: 0em; 
color: #7D9EC0; 
}