/* CSS style sheet and page design copyrighted &copy by Balmain DESIGN. www.balmainpdesign.com  */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* Removes dotted broder on links in Firefox */
a{outline:none;}


html {
min-height: 101%;
color: #310000; }

/* layout */

body{
text-align: center;
font-family: Verdana, sans-serif;
font-size: 0.8125em;
line-height: 1em;
background:#520500;
color:#000}

#wrapper {
width:960px;
text-align:left;
margin:0 auto;}

h1 {background: url(images/title.gif) no-repeat left top;
height:300px;
text-indent:-9000px;}

/*navigation*/

#mainNav {
width:840px;
position:absolute;
font-family: Verdana, Helvetica, Arial, sans-serif;
top:5px;
font-weight:normal;
margin-top:40px;
font-variant: small-caps; }

#mainNav li{
float: right;
list-style-type:none;
padding-right:15px;
font-size: 1.2em; }

#mainNav li a{
color: #e6ddca;
text-decoration: none;
position: relative;  /* *** IE correction to show top border at hover *** */}

#mainNav li a:hover{
border-top: 3px #e6ddca solid;
color: #b3b3b3;}

#home #mainNav-home{
font-weight:bold}

#photos #mainNav-photos{
font-weight:bold}

#content_wrap {
margin-top:-40px;}

#column_left{
width:440px;
float:left;
padding-top:80px;}

#column_right{
width:500px;
float:right;}

#gilda_seattle{
width:460px;
background-image: url(images/gilda_middle.gif);
background-repeat: repeat-y;
margin-left:30px}

#gilda_seattle h4{
background-image: url(images/gilda_top.gif);
background-repeat: no-repeat; 
height:41px;
width:460px;
text-indent:-9000px;}

#gilda_seattle p{
padding:10px 60px 20px 50px;
color: #4c4c4c; }

#gilda_logo{
background-image: url(images/guildasclub_logo.gif);
background-repeat: no-repeat; 
height:145px;
width:110px;
float:left;
margin: 0 10px 0px 50px;
display:inline;}

#gilda_contact{
background: url(images/gilda_bottom.gif) no-repeat left bottom;
padding:10px 50px 20px 50px;
color: #410000; }

.clearfloats{clear:both;}

h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
padding-bottom:30px;
color:#9e9c98;}

h2 strong{
font-size: 1.6em;}

h3 {
color:#eae3d4;
font-size: .9em;
padding-bottom:20px;}

#awards {
padding-left:30px;
font-size: 1.2em;
padding:15px 0 15px 30px;
border-top: 1px solid #4c4c4c;
border-bottom: 1px solid #4c4c4c;
margin-bottom:15px;
margin-top:10px;}

.award_color {
color:#eae3d4;}

#awards li{
padding-bottom:7px;
color: #808080; }

.list {font-size:.75em;
width:350px;
padding-left:30px;}

.list h5{font-size:1.1em;}



li {}

#photobox{
width:370px;
border: 1px solid;
color: #666666;
margin-left:50px;
margin-top:30px;
padding:25px;}

#photobox p{
padding:10px 0 0 0}

#photobox h4{
padding:0}

#photobox h5{
padding-top:10px;}

#photobox a{
color: #8797b7;}

#photobox a:hover{
text-decoration:none;}

#collage{
background: url(images/collage.jpg) ;
height:472px;
margin-top:50px;}

h4 {
font-size:1.2em;
font-family: Times, "Times New Roman", serif;
color:#eae3d4;
padding-bottom:5px; }

h5 {
color:#eae3d4;
padding-bottom:5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em; }

#footer {
padding-top:40px;
text-align: center;
padding-bottom:20px; }

#footer p{
font-size: .875em;}

p {
padding-bottom:10px;
color: #b3b3b3;
line-height:1.4em; }

#intro{
width:486px;
height:696px;
background: url(images/intro.jpg) no-repeat;}

a[href^="mailto:"] {
  background: url(images/email.png) no-repeat right top;
  padding-right: 15px;
  color: #8797b7;
  text-decoration:underline;
  line-height:1.6em}

a:hover[href^="mailto:"] {
text-decoration:none;}

 a[href^="http:"] {
  background: url(images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
  color: #8797b7;
  text-decoration:underline;
  line-height:1.6em}

a:hover[href^="http:"]{
text-decoration:none;}

#gallery{
width:800px;
border: 1px solid;
color: #4c4c4c; 
padding:15px;
 text-align: center;}

.gallery_row{
padding-bottom:7px;
}

#gallery  a:hover{
border-bottom: 1px #e6e6e6 solid; }

#gallery_instructions{
color:#9e9c98;
font-size: .8em;
padding-bottom:15px; }


/* lightbox styles */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}