/* @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: #FFFFFF;}

.pulse{
	background-color: #000000;}

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

#container{
	border-color: #000000;}

#containerwrapper{
	background-color: #000000;}

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: #000000;}

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

#sidebarContainer,#footer,#footer p{
	border-top-color: #6E747D;}

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

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

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

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

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

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

.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: #FFFFFF !important;}  
	
.menu ul li ul li .current {
	color: #89909B !important;}

#pageHeader h1 {
	color: #D2B48C;}

#pageHeader h2 {
	color: #FFFFFF;}

#sidebarContainer .sideHeader {
	color: #FF0000;}

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

.panel {
	background-color: #999999;
	border-color: #000000;}

#breadcrumbcontainer{
	background-color: #000000;
	border-color: #000000;}
	
#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: #0000FF !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: %colour_buttonec2hover_text% !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: #D2B48C;}

#pageHeader h2 {
	color: #FFFFFF;}

.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,
.blog-entry-title a:link [class^="icon-"],
.blog-entry-title a:link .fa,
.filesharing-item-title a:link [class^="icon-"],
.filesharing-item-title a:link .fa {
	color: #666666 !important;}

.filesharing-item-title a:hover,
.blog-entry-title a:hover,
.blog-entry-title a:hover [class^="icon-"],
.blog-entry-title a:hover .fa,
.filesharing-item-title a:hover [class^="icon-"],
.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:#FFFFFF;}

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

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

#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: #999999;}

h1 {color: #000000;}
h2 {color: #FFFFFF;}
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: 70px;
	line-height: 1;
}

#pageHeader h1 {
	padding-top: 60px;}

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

@media screen and (max-width:600px) {
#pageHeader h1 {font-size: 40px;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: 18px;
}

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

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

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

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



/* @option theme menu font-style*/

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

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

.menu ul li ul li a {width: 220px;}

.downarrowclass{top: 15px;}
.rightarrowclass{top: 12px;}

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

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

.downarrowclass{top: 14px;}
.rightarrowclass{top: 10px;}
}


/* @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: Optima, "Trebuchet MS";
}

body,#contentContainer #content{font-size:14px;}input[type="submit"],input[type="reset"]{font-size:12px;}@media screen and (max-width:768px){body,#contentContainer #content{font-size:13px;}}@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 container opacity*/

#containerwrapper {
	background: url(images/gradient.png) repeat-y;
}

/* @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-image: none;
	padding-right: 60px;
	padding-left: 0px;
}

.closebutton {
	display: block;}

#myExtraContent3 {
	z-index: 1;
	position: absolute;
	letter-spacing: 0px;
	overflow: hidden;
	text-align: center;
	width: 102px;
	padding: 10px;
	height: 193px;
	display: block;
}

#myExtraContent3 [class^="icon-"],
#myExtraContent3 .fa {
	font-size: 40px;
	-webkit-font-smoothing: none;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
 	-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;
	text-shadow: none;
	line-height: 4.8;}
	
#myExtraContent3 [class^="icon-"]:active,
#myExtraContent3 .fa:active {
-webkit-transition: all 100ms ease-in-out 50ms;
	-moz-transition: all 100ms ease-in-out 50ms;
	-o-transition: all 100ms ease-in-out 50ms;
	transition: all 100ms ease-in-out 50ms;}

#myExtraContent3 [class^="icon-"]:hover {}

@media screen and (max-width:768px) {
#pageHeader h1 {margin-left: 125px;}
#footer,#pageHeader h2 {margin-left: 127px;}
#myExtraContent3 {line-height: 1.1;width: 82px;padding: 10px;top: 0;height: 193px;display: block;}
a.trigger,a.trigger:hover,a.active.trigger{padding-right: 52px;padding-left: 0px;}
}

@media screen and (max-width:600px) {
#myExtraContent3 {width: 100% !important;text-align: center;padding-right: 0;padding-left: 0;}
#myExtraContent3 [class^="icon-"],
#myExtraContent3 .fa {font-size: 30px !important;line-height: 1.2;}
#pageHeader h1 {margin-left: 15px;}
#pageHeader h2 {font-size: 14px !important;margin-left: 17px;letter-spacing: 0;}
#footer {margin-left: 15px;letter-spacing: 0;}
#myExtraContent1,#myExtraContent2 {margin-left: 5px;}
a.trigger,a.trigger:hover{
width: 100% !important;height:55px !important;margin-top: 0px;padding-left: 0;padding-right: 0;margin-left: 0;padding: 0;}
a.active.trigger {
width: 100% !important;height:55px !important;margin-top: 0px;padding-left: 0;padding-right: 0;margin-left: 0;padding: 0;}
}

@media screen and (max-width:480px) {
a.trigger,a.trigger:hover {width: 100% !important;height:55px !important;margin-top: 0px;padding-left: 0;padding-right: 0;margin-left: 0;padding: 0;}
#pageHeader h1, #pageHeader h2, #footer, #footer p {text-align: center !important;}
}


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

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

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

#sidebarContainer {display: none;}

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

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

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


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

/* @option theme extracontent1 width*/

.panel {
}

/* @option user-selected miscellaneous */

#container,#containerwrapper,#myExtraContent1{position:fixed}html,body{background-attachment:fixed}

/* @option user-selected miscellaneous */

#container{-webkit-box-shadow:0 7px 18px rgba(0,0,0,0.20);-moz-box-shadow:0 7px 18px rgba(0,0,0,0.20);box-shadow:0 7px 18px rgba(0,0,0,0.20)}

/* @option user-selected miscellaneous */

#pageHeader h1,#pageHeader h2,.menu ul li a,#slidecounter,#slidecaption,#footer,#myExtraContent5,input[type="submit"],input[type="reset"]{text-shadow:0 1px 0 rgba(0,0,0,0.40)}.menu ul li ul li a{text-shadow:none}

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