/* @group Background COLOR colour */
body {
background-color: #F6F6F6;
}

#bodyimage_bottom {
background-color: #F6F6F6;
}
/* 
#bodyimage {
background-color: #F6F6F6;
}
 */

/* @end */
/* @group Text Colour Title and Slogan */

#pageHeader h1 {
	color: #F6F6F6;
}
#pageHeader h2 {
	color: #F6F6F6;
}
/* @end */

/* @group Link   NORMAL */

a:link {
	color: #5F8BB6;
}
/* @end */
/* @group Link   ACTIVE ecc */
/* movie photos links */
.thumbnail-frame:hover,
.movie-thumbnail-frame:hover   {
	color: #063155;
}
/* links */
a:hover, a:active   {
	color: #063155;
}
.blog-archive-link-enabled,
.blog-category-link-enabled,
.blog-entry-permalink a:visited   {
	color: #063155;
}
/* links visited */
a:visited   {
	color: #557DA3;
}
/* @end */
/* @group Text  Colour  CONTENT  */

/* EX4 button */
#drop:after, #drop:before   {
color: #626262;
}

#drop.boxopened:after {
color: #C6C6C6;
}
#drop [class^="fa fa-"] {
color: #FFFFFF;	
}

#drop.boxopened [class^="fa fa-"]:hover,
#drop [class^="fa fa-"]:hover {
color: #FEFFFE;	
}
#drop, #drop.boxopened {
background-color: #E4E5E4;	
}
/* EX4 button */

#container {
background-color: #FEFFFE;		
}

pre, xmp, code {
background-color: #E4E5E4;	
}

hr {
border-color: #E4E5E4;	
}
/* Photo single page */
.photo-frame, .exif-data, .photo-navigation {
border-bottom-color: #585858;	
border-color: #4E4E4E;	
}
/* Photo single page end */
.album-title,
.movie-page-title,
.filesharing-item-title,
.standout, blockquote  {
	color: #4E4E4E;
}

#contentContainer{
	color: #626262;
}
/* Borders Below */
.album-title,
.movie-page-title {
	border-bottom-color: #7F7F7F;
	border-top-color: #7F7F7F;
}
table, code, pre, xmp {
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	
	
	color: #4E4E4E;
}
td  {
	border-left-color: #9C9C9C;
	border-right-color: #9C9C9C;
	border-top-color: #9C9C9C;
	border-bottom-color: #9C9C9C;	
}
th { }
/* @end */
/* @group Text  Colour  SIDEBAR */

#sidebarContainer .lastpublished {
	border-left-color: #757575;
	border-right-color: #757575;
	border-top-color: #757575;
	border-bottom-color: #757575;	
}

#sidebarContainer {
	color: #626262;
}

#sidebarContainer .sideHeader,
#sidebarContainer .lastpublished,
.standout, #sidebar blockquote  {
	color: #585858;
}
/* @end */
/* @group extracontent 1 - 2 - 4 (not 3) */

#extraContainer1, #extraContainer2, #extraContainer4, #extraContainer4box { /* Extracontent background */
background-color: #414C57;	
}
#extraContainer1, #extraContainer2, #extraContainer4 { /* Extracontent text */
	color: #C6C6C6;
}
#extraContainer1 .standout, blockquote,
#extraContainer1 .standout, #sidebar blockquote,
#extraContainer2 .standout, blockquote,
#extraContainer2 .standout, #sidebar blockquote,
#extraContainer4 .standout, blockquote,
#extraContainer4 .standout, #sidebar blockquote {
	color: #C6C6C6;
}
#extraContainer1 a, #extraContainer2 a, #extraContainer4 a { /* Extracontent links normal */
	color: #ADD4ED;
}
#extraContainer1 a:hover,
#extraContainer1 a:active,
#extraContainer2 a:hover,
#extraContainer2 a:active,
#extraContainer4 a:hover,
#extraContainer4 a:active  { /* Extracontent links over */
	color: #FFFFFF;
}
/* @end */

/* @group Default toolbar */

#drop.boxopened, #drop  {
	color: %colour_tab_background%;
}

/* color of the tab */

#navcontainer3menu [class^="fa fa-"]{
	color: #4B677F;
}

#navcontainer3menu [class^="fa fa-"]:hover{
	color: #000000;
}

#navcontainer a {
	color: #4B677F;
}

/* text color footer */

