/* @option theme colour settings*/

body {
	background-color: #393939;
	color: #FFFFFF;
}

#sidebarContainer {
	background-color: #000000;
	border-color: #000000;
}

#sidebarContainer #sidebar{
	color: #FFFFFF;
}

#sidebarContainer #sidebar a:link, #sidebarContainer #sidebar a:visited{
	color: #F8D26C;
}

#sidebarContainer #sidebar a:hover, #sidebarContainer #sidebar a:active{
	color: #FFFFFF;
}

#sidebarContainer .sideHeader {
	color: #F8D26C;
}

#supersized a {
	background-color: #393939;
}

#slidecaption {
	color: #FFFFFF;
}

ul#thumb-list li {
	background-color: #000000;
}

#slidecounter { 
	color: #888888; 
}

#progress-bar{
	background-color: #FFFFFF;
}

#controls-wrapper{
	background-color: #000000;
}

#contentsupersized{
	background-color: #000000;
	border-color: #000000;
}

#menuWrapper,
.ddsmoothmenu-v ul li ul li ul {
	border-left-color: #000000;
}

#nav{
	border-color: #000000;
}

#menuWrapper{
	background-color: #000000;
}

#nav a, 
#nav ul a,
.ddsmoothmenu-v ul li a{
	color: #888888 !important;
}

#nav a:hover, 
#nav ul a:hover,
.ddsmoothmenu-v ul li a:hover,
.ddsmoothmenu-v ul li a:active{
	color: #F8D26C !important;
}

.ddsmoothmenu-v ul li ul li a {
	background-color: #000000;
	color: #888888 !important;
}
 #nav,
.ddsmoothmenu-v ul li ul {
	background-color: #000000 !important;
}

.menu ul li ul li a{
	color: #888888 !important;
}

#nav li .current,
.ddsmoothmenu-v ul li .currentAncestor,
.ddsmoothmenu-v ul li .current {
	color: #F8D26C !important;
}

.ddsmoothmenu-v ul li ul li a:hover{ /*sub menus hover style*/
	color: #F8D26C !important;}

blockquote {
	color: #F8D26C;
}

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

#pageHeader h2 {
	color: #FFFFFF;
}

#myExtraContent1 {
	color: #FFFFFF;
}

#myExtraContent1 a:link,
#myExtraContent1 a:visited {
	color: #F8D26C;
}

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

#myExtraContent2 {
	color: #FFFFFF;
}

#myExtraContent2 a:link,
#myExtraContent2 a:visited {
	color: #F8D26C;
}

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

#myExtraContent3 {
	color: #FFFFFF;
}

#myExtraContent3 a:link,
#myExtraContent3 a:visited {
	color: #F8D26C;
}

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

#myExtraContent4 {
	color: #FFFFFF;
}

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

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

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

.rw-sitemap ul,
a:link,
a:visited,
.filesharing-item-title a:link,
.filesharing-item-title a:visited,
.blog-entry-category a:link, .blog-entry-category a:visited,
.blog-entry-title a:link,
.blog-entry-title a:visited,
.blog-entry-title {
	color: #F8D26C;
}

.filesharing-item-title a:hover,
a:hover,
a:active {
	color: #FFFFFF;
}

#footer {
	color:#FFFFFF;
}

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

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

.photo-navigation a:link,
.photo-navigation a:visited,
.photo-navigation a:hover
 {
	color: #333333;
}

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

.photo-navigation {
	background-color: #F4F4F4;
}

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

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

.photo-caption {
	color: #CCCCCC;
}

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

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

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

h1 {
	color: #F8D26C;
}

h2 {
	color: #F8D26C;
}

h3 {
	color: #F8D26C;
}

h4 {
	color: #F8D26C;
}

h5 {
	color: #F8D26C;
}

.form-input-button,
.form-input-field {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	color: #5A5A5A;
}

.form-input-button,
.form-input-field,
input[type="text"] {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	color: #5A5A5A;
}

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

input[type="submit"]:hover,
input[type="reset"]:hover {
	color: %colour_buttonhover_text%;
}



		/* @option theme width*/

#container,
#contentsupersized {	
	width: 850px;
}

#pageHeader,
#contentContainer {
	width: 662px;
}

#myExtraContent2 {
	width: 632px;
}

/* @option theme Container Height*/

#contentsupersized{  
	height: 457px;
}

#contentContainer {
	height: 436px;
	margin-top: 2px;
}

#pageHeader,
#pageHeader h1,
#pageHeader h2 {
	display: none;
}


/* @option theme Overlay*/

#overlay{
	display: none;
}

