img {behavior: url(/css/iepngfix.htc)}

@font-face {
    font-family: 'CapsuulaRegular';
    src: url('/css/fonts/Capsuula-webfont.eot');
    src: url('/css/fonts/Capsuula-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Capsuula-webfont.woff') format('woff'),
         url('/css/fonts/Capsuula-webfont.ttf') format('truetype'),
         url('/css/fonts/Capsuula-webfont.svg#CapsuulaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('/css/fonts/OpenSans-CondLight-webfont.eot');
    src: url('/css/fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('/css/fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('/css/fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('/css/fonts/OpenSans-CondBold-webfont.eot');
    src: url('/css/fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('/css/fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('/css/fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('/css/fonts/DroidSans-webfont.eot');
    src: url('/css/fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/DroidSans-webfont.woff') format('woff'),
         url('/css/fonts/DroidSans-webfont.ttf') format('truetype'),
         url('/css/fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body 		{font-size: 13px; font-family: DroidSansRegular, verdana, helvetica, arial;}
p,td,span	{font-size: 13px; font-weight:normal; color: #000000;}

A {COLOR:#2b6f8c;}
A:link {TEXT-DECORATION:none}
A:hover {color:#777777;TEXT-DECORATION:underline;}
A:visited {TEXT-DECORATION: none}
A:active {TEXT-DECORATION:underline;}

small	{font: 11px DroidSansRegular, verdana, Arial, sans-serif;}
.smtxt 	{font-size: 11px; color: #888888; font-family: DroidSansRegular,verdana,arial,helvetica;}

.loading{
	background-image: url(/css/images/loading_circ.gif); 
	background-repeat: no-repeat;
	background-position:center center; 
	color:#fff;
}

.loaded{
	background-image: url(/images/pixel.gif); 
	background-repeat: no-repeat;
	background-position:center center; 
}



H1	{
	display:inline;
	font-size: 32px; 
	color:#888;
	font-family: CapsuulaRegular,arial narrow, verdana, helvetica, arial; 
	font-weight:bold;
	text-decoration: none;
	letter-spacing: 1px;
	margin-bottom:2px;
}

H2 {
	Font-Family: OpenSansCondensedBold,Arial narrow, Verdana, Helvetica, Arial; 
	font-weight:bold;
	font-size: 16px;
	color:#666;
	line-height: 18px;
	display:inline;
}

/* /////////////////////////// Layout //////////////////// */

#main_div{
	display:block;
	width:922px;
	height:auto;
	xx_border:1px solid blue;
	text-align:center;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;	
	margin-right:10px;
	margin-left:10px;
	xx_background-color:yellow;
	margin-top:0px;
	margin-bottom:10px;

}

#left_col{
	display:block;
	width:600px;
	float:left;
	overflow:hidden;
}

#right_col{
	text-align:left;
	display:block;
	float:left;
	overflow:hidden;
	width:301px;
	border-left: 1px solid #fff;
}


#logo{
	xx_margin-top:-4px;	
	display:block;
	width:600px; 
	height:193px;
	xx_border: 1px solid red;
	
	width:588px; 
	height:190px; 
	padding-right:10px
	margin-top:0px;
	background-image: url(/images/fotau_logo_new3.png); 
	background-repeat:no-repeat;
	background-position:-3 0;
}

#me{
	display:block;
	width:302px;
	height:190px;
	text-align: right;
	background-color:#ddd;
	xx_background-image: url(images/me6b_bg.jpeg); 
	background-image: url(images/me8_bg.jpg); 	
	background-repeat:no-repeat;
	background-position:-80 -10;
}


#footer{
	width:920px;
	text-align:right;
}

/* /////////////////////////// End Layout /////////////// */

.title	{
	FONT-SIZE: 28px; 
	COLOR:#ffffff;
	Font-Family: CapsuulaRegular,Arial narrow, Verdana, Helvetica, Arial; 
	FONT-WEIGHT:normal;
	TEXT-DECORATION: none;
	letter-spacing: 1px;
	margin-bottom:2px;
}

.albumtitle{
	display:inline-block;
	text-align:left;
	FONT-SIZE:24px;
	Font-Family: CapsuulaRegular,Arial narrow, Verdana, Helvetica, Arial; 
	letter-spacing: 5px;
	color:#fff;
	font-variant: small-caps;
	padding-bottom:4px;	
}


.albumlisttitle	{
	FONT-SIZE: 18px; 
	COLOR:#ffffff;
	Font-Family: OpenSansCondensedLight, Arial narrow, Verdana, Helvetica, Arial; 
	FONT-WEIGHT:normal;
	TEXT-DECORATION: none;
	letter-spacing: 1px;
	line-height:18px;
	margin-bottom:3px;
	}



HR{
	display:inline-block;
	border: 0px;
	border-top: 1px dotted #777;
	width:100%;
	padding-bottom:4px;
	padding-top:0px;
	align:left;
	float:left;
	height:1px;
}

#tmpic{
   	xx_visibility:hidden;
	clip:rect(0px,50px,50px,0px);

}

#bimg_load{
	position:absolute;
	border: 10px solid #ccc;
	margin-right:auto;
	margin-left:auto;	
}

#bigpic{
	width:900px;
	height:900px;
   	visibility:hidden;
}

#viewbigphoto{
	display:block;
	z-index:10000;
	height:600px;
	width:600px;
}

#viewbigphoto_overlay{
	xx_position:absolute;
	width:100%;
	height:100%;
	z-index:10001;
	filter:alpha(opacity=0)
	-moz-opacity:0; 
   	opacity:0;	
}