#up [class^="fa fa-"] {
 color: #47535F;	
}

#footer p {
	color: #3C5265;
}

#footer a, #footer a:link, #footer a:visited,
#footer a:hover, #footer a:active {
	color: #5A7B98;
}

/* text color footer */

#navcontainer a:hover,
#navcontainer #current,
#navcontainer a:active {
	color: #000000;
}

/* before  */

.navcontainer ul .parent:before {
	color: #4B677F;
}
/* before  */

#navcontainer .current, #navcontainer .currentAncestor {
	color: #000000;}

/* My Comment */

#breadcrumbcontainer a, #breadcrumbcontainer li, #breadcrumbcontainer a:hover {
	color: #4B677F;
}

#breadcrumbcontainer a, #breadcrumbcontainer a:hover {
	color: #4B677F;
}

/* ... */

#navcontainer {
background-color: #414C57;	
}

#navcontainer:before, #navcontainer:after,
.f-navcontainer:before, .f-navcontainer:after {
background-color: #4E5B68;	
}

#navcontainer:before, #navcontainer:after,
.f-navcontainer:before, .f-navcontainer:after {
	border-left-color: #576675;
	border-right-color: #576675;
}

/* #extraContainer3:before, #extraContainer3:after,
.f-navcontainer #extraContainer3:before, .f-navcontainer #extraContainer3:after,

.f-navcontainer #extraContainer3 span.social a,
.f-navcontainer #extraContainer3 .fa a,
.f-navcontainer #extraContainer3  [class^="fa-"],
.f-navcontainer #extraContainer3  [class*=" fa-"] {
background-color: #B1B1B1;	
} */



/* ... */


#breadcrumbcontainer {
background-color: #414C57;	
}

#breadcrumbcontainer li {
color: #4E5B68;
}


/* #breadcrumbcontainer, #navcontainer, .navcontainer,

.f-navcontainer .navcontainer li:last-child,
.f-navcontainer .navcontainer li,
.f-navcontainer .navcontainer li:first-child {
background-color: #414C57;	
}
 */

/* this style fill all toolbar */
#navcontainer_color,
#footer {
background-color: #414C57;	
}

/* .f-navcontainer .navcontainer ul {
background-color: #414C57;	
} */


/* this style fill all toolbar */

#navcontainer {

	border-bottom-color: #343C45;
	border-top-color: #343C45;
}

/* My Comment */

.f-navcontainer #extraContainer3,
#extraContainer3 {
background-color: #B1B1B1;	
}

#extraContainer3{ /* Extracontent background */
background-color: #B1B1B1;	
}

#extraContainer3 {
	border-left-color: #CBCBCB;

}

/* this style fill all toolbar */
.f-navcontainer .navcontainer ul {
background-color: #414C57;	
}
/* this style fill all toolbar */
/* @end */

/* @group Awesome 4 */

#navcontainer a [class^="fa-"]:before,
#navcontainer a [class*=" fa-"]:before {
	color: #4B677F;
}

/* ---- */


#navcontainer a:hover [class^="fa-"]:before,
#navcontainer #current [class^="fa-"]:before,
#navcontainer a:active [class^="fa-"]:before,

#navcontainer a:hover [class*=" fa-"]:before,
#navcontainer #current [class*=" fa-"]:before,
#navcontainer a:active [class*=" fa-"]:before {
	color: #000000;
}
#navcontainer .current [class^="fa-"]:before,
#navcontainer .currentAncestor [class^="fa-"]:before,
#navcontainer .current [class*=" fa-"]:before,
#navcontainer .currentAncestor [class*=" fa-"]:before {
	color: #000000;
}
/* @end */


/* @group Tipsy colors */

