article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
/* @group Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

body {
	margin: 0;
	padding: 0;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
	-moz-outline-style: none;
}

/* remember to highlight inserts somehow! */

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

input, select {
	vertical-align: middle;
}

textarea {
  outline: none;
}

.clearfix {
    zoom: 1
}

.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both
}

ol, ul {
	list-style: none;
}

/* @end */

/* @group General Styles */

body {
	color:#646669;
}

p {
}

b, strong {

}

a:link, a:visited {
	text-decoration: none;
	color: #3f3f3f;
}

a:hover, a:active {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

.image-left {
	float: left;
	padding: 5px 20px;
}

.image-right {
	float:  right;
	padding: 5px 20px;
}

/* @group Lists */

	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc {  }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	#main ol ol, #main  ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	#main  ol ol li, #main ol ul li { margin-bottom: 6px; }
	#main  li { line-height: 18px; margin-bottom: 12px; }
	#main li p { line-height: 21px; }
		
	
	blockquote {
	  border-left: 10px solid #ccc;
	  padding: 0.5em 10px;
	  quotes: "\201C""\201D""\2018""\2019";
	}
	blockquote:before {
	  color: #ccc;
	  content: open-quote;
	  font-size: 4em;
	  line-height: 0.1em;
	  margin-right: 0.25em;
	  vertical-align: -0.4em;
	}
	blockquote p {
	  display: inline;
	}


/* @end */

/* @group Layout */

#container {
	margin: 0 auto 0 auto;
}

#main {
	width: 100%;
}

.clearer {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

#header {
	position: fixed;
	top: 0;
	z-index: 1;
}

#header {
	width: 100%;	
	text-align: center;
	padding-top: 26px;
	height: 46px;
	background-color: #000000;
	background: #000000;
	opacity: 0.9;
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
}

#titleWrapper{
	margin-left: auto;
	margin-right: auto;
}

#siteLogo { 
	margin: 0px 0 0;
}

#siteLogo img {
	max-height: 47px;
	width: auto;
	position: relative;
	top: -35px;
}


.siteTitle {
	margin: 0px 0 0;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 0em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0px;
	float: right;
	margin-top: -65px;
}

.slogan {
	color: #fff;
	font-size: 1.0em;
	line-height: 0em;
	font-style: normal;
	text-align: center;
	font-weight: normal;
	float: right;
	text-transform: uppercase;
	margin-top: -65px;
}

li.title {
	padding-right: 140px;
	margin-right: 0.5em;
}

li.sloganthing {
	padding-right: 20px;
}

#logo a:hover { text-decoration: none; }

#contentContainer {
	max-width: 960px;
	margin: 0px auto 0;
}

#contentContainer #content {
}

#sidebar {
	width: 100%;
	margin: 0 auto;
}

#sidebarContainer #sidebar {
}

h3.sidebarTitle {
	display: none;
}

#aside {
	float: right;
	width: 32%;	
	margin-left: 10%;
}

#footer {
	width: 100%;
	background-color: #1c1c1c;
	margin-left: auto;
	margin-right: auto;
}

#footerContent {
	max-width: 960px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 0.8em;
	color: #515151;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
	text-align: left;
	float: left;
}

#footerNav .nav {
	float: right;
	margin-top: 20px;
	display: none;
}

#footer p {
}

#footer a:link, #footer a:visited {
	color: #3f3f3f;
}

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

#extraContent1{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	height: 650px;
}

#extraContainer1{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent2{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer2{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent3{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer3{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent4{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer4{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent5{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer5{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent6{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer6{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent7{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer7{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent8{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer8{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent9{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer9{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent10{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer10{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent11{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer11{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent12{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer12{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent13{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer13{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent14{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer14{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent15{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer15{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}

#extraContent16{
	padding: 0px;
	border-top: 1px solid #E4E4E4;
}

#extraContainer16{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}
		
/* @end */

/* @group Toolbar */

/* @group Toolbar */