/* @option theme title font size*/

#pageHeader h1 {
	font-size: 22px;
	line-height: 1.2;
}


/* @option slogan font size*/

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



/* @option theme menu font size*/

.ddsmoothmenu-v ul li a{
	font-size: 12px;
	text-shadow: 0 1px 0px rgba(0,0,0,0.50);
}

.ddsmoothmenu-v ul li a:hover,
.ddsmoothmenu-v ul li ul li a,
.ddsmoothmenu-v ul li ul li a:hover{
	text-shadow: none;
}

/* @option theme menu font weight and boxshadow*/

.ddsmoothmenu-v ul li ul{
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.25);
}

/* @option theme menu font style*/

.ddsmoothmenu-v ul li a,
#nav{
	text-transform: uppercase;
}

/* @option theme menu background*/

 #nav,
.ddsmoothmenu-v ul li a:hover,
.ddsmoothmenu-v ul li a:active,
.ddsmoothmenu-v ul li ul li a,
.ddsmoothmenu-v ul li ul,
.ddsmoothmenu-v ul li ul li a:hover{
}


/* @option user-selected content font */
body {	font-family: Century Gothic, Arial, Sans-Serif;
}

/* @option theme content fony*/

#pageHeader h1 {}

/* @option theme rounded corners*/

#contentsupersized {	
}

/* @option theme content text align*/

#contentContainer #content,
#myExtraContent2 {
	text-align: justify;
}

/* @option Content background*/

#sidebarContainer,
#contentsupersized{  
	background-color: transparent;
background-image: url(images/dk_50.png);
}

/* @option Content background*/

#menuWrapper{
	background-color: transparent;
	background-image: none;
}


/* @option theme thumbnail size*/

#contentsupersized{ 
	bottom: 102px;
}

#thumb-tray{  	
	height: 97px; 
}

ul#thumb-list li,
ul#thumb-list li img{
	width: 76px; 
	height: 54px;
}

#thumb-back, #thumb-forward {  
	height: 54px; 
}


/* @option navbar background*/

#controls-wrapper{
	background-image: none;
	background-color: transparent;
}

/* @option user-selected Hide options*/

#slidecaption {
	display: none;
}


/* @option user-selected Hide options*/

#slidecounter {
	display: none;
}

/* @option user-selected Hide options*/

#prevslide,
#nextslide {
	display: none !important;
}


/* @option user-selected Hide options*/

#supersized-loader {
	display: none;
}


/* @option user-selected Hide options*/

#tray-button, #thumb-tray, #tray-arrow {
	display: none;
}

#footer { 
    right: 25px;}


/* @option user-selected Hide options*/

#play-button { display: none;}

/* @option user-selected Hide options*/

#thumb-tray {
	display: none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;	box-shadow: none;
}

#tray-button, #thumb-tray, #tray-arrow {
	display: none;
}

#footer { 
    right: 25px;}
    
    #contentsupersized{ 
    bottom: 43px !important;}
    
#controls-wrapper,
#navigation,
#thumb-tray{ z-index: 11000; }
#prevslide, #nextslide { z-index: 15000;}
   




/* @option user-selected Hide options*/

#menuWrapper,
.ddsmoothmenu-v ul li ul li ul {
	border-left-style: none;
}

.ddsmoothmenu-v ul{
	width: 170px;}

/* @option theme textshadow*/

#slidecounter,
#slidecaption,
#myExtraContent1,
#myExtraContent4,
#footer,
#breadcrumbcontainer {
	text-shadow: 0 1px 0px rgba(0,0,0,0.50);}

/* @option user-selected RESPONSIVE */

#nav-wrap {margin-top: 0px;}
/* menu icon */
#menu-icon,#sb-icon,#content-icon {display: none; /* hide menu icons initially */}
#nav,#nav li {margin: 0;padding: 0;}
#nav li {list-style: none;float: left;margin-right: 5px;}
/* nav link */
#nav a {padding: 4px 15px;display: block;}
#nav a:hover {}
/* nav dropdown */
#nav ul {padding: 2px;position: absolute;display: none; /* hide dropdown */
width: 200px;}
#nav ul li {float: none;margin: 0;padding: 0;}    
#nav li:hover > ul {display: block; /* show dropdown on hover */}
#footer2 {display: none;}

/* @end */

