/*
Theme Name: FallenFruit
Author: Kari Svendsboe
Author URI: http://ksvendsboe.com/
Description: Poetry in motion - play me I'm yours.
Version: 1.0
Tags: one-column, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template
*/

/* Reset
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

html {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow-x: hidden;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

body, div, dl,dt,dd, ul,ol,li,
h1,h2,h3,h4,h5,h6, pre, form,fieldset,
input,textarea, a, p,blockquote, th,td { 
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

img {
	border: 0;
}

address, caption, cite, code,
dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-size: 100%;
	font-weight: normal;
	line-height: auto;
}

code, pre {
	font-family: Monaco, "Lucida Console", Terminal, monospace;
}

pre {
	background: #f0f0f0;
	border: 2px solid #ccc;
	padding: 1em;
	margin: 0 0 1.6em;
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
	max-width: 700px;
}

/* HTML5
----------------------------------------------- */

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

::-webkit-validation-bubble, ::-webkit-validation-bubble-message{
	padding: 12px;
}

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

/* Global
----------------------------------------------- */

* {
	line-height: 1.4em;
	font-weight: normal;
	font-size: 16px;
	font-weight: 200; 
	font-style: normal;
}

p {
	margin: 0 0 1.6em 0;
	line-height: 1.6em;
}

a {
	text-decoration: none;
}

span {
	font-size: 1em;
	font-weight: inherit;
}

a:hover {
	color: #000;
	text-decoration: underline;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

a.up:after {
	content: " \2191";
}
a.down:after {
	content: " \2193";
}

h2 {
	font-size: 3em;
}

h3 {
	font-size: 2em;
}

h4 {
	font-size: 1.6em;
}

h5 {
	font-size: 1.4em;
}

textarea, input[type=text], input[type=password], input[type=email], input[type=url] {
	border: 1px solid #CFCFCF;
	padding: 6px;
	line-height: 1.4em;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	   -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
			box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}

blockquote {
	margin: 1em 1em 1em 3em;
}

blockquote, blockquote p {
	font-style: italic;
}

blockquote:before {
	color: #ccc;
	display: block;
	font-size: 9em;
	content: "\201C";
	height: 1px;
	position:relative;
	top: 0.2em;
	left: -0.43em;
}

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

ol, ul {
	list-style-position: inside;
}

b, b * {
	font-weight: bold;
}

em, em * {
	font-style: italic;
}

figure {
	margin: 0 auto;
}

figcaption {
	margin: 0.5em;
	text-align: center;
}

.placeholder {
	color:#999; 
	font-style:normal;
}

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

.hasjs .content-container {
	opacity: 0;
}

#preloader, .preloader {
	display: inline-block;
	position: relative;
	top: 0px;
	width: 100%;
	margin: 0 auto;
	min-width: 240px;
	min-height: 100px;
	text-align: center;
	z-index: 1;
}

#preloader div, .preloader div {
	margin: 0 auto;
	width: 240px;
	height: 100px;
	text-align: center;
	color: #767676;
	background: #fff url(images/preloader.gif) no-repeat center 72px;
	padding: 32px 0 0 0;
	border: 1px solid #EFEFEF;
	-webkit-box-shadow: 0 2px 3px -1px #636363;
	   -moz-box-shadow: 0 2px 3px -1px #636363;
	        box-shadow: 0 2px 3px -1px #636363;
}

#wpstats {
	display: none;
}


/* Alignment
----------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* AssistiveText
----------------------------------------------- */

.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* Wrapper
----------------------------------------------- */

#wrapper {
	width: 100%;
	max-width: 2560px;
	min-width: 100px;
	padding: 0;
	margin: 0 auto;
	position:relative;
}

#wrapper ol, #wrapper ul {
	list-style-position: inside;
	margin: 0 0 1.6em 0;
	padding-left: 1em;
	text-indent: -1em;
}

#wrapper li {
	line-height: 1.6em;
}

/* Branding
----------------------------------------------- */

#branding {
	width: 100%;
	overflow: hidden;
}