/* Navigation Styles */
.nav ul {
  margin: 0px 0 0;
  padding: 0;
  width: 100%;
  list-style: none;
	font-size: 1.0em;
  text-align: left;
	font-weight: normal;
	line-height: 0;
	text-transform: uppercase; 
	float: left;
	font-style: normal;
}
.nav li {
  display: inline-block;
  margin: 0 .5em;
  	-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
        -ms-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
		transition: background 0.5s ease;
}
.nav a {
  display: block;
	padding: .4em .6em .8em;
	color: #ffffff;
  text-decoration: none;
}
.nav a:hover {
color: white;

-webkit-transition: background 0.2s ease-in-out;
		-moz-transition: background 0.2s ease-in-out;
        -ms-transition: background 0.2s ease-in-out;
        -o-transition: background 0.2s ease-in-out;
		transition: background 0.2s ease-in-out;


.nav a:active{
background: black;
color:white;
-webkit-transition: background 0.2s ease-in-out;
		-moz-transition: background 0.2s ease-in-out;
        -ms-transition: background 0.2s ease-in-out;
        -o-transition: background 0.2s ease-in-out;
		transition: background 0.2s ease-in-out;

}


.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  border-top: 0;
}


}

/* The breakpoint here will depend on your content, menu lenght, font size, and so on :) */
@media (max-width: 867px) {
  .nav li {
    margin: 0;
    display: none;
    text-align: center;
  }
  .nav a {
    padding: .8em 1.2em .8em;
  }
}


/* @end */

/* @group Global Classes */


h1 {
	font-size: 3.5em;
	line-height: 1.5em;
	margin-bottom:  0em;
	color: #1c1c1c;
}

h2 {
	font-size: 2.5em;
	line-height: 1.8em;
	margin-bottom:  0.5em;
	color: #1c1c1c;
}

h3 {
	margin-bottom:1.5em;
	line-height: 2em;
	color: #1c1c1c;
	font-size: 1.0em;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

h3:after {
	background-color: #ccc;
	content: "";
	display: block;
	margin: 15px auto 50px;
	width: 200px;
	height: 1px;
}

.imageStyle {
}

.image-circle {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}


/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
}

/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
}

#sidebarContainer #sidebar li {
}


/* Table Styles */
table {
}
/* @end */

/* @group Blog */

/* @group Archive Page */

.blog-archive-background {
}

.blog-entry-summary {
}

.blog-archive-headings-wrapper {
}

.blog-archive-entries-wrapper {
}

.blog-archive-entries-wrapper .blog-entry {
}

.blog-archive-month {
	color: #3f3f3f;
}

.blog-archive-link {
	color: #3f3f3f;
}

.blog-archive-link-enabled {
	color: #3f3f3f;
}

.blog-archive-link a:link, .blog-archive-link a:visited {
	color: #3f3f3f;
}
	
/* @end */

.blog-entry {
	margin-top: 40px;
	margin-bottom: 20px;
}

.blog-entry-body {
	padding-right: 30px;
	padding-top: 15px;
	max-width: 500px;
	margin-bottom: 50px;
	border-bottom: 1px solid #dadada;
	padding-bottom: 40px;
}

h1.blog-entry-title a:link {
	color: #3f3f3f;
}

.blog-entry-title {
	padding-top: 0px;
	margin-bottom: 0;
}

.blog-entry-date {
	top: 15px;
	position: relative;
	margin-bottom: 20px;
	max-width: 530px;
}

/*styles the category link in the main entry */
.blog-entry-category {
	display: inline-block;
	padding: 5px;
}

.blog-entry-category a:link, .blog-entry-category a:visited {
	color: #3f3f3f;
}

/*styles the permalink link in the main entry */
.blog-entry-permalink {
}

.blog-entry-permalink a:link, .blog-entry-permalink a:visited {
	color: #3f3f3f;
}

.blog-read-more {
	color: #3f3f3f;
}

.blog-entry-comments {
}

p.blog-entry-tags, p.blog-entry-tags a:link {
	color: #3f3f3f;
	margin-top: 10px;
}

ul.blog-tag-cloud {
	text-align: left;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 30px 0 0;
}

ul.blog-tag-cloud a:link {
	color: #3f3f3f;
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin-top: 30px;
}

.blog-archive-link-enabled {
}

.blog-archive-link-disabled {
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-top: 30px;
}

.blog-category-link-enabled {
	color: #3f3f3f;
}

.blog-category-link-disabled {
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin-top: 30px;
}