.tipsy-inner {background-color: #2F2F2F; }

.tipsy-inner {color:#FFFFFF}

.tipsy-arrow {
border-bottom-color: #2F2F2F;
border-top-color: #2F2F2F;
border-left-color: #2F2F2F;
border-right-color: #2F2F2F;
}
.tipsy-arrow-n {border-bottom-color: #2F2F2F;}
.tipsy-arrow-s {border-top-color: #2F2F2F;}
.tipsy-arrow-e {border-left-color: #2F2F2F;}
.tipsy-arrow-w {border-right-color: #2F2F2F;}



/* @end */

.fa-font-out {
	background-color: #2F2F2F;
}





		#bodyimage, .body_overlay_box {
	background: url(images/editable_images/big_image_9.jpg) repeat center top;
}
/* "repeat center" is only for IE8 */


.bodygrid {
	background: url(images/elements/png/dots2.png) repeat fixed center top;
}

.body_overlay_box_grid {
	background: url(images/elements/png/dots2.png) repeat fixed center top;
}

@media only screen  /* OPTION available only in NON ipad tablet with height less than 768px*/
and (max-device-height : 767px) 
and (orientation : landscape) {
#menuOpened { top: 0px !important; }

/* @group Navcontainers  + breadcrumcontainer ON/OFF was at 800px */
.navcontainer { display: none !important; }
.breadcrumbcontainer2 {display: block !important;}

#navcontainer3menu { display: block !important;}

#navcontainer3 {/* display: block; */}


#navcontainer2 {	display: block !important;}
/* @end */






/* @group EX3+social fixed / scroll */
.f-navcontainer #navcontainer3menu [class^="fa fa-"],
.f-navcontainer #extraContainer3menu [class*=" fa-"],

.f-navcontainer #extraContainer3 span.social a,
.f-navcontainer #extraContainer3 {
	display: none;
	position: relative !important;
}

/* @end */

/* @group logo small off */

#logo_small_ex3_off, .logo_small_ex3_off, #logo_small, .logo_small {
	display: none;
	position: relative !important;
}


.f-navcontainer #extraContainer3 span.social a,
.f-navcontainer #extraContainer3 .fa a,
.f-navcontainer #extraContainer3  [class^="fa-"],
.f-navcontainer #extraContainer3  [class*=" fa-"],
.f-navcontainer #extraContainer3,
.f-navcontainer #extraContainer3 #logo_small ,
.f-navcontainer .navcontainer li,
.f-navcontainer .navcontainer li:before,
.f-navcontainer .navcontainer li:afte,
.f-navcontainer .navcontainer ul ul li,
.f-navcontainer .navcontainer,
.f-navcontainer #navcontainer,
.f-navcontainer .logo_small { }

/* @end */



}


@media only screen and (min-width: 801px) and (min-height: 601px) {/* the limit is 768px for the iPad - 780px is a safe value*/
/* Hide the toolbar on responsive simulation*/
#navcontainer3 {
    display: none !important;
}
}

#up [class^="fa fa-"] {
	color: #dfdfdf;
	background-color: transparent !important;

	
}
/* background: -o-linear-gradient(transparent, transparent) !important;  --> remove gradient in OPERA */
/* 	text-shadow: none !important;
 background: -webkit-linear-gradient(#fefffe, #858585);
	  background: -o-linear-gradient(transparent, transparent) !important; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */



#breadcrumbcontainer li {
	color: #acacac;
	text-shadow: #fefffe 0 1px 0;
}

#breadcrumbcontainer, #navcontainer, .f-navcontainer .navcontainer ul, #footer {	
	background-color: #dfdfdf;/* for IE8 */    
        
}

/* background-image: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.0, #ffffff ),
        color-stop( 0.029, #e9e9e9 ),
        color-stop( 0.516, #e0e0e0 ),
        color-stop( 0.953, #d7d7d7 ),
        color-stop( 1.0, #c8c8c8 ));

  background-image: -webkit-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: -moz-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: -ms-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: -o-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );    */

#navcontainer, .f-navcontainer .navcontainer ul, #footer {	
	background-color: #dfdfdf;/* for IE8 */
     
        
}

/* background-image: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.0, #ffffff ),
        color-stop( 0.029, #e9e9e9 ),
        color-stop( 0.516, #e0e0e0 ),
        color-stop( 0.953, #d7d7d7 ),
        color-stop( 1.0, #c8c8c8 ));

  background-image: -webkit-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: -moz-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: -ms-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: -o-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );    */

#footer a, #footer p {
	color: #7b7b7b;
	text-shadow: #f4f4f4 0 1px 1px;
}

#footer a:link, #footer a:visited {
	color: #191919;
		text-shadow: #f7f7f7 0 1px 0;
}
#footer a:hover, #footer a:active {
	color: #191919;
		text-shadow: #f7f7f7 0 1px 0;
	text-decoration: underline;
}