.watermark{
	background-image: url(/images/fotau_logo_med.png);		
	background-repeat:no-repeat;
	background-position:bottom right;
	z-index:10002;
	filter:alpha(opacity=60)
	-moz-opacity:.6; 
   	opacity:.6;		
}

.bigphotoborder{
	cursor:pointer;
	margin-bottom:0px;
	xx_border: 10px solid #dddddd;	
}

#img_load{
	xxposition:absolute;
	border: 1px solid #ccc;
	border-right:0px solid #ccc;
}

#viewphoto{
	height:650px;
	width:600px;
	background-repeat: no-repeat;
	background-image: url(/images/35-1.gif);
	background-position:center center;   
	border: 0px solid green;	
	text-align:right;
}

#viewphoto_overlay{
	display:block;
	xx_position:absolute;
	z-index:10001;
	border: 0px solid red;	
}

#photo_holder{
	display:block;
}

.bg{
	background-color:#ffffff;
	background-image: url(images/tatbg3.jpg); 
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:-5 -20;
}

#debug{
	position:absolute;
	width:300px;
	height:100px;
	overflow:auto;
	left:40px;
	top:30px;
	border: 1px dotted #fff;
	padding:3px;
	text-align:left;
	z-index:10000;
}

.shim{
	width:10px;
	height:10px;
	float:left;
}





#navbar{
	xx_position:absolute;
	float:right;
	xx_display:none;
	width:140px;
	height:30px;
	z-index:10003;
	border:0px solid purple;
}


#bignavbar{
	position:absolute;
	xx_display:none;
	width:140px;
	height:30px;
	xx_margin-left:400px;
	xx_margin-top:20px;
	z-index:10000;
}






#photo_caption{
	display:block;
	height:40px;
	background-color:white;
}

.caption{
	font-size: 10px; 
	padding-right:4px;
	margin-top:0px;
	color:#aaaaaa; 
	font-family: verdana,arial,helvetica;
}


.photoborder{
	cursor:pointer;
	margin-bottom:0px;
	border-top: 1px solid #aaa;	
	border-left: 1px solid #aaa;	
	border-bottom: 1px solid #aaa;	

	xx_border: 1px solid red;
}


#photobg{
	float:left;
	height:640px;
	width:600px; 
	max-height:640px;
	max-width:600px;
	overflow:hidden;
	text-align:right;
	margin-bottom:0px;
}

#photobg_big{
	float:left;
	height:640px;
	width:600px; 
	max-height:640px;
	max-width:600px;
	overflow:hidden;
	text-align:right;
	margin-bottom:0px;
}

#photo{
	position:absolute;

}

#photo_overlay{
	xx_position:absolute;

}

#albumlist{
	float:left;
	width:280px;
	overflow:hidden;
}


#social{
	display:block;
	margin-top:20px;
	overflow:hidden;
	width:280px;
}

#maintext{

	margin-top:0px;
	text-align:left;
	padding-left:10px;
	padding-right:12px;
	padding-bottom:5px;
	
	xx_border: 1px solid red;
}

#right_col_cont{
	display:block;
	width:300px;
	overflow:hidden;

	padding:15px;
	padding-top:10px;
	background-color:#bbb;
}

.pic{
	float:left;
	margin-right:5px;
	width:135px;
	margin-bottom:15px;
}