.blog-rss-link {
	color: #3f3f3f;
}

.blog-comments-rss-link {
	color: #3f3f3f;
}

/* @end */

/* @group File Sharing */

.filesharing-description {
}

.filesharing-item {
	background-color: #e5e5e5;
	padding: 30px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.filesharing-item-title a:link {
	color: #3f3f3f;
	font: 14px 'Merriweather', Georgia, serif;
}

.filesharing-item-title a:hover {
	color: #b2b2b2;
}

.filesharing-item-title a:visited {
}

.filesharing-item-description {
	margin-top: 10px;
}

/* @end */

/* @group Photo Album */

/* @group Index Page (Thumbnail view) */

.album-title {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 60px;
	padding-left: 30px;
}

.album-description {
	margin-bottom: 20px;
}

.album-wrapper {
	padding-left: 30px;
}

.thumbnail-wrap {
	float: left;
	margin-right: 30px;
	margin-bottom: 80px;
	padding-right: 10px;
	display: block;
	width: 100%;
}

.thumbnail-frame {
	cursor: pointer;
}

.thumbnail-frame img {
	position: relative;
	cursor: pointer;
	border: 10px solid #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}

.thumbnail-frame:hover {
	-webkit-transform: scale(1.05);
	z-index: 1;
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

.thumbnail-caption {
}
	
/* @end */

/* @group Single Page (Photo view) */

.photo-background {
	padding: 60px;
	text-align: center;
}

.photo-navigation {
	margin: 20px;
}

.photo-links {
	padding: 8px;
}

.photo-navigation a:link, .photo-navigation a:visited {
	color: #3f3f3f;
}

.photo-navigation a:hover {
	color: #b2b2b2;
}

.photo-frame{
	max-width: 100%;
	height: auto;
	position: relative;
	border: 10px solid #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}

.photo-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 20px;
}

.photo-caption {
	font-size: 18px;
	line-height: 22px;
}

/* @end */
	
/* @end */

/* @group Quicktime Page */

.movie-description {
	margin-top: 20px;
	margin-bottom: 20px;
}
	
/* @end */

/* @group Quicktime Album */

/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
}

.movie-page-description {
}

.movie-thumbnail-frame {
	margin-bottom: 20px;
	width: 32%;
	display: block;
	float: right;
	margin-left: 5px;
	margin-right: 8px;
}

.movie-thumbnail-frame:hover {
	-webkit-transform: scale(1.05);
	z-index: 1;
}

.movie-thumbnail-frame img {
    width: 100% !important;
    height: auto !important;
}

.movie-thumbnail-caption {
	text-align: center;
	padding-top: 5px;
	margin: 0;
	overflow: hidden;
}
	
/* @end */

/* @group Single Page (Movie View) */

.movie-background {
	width: 100%;
	text-align: center;
}

.movie-title {
}

.movie-frame {
}
	
/* @end */


/* @group Contact Form */
.message-text { 
	color: #3f3f3f;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 40px;
} 

label{
	color: #3f3f3f;
	margin-left: 10px;
}
.required-text {
} 

.form-input-field, .form-input-textarea {
	background-color: #ebebeb;
	width: 310px;
	display: block;
	line-height: 1.3em;
	padding: 8px 16px;
	font-size: 1.8em;
	margin: 0 6px 6px auto;
	outline: 0;
	height: 20px;
	border: none;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	color: #ffffff;
}

.form-input-field:focus,
.textarea.form-input-field:focus{
	background-color: #838383;
	color:  white;
}
 
.form-input-field {
	width: 300px;
	height: 50px;
	margin-bottom: 15px;
	margin-left: 10px;
}

textarea.form-input-field{
	width: 70%;
	max-width: 500px;
	height: 300px;
	margin-bottom: 15px;
}

.form-input-button { 
	width: auto;
	line-height: 20px;
	height: 30px;
	font-size: 16px;
	cursor: pointer;
	color: #ffffff;
	-webkit-appearance: none;
	margin-left: 10px;
	text-transform: uppercase;
	border: none;
	padding: 12px 35px 30px;
	background: none;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 20px;
} 

.form-input-button:hover { 
	background-color: #ff6860;
	color: #ffffff;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
} 

form select {
  padding: 5px 15px;
-webkit-appearance: button;
-webkit-border-radius: 0px;
-webkit-box-shadow: 0px;
-webkit-padding-end: 20px;
-webkit-padding-start: 5px;
-webkit-user-select: none;
-moz-border-radius: 0px;
-moz-box-shadow: 0px;
-moz-padding-end: 5px;
-moz-padding-start: 5px;
-moz-user-select: none;
-moz-linear-gradient: #FAFAFA, #F4F4F4 40%, #E5E5E5;
color: #555;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 10px;
width: 300px;
height: 50px;
font-size: 1em;
background: url(images/arrow.png) no-repeat center #d8d9d8;
background-position: center right;
background-repeat: no-repeat;
}

form select, form select:focus{
outline:none;
height: 50px;
font-size: 1em;
width: 300px!important;
}


/* @end */

/* Sitemap */

ul.tree{
	margin: 40px 0 0 40px;
}

ul.tree > li{
	float: none;
	margin-bottom: 20px;
	list-style: none;
}

ul.tree ul{
	padding-top: 10px;
	list-style: none;
	font-size: 18px;
	line-height: 28px;
	padding-bottom: 5px;
}

ul.tree ul li ul{
	display: none;
}

ul.tree a:link {
	color: #3f3f3f;	
}

ul.tree a:hover {
	color: #b2b2b2;	
}

ul.tree ul li a{
	color: #b2b2b2!important;
}

ul.tree ul li a:hover{
	text-decoration: underline;
}

ul.tree li ul li {
	padding-top: 15px;
}

/* @end */

/* @Group Buttons */

.btn {
 -webkit-border-radius: 3px; border-radius: 3px; border: none; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; color: #fff!important; font-size: 22px; text-align: center; padding: 14px 40px; font-weight: bold; display: inline-block;
	margin-top: 20px;
	background: #f4b200;
}

.btn:hover {
	color: #fff;
}

.small {
 font-size: 18px; padding: 8px 32px; margin-top: 10px;
}

/* @end */

/* Flexible Videos */

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* @end */

/* RapidCart */

.rcItemThumb {
	margin-top: 50px;
}

#rcHeader img, .rcButton img, .rcCartTools img {
	max-width: auto;
	width: auto;
}

/* @end */


/* Tablet and Mobile */
@media only screen and (max-width:867px) {
    
    body {
		font: 1.0em/1.4em 'Merriweather', Georgia, serif;
    }
    
    #contentContainer {
    	margin: 20px auto 0;
    	padding: 10px 10px 0;
    }
    
    .blog-entry-body {
    	padding-right: 30px;
    	padding-top: 15px;
    	max-width: 767px;
    }
    
    #aside {
    	float: none;
    	width: 100%;
    	margin-left: 0%;
    }
    
    #sidebar {
    	width: 100%;
    }
    
    #subnav{
    }
    
    p {
    }
    
    h1 {
    	font-size: 28px;
    	line-height: 34px;
    	letter-spacing: -2px;
    }
    
    .siteTitle, .slogan {
	    display: block;
    }
    
    .siteTitle {
	    float: left;
	    margin-left: 15px;
	    margin-top: -45px;
    }
    
    .slogan {
    	margin-top: -45px;
    }
    
    .logo-text {
	    padding: 10px 0;
    }
    
    .entry-title {
	    margin: 0 auto;
	    font-size:  28px;
    }
        
    #siteLogo img { 
    	max-width: 280px;
        top: -15px;
    }
    
    #headerContainer {
    	padding: 0;
    }
    
    #header {
    	padding-bottom: 0;
    	position: relative;
    }
	
	#footerContent #block {
		float: left;
		width: 100%;
		margin: 0 0 25px 0;
		padding: 0 0 25px 0;
		border-bottom: solid 1px #444;
	}
	
	#footerContent #block:last-child {
		margin: 0;
		padding: 0;
		border-bottom: none;
	}
	
	#footerNav .nav  {
		display: inline-block!important;
	}
	
	#footerNav .nav li  {
		display: inline-block!important;
	}
	
	ul.blog-tag-cloud, #blog-archives, #blog-categories {
		float: none!important;
		width: 100%;
		padding: 20px 0 0;
		text-align: left!important;
	}
	
	ul.blog-tag-cloud {
    	display: inline-flex;
	}
	
	#sidebar {
		margin-bottom: 0px;
	}
	
	.blog-entry-body p {
		width: 90%!important;
	}
	
	.blog-entry {
		-webkit-border-radius: 0px;
		-khtml-border-radius: 0px;
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
		border-radius: 0px;
	}
	
	ul.blog-tag-cloud, #blog-archives, #blog-categories {
    	margin-top: 0px;
	}
	
	ul.blog-tag-cloud br, #blog-archives br, #blog-categories br {
		display: none;
	}
	
	ul.blog-tag-cloud a, #blog-archives a, #blog-categories a {
	 	margin-right: 10px;
	 }
	
	.post-title {
		padding: 0 40px 40px;
	}
		
	.form-input-field {
    	width:  75%!important;
	}
	
	textarea.form-input-field{
    	width:  75%!important;
	}
	
	.message-text { 
		width:  75%!important;
	} 
	 
	form select { 
		width:  75%!important;
	} 
	 
	.form-input-field, .form-input-button, label, .message-text, form select { 
		margin-left: 20px!important;
	} 
	
	.blog-entry-comments {
		width: 90%!important;
	}
	
	#footerText {
		float: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
		
}


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

