/* @option theme color options*/

#sidebarContainer #sidebar {
	background-color: #3F3B3F;}

#slidecaption {
	color: #F4F4F4;}

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

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

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

.pulse{
	background-color: #000000;}

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

#container{
	border-color: #000000;}

#containerwrapper{
	background-color: #000000;}

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

[class^="icon-"], [class^="icon-"]:visited {
	color: #6E747D !important;
	text-shadow: 0 -1px 0px #18191E;}

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

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

#blog-categories a {
		color: #3F3B3F;}

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

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

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

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

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

#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: #FF99FF !important;}

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

#pageHeader h1 {
	color: #CACACA;}

#pageHeader h2 {
	color: #BEBEBE;}

#sidebarContainer .sideHeader {
	color: #81006B;}

.movie-page-description {
	color: #3F3B3F;}

.panel {
	background-color: #FEFFFE;
	border-color: #DEDEDE;}

#breadcrumbcontainer{
	background-color: #DEDEDE;
	border-color: #DEDEDE;}
	
#sidebarContainer #sidebar {
	color: #FEFFFE;	}
	
#sidebarContainer #sidebar a:link,
#sidebarContainer #sidebar a:visited {
	color: #FF99FF;
}

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

#myExtraContent2 {
	color: #89909B;}

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

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

#myExtraContent3 {
	color: #FFFFFF;}

#myExtraContent3 [class^="icon-"] {
	color: #000000 !important;}
	
#myExtraContent3 [class^="icon-"]:hover {
	color: #FFFFFF !important;}
	
		
#myExtraContent4 {
	color: #89909B;}

#myExtraContent4 a:link,
#myExtraContent4 a:visited {
	color: #81006B;}

#myExtraContent4 a:hover,
#myExtraContent4 a:active {
	color: #89909B;}
	
#myExtraContent5 {
	color: #89909B;}

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

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

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

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

#pageHeader h2 {
	color: #BEBEBE;}

.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 {
	color: #666666;}

.filesharing-item-title a:hover,
.blog-entry-title a:hover {
	color: #81006B;}
	
.blog-entry-date {
	color: #666666;}

a:link,
a:visited {
	color: #80136A;}

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

#footer {
	color:#FF99FF;}

#footer a:link, #footer a:visited {
	color: #81006B;}

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

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

h1 {color: #80136A;}
h2 {color: #3F3B3F;}
h3 {color: #3F3B3F;}
h4 {color: #BEBEBE;}
h5 {color: #BEBEBE;}

.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: #3F3B3F;}
	
	/* @end */



		/* @option theme body background*/

html{
	top: 0;
	height: 100%;
	margin: 0 auto;
	padding:0;
	background: url(images/glowblack2.png) repeat-x center center;}
	
@media screen and (max-width:600px) {
html{
	background-image: none;
}
#container{
	-webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.30);
	box-shadow: 0px 3px 15px rgba(0,0,0,0.30);

}
}

/* @option theme stroketop background*/

#containerwrapper {
	background: url(images/cartographer.png) repeat fixed;
}

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




/* @option user-selected menu font */

#pageHeader h1,
.blog-entry-title,
.filesharing-item-title {
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1.1;
}


/* @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 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;}
.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: Century Gothic, Arial, Sans-Serif;
}

/* @option theme content font-size*/

body,#contentContainer #content {
	font-size: 13px;}
	
	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:600px) {
}

@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: 13px;}

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

@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=55);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
    -moz-opacity: 0.55;
    opacity: 0.55;
}

/* @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: 40%;
	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: 35%;right: 5%;}
}

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

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


/* @option user-selected Content Panel Border */

.panel{
	border-style: solid;
	border-width: 10px;}
	
#breadcrumbcontainer {
	padding-top: 0px;
	padding-bottom: 10px;
}

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

}


/* @end */



/* @option theme extracontent1 width*/

.panel {
}

/* @option user-selected miscellaneous */

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

/* @option user-selected miscellaneous */

#logo, #logo2 {display: none;	}

/* @option user-selected miscellaneous */

#container{
	-webkit-box-shadow: 0px 7px 18px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 7px 18px rgba(0,0,0,0.20);
	box-shadow: 0px 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 0px rgba(0,0,0,0.40);}

.menu ul li ul li a	{
	text-shadow: none;}

/* @option slogan show and hide*/

[class^="icon-"]{
	text-shadow: none;}

/* @option user-selected slideshow controls */
	
#slidecaption {
	display: block;
}

#slidecaption {
	margin-right: 20px;
}


#prevslide,#nextslide {
	display: none;
}

@media screen and (max-width:480px) {
#myExtraContent2 {bottom:40px;}
}