/* A list of dividers and elements we do not want printed */
#nav, #breadcrumb, #viewUserGuide, .ecName, #logoLeft, #logoRight, .spacer, #headerLogo, #sidebarTop, #sidebarBottom, #topSearchContainer, #middleSearchContainer, #lowerSearchContainer, #contentLogoTop, #contentLogoBottom, #breadcrumbcontainer, #footerNavigationLinks  {
	display: none;
}

#pageHeader,
#siteTitle h1,
#siteSlogan h2 {
	display: block;
	position: relative;
	height: auto;
	font-size: 12pt;
}

/* Makes text printer friendly and uses "Eco Sans" font face when available */
#container, #wrapper, #content {
	width: 100%; 
	margin-right: 200px; 
	float: none;
	font: 12pt/1.3em "Spranq eco sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#contentContainer #content {
	border: none;
	margin: 0;
	background: none;
}

/* Floats the sidebar left and wraps it inside a box */
#aside {
	display: block;
	margin: 10px;
	padding: 10px;
	float: right;
	width: 180px;
	border: 1px dashed #cccccc;
	overflow: hidden;
	font: 12pt/1.3em "Spranq eco sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#aside .sideHeader h3 {
	line-height: 1.00em;
	font-size: 14pt;
	padding: 0;
	margin: 0;
}

/* Makes links blue */
a, 
a:visited {
	color: #0000ff;
}

/* Prints URL's after links */
a:link:after,
a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}

/* Puts padding above the footer */
#footer {
	padding-top: 20px;
}
/* Use this stylesheet for any custom CSS code you want automatically applied to all pages. */
body {
	background: #330033;
}

#slogan h2 {
	color: #3F003F;
}


a:link {
	color: #CB9ACB;
}

a:hover {
	color: #CC99CC;
}

a:active {
	color: #663366;
}

a:visited {
	color: #9A6799;
}

h1 {
	color: #666666;
}

h2 {
	color: #9A6799;
}

h3 {
	color: #FECCFE;
}

h4 {
	color: #FFCCFF;
}

h5 {
	color: #9A6699;
}

h6 {
	color: #666666;
}

blockquote {
	background: #E4E4E4;
	color: #666666;
	border-left: 2px solid #CCCCCC;
}

#extraContainer1 {
	color: %colour_ec_one%;
}

#extraContainer2 {
	color: %colour_ec_two%;
}

#extraContainer3 {
	color: %colour_ec_three%;
}

#extraContainer4 {
	color: %colour_ec_four%;
}

#extraContainer5 {
	color: %colour_ec_five%;
}

#extraContainer6 {
	color: %colour_ec_six%;
}

#extraContainer7 {
	color: %colour_ec_seven%;
}

#extraContainer8 {
	color: %colour_ec_eight%;
}

#topSearchFunction input,
#middleSearchFunction input,
#lowerSearchFunction input {
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #929292;
}

#siteTitle a {
	color: #270026;
	text-shadow: #000000 1px 1px 1px;
}

#siteTitle a:hover {
	color: #270026;
}

#siteSlogan {
	color: #270026;
	text-shadow: #000000 1px 1px 1px;
}

#contentContainer {
	background: #320233;
	border: 1px solid %colour_contentcontainer_border%;
}

#contentContainer #content {
	color: #FFFFFF;
	background: #320233;
	border-color: #260326;
}

#nav a {
	color: #CC99CC;
}

#nav a:hover {
	color: #9B6899;
}

#nav a:active {
	color: #FFFFFF;
}

#nav .current,
#nav .current:hover {
	color: #FFFFFF;
}

#sidebarTitle h3 {
	color: #FF99CC;
}

#sidebar,
#pluginSidebar {
	color: #CCCCCC;
}

#sidebar a,
#pluginSidebar a {
	color: #CC99CC;
}

#sidebar a:hover,
#pluginSidebar a:hover {
	color: #CC98CC;
}

#sidebar a:active,
#pluginSidebar a:active {
	color: #CC98CC;
}

#sidebar a:visited,
#pluginSidebar a:visited {
	color: #CC98CC;
}

#footer {
	color: #9C699A;
}

#footer a:link,
#footerNav a {
	color: #996699;
}

#footer a:hover,
#footerNav a:hover {
	color: #9B6899;
}

#footer a:active,
#footerNav a:active {
	color: #996699;
}

#headerSidebarContent a {
	color: #CC99CC;
}

#headerSidebarContent a:hover {
	color: #CC98CC;
}

#headerSidebarContent a:active {
	color: #CC98CC;
}

#breadcrumbcontainer li, #breadcrumbcontainer {
	color: #ADADAD;
}

#breadcrumb a {
	color: #996699;
}

#breadcrumb a:hover {
	color: #CC99CC;
}

#breadcrumb a:active {
	color: #9C699A;
}




/* @group Albums */

.movie-thumbnail-frame img,
.thumbnail-frame img {
	box-shadow: 2px 2px 4px #666666;
  	-moz-box-shadow: 2px 2px 4px #666666;
  	-webkit-box-shadow: 2px 2px 4px #666666;
  	border: 5px solid #FEFEFE;
}

.movie-thumbnail-frame img:hover,
.thumbnail-frame img:hover {
  	border: 5px solid #EFEFEF;
}

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

p.movie-title,
p.photo-title {
	color: #333333;
}

p.photo-caption {
	color: #333333;
}

.photo-links {
	color: #B3B3B3;
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
}

.photo-links a {
	color: #2BA9D4;
}

.photo-links a:visited {
	color: #2BA9D4;
}

.photo-links a:hover {
	color: #2BA9D4;
}

.photo-links a:active {
	color: #2BA9D4;
}

.movie-frame object,
img.photo-frame {
	box-shadow: 2px 2px 6px #000000;
  	-moz-box-shadow: 2px 2px 6px #000000;
  	-webkit-box-shadow: 2px 2px 6px #000000;
}

.exif-data {
	color: #fff;
	box-shadow: 2px 2px 6px #000000;
  	-moz-box-shadow: 2px 2px 6px #000000;
  	-webkit-box-shadow: 2px 2px 6px #000000;
}

/* @end */





		/* @option user selected background position setting */

#extraContainer1 img {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        #extraContainer1 img {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}

/* @option user selected background overlay pattern setting */

#overlay {
	display: none;
}

/* @option user selected body padding setting */

.spacer {
	height: 25px;
}

#contentContainer #content {
	border-width: 1px;
	border-style: solid;
}

h1, h2, h3, h4, h5, h6,
#siteTitle,
#siteSlogan,
#headerSidebarTitle h3,
.blog-entry-title,
.album-title,
.photo-title,
.movie-page-title {
	font-family: Helvetica, helvetica, sans serif;
}

body {
	font-family: Arial, arial, Helvetica, sans-serif;
}

body {
	font-size: 80%;
}

body {
	line-height: 1.50em;
}

#contentLogoTop {
	display: block;
	margin-bottom: 15px;
	text-align: left;
}



#topSearchContainer {
	display: none;
}

#contentContainer #content {	
	margin-left: 190px;
	margin-right: 0;
}

#aside {
	display: block;
	float: left;
	width: 175px;
}

/* Width minus 2px aside width */
#topSearchFunction input,
#middleSearchFunction input,
#lowerSearchFunction input {
	width: 173px;
}

#nav {
	font-size: 125%;
}

#main {
	width: 950px;
}

.middleCorners {
	width: 750px;
}

#contentContainer #content {
	padding: 15px;
}