html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#77653f;
 font: 0.9em helvetica, arial, sans-serif;
 color:#333;
 font-weight:bold;
}

#pagewidth{ 
  background-image: url(../images/general_bg.jpg);
  background-repeat:no-repeat;
  width:855px;
  height:818px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-position:center;
}


/* Gallery Styles */

.gallery #pagewidth{ 
  height:730px;
}

.gallery #maincol{
  text-align:center;
  height:623px;
}

.gallery #thumbnailsPanel{
  padding-top:30px;
}


.gallery #maincol img, .home #latest img{
  border:1px solid #595959;
}



.home #pagewidth{ 
  background-image: url(../images/home_bg.jpg);
}
 
#header{
 position:relative; 
 height:150px; 
 width:100%;
 background-image: url(../images/headerBar.jpg);
 background-repeat:no-repeat;
}

#maincol{
 float: left; 
 position: relative; 
 margin-left:45px;
 margin-top:-55px;
 width:680px; 
 height:693px;
}

html>body #maincol{
 margin-left:90px;
}
#spacer{
  height:500px;
  width:100%;
}

.home #maincol{
  width:680px; 
  height:673px;
  margin-top:-30px;
}
 


.links #linksMain{
  padding-left:20px;
  padding-top:10px;
}

.about #maincol{
  margin-top:-35px;
  margin-left:65;
  height:658px;
}

 
#breadcrumbs{
  margin-top:-70px;
  margin-left:210px;
  position:absolute;
}

.about #breadcrumbs{
  margin-top:-90px;
  margin-left:0px;
  position:absolute;
}

.about #aboutMain{
  margin-top:30px;
}

html>body.about #breadcrumbs{
  margin-top:-90px;
  margin-left:210px;
}

#breadcrumbs, #breadcrumbs a{
  font-weight:bold;
  color:#730c0a !important;
  font-size:1.05em;
} 
 
#footer{
  height:25px; 
  clear:both;
  background-image: url(../images/footerBar.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  text-align:right;
  padding-right:10px;
  padding-top:5px;
 } 
 
 #footer a{
  color:#e0d0b9;
  margin-left:10px;
  margin-right:10px;
  font-weight:bold;
  opacity:0.75;
  text-decoration:none;
 }

 #latest{
   height:177px;
   width:335px;
   margin-top:472px;
   margin-left:175px;
   position:absolute;
   text-align:center;
   padding-top:6px;
   padding-bottom:5px;
 }

#maincol a div{
   width:100%;
   height:100%;
 }
 
 
 
 #aboutLink{
   width:130px;
   height:140px;
   margin-left:109px;
   margin-top:-40px;
   position:absolute;
   display:block;
   cursor:hand;
 }

 
 #artLink{
   width:130px;
   height:150px;
   margin-left:415px;
   margin-top:-55px;
   position:absolute;
   display:block;
   cursor:hand;
 }

 
  #linksLink{
   width:170px;
   height:100px;
   margin-left:458px;
   margin-top:140px;
   position:absolute;
   display:block;
   cursor:hand;
 }

 
  #blogLink{
   width:190px;
   height:100px;
   margin-left:23px;
   margin-top:145px;
   position:absolute;
   display:block;
   cursor:hand;
 }


 #aboutLink:hover,  #artLink:hover,  #linksLink:hover,  #blogLink:hover{
  background-image: url(../images/flame.gif);
  background-repeat:no-repeat;
  background-position:top left;
}

#artLink:hover,  #linksLink:hover{
  background-position:top right;
}

#prev{ float:left; margin-left:20px; padding-top:2px;}
#next{ float:right; padding-top:2px;}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


.gallImg{
  margin:5px;
  margin-left:10px;
  margin-right:10px;
}

.gallery .gallImg{
  margin:5px;
  margin-left:10px;
  margin-right:10px;
  height:110px;
  width:110px;
}

a img{
  border:none;
}

#maincol a{
  text-decoration:none;
}


.categoriesDisplay{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.categoriesDisplay a{
  color:#7e1d0a;
  font-size:1.2em;
  font-weight:bold;
}
.categoriesDisplay div{
  width:40%;
  margin-bottom: 20px;
  height:120px;
  text-transform:capitalize;
  float:left;
  text-align:left;
  margin-left:30px;
}
.categoriesDisplay img{
  float:left;
  margin-right:20px;
}

/* About Page Formatting */
.about h3, .links h3{
  font-size:1.2em;
  font-weight:bold;
  color:#730c0a;
  padding-top:0px;
  margin-top:0px;
  margin-bottom:10px;
}

.about #portrait-content{
  float:left;
  margin-right:10px;
  height:600px;
}

.about #about-content{
  margin-bottom:20px;
}

.about #contact-content{
  font-weight:bold;
  color:#730c0a;
  font-size:1.2em;
}

.about #contact-content a{
  color:#e0d0b9;
  font-weight:bold;
  font-size:0.9em;
}
.about #contact-content a:hover{
  color:#FFF;
}
.about #faq-content{
  margin-bottom:40px;
}
.about #faq-content dt{
  font-weight:bold;
  color:#7e1d0a;
  font-size:1.1em;
}

.about #faq-content dd{
  margin-bottom:10px;
}

.links a{
  color:#e0d0b9;
  text-decoration:none;
}

.links a:hover{
  color:#FFF !important;
}

.links #findMe{
  color:#6e4821;
}

#findMe{
  margin-bottom:20px;
}