#branding .branding-container {
	width: 900px;
	padding: 0.6em 0;
	margin: 0 auto;
	overflow: hidden;
}

#branding #site-title {
	width: auto;
	float: left;
}

#branding h1 a, 
#branding nav#access {
	display: block;
}

#branding h1 a {
	text-indent: -9999px;
	width: 302px;
	height: 80px;
	display: inline-block;
	zoom: 1;
    *display: inline;
	background: url(images/logo.png) no-repeat transparent;
}

#branding h1 a:hover, .content header h1 a:hover {
	color: #121212;
}

#branding a:hover img {
	border: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

/* Fixed Branding
----------------------------------------------- */

body.fixed #branding {
	position: fixed;
	z-index: 10000;
}

body.fixed #branding.shadow-container {
	border-width: 0px 0px 10px;
	-webkit-border-image: url(images/box-shadow.png) 10 22 repeat;
	   -moz-border-image: url(images/box-shadow.png) 10 22 repeat;
		 -o-border-image: url(images/box-shadow.png) 10 22 repeat;
			border-image: url(images/box-shadow.png) 10 22 repeat;
	border-image-width: 0px 0px 10px;
	border-style: solid;
}

body.fixed #branding .branding-container {
	padding: 0.6em 0 0;
}

body.fixed #branding .shadow-background {
	background-color: #fff;
	background-color: rgba(255,255,255,0.95);
}

body.fixed .content:first-of-type, body.fixed .content {
	padding-top: 0;
}

body.fixed .content:first-of-type .shadow-container{
	border-width: 0px;
	border-image-width: 0px;
}

body.fixed .content:only-of-type .shadow-container{
	border-width: 0px 0px 10px;
	border-image-width: 0px 0px 10px;
}

/* Nav
----------------------------------------------- */

/* Site nav */

nav#access {
	text-align: right;
	position: relative;
	float: right;
}

nav#access ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav#access ul.menu li {
	display: inline;
	list-style-type: none;
	margin-left: 1.6em;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 2em;
}

/* Posts nav */

nav#posts {
	width: 900px;
	margin: 3em auto 1em;
	display: block;
	overflow: hidden;
}

nav#posts .nav-previous {
	float: left;
}

nav#posts .nav-next {
	float: right;
}

/* Single nav */

nav#single {
	width: 450px;
	margin: 12px auto;
}

nav#single .nav-previous {
	float: left;
}

nav#single .nav-next {
	float: right;
}

/* Intrapage Nav */

nav#page {
	position: fixed;
	right: 15px;
	top: 0;
	z-index: 10;
	background: yellow;
}
nav#page li {
	height: 14px;
	width: 14px;
	position: relative;
	right: 0;
	padding-top: 4px;
	list-style-type: none;
	overflow: hidden;
}
nav#page li:hover {
	overflow: visible;
}
nav#page li > a {
	width: 10px;
	height: 10px;
	background: #999 0 100% no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	border-radius: 8px;	display: block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	position: relative;
}
nav#page h6 {
	color: #fff;
	display: block;
	opacity: 0;
	position: absolute;
	right: 12px;
	top: -6px;
	white-space: nowrap;
	padding: 4px 12px 5px 28px;
	margin-right: 6px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
nav#page h6 a {
	color: #fff;
}
nav#page h6 a:hover {
	text-decoration: none;
}
nav#page h6:before {
	content:"";
	position:absolute;
	border-style:solid;
	display:block;
	width:0;
	top:9px;
	bottom:auto;
	left:auto;
	right:-6px;
	border-width:6px 0 6px 6px;
}
nav#page li:hover h6 {
	opacity: 1;
	right: 18px;
}

/* Posts
----------------------------------------------- */

#primary {
	clear: both;
}

.content,
.content-container {
	background: transparent 50% 0 no-repeat fixed;
	width: 100% !important;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}



body .content:last-of-type .shadow-container {
	border-width: 10px 0px 10px;
	border-image-width: 10px 0px 10px;
}

body .content:only-of-type .shadow-container,
#container {
	border-width: 0px 0px 10px;
	border-image-width: 0px 0px 10px;
}

