/*Fundamental Style Sheet*/ 

/*
PAGE AND BASIC ELEMENTS
*/

body {
background-color: #cdcac3; 
background-image: url('images/site_bg.jpg'); 
background-position: top center; 
background-repeat: repeat-x; 
font-family: Helvetica, Arial, sans-serif; 
font-size: 1em; 
margin-top: 1%; 
margin-left: 3%; 
margin-right: 3%; 
color: black; 
text-shadow: 0px 1px 1px #fbfaf9; 
} 

h1 { 
font-size: 1.4em; 
font-weight: 800;
padding-left: 30px; 
}

h2 { 
font-size: 1.2em; 
font-weight: 800;
padding-left: 30px; 
}

h2:target {
color: #e6e0c8; 
background-image: url('images/steel_background.png'); 
}

h3 { 
font-size: .9em; 
font-weight: 600; 
font-style: italic;
padding-left: 30px; 
text-indent: 15px; 
}

span.footerlinks { 
display: block; 
margin: 0 auto; 
text-align: center; 
position: relative; 
top: 5px; 
}

span.invisible { 
visibility: hidden; 
}

img { 
display: inline; 
border-width: 0px; 
}

img.headerlogo { 
float: left; 
position: relative; 
clear: left; 
z-index: -1; 
}

div.headerlogo { 
left: -95px; 
top: -70px; 
width: 300px; 
height: 115px; 
float: left; 
position: relative; 
clear: left; 
overflow: visible; 
z-index: -1; 
}

img.inline { 
display: inline; 
float: right; 
border-width: 0px; 
}

img.all_preview { 
margin: 0px 10px 0px 10px; 
}

.bgstamp {
border-width: 1px;
height: 1200px;
width: 403px;
left: 0px; 
top: 0px; 
position: absolute; 
z-index: -2; 
}

p.body { 
font-size: 0.9em; 
text-indent: 30px; 
padding: 0px 30px 0px 30px; 
}

.emphasized {  
font-weight: 600; 
}

ol { 
list-style-image: url(images/blog_arrow.png); 
margin: 0px; 
list-style-position: outside; 
}



/*
LINKS
*/


a { 
color: #26221b; 
text-decoration: underline; 
font-weight: 700; 
font-size: 1em; 
}

a:visited { 
color: #26221b; 
text-decoration: underline; 
font-weight: 700; 
font-size: 1em; 
}

a:hover { 
color: black; 
text-decoration: underline; 
font-weight: 700; 
font-size: 1em; 
}

a:active { 
color: #26221b; 
text-decoration: underline; 
font-weight: 700; 
font-size: 1em; 
} 

a.primary { 
color: #29251e; 
text-decoration: underline; 
font-weight: 700; 
font-size: 1em; 
} 

a.primary:visited { 
color: #29251e; 
text-decoration: underline; 
font-weight: 700; 
font-size: 1em; 
}

a.primary:hover { 
color: black; 
text-decoration: underline; 
font-weight: 700; 
font-size: 1em; 
}

a.primary:active { 
color: #29251e; 
text-decoration: underline; 
font-weight: 700; 
font-size: 1em; 
}

.selected { 
text-shadow: 0px 1px 2px #777571; 
text-decoration: none; 
font-weight: 700; 
font-size: 1em; 
}

.headerchoice { 
}

#portfolio{
	left: 33px;
	position: absolute;
}

#network{
	left: 180px;
	position: absolute;
}

#charity{
	left: 315px;
	position: absolute;
}

#blog{
	left: 440px;
	position: absolute;
}

.caption { 
text-decoration: none; 
font-size: 0.8em; 
}

.more { 
float: right; 
} 


  
    
  



/*
DIVS
*/



div.pageheader { 
clear: both; 
width: 800px;
height: 115px; 
overflow: visible; 
margin-left: auto; 
margin-bottom: 0; 
margin-right: auto; 
margin-top: 0; 
position: relative; 
}

div.pageheaderlinks { 
margin-left: auto; 
margin-bottom: 0; 
margin-right: auto; 
margin-top: 0; 
border-width: 0px; 
padding-left: 12px; 
padding-bottom: 0px; 
padding-right: 0px; 
padding-top: 3px; 
text-shadow: 0px 1px 1px #d7d5d0; 
background-image: url(images/linkbar_merged.png); 
border-style: solid; 
border-color: #565653; 
background-repeat: repeat-x; 
background-position: left bottom; 
clear: both; 
font-size: 1.3em; 
text-align: left; 
white-space: nowrap; 
z-index: 2; 
overflow: visible; 
width: 790px; 
height: 25px; 
position: relative; 
}

div.pagebody { 
padding-bottom: 30px; 
border-right-width: 1px; 
border-left-width: 1px; 
border-bottom-width: 1px; 
border-top-width: 0px; 
border-style: solid; 
border-color: #565653; 
background-image: url(images/steel_background.png); 
width: 800px;  
clear: both; 
margin: 0 auto; 
overflow: hidden; 
position: relative; 
}