.site_thumb{
	width:135px;
	border: 1px dotted #aaa;
	margin:0px;
	padding:0px;
}



#thumb_grid{
	float:left;
	width:300px;
	height:303px;
}


.thumbtable{
 	filter:alpha(opacity=100);
	-moz-opacity:1.0; 
   	opacity:1.0;
}

#thumbnails{
	filter:alpha(opacity=100)
	-moz-opacity:1.00; 
   	opacity:1.0;
	text-align:center;
}

.thimg{	
	cursor:pointer;
	border-right: 1px solid white;
	border-top: 1px solid white;
}

.thbg{

	background-color:#ffffff;
	background-image: url(images/tatbg2_flip.jpeg); 
	background-repeat:repeat-y;
	background-position:-150 -20;
}


/* ////////////////////////////////// */





#infobox{
	position:absolute;
	display:block;
  	margin-left: auto ;
  	margin-right: auto ;
	display:none;
	visibility:hidden;
    	z-index:5000;
}

#infoboxtitle{
	padding:4px;
	Font-Family: Lucida Sans, Verdana, Helvetica, Arial;
	background-color:#aaaaaa;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
	margin-bottom:4px;
	margin-top:0px;
}

#infoboxmsg{
	margin-bottom:4px;
}

.box_cont{
	background-color:#ffffff;
}

.box_tl{
	background-image: url(images/box_tl.png); 
	background-repeat:no-repeat;
	background-position:top left;
	width:25px;
	height:25px;
}
.box_t{
	background-image: url(images/box_t.png); 
	background-repeat:repeat-x;
	background-position:top left;
}
.box_tr{
	background-image: url(images/box_tr.png); 
	background-repeat:no-repeat;
	background-position:top left;
	width:25px;
	height:25px;
}
.box_r{
	background-image: url(images/box_r.png); 
	background-repeat:repeat-y;
	background-position:top left;
}
.box_br{
	background-image: url(images/box_br.png); 
	background-repeat:no-repeat;
	background-position:top left;
	width:25px;
	height:25px;
}
.box_b{
	background-image: url(images/box_b.png); 
	background-repeat:repeat-x;
	background-position:top left;
}
.box_bl{
	background-image: url(images/box_bl.png); 
	background-repeat:no-repeat;
	background-position:top left;
	width:25px;
	height:25px;
}
.box_l{
	background-image: url(images/box_l.png); 
	background-repeat:repeat-y;
	background-position:top left;

}


.pop_container_advanced {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background:rgba(82, 82, 82, 0.7) none repeat scroll 0 0;
padding:10px;
}


.smllwht{
	FONT-SIZE:9px;
	FONT-WEIGHT:normal; 
	COLOR: #ffffff;
	line-height:10px;
}

.navicon{
	cursor:pointer;
}

.navbut{
	background-image: url(images/butbg.jpeg); 
	background-color:#aaaaaa;
	cursor:pointer;

	align:left;
	text-align:left;

	padding:6px;
	padding-top:2px;
	padding-bottom:3px;
		
	margin:0px;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:0px;

	border: 1px solid #cccccc;
	
	height:20px;
	
	FONT-SIZE:8pt;
	FONT-WEIGHT:normal; 
	COLOR: #444444;
}


#play{

	display:block;

	background-image: url(images/butbg.jpeg); 
	
	background-color:#aaaaaa;
	cursor:pointer;
	text-align:center;
	align:middle;

	padding:0px;
	padding-top:0px;
	
	margin:0px;
	margin-top:0px;
	margin-left:4px;
	margin-right:0px;

	border: 0px solid #888888;
	
	width:50px;
	height:20px;
	
	FONT-SIZE:8pt;;
	FONT-WEIGHT:normal; 
	COLOR: #555555;
	
	filter:alpha(opacity=80);
	-moz-opacity:.80; 
	opacity:.80;
}


  
#prev{

	display:block;

	background-image: url(images/prev.jpeg); 
	
	background-color:#aaaaaa;
	cursor:pointer;
	text-align:middle;

	padding:0px;

	margin:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;

	border: 0px solid #888888;
	
	width:20px;
	height:20px;
	
	FONT-SIZE:8pt;;
	FONT-WEIGHT:normal; 
	COLOR: #ffffff;
	letter-spacing: 5px;
	
	filter:alpha(opacity=80);
	-moz-opacity:.80; 
	opacity:.80;
}