.f-navcontainer .navcontainer li { 	background-color: transparent; }
/* opened */
.f-navcontainer .navcontainer li:last-child,
.f-navcontainer .navcontainer li:first-child {
	background-color: transparent;
}
/* opened */
/* ----------- */
.f-navcontainer #extraContainer3,
#extraContainer3 {	
		background-color: #adadad;/* for IE8 */
}

/* 	
	 background-image: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.0, #ffffff ),
        color-stop( 0.018, #bfbfbf ),
        color-stop( 0.953, #a8a8a8 ),
        color-stop( 1.0, #b3b3b3 ));

  background-image: -webkit-linear-gradient(top,
        #ffffff, 
        #bfbfbf 1.8%,
        #a8a8a8 95.3%,
        #b3b3b3 );

  background-image: -moz-linear-gradient(top,
        #ffffff, 
        #bfbfbf 1.8%,
        #a8a8a8 95.3%,
        #b3b3b3 );

  background-image: -ms-linear-gradient(top,
        #ffffff, 
        #bfbfbf 1.8%,
        #a8a8a8 95.3%,
        #b3b3b3 );

  background-image: -o-linear-gradient(top,
        #ffffff, 
        #bfbfbf 1.8%,
        #a8a8a8 95.3%,
        #b3b3b3 );

  background-image: linear-gradient(top,
        #ffffff, 
        #bfbfbf 1.8%,
        #a8a8a8 95.3%,
        #b3b3b3 );

	 */

#extraContainer3 {
	border-left: 1px solid #e0e0e0;
}

#navcontainer_color {
	background-color: transparent;
}


/* ----- only text shadow below------ */

.navcontainer ul .parent:before {
	text-shadow: #f7f7f7 0 1px 0;
}

.navcontainer a {
	text-shadow: #f7f7f7 0 1px 0;
}

#extraContainer3 span.social a {
	text-shadow: #eaeaea 0 1px 0;
}

#extraContainer3 .fa a,
#extraContainer3  [class^="fa-"],
#extraContainer3  [class*=" fa-"]  {
	text-shadow: #e2e2e2 0 1px 0;
}

/* @group Toolbar corners */

#navcontainer:after, .f-navcontainer:after{
	border-right-style: none !important;
}

#navcontainer:before, .f-navcontainer:before {
	border-left-style: none !important;
}

#navcontainer:before, .f-navcontainer:before,
#navcontainer:after, .f-navcontainer:after{
	
	background-color: #dfdfdf;/* for IE8 */
      
 }

/* background-image: -webkit-gradient(linear, left top, left bottom,
        color-stop( 0.0, #ffffff ),
        color-stop( 0.029, #e9e9e9 ),
        color-stop( 0.516, #e0e0e0 ),
        color-stop( 0.953, #d7d7d7 ),
        color-stop( 1.0, #c8c8c8 ));

  background-image: -webkit-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: -moz-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: -ms-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: -o-linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );

  background-image: linear-gradient(top,
        #ffffff, 
        #e9e9e9 2.9%,
        #e0e0e0 51.6%,
        #d7d7d7 95.3%,
        #c8c8c8 );   */

/* @end */














/* hide */

#sidebarContainer {	
width: 100% !important;
	float: none;
}

#sidebarContainer #sidebar,
#sidebarContainer .sideHeader  {
	width: auto;
}



#contentContainer {
	width: 100% !important;
	border: none;
	margin: 0;
}

/* blog below */

/* ___________________________ */

/* Styles the blog RSS feeds in the blog sidebar */
.blog-rss-link {

	padding-bottom: 18px;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 2%;
	padding-left: 3%;
	text-indent: 4px;
}
.blog-comments-rss-link {

	padding-bottom: 4px;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 2%;
	padding-left: 3%;
	text-indent: 4px;
}

.blog-rss-link {

	padding-bottom: 18px;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 2%;
	padding-left: 3%;
	text-indent: 4px;
}
.blog-comments-rss-link {

	padding-bottom: 4px;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 2%;
	padding-left: 3%;
	text-indent: 4px;
}

p.blog-entry-tags {
	padding-top: 5px;
	text-align: left;
}
p.blog-entry-tags a {
	padding: 3px 1px 4px 20px;
	margin-left: 2px;	
}
/* ___________________________ */

#blog-archives {
	padding: 10px;	
	margin-top: 10px;	
	line-height: 20px;
	margin-left: 2%;
	float: left;
	width: 27.5%;
}