.siteTitle {
    display: none;
}

.slogan {
    display: none;
}

}
 
/* iPad Portrait */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	
	body {
    }
    
    #contentContainer, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4, #extraContainer5, #extraContainer6, #extraContainer7, #extraContainer8, #extraContainer9, #extraContainer10, #extraContainer11, #extraContainer12, #extraContainer13, #extraContainer14, #extraContainer15, #extraContainer16 {
    	max-width: 740px;
    }
    
}


/* iPad Landscape */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	
	body {
	}
	
}

 
/* iPhone Portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	
	#contentContainer, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4, #extraContainer5, #extraContainer6, #extraContainer7, #extraContainer8, #extraContainer9, #extraContainer10, #extraContainer11, #extraContainer12, #extraContainer13, #extraContainer14, #extraContainer15, #extraContainer16 {
		max-width: 300px;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
	
	#contentContainer, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4, #extraContainer5, #extraContainer6, #extraContainer7, #extraContainer8, #extraContainer9, #extraContainer10, #extraContainer11, #extraContainer12, #extraContainer13, #extraContainer14, #extraContainer15, #extraContainer16 {
		max-width: 300px;
	}
}

/* Mobile Only */
@media only screen and (max-width:480px) {
	

	#siteLogo img { 
		max-width: 180px;
		margin-left:  0!important;
	}
	
	#siteLogo { 
		margin-left: 2%;
	}
	
	#content {
		padding-bottom: 0px!important;
	}
	
	h1.blog-entry-title {
		margin-right: 2px;
		width: 200px!important;
		margin-top: 15px;
	}
	
	.blog-entry{
	 	margin: 0;
	 	max-width: 940px;
	}
	
	.blog-entry-date {
		margin-top: -20px;
	}
	
	.siteTitle {
		font-size: 1.8em!important;
		padding-top: 120px!important;
	}
	
	#contentContainer {
		margin: 0px auto 0;
		padding: 0px 10px 0;
	}
	
    #footerNav .nav a  {
    	font-size: 0.8em;
	}
	
	#footerNav .nav {
		float: none;
		margin-top: 0px;
	}
	
	.nav ul {
		font-size: 0.9em;
	}
	
}