@media screen and (max-width:768px) {
#menuWrapper,#breadcrumbcontainer,#smoothmenu2,#prevslide,#nextslide,#play-button{display:none !important;}
#slidecaption{float: left;margin-left: 15px;}
#menuWrapper{display:none !important;}
#myExtraContent1,#myExtraContent3,#myExtraContent4 {display: none;}
#myExtraContent2 {font-size: 12px;line-height: 1.5;width: auto;padding-bottom: 15px;padding-right: 20px;padding-left: 20px;}
#container{width:auto !important;}
#pageHeader {padding-top: 10px;}
#contentContainer {height: auto;width:auto !important;}
#contentContainer #content {font-size: 12px;line-height: 1.3;letter-spacing: 0px;padding: 17px 20px 0;}
#pageHeader h1,#pageHeader h2 {text-align: left;
padding-left: 20px;padding-right: 20px;}
#contentsupersized{width:auto !important;margin-left:0px !important;height: auto;padding: 0 !important;z-index: 100;position: relative;margin-bottom: 0;margin-top: 0;top: 60px !important;bottom: 125px  !important;}
#footer {display: block;padding-left: 20px;padding-top: 15px;z-index: 10;}
#sidebarContainer {margin-top: 0px;display: none;width: 50%;position: absolute;z-index: 2000;left: 0;top: 60px;height: auto;background-color: black !important;border-right-style: solid;border-right-width: 1px;border-bottom-style: solid;border-bottom-width: 1px;}
#sidebarContainer #sidebar{padding: 15px 10px 15px 15px;line-height: 1.3;font-size: 12px;
}


/* nav-wrap */
#nav-wrap {position: relative;}
/* menu icon */
#menu-icon {width: 64px;
    height: 58px;
    cursor: pointer;
    display: block !important;
	padding: 0 6px 5px 3px;
	top: 5px;
	position: absolute;
	z-index: 10000;
	right: 0px;
	background: url(images/menu.png) no-repeat 10px 5px;}
#menu-icon:hover {}
#menu-icon.active {background: url(images/menu2.png) no-repeat 10px 5px;display: block;z-index: 100;position: absolute;}

#content-icon {width: 64px;
    height: 58px;
    cursor: pointer;
    display: block !important;
	padding: 0 6px 5px 3px;
	top: 5px;
	position: absolute;
	z-index: 10000;
	left: 0px;
	text-align: center;
	background: url(images/content.png) no-repeat 10px 5px;}
#content-icon:hover {}
#content-icon.active {background: url(images/content2.png) no-repeat 10px 5px;display: block;z-index: 100;position: absolute;}

/* main nav */
#nav {
	clear: both;
	position: absolute;
	top: 60px;
	width: auto;
	z-index: 9999;
	padding: 0;
	display: none;
	font-size: 20px;
	right: 20px;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	background-color: black;
	left: 70px;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#nav li {
	clear: both;
	float: none;
	margin: 5px 0 5px 10px;}
#nav a, 
#nav ul a {
	font: inherit;
	background: none;
	display: inline;
	padding: 0;
	border: none;}
#nav a:hover, 
#nav ul a:hover {
	background: none;}   
/* dropdown */
#nav ul {
	width: auto;
	position: static;
	display: block;
	border: none;
	background: inherit;}	
#nav ul li {margin: 3px 0 3px 15px;}

}
/* @end */
@media screen and (max-width:600px) {
#sidebarContainer #sidebar,#contentContainer #content,#myExtraContent2 {font-size: 11px !important;line-height: 1.2 !important;text-align: left;}
#slidecaption{letter-spacing: 0;line-height: 1.6;}
#slidecounter{display:none;margin-left: 0;}
#progress-back{ bottom: 44px !important;}
#thumb-back, #thumb-forward { bottom: 44px !important;}
#tray-button,#tray-button:hover{z-index: 10;position: relative !important;}
#myExtraContent2 {font-size: 11px;padding-right: 10px;padding-left: 10px;letter-spacing: 0px;}
#footer {letter-spacing: 0;line-height: 2.4;padding-left: 15px;}
#myExtraContent5 {width: auto;}
#contentContainer #content {padding-top: 15px;}
#thumb-tray{ height: 97px !important; width:100% !important; }
ul#thumb-list li,ul#thumb-list li img{width: 74px; 
height: 52px !important;}
ul#thumb-list,ul#thumb-list li{border-style: none !important;}
#thumb-back, #thumb-forward {height: 52px !important; }
#pageHeader h1,#pageHeader h2,#contentContainer #content {padding-left: 10px;padding-right: 10px;}
#pageHeader h2 {font-size: 14px;}
#nav {right: 10px;}
}

/* @end */
@media screen and (max-width:480px) {
#pageHeader h2 {font-size: 12px;}
#contentContainer #content {padding-top: 10px;}

}

/* @end */

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

}

/* @end */

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

}

/* @end */