#blog-categories {
	margin-top: 10px;
	padding: 10px;
	margin-left: 2%;
	float: left;
	width: 27.5%;
}
ul.blog-tag-cloud {
	padding: 10px;
	margin-top: 10px;
	margin-left: 2%;
	float: left;
	width: 27.5%;
}
/* _____________ok______________ */
#blog-archives {
	padding: 10px;	
	margin-top: 5px;	
	line-height: 20px;
	margin-left: 2%;
	float: left;
	width: 27.4%;
}
#blog-categories {
	margin-top: 5px;
	padding: 10px;
	margin-left: 2%;
	float: left;
	width: 27.4%;
}
ul.blog-tag-cloud {
	padding: 10px;
	margin-top: 5px;
	margin-left: 2%;
	float: left;
	width: 27.4%;
}
/* ____________ok_______________ */

body, a:link, a:visited, #pageHeader h1, pageHeader h2, #sidebarContainer .sideHeader, #footer a:link, #footer a:visited, h1, h2, h3, h4, .blog-archive-month, .blog-entry-title, .blog-entry-date, .album-title, .album-description, .thumbnail-caption, .photo-title, .photo-caption, .movie-page-title, .movie-page-description, .movie-thumbnail-caption, .photo-title, .photo-caption, .movie-title, .rw-sitemap ul a, .rw-sitemap ul li:last-child,
.f-navcontainer, .navcontainer a, #footer p, #footer, #breadcrumbcontainer, .breadcrumbcontainer, .f-navcontainer .navcontainer, .f-navcontainer #navcontainer li, .rw-sitemap, .rw-sitemap ul a, .rw-sitemap ul li li a, .rw-sitemap ul li li li  {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
#contentContainer #content, #sidebarContainer #sidebar, #extraContainer1, #extraContainer2 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif !important;
}

/* PrettyPhoto title */
.pp_description {
	font-family: 'M1clight', serif;
}
/* PrettyPhoto title */
#pageHeader h1 {
	letter-spacing: 1px;
	font-family: 'M1clight', serif;
}
#pageHeader h2 {
	letter-spacing: 1px;
	font-family: 'M1clight', serif;
}
.rw-sitemap ul a {
	font: 17px 'M1cregular', serif;
	letter-spacing: 1px;
}
.rw-sitemap ul li li a {
	font: 15px 'M1cregular', serif;
	letter-spacing: 0;
}
.blog-entry-title a,
.blog-archive-month,
.blog-archive-month a,
.filesharing-item-title a,
.album-title,
.movie-page-title,
.photo-title,
#sidebarContainer .sideHeader,
.standout, blockquote,
.standout, #sidebar blockquote,
#viewingButton #text {
	font-family: 'M1clight', serif !important;
	letter-spacing: 1px;
}

#footer p, #footer,
#footer a:link, #footer a:visited,
#footer a:hover, #footer a:active {
	font-family: 'M1clight', serif !important;

}


.album-title,
.movie-page-title,
.blog-entry-title,
.blog-archive-month,
.blog-archive-month a {
	font-size: 23px;
	line-height: 18px;
}
h1, h2, h3, h4, h5, h6 { font-family: 'M1clight', serif !important;}
h1 { }
h2 { }
h3 { }
h4 {	letter-spacing: 1px;}
h5 {	letter-spacing: 1px;}
#viewingButton #text{
	letter-spacing: 1px;
	font-family: 'M1clight', serif;
}

#navcontainer a{
	font-family: 'M1cregular', serif;
}
#navcontainer ul ul a {
}
#navcontainer2 a, #navcontainer3 a { }#navcontainer2 ul ul a { }
/* ------------ */
#navcontainer a, /* no bold CURRENT style*/
#navcontainer #current,
#navcontainer ul #current,
#navcontainer ul ul #current,
#navcontainer ul ul ul ul #current,
#navcontainer ul ul ul ul ul #current,
#navcontainer2 a, /* no bold CURRENT style*/
#navcontainer2 #current,
#navcontainer2 ul #current,
#navcontainer2 ul ul #current,
#navcontainer2 ul ul ul ul #current,
#navcontainer2 ul ul ul ul ul #current { }