/* @end */

body,#breadcrumb li:last-child a, .column-pricing h3 {color: #B2B2B2;}

.filesharing-item-title a:link{
	color: #C0C0C0;
}

#breadcrumb, 
#breadcrumb a{
color:#FEFEFE;
}

h1.blog-entry-title a:link, .blog-entry-title a,
.blog-entry-title,
.album-title,.movie-page-title, 
h1,h2,h3,h4,h5,h6, .column-pricing h2, .column-pricing.light h2 {
color: #858585;
}

h3:after {
	background-color: #CCCCCC;
}

blockquote {
  border-left: 10px solid #3F3F3F;
}

blockquote:before {
  color: #3F3F3F;
}

.nav a {
	color: #FFFFFF!important;
}

.nav a:hover {
	color: #FFFFFF!important;
}

.siteTitle a, .slogan a {
	color: #5DC51E!important;
}

.siteTitle a:hover, .slogan a:hover {
	color: #FFFFFF!important;
}

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

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

#header {
	background-color: #59295C;
}

#footer {
	background-color: #1C1C1C;
}

body {
	background-color: #FFFFFF;
}

#footerContent{
	color: #B2B2B2;
}

#footer a:link, #footer a:visited {
	color: #3F3F3F;
}

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

button, .blog-entry-category {
  background: %colour_btn%!important;
}