#next{
	display:block;

	background-image: url(images/next.jpeg); 

	background-color:#aaaaaa;
	cursor:pointer;
	text-align:middle;
	
	padding:0px;

	margin:0px;
	margin-top:0px;
	margin-left:4px;
	margin-right:0px;
		
	border: 0px solid #888888;
	
	width:20px;
	height:20px;
	
	FONT-SIZE:8pt;
	FONT-WEIGHT:normal; 
	COLOR: #ffffff;
	letter-spacing: 5px;

	filter:alpha(opacity=80);
	-moz-opacity:.80; 
	opacity:.80;
}

#photobg{
fborder-left: 1px solid #cccccc;	
fborder-top: 1px solid #cccccc;	

}



.menu{

	padding:1px;
	margin-bottom:5px;
	margin-top:3px;
	margin-right:5px;
	border: 1px solid #cccccc;
	FONT-SIZE:11px;
	FONT-WEIGHT:normal; 
	COLOR: #ffffff;
	background-color:#aaaaaa;
}



.albuminfo{
	
	height:80px;
	FONT-SIZE:10px;
	FONT-WEIGHT:normal; 
	COLOR: #555555;
	margin:-15px;
	margin-top:0px;
	margin-bottom:0px;
	padding:15px;
	padding-bottom:3px;
	padding-top:0px;

	background-color:#cccccc;
	-border-bottom: 1px solid #bbbbbb;
}