#navcontainer .currentAncestor, /* no bold ANCESTOR*/
#navcontainer ul .currentAncestor,
#navcontainer ul ul .currentAncestor,
#navcontainer ul ul ul .currentAncestor,
#navcontainer ul ul ul ul .currentAncestor,
#navcontainer2 .currentAncestor, /* no bold ANCESTOR*/
#navcontainer2 ul .currentAncestor,
#navcontainer2 ul ul .currentAncestor,
#navcontainer2 ul ul ul .currentAncestor,
#navcontainer2 ul ul ul ul .currentAncestor {
	font-weight: normal;
	font-style: normal;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active,
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active,
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active,
h7 a:link, h7 a:visited, h7 a:hover, h7 a:active {
	 font-family: 'M1clight', serif !important;
}

/* Extracontent */

/* questo file è vuoto perchè tuti gli stili per la Photo Gallery classica sono già inclusi nel CSS principale */

#container{	width: 1000px; }
/* 1000 content and sidebar percent */
#contentContainer {	width: 73.85%;}
#sidebarContainer {	width: 24.3%;}
#navcontainer, .f-navcontainer{	max-width: 1000px;}
#pageHeader{	max-width: 1000px;}
#pageHeader{	max-width: 1000px;}
/* hide border if active */
@media only screen and (max-width: 1012px) {
#navcontainer:after, .f-navcontainer:after, #navcontainer:before, .f-navcontainer:before {display: none;}
}

@media only screen and (max-width: 1000px) {
/* corners off */

#extraContainer3, #navcontainer, #navcontainer_color {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;		
}

}

/* ----sidebar position range---- */
@media only screen and (max-width: 950px) {

/* 900 content and sidebar percent */
#contentContainer {
	width: 71.2%;
}
#sidebarContainer {
	width: 26.9%;
}
}

@media only screen and (max-width: 900px) {

/* 850 content and sidebar percent */
#contentContainer {
	width: 69.42%;
}
#sidebarContainer {
	width: 28.5%;
}
}

@media only screen and (max-width: 850px) {

/* 800 content and sidebar percent */
#contentContainer {
	width: 67.6%;
}
#sidebarContainer {
	width: 30.25%;
}
}

@media only screen and (max-width: 800px) {

/* 750 content and sidebar percent */
#contentContainer {
	width: 65.4%;
}
#sidebarContainer {
	width: 32.35%;
}
}

@media only screen and (max-width: 750px) {

/* 700 content and sidebar percent */
#contentContainer {
	width: 64.4%;
}
#sidebarContainer {
	width: 33.3%;
}
}

#fade_status { top: 1px !important; }

/* UP: Back to Top Button */

#up_wrapper {	
	height: 46px;
	width: 46px;
	margin-right: auto;
	margin-left: auto;
	
	transition: all 0s linear !important;
	-moz-transition: all 0s linear !important;
	-webkit-transition: all 0s linear !important;
	-o-transition: all 0s linear !important;
	background-color: transparent;
}

#up [class^="fa fa-"] {
	background-color: transparent !important;
	font-size: 45px;
	-webkit-font-smoothing: none;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	
	 background: -o-linear-gradient(transparent, transparent);/* remove gradient in OPERA */

/*  	-webkit-transition: all 200ms ease-in-out 100ms;
	-moz-transition: all 200ms ease-in-out 100ms;
	-o-transition: all 200ms ease-in-out 100ms;
	transition: all 200ms ease-in-out 100ms; */
	
	transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-webkit-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	text-indent: 4px;
	text-shadow: #444 0 1px 1px;
	cursor:n-resize;

}

#up {
	bottom: 0;	
	z-index: 1000;
	 position: fixed;	
	text-transform: uppercase;
	overflow: visible;
	 letter-spacing: 1px;
	display: block;
	height: 46px;
	width: 46px;
	margin: 0;
	
	transition: all 0s linear !important;
	-moz-transition: all 0s linear !important;
	-webkit-transition: all 0s linear !important;
	-o-transition: all 0s linear !important;
	
}
#up span {	
	width: 46px;	
	margin: -15% auto 0;
		
  border-top-left-radius:6px;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
border-top-right-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topright:0px; 
  display: block !important;
	padding: 0;	

	height: 46px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    
    transition: all 0s linear !important;
	-moz-transition: all 0s linear !important;
	-webkit-transition: all 0s linear !important;
	-o-transition: all 0s linear !important;
	
	
}

#up a:link span {
	color: #525252;
		font: 10px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 0;
	letter-spacing: 1px;
	text-align: center;
}