.content .overlay.shadow-container {
	display: block;
	position:absolute;
	height:auto;
	bottom:0;
	top:0;
	left:0;
	right:0;
}

.single .content {
	height: 100%;
	padding-bottom: 6em;
}

.content section {
	width: 900px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.content header,
#search-results #no-results header {
	margin-top: 12em;
}

#search-results.content header {
	margin-top: 2em;
}

.has-background header {
	margin-top: 6em;
}

.entry-content a {
	text-decoration: underline;
}





.content section.center header, 
.content section.center .entry-summary, 
.content section.center .entry-content, 
.content section.center footer.entry-meta  {
	left: 25%;
}

.content section.right header, 
.content section.right .entry-summary, 
.content section.right .entry-content, 
.content section.right footer.entry-meta  {
	left: 50%;
}

.content .full header, .search-results .content .entry-header,
.content .full .entry-summary, .search-results .content .entry-summary,
.content .full .entry-content, .search-results .content .entry-content,
.content .full .entry-meta, .search-results .content .entry-meta,
.content .full .edit-link, .search-results .content .edit-link {
	width: 100%;
}

.content header h1,
.content header h1 a,
.single .content header h1,
#search-results #no-results header h1 {
	display: block;
	line-height: 1em;
	margin: 0 0 0.5em 0;
}

.content header h1 a {
	font-size: 1em;
}

#search-results header h1 {
	margin: 0;
}

#search-results header h1 a {
	font-size: 0.5em;
}

.has-background header h2 a {
	margin: 0 0 1em 0;
}

.content .overlay {
	background: 50% top no-repeat fixed;
	width: 100%;
	height: 100%;
	position: absolute;
}

.content-container.repeat, .content .overlay.repeat {
	background-repeat: repeat;
}

.content-container.repeat-x, .content .overlay.repeat-x {
	background-repeat: repeat-x;
}

.content-container.repeat-y, .content .overlay.repeat-y {
	background-repeat: repeat-y;
}

footer.entry-meta {
	margin: 0 0 3em 0;
	padding: 0;
	z-index: 1000;
}

#search-results footer.entry-meta {
	margin-bottom: 1em;
}

#search-results {
	padding-bottom: 3em;
}

#search-results section {
	overflow: hidden;
}

.sticky {}
.gallery-caption {}
.bypostauthor {}


/* Pages
----------------------------------------------- */

article#home {
	background-color: #f93a48;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(249, 58, 72)),to(rgb(248, 236, 36)));
	background-image: -webkit-linear-gradient(top, rgb(249, 58, 72), rgb(248, 236, 36));
	background-image: -moz-linear-gradient(top, rgb(249, 58, 72), rgb(248, 236, 36));
	background-image: -o-linear-gradient(top, rgb(249, 58, 72), rgb(248, 236, 36));
	background-image: -ms-linear-gradient(top, rgb(249, 58, 72), rgb(248, 236, 36));
	background-image: linear-gradient(top, rgb(249, 58, 72), rgb(248, 236, 36));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f93a48', EndColorStr='#f8ec24');
}
article#home .entry-content, article#contact .entry-content, article#about .entry-content {
	background-color: #fff;
	padding: 20px 40px;
	/* border: 5px solid black; */
	outline: 15px solid RGBA(0,0,0,.5);
	width: 75%;
	max-width: 700px;
	margin: auto;
	float: none;
	overflow: auto;
}
article#home .overlay.shadow-container, article#home .content-container {
	background-repeat: repeat;
}


article#home .homeTop {
	border-bottom: 4px solid black;
 	margin-bottom: 4px;
 	float: left;
 	padding-bottom: 10px;
}
article#home .homeTop h2 {
	 clear: both; 
	 float: left; 
	 display: block; 
	 width: 30%;  
	 font-family: 'Open Sans Condensed', sans-serif; 
	 font-size: 1.5em; 
	 font-size: 18px;
	 font-style: italic;
	 font-weight: bold;
	 vertical-align: bottom;
}
article#home .homeTop h2 span {
	background: url(images/logo-tiny.png) no-repeat;
	width: 151px;
	height: 40px;
	display: inline-block;
	zoom: 1;
    *display: inline;
	text-indent: -9999px;
	margin-right: 10px;
}
article#about .content-container {
	background-size: 100%;
}
article#about .content-container .overlay
{
	background-size: 100%;
}