button:hover, .blog-entry-category:hover {
  background: #000000!important;
}

.form-input-field, .form-input-textarea {
	color: 	%colour_bodyText%;
}

form select {
	border-color: %colour_background%;
}

.form-input-field, .form-input-textarea {
	background-color: #EBEBEB;
	color: #FFFFFF;
}

.form-input-field:focus,
.textarea.form-input-field:focus{
	background-color: #838383;
	color: #FFFFFF;
}

.form-input-button { 
	background: #3BB3E0;
	color: #FFFFFF;
} 

.form-input-button:hover { 
	background-color: #000000;
}

.btn {
	background: #512A52;
}

.btn:hover {
    background: #000000;	
}

#extraContent1 h1 {
	color: #F2F2F2;
}

#extraContent1 h2 {
	color: #A9FF64;
}

#extraContent1 {
	background-color: #FFFFFF;
}

#extraContent2 {
	background-color: #DEDEDE;
}

#extraContainer2{
	color: #595856;
}

#extraContent3 {
	background-color: #FFFFFF;
}

#extraContainer3{
	color: #93999A;
}

#extraContent4 {
	background-color: #1E1D20;
}

#extraContainer4{
	color: #FFFFFF;
}

#extraContent5 {
	background-color: #FFFFFF;
}

#extraContainer5{
	color: #FFFFFF;
}

#extraContent6 {
	background-color: #FFFFFF;
}

#extraContainer6{
	color: #3F3F3F;
}

#extraContent7 {
	background-color: #FFFFFF;
}

#extraContainer7{
	color: #3F3F3F;
}

#extraContent8 {
	background-color: #FFFFFF;
}

#extraContainer8{
	color: #FFFFFF;
}

#extraContent9 {
	background-color: #FFFFFF;
}

#extraContainer9{
	color: #3F3F3F;
}

#extraContent10 {
	background-color: #D6D6D6;
}

#extraContainer10{
	color: #3F3F3F;
}

#extraContent11 {
	background-color: #FFFFFF;
}

#extraContainer11{
	color: #3F3F3F;
}

#extraContent12 {
	background-color: #FFFFFF;
}

#extraContainer12{
	color: #3F3F3F;
}

#extraContent13 {
	background-color: #FFFFFF;
}

#extraContainer13{
	color: #3F3F3F;
}

#extraContent14 {
	background-color: #FFFFFF;
}

#extraContainer14{
	color: #3F3F3F;
}

#extraContent15 {
	background-color: #FFFFFF;
}

#extraContainer15{
	color: #3F3F3F;
}

#extraContent16 {
	background-color: #FFFFFF;
}

#extraContainer16{
	color: #3F3F3F;
}


ul.tree a:link {
	color: #C0C0C0;	
}

ul.tree ul li a{
	color: #B2B2B2!important;
}




		#extraContent11{
	display: none;
}


#extraContent12{
	display: none;
}


#extraContent13{
	display: none;
}


#extraContent14{
	display: none;
}


#extraContent15{
	display: none;
}


#extraContent16{
	display: none;
}


#extraContent1 {
	background-color: transparent;
}

#header {
	border-bottom: 0px;
}




body {
	font-family: 'Arvo', serif;
	line-height:1.5em;
	font-size:1em;
}

body {
	line-height:1.5em;
	font-size:1em;
}

h1.siteTitle {
	font-size: 1.0em;
	line-height: 0em;
	letter-spacing: 0px;
}

h2.slogan {
	font-size: 1.0em;
	line-height: 0em;
}

#footerContent {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: center;
}

h1 {
	font-size: 3.5em;
	line-height: 1.5em;
	font-weight: 100;
}

h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
}

h3 {
	line-height: 2em;
	font-size: 1.4em;
}