#up a:hover span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -khtml-opacity: 0.80;
    -moz-opacity: 0.80;
    opacity: 0.80;    
	color: #525252;
	background-position: 50% 0;
}

#up a:active span {
	background-position: 50% 0px;
	color: #525252;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -khtml-opacity: 0.80;
    -moz-opacity: 0.80;
    opacity: 0.80;
}

/* @group bread crumb */

#breadcrumbcontainer {
	display: none !important;
}	
/* @end */


#tooltip_visibility { top: 1px !important; }

/* @group code-box*/

code, pre, xmp {
animation: flip-code-box 3.3s ease-in;  
-webkit-animation: flip-code-box 3.3s ease-in;
-moz-animation: flip-code-box 3.3s ease-in;
-o-animation: flip-code-box 3.3s ease-in;  
-moz-animation: flip-code-box 3.3s ease-in;    

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
filter: alpha(opacity=100);   
opacity: 1;

/* Prevent Webkit text rendering */
-webkit-transform: translateZ(0px);
/* Prevent Webkit text rendering */
-webkit-transform-style: preserve-3d;
	margin-top: 0;
}
@keyframes flip-code-box {
0% { opacity: 0;
 -webkit-filter: blur(3px);
}  
90% {  opacity: 0;
 -webkit-filter: blur(3px); /* visible in chrome and safari  */
}  
100% { opacity: 1;
 -webkit-filter: blur(0px); /* visible in chrome and safari  */
} 
}

@-webkit-keyframes flip-code-box {
0% { opacity: 0;
 -webkit-filter: blur(3px);

}  
90% {  opacity: 0;
 -webkit-filter: blur(3px); /* visible in chrome and safari  */
}  
100% { opacity: 1;
 -webkit-filter: blur(0px);/* visible in chrome and safari  */

} 
} 

@-moz-keyframes flip-code-box { 
0% { opacity: 0;}  
90% {  opacity: 0;}  
100% { opacity: 1;} 
} 
 
@-o-keyframes flip-code-box { 
0% { opacity: 0;}  
90% {  opacity: 0;}  
100% { opacity: 1;} 
}

@-ms-keyframes flip-code-box {/* IE9 does not support CSS animation. */
0% { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9  */
 -webkit-filter: blur(3px); /* visible in chrome and safari  */
}  
90% { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8); /* FOR IE8/9  */
}   
100% { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=0); /* FOR IE8/9  */
} 
}

/* @end */

/* @group Sitemap style */




/* formatting for boxes */



.rw-sitemap ul,
.rw-sitemap ul li:last-child,
.rw-sitemap ul li li a {
	list-style-image: none;
}

/* My Comment */
.rw-sitemap ul a {
	padding-left: 12px;
	background-image: none;
}
.rw-sitemap ul {    { }
    list-style-position: inside;
    list-style-image: none;
	list-style-type: none;
	background-image: none;
	margin: 0;
	padding: 0;
}

.rw-sitemap ul li {
	margin-bottom: 11px;
			 background: url(images/elements/png/white_10.png);
	padding: 10px 13px 13px;
}
.rw-sitemap ul ul {	
	transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
			 background: url(images/elements/png/white_10.png);
	width: auto;
}

.rw-sitemap ul ul a {
	padding-left: 0;
}
.rw-sitemap ul li {
	transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	
	/* web-kit transition links CSS3*/
	transition-delay: 15ms;
    -webkit-transition-delay: 15ms;
	-o-transition-delay: 15ms;
	-moz-transition-delay: 15ms;
	border-left-width: 1px;	
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	padding-bottom: 10px;
}

.rw-sitemap ul li:hover {		

	border-left-width: 5px;	
	border-right-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
		background: url(images/elements/png/white_20.png) repeat;
}

.rw-sitemap ul ul li:hover, .rw-sitemap ul ul ul li:hover, .rw-sitemap ul ul ul ul li:hover {		
	border-left-width: 0;	
	border-right-width: 0;
	border-right-style: none;
	border-left-style: none;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
	background-image: none;
}

.rw-sitemap ul ul:hover {

	background: url(images/elements/png/white_20.png) repeat;
}

.rw-sitemap ul ul, .rw-sitemap ul ul ul, .rw-sitemap ul ul ul ul{ /* Fixed issue for hidden pages */
margin: 0;	
border-style: none;
padding-top: 0;
padding-bottom: 0;
}