article#projects {
	display: none;
}


/* Footer
----------------------------------------------- */

#footer {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow: hidden;
}

#footer h1 {
	font-size: 1.6em;
}

#footer-widgets {
	float: left;
	width: 100%;
	margin-bottom: 3em;
}

#footer a {
	color: #222;
	padding: 0;
	margin: 0;
	text-indent: 1px;
}

#site-copyright {
	float: left;
	line-height: 30px
}

#site-generator {
	float: right;
	text-align: right;
	line-height: 30px
}

#site-copyright, #site-copyright a,
#site-generator, #site-generator a {
	color: #454545;
	font-size: 11px;
}

#links ul, #archives ul, 
#meta ul, #pages ul {
	list-style-type: none;
}


/* Widget
----------------------------------------------- */

.widget {
	display: block;
	float: left;
	width: 30%;
}
#recent-posts-3, #text-2 {
	padding-right: 2%;
	margin-right: 2%;
	border-right: 1px dotted black;
}

.widgettitle {
	font-size: 1.6em;
}

.widget #searchform label {
	display: block;
}


/* Comments
----------------------------------------------- */

#comments {
	height: 250px;
	width: 450px;
	margin: 100px auto 30px;
	height: 100%;
	position: relative;
	z-index: 2;
}

#comments ul, #comments ol {
	list-style-type: none;
	text-indent: 0;
}
#comments-title {
	margin-bottom: 1.6em;
}

#comments label {
	display: block;
	width: 100%;
	margin: 0.5em 0 0.2em;
}

#comments .comment-author img {
	border: 2px solid rgba(255, 255, 255, 0.6);
	float: left;
	margin: -0.5em 0 0 -6em;
}
.comment-author, .comment-author cite, .comment-author a,
.comment-author a time, .comment-author span {
}
#commentform p {
	margin-bottom: 0;
}
#commentform #comment {
	height: 158px;
}

#commentform input, #commentform #comment {
	width: 436px; /* 450 - padding - border */
}
#commentform input[type=submit] {
	width: 450px;
}
#commentform p.comment-notes, #commentform p.form-allowed-tags {
	width: 100%;
}

#commentform #comment-reply {
	width: 450px;
}

#commentform .form-submit {
	clear:both;
	margin-top: 0.5em;
}

.commentlist .reply {
	text-align: right;
	margin: -1.5em 0 2em;
}

.commentlist .reply a {
	font-size: 0.8em;
}
.commentlist .children {
	margin-left: 4em;
}

#comments .children .comment-author img {
	margin-left: -4em;
}

.comment-meta {
	background: rgba(255,255,255,0.6);
	font-size: 0.6em;
	margin: 0 0 1em -1em;
	padding: 1em;
	border-radius: 1em;
}

#reply-title {
	margin-bottom: 0.5em;
}

#reply-title a {
	font-size: 1em;
}

#cancel-comment-reply-link {
	float: right;
}


/* 404 Page
----------------------------------------------- */

.error404 #searchform {
	margin: 2em 0;
}

.error404 .entry-content ul {
	list-style-type: none;
}

.hit-the-floor {
	color: #fff;
	font-size: 16em;
	font-weight: bold;
	text-shadow: 0 1px 0 #ccc, 
		0 2px 0 #c9c9c9,
		0 3px 0 #bbb,
		0 4px 0 #b9b9b9,
		0 5px 0 #aaa,
		0 6px 1px rgba(0,0,0,.1),
		0 0 5px rgba(0,0,0,.1),
		0 1px 3px rgba(0,0,0,.3),
		0 3px 5px rgba(0,0,0,.2),
		0 5px 10px rgba(0,0,0,.25),
		0 10px 10px rgba(0,0,0,.2),
		0 20px 20px rgba(0,0,0,.15);
}


