.slideShowHeader
{
    width:100%; 
    height:23px; 
    background-color:Black; 
    position:absolute;
    top:0px;
    right:0px;
}
.closeSlideShow
{
    margin-left:350px; 
    border:1px solid #FFF;
    width:200px;
    padding:3px;
    margin-top:6px;
    text-align:center;  
}
.slideBtnContainer
{
    background-color:Black; 
    position:absolute;
    top:60px;
    float:left;
    padding:1px;
    border:1px solid #FFF;
}
.slideBtnContainerA
{
    height:70px;
    float:left;
    padding:20px;
}
.slideImageContainer
{
    background-color:Black; 
    position:absolute;
    top:60px;
    padding:20px;
    border:1px solid #FFF;
}
.slideShowBackground
{
    width:100%; 
    height:100%; 
    background-color:Black; 
    position:absolute;
    opacity:0.9;
    top:23px;
    right:0px;
    }

    div{color:#666}
    a{text-decoration:none;color:#4fa1e3}
    a:link {color:#4fa1e3}      /* unvisited link */
    a:visited {color:#4fa1e3}  /* visited link */
    a:hover {color:#4fa1e3}  /* mouse over link */
    a:active {color:#4fa1e3}  /* selected link */
   .goLocation{background-color:#242424;color:#FFF;font-weight:bold;width:300px;border:2px solid #666}
   
    .showHideSpecs{color:#555;border:1px solid #555;font-size:12px;padding:4px 4px 2px 4px;background-color:#111;margin-left:144px}
    #imageSpecificationsSwitch a{color:#555}
    /* constants */
    .darkTitleText{color:#333}    
    .lightTitleText{color:#EEE}    
    .darkText{color:#666}
    .lightText{color:#EEE}
    .filled{background-color:#FFF} 
    .topLine{border-top:1px solid #AAA}
    .bottomLine{border-bottom:1px solid #AAA}
    h3{float:left}
    h2{margin-right:10px}
    .pageTextBody{clear:left;float:left;font-size:13px;color:#666} 
    #nextPrevImageLinks{float:right;text-align:right;width:190px}
    .prevNextLink{float:left;padding:2px;width:70px;height:120px;margin-top:10px;margin-left:10px;font-size:12px;font-weight:normal;background-color:#222;border:1px solid #BBB}
    .imgHolder{}
    /* end constants */
    .tagLinks{font-size:12px;clear:left;float:left;margin-left:14px}
    .tagLinks a{color:#EEE}
    
    .headerSel{float:left;font-size:14px;padding:4px 12px 2px 12px;margin-left:2px;margin-right:2px;color:#CCC;}
.headerSel a{color:#CCC;}
.headerSel .selected{color:#FFF;}
        .rssBox{margin-bottom:10px;height:20px;background-image:url(rsslogo.jpg);background-repeat: no-repeat;padding-left:25px}
    .rssFeed{color:#CCC;font-size:12px;padding-top:3px;}   
    
    ul{padding:2px;margin:0px;}
    li {display:inline;}
    .image{float:left}
	#exif td{vertical-align:top}
    .exifPortrait{width:370px;margin-left:20px;float:left;color:#FFF}
    .exifLandscape{width:370px;margin-left:20px;margin-top:20px;clear:left;float:left;color:#FFF}
    .exifTitle{font-size:11px;color:#666;vertical-align:top}
    .exifValue{font-size:11px;color:#CCC}  
    
   
    
    .orderCode{font-size:11px;color:#3399cc;margin-left:6px}      
    .pageTextTitle{clear:left;float:left;font-size:14px;color:#666} 
    H1{clear:left;float:left;font-weight:normal;font-size:24px;color:#666;margin-bottom:2px;margin-top:2px;font-family:Lucida Console, Verdana, Arial, Sans-Serif;} 
	H2{clear:left;float:left;font-weight:normal;font-size:12px;color:#999;margin-bottom:2px;margin-top:2px;font-family:Lucida Console, Verdana, Arial, Sans-Serif;}     
	H3{font-size:11px;color:#333;margin:1px;font-weight:normal}  
    
    .pageTextSmall{clear:left;float:left;font-size:13px;color:#AAA}
    .logo{float:right;margin-top:8px;padding-bottom:8px;width:304px;height:88px;background:url(logo_text_dn.gif)no-repeat}
    .logo img{border:0px}
	
	
    .container{width:800px;}  
    .clearFlLeft{clear:left;float:left;}
    .flLeft{float:left}
    body{background-color:#CCC;margin:0px;padding:0px;font-family:Lucida Console, Verdana, Arial, Sans-Serif;}
    
    .tertiaryNav{background-color:#444;border-bottom:1px solid #555;margin:0px}
    .tertiaryNav ul{margin-left:20px}
    .tertiaryNav a{color:#888;text-decoration:none;font-size:14px}
    
    .primaryNav{margin:0px;padding-top:6px;padding-bottom:6px;background-color:#000;border-bottom:1px solid #666}
    .primaryNav ul{margin-left:10px}
    .primaryNav li a{font-size:17px;padding-left:14px;}    
    .primaryNav a{color:#FFF;text-decoration:none;}
    

    .footer{margin-top:40px;background-color:#111;padding:1px 20px 1px 300px;width:480px;}  
    .footer a{color:#666;text-decoration:none;}
    .footer li a{color:#666}    
    .footer a span{color:#666;text-decoration:none;font-size:13px;}    
    .footer li{color:#666;text-decoration:none;}    
    
    .secondaryNav{background-color:#222;border-bottom:1px solid #666;margin:0px}
    .divider{color:#DDD;font-size:12px} 
    .smalldivider{color:#BBB;font-size:14px}   
    .secondaryNav ul{margin-left:20px}
    .secondaryNav a{color:#666;text-decoration:none;font-size:14px}
    .content{margin-left:10px;width:850px}
    .mainImage{margin-left:20px;}
    .homePageImage img{border:1px solid #CCC}
    .homePageSubImages img{border:1px solid #BBB;margin:2px}
    .categoryTitleLink a{color:#666;text-decoration:none;font-size:15px}
    .categoryTextLink a{color:#666;text-decoration:none;font-size:11px}
    
    #thisImageLinks{float:left;width:180px}
    .linkBack{width:144px;clear:left;float:left;padding:4px 2px 2px 10px;margin-top:10px;font-size:12px;font-weight:bold;background-color:#001c2c;border:1px solid #BBB}
    .linkLarge{width:144px;float:left;padding:4px 2px 2px 10px;margin-top:10px;margin-right:10px;font-size:12px;font-weight:bold;background-color:#002c43;border:1px solid #BBB}
    .linkLargeText{color:#CCC}
    .linkBackText{color:#CCC}  
    .links{clear:left;float:left;color:#FFF;float:left;width:370px} 
    .linksLandscape{float:left;width:400px;margin-left:10px;margin-top:60px}
  
  
    .btnPrev{float:left;width:30px;clear:left;float:left;font-size:12px;font-weight:bold;background-color:#001c2c;border:1px solid #BBB;color:#FFF}
    
     .btnNext{float:left;width:30px;clear:left;float:left;font-size:12px;font-weight:bold;background-color:#001c2c;border:1px solid #BBB;color:#FFF}
    /*{width:144px;clear:left;float:left;padding:4px 2px 2px 10px;margin-top:10px;font-size:12px;font-weight:bold;background-color:#001c2c;border:1px solid #BBB}
     {width:144px;clear:left;float:left;padding:4px 2px 2px 10px;margin-top:10px;font-size:12px;font-weight:bold;background-color:#001c2c;border:1px solid #BBB}
     */ 
	.pictureBoxTitle
	{
		/*padding-left:10px;*/
		margin-left:20px;
		margin-top:40px;
		font-size:15px;
	}
    .featuredPictureBoxTitle
	{
		/*padding-left:10px;*/
		margin-top:5px;
		font-size:15px;
		color:#666;
	}
	
	.pageLink
	{
		color:#666;
		text-decoration:underline;
	}
	.navSelected
	{
	    /*text-decoration:underline;*/
	    color:#4fa1e3;
	}
    .smallPhoto{
    text-align:center;
	margin-left:14px;
	margin-top:28px;     
    margin-bottom :28px;
    padding-top:20px;   
    float:left;
    width:176px;
    height:200px;
    border:1px solid #999;
    background-color:#222;
    } 
	 
    .smallCategory{
	margin-left:0px;
	margin-top:0px;     
    margin-bottom :0px;
    /*border-top:1px solid #333; */
    float:left;
	clear:left;
   /* border-bottom:1px solid #CCC; */
    } 
    
	.smallPhotoTitle
    {
    margin-top:4px;
    font-size:12px;
    clear:left;
    width:170px;
    text-align:center;
    float:left;
    color:#888;
}
.smallPhotoSubTitle{   
    font-size:11px;
    clear:left;
    width:170px;
    text-align:center;
    float:left;
    color:#555;
}

.smallPhotoContainer
{}


.fadedCategory{float:left;clear:left;color:#DDD;font-size:11px}
.linkedCategory{float:left;clear:left;color:#AAA;font-size:11px}
.pictureContainer{margin-left:0px;width:800px}
.mainPageTitle{margin-left:20px;margin-top:10px;font-size:20px;width:780px}

.categoryLinks{float:left;margin-top:10px;margin-left:0px;width:300px;margin-left:10px}
.categoryLinksTitle{font-size:10px;float:left}
.categoryTextLink{font-size:12px;padding-right:10px;width:610px;}
.categoryTitleLink{font-size:12px;padding-left:10px;padding-right:10px}
.categoryTitleLink a{font-size:12px;color:#CCC}
.categoryTitleStart{width:0px;float:left}
.categoryTitleEnd{width:0px;background-color:#333;float:left}
.categoryTextEnd{width:0px;background-color:#333;float:left}

.authorBlock{float:left;clear:left;font-family:serif;font-weight:bold;font-size:14px}
.quoteBlock{padding-top:20px;float:left;font-family:serif;font-size:14px}

/*body{background-image:url(/vid/squared_bg.gif)}*/
body{background-color:#000}
.bg {	
	position: fixed;
	top: 25;
	right: 25   ;
	z-index: -1;
	_position: absolute;
}
#headerBar{background-image:url(/vid/squared_header.jpg);width:800px;height:106px}
#copywrite{color:#AAA;clear:both;position:relative;padding:10px;width:790px;font-size:12px;text-align:right;float:left}
#copywrite a{color:#AAA;}
#bookmarks{clear:both;position:relative;padding:10px;margin-left:180px;font-size:12px;-webkit-text-size-adjust:none;float:left}
#bookmarks p {padding:0;margin:0;}
#bookmarks p a{	position:absolute;	top:0px;right:0px;padding:10px;	font-size:12px;}
#bookmarks h3{padding:0 3px 0 0;margin:0;margin:0 5px 0 3px;font-weight:normal;}
#bookmarks ul{text-align:left;list-style:none;margin:15px 0 0px 15px;padding:0;float:left}
#bookmarks ul li{text-align:center;display:inline;padding:2px 14px 16px 0;float:left}
#bookmarks ul li a{padding:0 0 0 18px;margin:0 3px 0 0px;float:left;color:#999}
#bookmarks ul li.delicious{background:url(http://www.tripleoptics.net/vid/icons/delicious.gif) no-repeat 0 0;}
#bookmarks ul li.twitter{background:url(http://www.tripleoptics.net/vid/icons/twitter.gif) no-repeat 0 0;}
#bookmarks ul li.digg{background:url(http://www.tripleoptics.net/vid/icons/digg.gif) no-repeat 0 0;}
#bookmarks ul li.reddit{background:url(http://www.tripleoptics.net/vid/icons/reddit.gif) no-repeat 0 0;}
#bookmarks ul li.facebook{background:url(http://www.tripleoptics.net/vid/icons/facebook.gif) no-repeat 0 0;}
#bookmarks ul li.stumbleupon{background:url(http://www.tripleoptics.net/vid/icons/stumbleupon.gif) no-repeat 0 0;}

#homePageBox{float:left;border:1px solid #333;padding:4px;width:708px;margin-bottom:20px;margin-left:19px}
#homePageTags{margin-left:40px;width:305px;}
#homePagePlaces{margin-left:40px;width:305px;}
.tag{margin-right:10px;font-size:11px;float:left}
.tag{color:#AAA}
.tagsTitle{color:#AAA;font-weight:bold;margin-left:10px;font-size:11px;float:left}

#tutorials{font-size:11px;padding:5px;width:350px}
.tutorialTitle{color:#AAA;font-weight:bold;margin-left:10px;font-size:12px;float:left;width:320px}
.tutorial a{color:#AAA;margin-left:10px;font-size:11px;float:left;clear:left}

.framePortrait{border:5px solid #AAA;padding:10px;background-color:#FFF;width:160px;height:200px;padding-top:36px;text-align:center}
.frameLandscape{border:5px solid #AAA;padding:10px;background-color:#FFF;width:220px;height:160px;padding-top:36px;text-align:center}
#pictureDetails{margin-left:20px}
.socialSquares{padding: 4px 10px 1px 0px;margin-bottom:10px}


/* timeline */
.box{width:80px;height:80px;margin:10px;padding:5px; float:left}
#calendarBack{width:20px;height:80px;margin:10px;padding:5px; float:left;background-color:#333}
#calendarForward{width:20px;height:80px;margin:10px;padding:5px; float:left;background-color:#333}
.boxLink{font-family:"Arial";text-decoration:none}
.yr{font-size:10px;color:#333}					
.mt{font-size:18px;color:#000}
.picCount{font-size:34px;color:#444;float:left}
.picCountText{font-size:12px;color:#444;float:left}			
#calendarBackLink a{font-size:18px;color:#FFF;text-decoration:none}
#calendarForwardLink a{font-size:18px;color:#FFF;text-decoration:none}		
#calendarContainer{width:780px;margin-bottom:100px;margin-top:20px;margin-left:20px}
.homeFolioBox{border:1px solid #666;padding:4px;background-color:#000;margin-bottom:4px}
.homeFolioBox a{text-decoration:none;margin-left:4px}
.homePageBox{width:303px;border:1px solid #AAA;padding:4px;background-color:#333;margin-bottom:4px}
.homePageBox a{text-decoration:none;margin-left:4px}


.contentBlock{color:#CCC;clear:left;float:left;width:750px;margin-top:20px;}
.contentBlockContent{float:left;width:600px}
.contentHeader{float:left;margin-top:10px;font-weight:bold}		
.contentHeader 	H3{font-size:16px;margin:1px;font-weight:bold}  	
.contentHeader 	H3 a{color:#CCC}  
.contentSubHeader{clear:left;float:left;font-weight:normal;font-size:13px}
.contentImage{float:left;margin-right:20px}
.contentImage img{border:1px solid #888}
.contentText{float:left;font-size:11px;margin-top:3px}
.contentLink{clear:both;float:left;margin-top:15px}
.contentLink a{clear:left;float:left;color:#FFF}	
.contentBlockMainTitle{float:left;font-size:18px;margin:1px;font-weight:bold;color:#DDD;margin-top:16px}