.albumliston {cursor:pointer;background-color:#cdcdcd;}
.albumlistoff{cursor:pointer;background-color:#bbbbbb;}
.albumlistclk{cursor:pointer;background-color:#888888;}



.albuminfotxt{
	FONT-SIZE:10px;
	FONT-WEIGHT:normal; 
	COLOR: #555555;
}












.opacon{
	filter:alpha(opacity=100);
	-moz-opacity:1.0; 
   	opacity:1.0;
}
.opacoff{}





.mainphoto{
	border-top: 1px solid #000000;
	border-left: 1px solid #888888;
	border-bottom: 1px solid #888888;	
}



.description	{
	FONT-SIZE: 11px; 
	COLOR:#ffffff;
	Font-Family: Arial narrow, Verdana, Helvetica, Arial; 
	FONT-WEIGHT:normal;
	TEXT-DECORATION: none;
	line-height:10px;
	margin-bottom:10px;
	}

.plaintxt {
	FONT-SIZE: 13px;
	COLOR: #ffffff;
	FONT-FAMILY: arial narrow,verdana,arial,helvetica;
	font-variant: small-caps;
	letter-spacing: 1px;
	line-height:14px;
}




.sq1{
	filter:alpha(opacity=0);
	-moz-opacity:.0; 
   	opacity:.0;
	width:100px;
	height:100px;
	background-color:#ffffff;
	background-position: 25% 50%;
}

.sq2{
	filter:alpha(opacity=0);
	-moz-opacity:.0; 
   	opacity:.0;
	width:100px;
	height:100px;
	background-color:#ffffff;
	background-position: 25% 50%;
}

.sq3{
	filter:alpha(opacity=0);
	-moz-opacity:.0; 
   	opacity:.0;
	width:100px;
	height:100px;
	background-color:#ffffff;
	background-position: 25% 50%;
}

.sq4{
	filter:alpha(opacity=0);
	-moz-opacity:.0; 
   	opacity:.0;
	width:100px;
	height:100px;
	background-color:#ffffff;
	background-position: 25% 50%;	
}

.sq5{	filter:alpha(opacity=0);
	-moz-opacity:.0; 
   	opacity:.0;
	width:100px;
	height:100px;
	background-color:#ffffff;
	background-position: 25% 50%;	
}
.sq6{	filter:alpha(opacity=0);
	-moz-opacity:.0; 
   	opacity:.0;
	width:100px;
	height:100px;
	background-color:#ffffff;
	background-position: 25% 50%;	
}
.sq7{	filter:alpha(opacity=0);
	-moz-opacity:.0; 
   	opacity:.0;
	width:100px;
	height:100px;
	background-color:#ffffff;
	background-position: 25% 50%;	
}
.sq8{	filter:alpha(opacity=0);
	-moz-opacity:.0; 
   	opacity:.0;
	width:100px;
	height:100px;
	background-color:#ffffff;
	background-position: 25% 50%;	
}
.sq9{	filter:alpha(opacity=0);
	-moz-opacity:.0; 
   	opacity:.0;
	width:100px;
	height:100px;
	background-color:#ffffff;
	background-position: 25% 50%;
}


.lightbox{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index:900;
    background-image: url(images/tatbg2.jpeg); 
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:-5 -20;
}




/*  FB Feed styles */

.scroll-track{
	height:40px;
	width:14px;
	background-color:#888;
	
	xx_border-radius: 7px;
}

.scroll-handle{
	border: 1px solid #888;
	height:40px;
	width:12px;
	background-color:#eee;
	cursor:pointer;
	xx_border-radius: 7px;

}

#fb_iframe{
	width:270px;
	height:840px;	
	margin:0px;
}

#fbfeed{
	display:block;
	overflow:hidden;
	width:280px;
	height:580px;
	xx_margin-left:5px;
	xx_margin-top:10px;	
}

.socmed{
	float:left;
	margin-right:1px;
	margin-top:0px;
	width:25px;
	height:25px;
}	



.item_event_highlight{
	xx_width:90%;
	display:inline-block;
	margin-bottom:10px;
	margin-top:10px;
	xx_border: 1px dotted #fff;
	padding:10px;
	padding-top:10px;
	padding-right:0px;
	margin-right:10px;
	margin-top:0px;
	background-color:#eee;
}

.item_event_highlight_label{
	font-size:11px;
	color:#aaa;
	padding:2px;
	padding-bottom:0px;
	background-color:#eee;
	display:inline-block;
	margin-bottom:0px;
	border: 1px solid #eee;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.fbicon{
	margin-right:5px;
	margin-bottom:-2px;
}

.item_div{
	text-align:left;
	font-size:10px;
	word-wrap:break-word;
	width:78%;
	display:inline-block;
	xxmargin-bottom:10px;
	xxmargin-top:10px;
	color:#000;
}

.item_div_next{
	border:1px dotted #fff;
	padding-top:10px;
	padding-left:10px;
	padding:10px;
	margin-bottom:-10px;
	width:92%;
}

.item_div_next_title{
	font-size:11px;
	line-height:10px;
	display:block;
	color: #D1B887;
	margin-bottom:4px;
	margin-left:0px;
	FONT-WEIGHT:bold;
	letter-spacing:2px;
}

.item_comment{
	display:inline-block;
	margin-top:1px;
	background-color:#999;
	padding:4px;
	min-height:32px;
	width:90%;
	font-size:10px;
	color:#000;
	word-wrap:break-word;
}

.comment_idicon{
	display:block;
	float:left;
	width:32px;
	height:32px;
	margin-right:7px;
	margin-bottom:0px;
	margin-top:0px;
}



.photo_div{
	word-wrap:break-word;
	display:inline-block;
	margin-right:10px;
	margin-bottom:5px;
	color:#aaa;
	width:150px;
	height:150px;
	background-position:center;
	background-repeat:no-repeat;
	border: 1px dotted #aaa;
	background-color:#000;
}


.photo_link{
	float:left;
	margin-bottom:10px;
	text-decoration:none;
	width:150px;
	margin-right:10px;
}


.fbphoto{
	xxposition:absolute;
	max-width:200px;
	max-height:200px;
	border: 1px dotted #aaa
	clip:rect(0px,150px,150px,0px);
	overflow:hidden;
}

.idicon{
	display:block;
	float:left;
	width:40px;
	height:40px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:0px;
}

.noicon{
	display:none;
	float:left;
	width:1px;
	height:1px;
}

.fbblock{
	display:inline-block;
	float:left;
	width:50%;
	margin-top:4px;
}

.fbblock_60{
	display:inline-block;
	float:left;
	width:60%;
	margin-top:4px;
}

.fbblock_80{
	display:inline-block;
	float:left;
	width:70%;
	margin-top:4px;
}

.fbblock_100{
	display:inline-block;
	float:left;
	width:100%;
	margin-top:4px;
}

.fbtable{
	padding:0px;
	width:100%
	border:0px;
}

.fbtable td{
	padding:0px;
	width:100%
	border:1px;
	font-size: 12px; 
	color: #aaa;
	font-family: tahoma, verdana, arial, helvetica;
	vertical-align:top;
}


.fbpic{
	margin-top:5px;
	margin-right:10px;
	border: 1px solid #222;
	max-width:200px;
	float:left;
	background-color:#fff;
}

.fbeventpic{
	float:left;
	width:50px;
	height:50px;
	margin-right:10px;
	border: 0px dotted #fff;
}


.fbalbumpic{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	max-width:200px;
	border: 1px dotted #555;
}

.fb_frame{
	border: 0px dotted #fff;
}

.fblink{
	font-size: 11px;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;	
}