/* color by colortag - border */
.rw-sitemap ul ul li {
	position: relative;
	border-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: none;
	margin-top: 10px;
	padding: 5px 0;
}
.rw-sitemap ul ul li:hover {
	z-index: 3;
	border-left-style: none;
	border-right-style: none;
}
.rw-sitemap ul li:last-child {
	margin-bottom: 5px;
}
.rw-sitemap ul li:last-child:hover { }
.rw-sitemap ul li li:last-child { }
.rw-sitemap ul li li:last-child:hover { }
.rw-sitemap ul ul li li:last-child { }
.rw-sitemap ul ul li li:last-child:hover { }
.rw-sitemap ul ul ul li li:last-child { }
.rw-sitemap ul ul ul li li:last-child:hover { }
.rw-sitemap ul ul ul ul li li:last-child { }
.rw-sitemap ul ul ul ul li li:last-child:hover { }

@media only screen and (max-width: 650px) {

/* .rw-sitemap {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
} */



}
@media only screen and (max-width: 480px) {
/*.rw-sitemap {
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	margin-left: 0;
	width: 100%; }
*/

}

/*  changes for real sitemap page  ..............         everything below here by Brian Morgan  ....................                       */

#sitemap ul ul, #sitemap ul ul ul, #sitemap ul ul ul ul{ /* Fixed issue for hidden pages */
margin: 0;	border-style: none;
	padding-top: 0;
	padding-bottom: 0;
}

/* formatting for boxes */

#sitemap {
	padding-left: 0;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

#sitemap a { }
#sitemap ul {
	list-style-position: inside;
    list-style-image: none;
	list-style-type: none;	
	
	background: url(images/elements/png/white_10.png); 
		 		 
	border-width: 1px;
	border-style: solid;
	
	transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	
	transition-delay: 15ms;
    -webkit-transition-delay: 15ms;
	-o-transition-delay: 15ms;
	-moz-transition-delay: 15ms;
	padding: 11px 12px 11px 9px;
	margin-top: 0;
	margin-bottom: 11px;
}

#sitemap ul:hover {
	
	border-left-width: 5px;	
	border-right-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	background: url(images/elements/png/white_20.png) repeat;
	
		transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
	-o-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
}
#sitemap ul li { }
#sitemap ul ul {
	padding-left: 12px;		   
}

#sitemap ul ul:hover {
	border-right-style: none;
	border-right-width: 0;
	border-left-style: none;
	border-left-width: 0;
}

#sitemap ul ul li {
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 3px;
	padding-bottom: 5px;
}
#sitemap ul li:hover {			
	/* 	padding-left: 5px;
	padding-right: 5px;
 */
}


/* color by colortag - border */
#sitemap ul ul li {
	position: relative;
}
#sitemap ul ul li:hover {
	z-index: 3;	
}
#sitemap ul li:last-child { }
#sitemap ul li:last-child:hover { }
#sitemap ul li li:last-child { }
#sitemap ul li li:last-child:hover { }
#sitemap ul ul li li:last-child { }
#sitemap ul ul li li:last-child:hover { }
#sitemap ul ul ul li li:last-child { }
#sitemap ul ul ul li li:last-child:hover { }
#sitemap ul ul ul ul li li:last-child { }
#sitemap ul ul ul ul li li:last-child:hover { }

@media only screen and (max-width: 650px) {
#sitemap {
	width: 90%;
	padding-left: 0;
	padding-right: 0;
}
}
@media only screen and (max-width: 480px) {
#sitemap {
	padding-left: 0;
	width: 100%;
	padding-right: 0;
}
}

/* @end */

#pageHeader h1, #pageHeader h2,
#pageHeader h1 [class^="fa-"]:before,
#pageHeader h1 [class*=" fa-"]:before,
#pageHeader h2 [class^="fa-"]:before,
#pageHeader h2 [class*=" fa-"]:before {
 background: -webkit-linear-gradient(#fefffe, #858585);
 background: -o-linear-gradient(transparent, transparent);/* remove gradient in OPERA */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	color: #dfdfdf;
	text-shadow: none !important;
}

/*    -webkit-mask-image: -webkit-gradient(
      linear,
      left top, left bottom,
      from(rgba(0,0,0,1)),
      color-stop(90%, rgba(0,0,0,0)),
      to(rgba(0,0,0,5))
   );   
       -webkit-background-clip: text;
 */