/* @option theme color options*/

#sidebarContainer #sidebar {
	background-color: #474954;}

#slidecaption {
	color: #F4F4F4;}

#slidecounter {
	color: #A6ACB5;}
	
ul#thumb-list li{
	background-color: #111111;}

#controls-wrapper,
#thumb-tray{
	border-color: #111111;}
	
.closebutton {
	color: #FF0000 !important;}

.dot,.pulse {
	border-color: #BFBFBF;}

.pulse{
	background-color: #FF0000;}

html,body {
	background-color: #E3E3E3 !important;}

#container{
	border-color: #7D7D7D;}

#containerwrapper{
	background-color: #7D7D7D;}

a.trigger,a.trigger:hover,a.active.trigger{
	background-color: #FF0000 !important;
	border-color: #000000;}

#contentContainer #content [class^="icon-"], #contentContainer #content .fa,
#contentContainer #content [class^="icon-"]:visited, #contentContainer #content .fa:visited {
	color: #D1D7E2 !important;}

#contentContainer #content [class^="icon-"]:hover,#contentContainer #content [class^="icon-"]:active,
#contentContainer #content .fa:hover,#contentContainer #content .fa:active {
	color: #FFFFFF !important;}
	
#sidebarContainer #sidebar [class^="icon-"], #sidebarContainer #sidebar .fa,
#sidebarContainer #sidebar [class^="icon-"]:visited, #sidebarContainer #sidebar .fa:visited {
	color: #D5DBE6 !important;}

#sidebarContainer #sidebar [class^="icon-"]:hover,#sidebarContainer #sidebar [class^="icon-"]:active,
#sidebarContainer #sidebar .fa:hover,#sidebarContainer #sidebar .fa:active {
	color: #FFFFFF !important;}

#breadcrumbcontainer a,
#breadcrumbcontainer a:visited,
.rw-sitemap ul,
body {
	color: #454545;}

#blog-categories a {
		color: #454545;}

#sidebarContainer,#footer,#footer p{
	border-top-color: #495D80;}

#nav a, 
#nav ul a,
.menu ul li ul li a {
	color: #B6DCFF !important;
	background-color: #A5A5A5;}
	
.menu ul li ul li a [class^="icon-"],
.menu ul li ul li a .fa{
	color: #B6DCFF !important;}

#nav a [class^="icon-"],
#nav a .fa,
.menu ul li a,
.menu a [class^="icon-"],
.menu a .fa {
	color: #7D7D7D !important;}

#nav,.menu ul li ul {
	background-color: #A5A5A5;}

.menu ul li a,.menu ul li a:link, .menu ul li a:visited {
	color: #7D7D7D;}

.menu ul li a:visited {
	color: #7D7D7D;}

#nav,.menu ul li ul{
	border-color:  #7D7D7D;}

.menu .currentAncestor,.menu ul li ul li .currentAncestor,.menu ul li .current,
.menu ul li a:hover,
.menu ul li .visited,
.menu ul li a:active,#nav a:hover,#nav .current {
	color: #FF0000 !important;}

.menu ul li ul li a:hover {
	color: #C30000 !important;}  
	
.menu ul li ul li .current {
	color: #89909B !important;}

#pageHeader h1 {
	color: #69A0B9;}

#pageHeader h2 {
	color: #000000;}

#sidebarContainer .sideHeader {
	color: #FF0000;}

.movie-page-description {
	color: #454545;}

.panel {
	background-color: #E3E3E3;
	border-color: #7D7D7D;}

#breadcrumbcontainer{
	background-color: #7D7D7D;
	border-color: #7D7D7D;}
	
#sidebarContainer #sidebar {
	color: #D5DBE6;	}
	
#sidebarContainer #sidebar a:link,
#sidebarContainer #sidebar a:visited {
	color: #FF0000;
}

#sidebarContainer #sidebar a:hover,
#sidebarContainer #sidebar a:active {
	color: #D5DBE6;
}
	
#myExtraContent1 {
	color: #89909B;}

#myExtraContent1 a:link,
#myExtraContent1 a:visited {
	color: #89909B;}

#myExtraContent1 a:hover,
#myExtraContent1 a:active {
	color: #FFFFFF;}
	
#myExtraContent1 [class^="icon-"],
#myExtraContent1 .fa {
	color: #89909B !important;}
	
#myExtraContent1 [class^="icon-"]:hover,
#myExtraContent1 .fa:hover {
	color: #FFFFFF !important;}

#myExtraContent2 {
	color: #89909B;}

#myExtraContent2 a:link,
#myExtraContent2 a:visited {
	color: #89909B;}

#myExtraContent2 a:hover,
#myExtraContent2 a:active {
	color: #FFFFFF;}

#myExtraContent2 [class^="icon-"],
#myExtraContent2 .fa {
	color: #89909B !important;}
	
#myExtraContent2 [class^="icon-"]:hover,
#myExtraContent2 .fa:hover {
	color: #FFFFFF !important;}

#myExtraContent3 {
	color: #FFFFFF;}

#myExtraContent3 [class^="icon-"],
#myExtraContent3 .fa {
	color: #000000 !important;
	text-shadow: 0 -1px 0px#18191E !important;}
	
#myExtraContent3 [class^="icon-"]:hover,
#myExtraContent3 .fa:hover {
	color: #FFFFFF !important;}
	
#myExtraContent3 [class^="icon-"]:active,
#myExtraContent3 .fa:active {
	color: #000000 !important;}
		
#myExtraContent4 {
	color: #89909B;}

#myExtraContent4 a:link,
#myExtraContent4 a:visited {
	color: #FF0000;}

#myExtraContent4 a:hover,
#myExtraContent4 a:active {
	color: #89909B;}
	
#myExtraContent4 [class^="icon-"],
#myExtraContent4 .fa {
	color: #89909B !important;}
	
#myExtraContent4 [class^="icon-"]:hover,
#myExtraContent4 .fa:hover {
	color: #FF0000% !important;}
	
#myExtraContent5 {
	color: #89909B;}

#myExtraContent5 a:link,
#myExtraContent5 a:visited {
	color: #89909B;}

#myExtraContent5 a:hover,
#myExtraContent5 a:active {
	color: #FFFFFF;}
	
#myExtraContent5 [class^="icon-"],
#myExtraContent5 .fa {
	color: #89909B !important;}
	
#myExtraContent5 [class^="icon-"]:hover,
#myExtraContent5 .fa:hover {
	color: #FFFFFF !important;}

blockquote {
	color: #D1D7E2;
	background-color: #474954;}

#pageHeader h1,
#pageHeader h1 a:link,
#pageHeader h1 a:visited {
	color: #69A0B9;}

#pageHeader h2 {
	color: #000000;}

.blog-entry-title {
	background-color: #1C1F23;}

.filesharing-item-title a:link,
.filesharing-item-title a:visited,
.blog-entry-title,
.blog-entry-title a:link,
.blog-entry-title a:visited,
.blog-category-link-enabled,
#blog-categories a:hover,
#contentContainer #content .blog-entry-title a:link [class^="icon-"],
#contentContainer #content .blog-entry-title a:link .fa,
#contentContainer #content .filesharing-item-title a:link [class^="icon-"],
#contentContainer #content .filesharing-item-title a:link .fa {
	color: #C2C2C2 !important;}

.filesharing-item-title a:hover,
.blog-entry-title a:hover,
#contentContainer #content .blog-entry-title a:hover [class^="icon-"],
#contentContainer #content .blog-entry-title a:hover .fa,
#contentContainer #content .filesharing-item-title a:hover [class^="icon-"],
#contentContainer #content .filesharing-item-title a:hover .fa  {
	color: #FF0000 !important;}
	
.blog-entry-date {
	color: #666666;}

a:link,
a:visited {
	color: #FF0000;}

#breadcrumbcontainer a:hover,
#breadcrumbcontainer a:active,
a:hover,
a:active {
	color: #D1D7E2;}

#footer {
	color:#313E4A;}

#footer a:link, #footer a:visited {
	color: #FF0000;}

#footer a:hover, #footer a:active {
	color: #000000;}

#breadcrumbcontainer li,
#breadcrumbcontainer li:visited {
	color: #A6ACB5;}

#breadcrumbcontainer a,
#breadcrumbcontainer a:visited {
	color: #A6ACB5;}

#breadcrumbcontainer a:hover {
	color: #C7D1E2;}

.photo-navigation{
	color: #F1F1F1;}

.exif-data,
.photo-navigation a:link,
.photo-navigation a:visited,
.photo-navigation a:hover {
	color: #A6AAB3;}

.photo-title,
.album-title,
.movie-page-title {
	color: #FF0000;}

.photo-frame {
	border-color: #F4F4F4;}


.photo-background {
	background-color: #FFFFFF;}

.thumbnail-frame img:hover {
	border-color: #F4F4F4;}

.movie-thumbnail-caption,
.thumbnail-caption {
	color: #D1D7E2;}

.thumbnail-frame img {
	border-color: #E3E3E3;}

h1 {color: #D1D7E2;}
h2 {color: #D1D7E2;}
h3 {color: #F4F4F4;}
h4 {color: #D1D7E2;}
h5 {color: #D1D7E2;}

.form-input-button,
.form-input-field {
	background-color: %colour_contact_bg%;
	color: #89909B;}

.form-input-button,
.form-input-field,
input[type="text"] {
	color: #89909B;}

input[type="submit"],
input[type="reset"] {
	color: #89909B;}

.form-input-field,input[type="text"]{
	border-color: #586270;}
	
	/* @end */



		/* @option theme body background*/

html{
	top: 0;
	height: 100%;
	margin: 0 auto;
	padding:0;}

/* @option theme stroketop background*/

#containerwrapper {
	background: url(images/glass.png) repeat-x left top;
}

#pageHeader h1 {
	font-size: 40px;
	line-height: 1;
}
#pageHeader h1 {
	padding-top: 71px;}

@media screen and (max-width:768px) {
#pageHeader h1 {font-size: 35px;padding-top: 15px;}
}

@media screen and (max-width:600px) {
#pageHeader h1 {font-size: 30px;margin-top: 52px;}
#pageHeader {height: 100px;}
}




#pageHeader h1,.blog-entry-title,.filesharing-item-title{font-family:'BebasNeueRegular';font-weight:normal;font-style:normal}

/* @option theme slogan font-size*/

#pageHeader h2 {
	font-size: 12px;
}

@media screen and (max-width:768px) {
#pageHeader h2 {font-size: 12px;}
}

@media screen and (max-width:600px) {
#pageHeader h2 {font-size: 11px;}
}



/* @option theme menu font-style*/

.menu ul li a{
	font-size: 14px;}

.menu a [class^="icon-"],
.menu a .fa {line-height: 1;
	font-size: 14px;
	text-shadow: none;
	padding-right: 5px;}

.downarrowclass{
	top: 12px;}

.rightarrowclass{
	top: 10px;}

@media screen and (max-width:1024px) {
.menu ul li a{font-size: 13px;}
.menu ul li a{padding-right: 8px;}

.menu a [class^="icon-"],
.menu a .fa {font-size: 13px;}
}


/* @option theme menu and slogan font-style*/

#pageHeader h2,.menu ul li a, #nav{
	font-family: 'CuprumFFURegular', Arial;
	text-transform: uppercase;
}

#myExtraContent1,#myExtraContent2,#myExtraContent3,#myExtraContent5,#footer{
	font-family: 'CuprumFFURegular', Arial;
}

/* @option user-selected content font */
body,
input[type="submit"],
input[type="reset"] {
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

body,#contentContainer #content,input[type="reset"]{font-size:12px;}input[type="submit"],input[type="reset"]{font-size:12px;}@media screen and (max-width:768px){body,#contentContainer #content{font-size:12px;}}@media screen and (max-width:480px){body,#contentContainer #content{font-size:12px;}}@media screen and (max-width:320px){body,#contentContainer #content{font-size:11px;}}

/* @option theme sidebar font-size*/

#sidebarContainer #sidebar,#blog-categories a{font-size: 12px;}

@media screen and (max-width:768px) {
#sidebarContainer #sidebar,#blog-categories a {font-size: 12px}
}

@media screen and (max-width:600px) {
}

@media screen and (max-width:480px) {
	#sidebarContainer #sidebar,#blog-categories a {font-size: 12px}
}


@media screen and (max-width:320px) {
#sidebarContainer #sidebar,#blog-categories a {font-size: 11px}
}



/* @option theme container opacity*/

#containerwrapper {
/*transparent container strip*/
	filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

/* @option theme extracontent font-size*/

#myExtraContent1,
#myExtraContent2,
#myExtraContent3,
#myExtraContent4,
#myExtraContent5 {
	font-size: 11px;
}

#myExtraContent5 {
	font-size: 11px;
	line-height: 3.1;}

@media screen and (max-width:768px) {
#myExtraContent1,
#myExtraContent2,
#myExtraContent3,
#myExtraContent4,
#myExtraContent5 {font-size: 11px}
#myExtraContent5 {line-height: 3.1;}

}

@media screen and (max-width:600px) {
#myExtraContent1,
#myExtraContent2,
#myExtraContent3,
#myExtraContent4,
#myExtraContent5 {font-size: 11px}
#myExtraContent5 {line-height: 3.3;}
}

@media screen and (max-width:480px) {
#myExtraContent1,
#myExtraContent2,
#myExtraContent3,
#myExtraContent4{font-size: 11px}
#myExtraContent5 {line-height: 3;}
}


/* @option theme miscellaneous*/

a.trigger,a.trigger:hover,a.active.trigger{
	background: none}


.closebutton {
	display: block;}
	
#holder {margin-top: 96px;margin-left: 21px;position: relative;display: block;}
	
@media screen and (max-width:768px) {
#holder {margin-top: 96px;margin-left: 14px;}}

@media screen and (max-width:600px) {
#holder {margin-top: 17px;margin-left: 47%;margin-right: 47% ;}}

.pulse {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	z-index: 10;
	position: absolute;
	border-style: solid;
	border-width: 5px;
}	
.dot {
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	height: 50px;
	width: 50px;
	-webkit-animation: pulse 2000ms ease-out;
	-moz-animation: pulse 2000ms ease-out;
	animation: pulse 2000ms ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 1;
	opacity: 0;
	border-style: solid;
	border-width: 5px;
}
	
@-moz-keyframes pulse {
	0% {
	   	-moz-transform: scale(0);
	   	opacity: 0.0;}
	   	25% {
	   	-moz-transform: scale(0.2);
	   	opacity: 0;
}

50% {
	   	-moz-transform: scale(0.4);
	   	opacity: 1;
}

100% {
	   	-moz-transform: scale(0.6);
	   	opacity: 0.0;
}}
@-webkit-keyframes "pulse" {
	 0% {
	    -webkit-transform: scale(0);
	   	opacity: 0.0;
	 }
	 
	 25% {
	    -webkit-transform: scale(0.2);
	   	opacity: 0;
	 }

	 50% {
	    -webkit-transform: scale(0.4);
	   	opacity: 1;
	 }
	
	 100% {
	    -webkit-transform: scale(0.6);
	   	opacity: 0.0;
	 }
	}

	



/* @option user-selected content panel position */

.panel {
	top: 20px;
	position: absolute;
	left: 45%;
	right: 5%;
	width: auto;
	padding-bottom: 30px;
}

#breadcrumbcontainer {width: 100% !important;}
#contentContainer {width: auto;padding-top: 30px;}

#sidebarContainer {
	width: auto;
	padding: 20px 30px 0;}

#sidebarContainer #sidebar {
	padding: 10px 15px 15px;
	-webkit-border-bottom-left-radius: 3px;-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-radius: 3px;}

@media screen and (max-width:1024px) {
.panel {width: auto !important;left: 45%;right: 5%;}
}

@media screen and (max-width:768px) {
.panel {left: 45%;right: 5%;border-width: 3px !important;padding-bottom: 25px;}
}

@media screen and (max-width:600px) {
.panel {right: 10px !important;left: 10px;
padding-bottom: 20px;}
#sidebarContainer {padding: 20px 20px 0;}
#sidebarContainer #sidebar {padding: 15px;}
}

@media screen and (max-width:480px) {
#sidebarContainer {padding-top: 12px;padding-right: 15px;padding-left: 15px;}

#sidebarContainer #sidebar {padding:10px;}
}

.panel{border-style:solid;border-width:1px}@media screen and (max-width:768px){.panel{top:55px}#breadcrumbcontainer{padding-top:5px;font-size:11px}}

/* @option theme extracontent1 width*/

.panel {
}

/* @option user-selected miscellaneous */

#container{height:215px;border-top-style:none;border-bottom-style:none}#containerwrapper{height:215px}a.trigger,a.trigger:hover{height:215px}@media screen and (max-width:600px){#containerwrapper,#container{margin-top:0;height:186px;top:0}a.trigger,a.trigger:hover{height:55px!important}}

/* @option user-selected miscellaneous */

a.trigger,a.trigger:hover,a.active.trigger{background-color:transparent!important;border-right-style:solid;border-right-width:1px}@media screen and (max-width:600px){a.trigger,a.trigger:hover,a.active.trigger{border-right-style:none;border-bottom-style:solid;border-bottom-width:1px}}

#prevslide,#nextslide,#play-button,#slidecounter,#slidecaption{display:none}