body { }
#headerAndMenu { z-index: 20; }

#scrolltoviewphotos { display: none; position: fixed; bottom: 0px; left: 0%; background: #E4E4E4; border-top: solid 1px #B4B4B4; width: 100%; padding: 8px; z-index: 500; text-align: center; font-size: 19px; color: #242424; text-shadow: 1px 1px 1px #FFFFFF; } 

#scrolltoviewphotos .the-icons { font-size: 19px; color: #242424; text-shadow: 1px 1px 1px #FFFFFF; cursor: default; } 

#clfthumbscontainer { position: relative; } 
#clfthumbs  { display: none; width: 100%; left: 0%; position: absolute; z-index: 201; padding: 0px; } 


#maincol { width: 80%; height: 100%; display: inline-block;} 
#maincol .inner { padding: 16px; } 
#maincol a, #maincol a:visited {  } 
.subpagecats { padding: 8px; border-top: solid 1px #ECECEC; font-size: 19px; white-space:nowrap; overflow: hidden; clear: right;} 
.subpagecats a, .subpagecats a:visited { color: #000000; } 
.subpagecats a:hover { color: #000089; } 
.subpagecats img { max-width: 25px; max-height: 25px; height: 25px; width: 25px;  } 


.firstitem { border: solid 1px #e4e4e4; } 
.firstitem .headline { background: #242424; color: #FFFFFF; font-size: 21px; font-weight: bold; padding: 8px; } 
.firstitem .firstphoto {  } 
.catphotocontainer { width:33.3%; float: left; } 
.catphotocontainerinner { overflow: hidden; position: relative; } 
.catphoto { margin: 0px 8px 8px 8px ; width: 100%; height: 100%;  background-color: #000000; overflow: hidden;} 
.catphoto img { } 

.homephotos { opacity: ;} 

#mainfeature {   position: relative; display: block;  clear: both;  overflow: hidden; } 
.homefeaturerecent .inner { padding: 16px; } 
.mainfeaturenavcontainer { padding: 4px; text-align: right; } 

#mainfeature {   position: absolute; display: block;  clear: both;  overflow: hidden; width: 100%; height: 100%; left:0%; top: 0; z-index: 1;  background-color: #FFFFFF; } 
.homefeaturerecent { width: 0%; float: right; z-index: 10; position: absolute; right: 0; top: 0px; background: #EBEBEB; } 
#homefeature { background: #EBEBEB;  } 

.homefeaturerecent .inner { padding: 0px; } 


.mainfeaturenavcontainer { padding: 4px; text-align: right; position: absolute; top: 8px; right: 0%; z-index: 10; background: #FFFFFF; color: #4D4D4D; font-size: 13px; text-shadow: none;  } 

.mainfeaturenavcontainer .the-icons { color: #4D4D4D !important; text-shadow: none; } 
.mslide { float: left; top: 0; position: absolute;}
.maincontainer { position: absolute; left: 0px; width: 100%;  overflow: hidden; } 
.maincontainerinner { overflow: hidden; position: relative; } 
.mainphoto {  width: 100%; height: 100%;  overflow: hidden; } 
.mainphotobg {width: 100%; height: 100%; overflow: hidden;opacity: .5; } 
.mainphotobggrid {  background: url('/sy-graphics/overlay2.png') repeat; opacity: .6; width: 100%; height: 100%; position: absolute; } 





#mainfeaturelogo { top: 0px; left: 0px;  position: absolute; z-index: 101;} 




#pagefeattitletext { position: absolute; z-index: 101; padding: 0px 16px;} 
.featmenu { font-size: 50px; padding: 0px !important; text-shadow: 0px 0px 2px #000000; color: #FFFFFF ; font-family: 'Cinzel'; } 
.featmenu img { max-height: 40px; } 
#featmenumain { display: none; position: absolute; top: 0; left: 80px; z-index: 7000; } 
.featmenulinks  { list-style: none; margin: 0; padding: 0; overflow: hidden; width: 300px; } 
.featmenulinks li { list-style: none; } 






.sidefeattitle h2 { color: #1F1F1F; } 
.sidefeattext { color: #707070; } 

.featmenulinks li  a, .featmenulinks li a:visited  {  font-size: 21px;  background: #EBEBEB; color: #6E6E6E; padding: 12px; border-bottom: solid 1px #D4D4D4;  border-top: solid 1px #FFFFFF; float: left; width: 100%;} 
.featmenulinks li a img { float: left; margin-right: 16px; } 
.featmenulinks li a:hover { background: #FFFFFF; color: #000000; border-bottom: solid 1px #C9C9C9;  border-top: solid 1px #FCFCFC;} 



.mainphotoheadlinetext { position: absolute; padding: 16px; width: 100%;  background-color: rgba(43,43,43,0.00);}

.mainphotoheadline {  font-size: 40px; color: #FFFFFF; text-shadow: 1px 1px 1px #000000;  font-family: Cinzel;padding: 4px; } 
.mainphotopreviewtext, .featpagetext {font-size: 18px; color: #FCFCFC; text-shadow: 1px 1px 1px #000000;   padding: 0px 16px; } 
/*.mainphotoheadlinetext { position: absolute; bottom: 0px; left: 0x; padding: 16px; width: 100%;  background-color: rgba(0,0,0,.5);  box-shadow: 0px 0px 48px rgba(0,0,0,.4) inset;} */


.featpagetitle, .featcatname { font-size: 40px; color: #FFFFFF; text-shadow: 1px 1px 1px #000000; font-family: Cinzel; padding: 0px 16px; } 


#loadingstuff { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #FFFFFF; color: #787878; z-index: 6000; text-align: center; padding-top: 20%; font-size: 30px } 
#loadingmoreitems { background: #f4f4f4; border: solid 1px #c4c4c4; padding: 16px; text-align:center;  display: none; } 

	



.smfindphotos { 
	background: #000000;
	border: solid 1px #000000;
	color: #FFFFFF;
	padding: 4px 6px;
	margin: 12px;
	font-size: 15px;
	cursor: pointer;
	border-radius: 2px;
	text-decoration: none;
	text-align: center;
}

a.smfindphotos, a.smfindphotos:visited  { 	color: #FFFFFF; 	text-decoration: none; }
.smfindphotos:hover {  
	background: #2986CC;
	border: solid 1px #2986CC;
	color: #FFFFFF;
	text-decoration: none;
}



.mainlinktabs li { position: absolute; : 0;}
.mainlinktabs li a { list-style: none; position: absolute; : 0; padding: 8px; font-size: 0px; z-index: 101; opacity: .7; background: #; color: #; display: block; white-space:nowrap; } 
.mainlinktabs li a:hover { opacity: 1; }  

.featside  { list-style: none; margin: 0; padding: 0; overflow: hidden;} 
.featside li { list-style: none; padding-right: 12px;} 



.featsidea a  {
		background-color: rgba(235,235,235,1);
	border-bottom: 1px solid  #D4D4D4;
	border-top: 1px solid  #FFFFFF;
	color: #6E6E6E;
	height: 1%;
	padding: 12px;
	float: left; width: 100%;
	text-decoration: none;
}
.featsidea h3 { font-size: 21px; display: inline; color: #636363;} 
.featside .the-icons { text-shadow: none; } 


.featsidea  img { float: left; margin-right: 16px; } 
.featsidehover a  { text-decoration: none; background: #FFFFFF; border-bottom: solid 1px #C9C9C9;  border-top: solid 1px #FCFCFC; text-decoration: none; color: #000000; } 
.featsidehover a h3  { color: #000000; } 


.sidepadding { padding: 12px;  }



.container img {
    display: block;
}

.portrait img {
    width: 100%;
}
.landscape img {
    height: 100%;
}