div.pagefooter { 
background-position: center top; 
background-image: url(images/footer_background.png); 
background-repeat: repeat-x; 
width: 800px;
height: 60px;  
clear: both; 
overflow: hidden; 
margin: 0 auto; 
position: relative; 
font-size: 0.8em; 
}

div.sidebar { 
line-height: 130%; 
background-image: url('images/sidebar.png'); 
background-color: transparent; 
right: 0px; 
top: 0px; 
background-position: bottom left; 
color: #111111; 
text-align: right;
text-indent: 2px; 
padding-right: 6px; 
padding-left: 4px; 
padding-bottom: 10px; 
font-size: .75em; 
float: right; 
position: relative;
clear: none; 
width: 145px; 
height: auto; 

} 

div.contactinfo { 
float: right; 
font-size: 0.8em; 
position: absolute; 
bottom: 0px; 
right: 0px; 
width: 141px;
height: auto; 
background-position: top left; 
color: #111111; 
text-align: right;
padding-right: 8px; 
padding-left: 6px; 
padding-bottom: 6px; 
padding-top: 10px; 
}

/* RIGHT-JUSTIFIED PREVIEW

div.preview { 
position: absolute; 
right: 0px;
top: 0px;
width: 219px; 
height: 212px; 
background-repeat: no-repeat; 
}

div.header { 
color: #29251e; 
position: absolute; 
left: 7px;
top: 35px;
width: 375px; 
height: 30px; 
overflow: hidden; 
text-align: right; 
font-size: 1.2em; 
font-weight: 700; 
}

div.description { 
padding-left: 6px; 
position: absolute; 
left: 7px;
top: 65px;
width: 375px; 
height: 109px; 
overflow: visible;  
color: black; 
text-align: left; 
font-size: 0.9em; 
font-weight: 400; 
padding-top: 6px;
}

div.description:first-letter { 
font-weight: 800; 
}
*/


h1.sectionheader { 
text-transform: uppercase; 
margin-left: 0px; 
margin-bottom: 0px; 
margin-right: 0px; 
margin-top: 10px; 
padding: 0px; 
font-size: 100px; 
text-align: left; 
border-right-width: 0px; 
border-bottom-style: solid; 
border-left-width: 0px; 
border-top-width: 0px; 
border-bottom-color: #4c2424; 
border-bottom-width: 9px; 
letter-spacing: -15px; 
height: 110px; 
background-position: 0; 
position: relative; 
width: 595px; 
clear: none; 
left: 25px; 
}

div.featured { 
min-height: 212px; 
background-position: 0 0px; 
position: relative; 
width: 598px; 
background-image: url(images/featured_bg.png); 
background-repeat: no-repeat; 
clear: none; 
left: 25px; 
}

div.preview { 
background-position: 50% 40%; 
background-repeat: no-repeat; 
/* 
background-image: url(images/spinner.gif); 
*/
position: absolute; 
left: 0px;
top: 0px;
width: 219px; 
height: 212px; 
}

div.header { 
z-index: 2; 
color: #29251e; 
position: absolute; 
left: 215px;
top: 36px;
width: 375px; 
height: 30px; 
overflow: hidden; 
text-align: left; 
font-size: 1.2em; 
font-weight: 700; 
}

div.description { 
/* 
min-height: 109px; 
padding-right: 6px; 
position: relative; 
left: 215px;
top: 65px;
width: 375px; 
overflow: visible;  
color: #000; 
text-align: left; 
font-size: 0.9em; 
font-weight: 400; 
padding-top: 6px;
*/ 
   
   
line-height: 130%; 
padding-top: 71px; 
top: 0px; 
position: relative; 
left: 215px; 
width: 375px; 
overflow: hidden; 
color: black; 
text-align: left; 
font-size: .9em; 
font-weight: 400; 
text-indent: 6px; 
}

div.description:first-letter { 
text-shadow: 0px 1px 2px #f0ede7; 
font-size: 1.1em; 
font-weight: bold; 
}


div.details { 
position: absolute; 
left: 49px; 
top: 207px; 
overflow: hidden; 
}


div.all_preview {
position: absolute; 
left: 208px; 
top: 190px; 
width: 390px; 
height: 45px; 
font-size: 1.2em; 
font-weight: 700; 
text-shadow: black 3px 3px 2px; 
color: white; 
text-align: left; 
}

/*
LIGHTBOX
*/



#lightbox{ 
background-color: transparent; 
padding: 10px; 
/* 
border-bottom: 2px solid black; 
border-right: 2px solid black; 
 */
}

#lightboxDetails{ 
font-size: 0.8em; 
padding-top: 0.4em; 
}	

#lightboxCaption{ 
float: left; 
margin-left: 10px; 
text-shadow: black 3px 3px 3px; 
}

#keyboardMsg{ 
float: right; 
}

#lightbox img{ 
border: none; 
} 

#overlay img{ 
border: none; 
}

#overlay{ 
background-image: url(images/previews/overlay.png); 
}