@charset "UTF-8";
/* CSS Document */

body { padding-top:80px;  background:url(../images/bg-main.jpg); background-repeat:no-repeat; background-position:center top; background-color:#6c84ae; background-attachment:fixed;}

#root { margin:0 auto; text-align:center; position:relative; width:1175px; 	 }

#head, #body, #tail { overflow:visible; }

#body { background:url(../images/bg-body.png); padding-top:30px; text-align:left;}
#tail { background:url(../images/bg-body.png);  text-align:left;}

#head{ position:relative; background:url(../images/header.png); background-repeat:no-repeat;height:320px; }
#head-menu { width:1175px; position:absolute; bottom:10px; left:59px;  }



/*CALENDAR*/

#giraffe_calendar{ 
display:none; position:absolute; left:262px; top:43px; z-index:200; 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;
background-color:#869ec5;
color:#FFFFFF;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
}
#giraffe_calendar a{ text-decoration:underline; color:#555555;}
.tfoot{}
#wp-calendar-caption{ text-align:left; background:#425d89; padding:4px 0 4px 4px;}
.thead p { width:100%; background-color:#647da6;}
.day,.tbody p span{ width:20px; display:inline-block; text-align:center; padding:4px 0 4px 0;}
.tfoot{padding:4px 0 4px 0;}
.tfoot p span{ display:inline-block; width:40px;}
#wp-calendar-split{ padding:4px 4px 4px 4px; text-align:left; }
/*.CALENDAR*/





/*BLURB*/
.b-sh {  
background:url(../images/bg-img-blurb.png);
background-repeat:no-repeat; 
display:block; 
padding:13px 14px 13px 12px; 
z-index:10; }
.b-sh p{ display:block; overflow:hidden; width:176px; height:170px; }


.fl-l{ float:left; margin-right:15px; margin-bottom:15px;}
#blurb{  height:225px; background:url(../images/bg-blurb.png); background-position:bottom center; background-repeat:no-repeat; margin:0px; display:none;}
.blurb-d{ text-align:center; margin-right:120px;}
.data{ }
.data h1{ margin-bottom:15px; }
.content{ width:955px; padding-left:110px; padding-top:30px; }

.search-box{ position:absolute; width:116px; height:18px; z-index:100; top:16px; left:868px; margin:0px; padding:0px 5px 0px 5px; font-family:Century Gothic,Arial, Helvetica, sans-serif; color:#FFFFFF; background:none; border:none;}
.hidden{ display:none;}
/*.BLURB/


/*SNEAK PEEK*/
#sneak-peek{ height:460px; margin:0px; text-align:center; }

#gal-holder{background:url(../images/bg-sneak.png); background-position:top center; background-repeat:no-repeat; margin:0px;}

#nav-holder{background:url(../images/bg-blurb.png); background-position:top center; background-repeat:no-repeat; height:100px; margin-top:10px;}

#nav-holder em{ font-style:normal; color:#617493; font-size:24px; font-weight:200; padding-right:120px; padding-left:100px;}

.sp-slides { text-align:center; position:relative;}
.sp-slides img{ max-width:928px; max-height:366px;}

.prev-slide{ background:url(../images/arr-l.png); background-repeat:no-repeat; background-position:left; padding-left:40px; text-decoration:none; color:#908c8c;}

.next-slide{ background:url(../images/arr-r.png); background-repeat:no-repeat; background-position:right; padding-right:40px; text-decoration:none; color:#908c8c;}


.s-sh { 
background:url(../images/bg-img-sneak.png);
background-repeat:no-repeat; 
display:block; 
padding:15px 15px 15px 15px; 
position:relative;
width:928px; height:366px; }

.s-sh p{ display:block; overflow:hidden; width:928px; height:366px; }

/*.SNEAK-PEEK*/


/*SOCIAL*/

#social { height:115px; position:relative; display:block; background-color:#FFFFFF;}
.social-content{ position:absolute; background:url(../images/bg-main.jpg); height:95px; background-position:center; left:-25px; width:1005px; top:10px;}

.a-twitter{  top:23px; left:35px; height:50px;  background:url(../images/x-twitter.png);}
.a-facebook{  top:23px; left:560px; height:50px;  background:url(../images/x-facebook.png);}

.a-twitter:hover{  background:url(../images/x-twitter-h.png);background-position:left; background-repeat:no-repeat;}
.a-facebook:hover{  background:url(../images/x-facebook-h.png);background-position:left; background-repeat:no-repeat;
}

.t-twitter{ position:absolute; left:225px; top:10px; width:260px; height:76px; overflow:hidden; text-align:left;}

.t-facebook{ position:absolute; left:776px; top:28px; width:175px; height:76px; overflow:hidden; text-align:left;}

#social p a { text-decoration:none; color:#15507a;}
#social p { font-style:italic; color:#FFFFFF; font-size:12px;}

.soc-l{ background-position:left; background-repeat:no-repeat; display:block; text-decoration:none; font-style:italic; font-size:24px; color:#FFFFFF; padding-left:70px; text-align:left;line-height:50px;position:absolute; font-weight:100;}

/*.SOCIAL*/






/*TAIL*/
#tail{}
.tail-line{ width:1005px; background-color:#f2f2f2; height:10px; margin-left:85px; margin-bottom:30px;}
#tail-app{ display:block; width:1175px;height:74px; background:url(../images/bg-tail.png)}
.tail-credits{ position:relative; text-align:left; height:30px; font-size:12px;}
.c-l{ position:absolute; left:120px; top:0px;}
.c-r{ position:absolute; right:120px; top:0px;}
.c-r a { background:url(../images/flosites-logo.png); width:113px; height:11px; display:inline-block; background-repeat:no-repeat; background-position:right; margin-left:5px;}
.c-r a em{ position:absolute; top:-999999px;}

#archives{ width:970px; padding-left:120px; position:relative; margin-bottom:30px}
.archives-t{ display:inline-block; font-size:24px; text-align:left;}
.archives-m{ display:inline-block; margin-left:198px;  }
.archives-m a{ text-decoration:none; color:#444444; width:55px; height:20px; display:inline-block; }

.archives-t{ position:absolute;}

/*.TAIL*/



/* FONTS */
#root {  font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#908c8c;}
.data h1{ font-size:36px; font-weight:200; color:#617493;}
.data a{ text-decoration:none; color:#617493;}
.data a:hover{ text-decoration:none; color:#425d89;}
.data div { line-height:18px;}
.post a { text-decoration:none; color:#425d89; }
.menu-lvl-1 li ul li a {  color:#FFFFFF; font-size:13px; text-decoration:none; margin:1px 10px 1px 10px; font-family:Century Gothic, Georgia, "Times New Roman", Times, serif;}
.b-com-viewer{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/* .FONTS */








/* POST */

#posts { text-align:left;}

.post-title{ height:100px; text-align:center; background:url(../images/bg-sneak.png); background-position:top center; background-repeat:no-repeat;}
.post-title h1{ padding-top:50px;}

.post-content{ line-height:20px; margin-top:30px; margin-bottom:50px;   }
.post{ width:935px; padding-left:120px; overflow:hidden;}
.post img{ text-align:center; margin-top:15px; margin-bottom:15px; display:block; max-width:935px;}
#post-nav{ text-align:center; padding-left:120px; width:935px; padding-top:30px; padding-bottom:30px;}

#post-nav a{ text-decoration:none; color:#908c8c; }
#post-nav a:hover{ text-decoration:none; color:#444444; }

.out
{
display: table;
#position: relative;
overflow: hidden;
}

.mid
{
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
}
				

.in
{
#position: relative;
#top: -50%;
}				





/* Commentbox */

	
	.comment-box{ width:934px; height:180px; position:relative; background:url(../images/bg-com-main.png); background-repeat:no-repeat;}
	
	.b-com-viewer{ width:597px; height:120px; position:absolute; top:52px; left:0px;}
	.b-com-scroll{height:120px; overflow:auto; text-align:left;}	
	.comment-box{ }
	.comment-box a{ color:#aaaaaa; }
	.cm{ position:absolute; display:block; font-size:15px; top:22px; font-family:Century Gothic, Arial, Helvetica, sans-serif; color:#aaaaaa; font-weight:200; }
	.com-menu-1{ left:34px;}
	.com-menu-2{ left:256px;}
	.com-menu-3{ left:476px;}
	.com-menu-4{ left:656px;}
	
	
	/*A comment*/
    .b-com-viewer div p { margin-right:20px; margin-top:15px; margin-left:20px; line-height:15px;}
	/*Name*/
	.b-com-viewer div p em  { color:#617493; font-style:normal; font-weight:600;}
	.b-com-viewer div p em a{ color:#617493; font-weight:600; }
	/*Comment*/
	.b-com-viewer div p big { }
	/*Date*/
	.b-com-viewer div p strong { font-weight:normal; }
	
	

/*.Commentbox*/



/*Add comment box*/
.add-commentbox{ position:absolute; top:52px; left:678px;}
.inp-t{ margin:0px; padding:0px; border:none; width:251px; height:20px;   margin-left:5px;   line-height:20px; background:url(../images/bg-com-text.png)}
.inp-1{ top:0px; position:absolute; left:0px; }
.inp-2{ top:22px; position:absolute; left:0px;}
.inp-b{ margin:0px; padding:0px; border:none; width:251px; height:70px;  margin-left:5px; line-height:14px; padding-top:5px; overflow:auto; background:url(../images/bg-com-area.png) }
.inp-3{position:absolute; left:0px; top:44px; }
.inp-f{ font-size:11px; color:#908c8c; font-family:Georgia, "Times New Roman", Times, serif;}
.inp-p{ margin-bottom:10px;}
.inp-s{ margin:0px; padding:0px; border:none; width:100px; height:20px;  margin-left:5px; line-height:20px;  overflow:auto; background:url(../images/bg-com-area.png) }


.add-commentbox span a{ display:block; width:43px; height:22px; position:absolute; top:92px; left:-48px;}

.com-note{ display:none; width:301px; height:100px; position:absolute; left:613px; padding:10px; top:52px;
background:url(../images/bg-com-note.png); background-position:right; background-repeat:no-repeat; line-height:15px;}
.com-note a{ color:#617493;}
/*.Add comment box*/


/* .POST */




/*PAGE*/

.page-content{ line-height:20px; margin-top:30px; margin-bottom:50px; text-align:justify; }

/*.PAGE*/




/*FIRST GENERATE CSS, then change menu height*/

/*GENERATED MENU CSS*/
.m1-1 a	 { background-position:-0px 0px; width:54px; } 
.m1-1 a:hover { background-position:-0px -43px; }
.m1-1 p { background-position:-0px -43px; margin:0px; padding:0px; width:54px; }
.m1-1-active a { background-position:-0px -43px; }
.m1-2 a	 { background-position:-54px 0px; width:78px; } 
.m1-2 a:hover { background-position:-54px -43px; }
.m1-2 p { background-position:-54px -43px; margin:0px; padding:0px; width:78px; }
.m1-2-active a { background-position:-54px -43px; }
.m1-3 a	 { background-position:-132px 0px; width:130px; } 
.m1-3 a:hover { background-position:-132px -43px; }
.m1-3 p { background-position:-132px -43px; margin:0px; padding:0px; width:130px; }
.m1-3-active a { background-position:-132px -43px; }
.m1-4 a	 { background-position:-262px 0px; width:113px; } 
.m1-4 a:hover { background-position:-262px -43px; }
.m1-4 p { background-position:-262px -43px; margin:0px; padding:0px; width:113px; }
.m1-4-active a { background-position:-262px -43px; }
.m1-5 a	 { background-position:-375px 0px; width:101px; } 
.m1-5 a:hover { background-position:-375px -43px; }
.m1-5 p { background-position:-375px -43px; margin:0px; padding:0px; width:101px; }
.m1-5-active a { background-position:-375px -43px; }
.m1-6 a	 { background-position:-476px 0px; width:69px; } 
.m1-6 a:hover { background-position:-476px -43px; }
.m1-6 p { background-position:-476px -43px; margin:0px; padding:0px; width:69px; }
.m1-6-active a { background-position:-476px -43px; }
.m1-7 a	 { background-position:-545px 0px; width:142px; } 
.m1-7 a:hover { background-position:-545px -43px; }
.m1-7 p { background-position:-545px -43px; margin:0px; padding:0px; width:142px; }
.m1-7-active a { background-position:-545px -43px; }
.m1-8 a	 { background-position:-687px 0px; width:43px; } 
.m1-8 a:hover { background-position:-687px -43px; }
.m1-8 p { background-position:-687px -43px; margin:0px; padding:0px; width:43px; }
.m1-8-active a { background-position:-687px -43px; }
.m1-9 a	 { background-position:-730px 0px; width:327px; } 
.m1-9 a:hover { background-position:-730px -43px; }
.m1-9 p { background-position:-730px -43px; margin:0px; padding:0px; width:327px; }
.m1-9-active a { background-position:-730px -43px; }

/*//GENERATED MENU CSS*/
.menu-lvl-1 { left:0px; position:absolute; top:0px; }


.menu-lvl-1 li a 
{
	display:block;
	height:43px;
	overflow:hidden;
	position:relative;
	background-image:url(../images/menu-lvl-1.png);
}

.menu-lvl-1 li p 
{
	display:block;
	height:43px;
	overflow:hidden;
	position:relative;
	background-image:url(../images/menu-lvl-1.png);
}


.menu-lvl-1 
{
  position:absolute;
  z-index:79;
  text-align:left;
}

.menu-lvl-1 li {
	position:relative;
	float:left;
	height:20px;
}

#l-root .menu-lvl-1 li.last { padding-right:0; }

.menu-lvl-1 li a {
  display:block;
}

js-activated .menu-lvl-1 li:hover ul { display:block; }

.menu-lvl-1 li ul { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;
	display:none;
	position:absolute;
	z-index:79;
	background:none;
	border:0px;
	border-top:0px;
	background-color:#869ec5;
	margin-top:25px;
}

.menu-lvl-1 li li {
	display:block;
	float:none;
}

.menu-lvl-1 li li a {
	min-width:140px; z-index:80;
}

.menu-lvl-1 li li a:hover 
{
	background:none;
	color:#dddddd;

}


.menu-lvl-1 li li a 
{
	background:none;

	margin:0px;
	
	

}



.menu-lvl-1 li ul 
{
	top:16px;
	z-index:79;

	padding-top:2px;
}

.menu-lvl-1 li a {
	
	font-size:10px; 
	text-decoration:none;
	white-space:nowrap;

	margin-right:0px;
}

.menu-lvl-1 li span {
	position:absolute;
	top:-1079px;
}


.menu-lvl-1 li a {
	display:block;
	height:43px;
	overflow:hidden;
	position:relative;
}











.fade1{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
.fade2{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;}
.fade3{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;}
.fade4{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;}
.fade5{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.fade6{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
.fade7{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
.fade8{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;}
.fade9{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.fade10{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);-moz-opacity:0.55;opacity:0.55;}
.fade11{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
.fade12{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=45);-moz-opacity:0.45;opacity:0.45;}
.fade13{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;}
.fade14{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);-moz-opacity:0.35;opacity:0.35;}
.fade15{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;}
.fade16{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;}
.fade17{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);-moz-opacity:0.20;opacity:0.20;}
.fade18{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;}
.fade19{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);-moz-opacity:0.10;opacity:0.10;}
.fade20{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=5);-moz-opacity:0.05;opacity:0.05;}
.fade21{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-moz-opacity:0.00;opacity:0.00;}