/* Image Box Shadow
----------------------------------------------- */

.entry-content a img, .entry-content figure img, 
.avatar img {
	background-color: rgba(255, 255, 255, 0.6);
	border: solid 1px #efefef;
	padding: 6px; 
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 3px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 3px rgba(0, 0, 0, 0.2) inset;
			box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

a:hover img {
	border: solid 1px #999;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.4), 0 0 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.4), 0 0 4px rgba(0, 0, 0, 0.2) inset;
			box-shadow:0 1px 2px rgba(0, 0, 0, 0.4), 0 0 4px rgba(0, 0, 0, 0.2) inset;
}


/* ThemeDesigner
----------------------------------------------- */

#theme-designer {
	color: #f0f0f0;
	background: rgb(22,22,22);
	background-color: rgba(22,22,22,.85);
	display: none;
	position: fixed;
	width: 300px;
	top: 50px;
	right: 50px;
	list-style-type: none;
	z-index: 10000;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
	-webkit-box-shadow: 0 0 5px #888;
	   -moz-box-shadow: 0 0 5px #888;
			box-shadow: 0 0 5px #888;
}

#theme-designer a:hover {
	color: #FFF!important;
}

#theme-designer .ui-resizable-se {
	float: right;
	cursor: se-resize;
	width: 16px;
	height: 16px;
	background: transparent url(images/resizable-icon.png) top left no-repeat;
}

#theme-designer h2,
#theme-designer h3 {
	color: #f0f0f0;
	font-size: 1.2em;
	background-color: rgb( 11, 11, 11 );
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 6px 6px 6px 12px;
}

#theme-designer h2 {
	cursor: move;
}

#theme-designer h2 span {
	background-color: #C00;
	cursor: pointer;
	font-weight: 400;
	float: right;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	padding: 0px 8px 3px;
	margin-top: -2px;
	border: 1px solid #121212;
}

#theme-designer h3 {
	cursor: pointer;
	margin: 1.2em 0 0.6em;
	border: 1px solid #545454;
}

#theme-designer h3:after {
	content: '\2193'; 
	height: 16px; 
	width: 16px;   
	position: relative; 
	right: 0px; 
	top: 0px; 
	float: right;
	-webkit-transition:all 1.0s ease-in-out;
	-moz-transition:all 1.0s ease-in-out;
	-o-transition:all 1.0s ease-in-out;
	-ms-transition:all 1.0s ease-in-out;	
	transition:all 1.0s ease-in-out;
}

#theme-designer h3.open-accordion:after {
	content: '\2191'; 
}

#theme-designer h4 {
	color: #f0f0f0;
	font-size: 1em;
}

#theme-designer .accordion-pane {
	display: none;
	color: #f0f0f0;
	padding: 26px 12px 12px;
	margin: -22px 0 0;
	border: 1px solid #545454;
	border-top: none;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#theme-designer .accordion-pane label {
	display: block;
}

#theme-designer .accordion-pane input[type="text"] {
	width: 95%;
}

.five3-color-picker {
	margin-bottom: 20px;
}

.five3-color-input {
	margin: 0px 5px 5px 0px;
	width: 8em;
}
#theme-designer input[type="text"].five3-color-input {
	width: 8em;
}
.five3-color-label {
	height: auto;
}

#theme-designer a.five3-color-pick {
	color: #EFEFEF;
	white-space: nowrap;
}

#theme-designer .farbtastic {
	margin: 0 auto;
}

#theme-designer form {
	padding: 12px;
}

#theme-designer fieldset {
	border: none;
}

#theme-designer input {
	border: 1px solid #666;
}

#theme-designer #five3-fonts {
	font-size: 20px;
	width: 135px;
	line-height: 1.6em;
	display: inline-block;
	border: none;
}

/* Grunion Contact Form
----------------------------------------------- */
.contact-form > div {
	margin: 0.5em 0;
}

.contact-form label {
	display: inline-block;
	zoom: 1;
    *display: inline;
	width: 40%;
}

.contact-form label span {
	color: #545454;
	font-weight: 200!important;
}

.contact-form input {
	display: inline-block;
	zoom: 1;
    *display: inline;
	width: 55%;
}

.contact-form input.checkbox, 
.contact-form input.radio {
	clear: left;
	width: auto;
}

.contact-form label.radio {
	display: inline-block;
	zoom: 1;
    *display: inline;
	width: 90%;
}

.contact-form .contact-submit input[type=submit] {
	width: 100%;
}

/* jQuery Select Box Styles
----------------------------------------------- */

a.selectBox:hover, .selectBox a:hover {
	text-decoration: none;
}

/* Inline control */
.selectBox-inline {
	width: 100%;
	outline: none;
	border: solid 1px #BBB;
	background: rgba(22,22,22,.85);
	display: inline-block;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #666;
}

/* Options */
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}

.selectBox-options li a {
	color: #EFEFEF;
	font-size: 2.6em;
	line-height: 1.2;
	padding: 0 5px;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
}

.selectBox-options li.selectBox-hover a {
	background-color: rgba(66,66,66,.85);
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}

.selectBox-options li.selectBox-disabled a {
	color: #888;
	background-color: transparent;
}

.selectBox-options li.selectBox-selected A {
	background-color: rgba(55,55,55,.85);
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}

/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent;
}

/* Boxes
----------------------------------------------- */

.third-box {
	width: 26%; 
	margin: 1em 1.5%; 
	float: left; 
	padding: 1em;
	border-width: 2px; 
	border-style: solid; 
	-webkit-border-radius: 0.5em;
	   -moz-border-radius: 0.5em;
			border-radius: 0.5em;
}


/* bbPress >= 2.1
----------------------------------------------- */

#container {
	width: 100%;
	overflow: hidden;
}

#content table.bbp-forums {
	margin-bottom: 2em;
}
.wp_themeSkin .mceIframeContainer iframe {
	position: relative;
	background: #fff;
}
.wp_themeSkin .mceStatusbar div {
	height: 20px;
	padding: 0 2px !important;
}
.bbp-author-avatar img {
	padding: 0 !important;
}
.bbp-author-role {
	display: none;
}
.bbp-topic-description .bbp-author-avatar img,
.bbp-forum-description .bbp-author-avatar img,
.bbp-topic-started-by .bbp-author-avatar img,
.bbp-reply-revision-log-item img,
.bbp-topic-freshness-author .bbp-author-avatar img {
	box-shadow: 0 0 0 #fff !important;
	border: 0 !important;
	margin: 0 !important;
	vertical-align: middle !important;
}
#bbpress-forums .bbp-reply-content a {
	text-decoration: underline;
}
.bbp-topic-meta a,
.bbp-template-notice a,
.bbp-topic-freshness-author a {
	font-size: 12px;
}
.bbPress #content {
	max-width: 900px;
	margin: 1em auto 3em;
}
.bbPress.fixed #content {
	margin: 6em auto 3em;
}

#bbpress-forums #author-description {
	margin: -5em 0 0 80px;
}
#bbpress-forums td{
	padding: 0.5em;
}
.bbp-single-user {
	padding-top: 2em;
}
.bbp-forum-freshness a,
.bbp-topic-freshness a,
.bbp-forum-info a,
.bbp-topic-title a,
.bbp-reply-author a {
	text-decoration: none;
}
img.mceIcon {
	padding: 0;
	border: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}







































/* keyframes for slidein from sides */
@-webkit-keyframes slideinfromright {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(0); }
}
@-moz-keyframes slideinfromright {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(0); }
}
@-webkit-keyframes slideinfromleft {
    from { -webkit-transform: translateX(-100%); }
    to { -webkit-transform: translateX(0); }
}
@-moz-keyframes slideinfromleft {
    from { -moz-transform: translateX(-100%); }
    to { -moz-transform: translateX(0); }
}
/* keyframes for slideout to sides */
@-webkit-keyframes slideouttoleft {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(-100%); }
}
@-moz-keyframes slideouttoleft {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes slideouttoright {
    from { -webkit-transform: translateX(0); }
    to { -webkit-transform: translateX(100%); }
}
@-moz-keyframes slideouttoright {
    from { -moz-transform: translateX(0); }
    to { -moz-transform: translateX(100%); }
}
.slide.out, .slide.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
}
.slide.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
}
.slide.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromright;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromright;
}
.slide.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
}
.slide.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromleft;
	-moz-transform: translateX(0);
	-moz-animation-name: slideinfromleft;
}
.slidefade.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
	-moz-transform: translateX(-100%);
	-moz-animation-name: slideouttoleft;
	-webkit-animation-duration: 225ms;
	-moz-animation-duration: 225ms;
}
.slidefade.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: fadein;
	-moz-transform: translateX(0);
	-moz-animation-name: fadein;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}
.slidefade.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
	-moz-transform: translateX(100%);
	-moz-animation-name: slideouttoright;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}
.slidefade.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: fadein;
	-moz-transform: translateX(0);
	-moz-animation-name: fadein;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}
/* slide down */
.slidedown.out {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
}
.slidedown.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfromtop;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfromtop;
	-webkit-animation-duration: 250ms;
	-moz-animation-duration: 250ms;
}
.slidedown.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-duration: 150ms;
}
.slidedown.out.reverse {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-animation-name: slideouttotop;
	-moz-animation-name: slideouttotop;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}
@-webkit-keyframes slideinfromtop {
    from { -webkit-transform: translateY(-100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfromtop {
    from { -moz-transform: translateY(-100%); }
    to { -moz-transform: translateY(0); }
}
@-webkit-keyframes slideouttotop {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes slideouttotop {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(-100%); }
}
/* slide up */
.slideup.out {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
}
.slideup.in {
	-webkit-transform: translateY(0);
	-webkit-animation-name: slideinfrombottom;
	-moz-transform: translateY(0);
	-moz-animation-name: slideinfrombottom;
	-webkit-animation-duration: 250ms;
	-moz-animation-duration: 250ms;
}
.slideup.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-webkit-animation-duration: 150ms;
	-moz-animation-duration: 150ms;
}
.slideup.out.reverse {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-animation-name: slideouttobottom;
	-moz-animation-name: slideouttobottom;
	-webkit-animation-duration: 200ms;
	-moz-animation-duration: 200ms;
}
@-webkit-keyframes slideinfrombottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideinfrombottom {
    from { -moz-transform: translateY(100%); }
    to { -moz-transform: translateY(0); }
}
@-webkit-keyframes slideouttobottom {
    from { -webkit-transform: translateY(0); }
    to { -webkit-transform: translateY(100%); }
}
@-moz-keyframes slideouttobottom {
    from { -moz-transform: translateY(0); }
    to { -moz-transform: translateY(100%); }
}




ul.sub-menu {
padding-left: 0;
margin: 0;
text-indent: 0;
}


nav#access ul ul {
	display: none;
}

	nav#access ul li:hover > ul {
		display: block;
		background: transparent
	}


nav#access ul {
		list-style: none;
	position: relative;
	display: inline-table;
}
	nav#access ul:after {
		content: ""; clear: both; display: block;
	}

	nav#access ul li {
		float: left;
	}
		nav#access ul li:hover {
			background: transparent;

		}
			nav#access ul li:hover a {
				color: white;
				
			}
		
		nav#access ul li a {
			display: block;
			color: orange; 
			text-decoration: none;
			font-weight: bold;
		}
			
		
	nav#access ul ul {
		background: #fff; 
		padding: 0;
		position: absolute; 
		top: 100%;
	}
		nav ul ul li {
			float: none; 
			display: block;
			margin-left: 0;
		}
			nav ul ul li a {
				padding: 5px;
				color: #000;
			}	
				nav ul ul li a:hover {
					background: #fff;
				}
		
	nav#access ul ul ul {
		position: absolute; left: 100%; top:0;
	}