/*   
Theme Name: AppGlobe
Theme URI: 
Description: Theme for appglobe.com, created from the HTML5 Reset Theme (https://html5reset.org).
Author: Martin
Version: 1
*/

html, body, div, span, 
object, iframe, h1, h2, 
h3, h4, h5, h6, a, p, 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, figure, 
footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	font-size: 100%;
	vertical-align: baseline;
}									

/* 
Prevent some pages from jumping
*/
html {
	overflow-y: scroll;
}
html { margin-top: 0px !important; }
	* html body { margin-top: 0px !important; }



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

img {
	height: auto !important;
}

embed,input, img, object, select {
	max-width: 100%;
}
a:hover, a:active {
	outline: none;
}
/*
Videos
*/
audio[controls],
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1; 
}

video {
  width: 100%  !important;
  height: auto !important;
}

.fluid-media {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
}
.fluid-media iframe,  
.fluid-media object,  
.fluid-media embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 
Lists
*/
ul {
	/* Default to no style for unordered lists  */
	list-style: none;
}
#main ul, #main ol {
	list-style:square;
	margin:0 0 0.8em 1.5em;
	padding: 0;
}
#main ul li > ul , #main ol li > ol {
	list-style:circle;
	margin-bottom:0;
	padding: 0;
}
#main ol li > ol {
	list-style:lower-alpha;
}
#main ol {
	list-style:decimal;
}
#main li {
	line-height:2;
}
#main li p {
	line-height:1.4;
}
#main li h2 a {
	vertical-align:middle;
}
.page-template-demos-php #main ul {
	list-style:none;
	margin:0;
}
.page-template-demos-php #main ul li {
	padding:0em 0 1em;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

/*
Quotes
*/
blockquote, q {
	quotes: none;
}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {
	content: ''; 
	content: none;
}

q {
  quotes: "“" "”" "‘" "’";
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}


del {
	text-decoration: line-through;
}

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

hr {
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 1px solid #ccc; 
	margin: 1em 0; 
	padding: 0;
}

/* 
Tables
*/
table {
	border-collapse: collapse; 
	border-spacing: 0;
	font-size: inherit; 
	font: 100%;
}

th {
	font-weight: bold; 
	vertical-align: bottom;
}

td {
	font-weight: normal; 
	vertical-align: top;
}
/*
Forms
*/
input, select {
	vertical-align: middle;
}
input[type="radio"] {
	vertical-align: text-bottom;
}

input[type="checkbox"] {
	vertical-align: baseline; *vertical-align: middle;
}

.ie6 input {
	vertical-align: text-bottom;
}

select, input, textarea {
	font: 99% sans-serif;
}
/*
Code
*/
pre, code {
        white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	/* white-space: pre-line;  Added in a media query for smaller screens */
	word-wrap: break-word; /* IE */
	display:block;
}
code {
	padding:0.25em 0.5em;
	font-size:75%;
	text-shadow:0 1px 0 #fff;text-shadow:none;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-top-right-radius:3px;
	border:1px solid #eee;
	background:#fafafa;
}
pre[data-title] code {
	display:block;
}
pre[data-title] {
	position:relative;
	display:block;
	color:#444;
	margin:2.9em 0 1.5em !important;
z-index:99 !important;
}
pre[data-title]:before  {
font-family:georgia;
font-weight:bold;
text-shadow:0 1px 0 #fff;
content:attr(data-title);
background:#eee;
display:inline-block;
color:#a0a0a0;
position:absolute;

letter-spacing:2px;
bottom:100%;
z-index:999 !important;
border-top-left-radius:3px;
border-top-right-radius:9px;
padding:0.25em 0.5em;
line-height:1;
font-size:110%;
margin-bottom:-1px;
}

small {
	font-size: 85%;
}

strong, th {
	font-weight: bold;
}

td, td img {
	vertical-align: top;
} 

sub, sup {
	font-size: 75%; 
	line-height: 0; 
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}

label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}


/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively 
.ie7 img {-ms-interpolation-mode: bicubic;}
*/

/* prevent BG image flicker upon hover 
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* hide class, readable by screen readers */
.for-screen-readers {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
/* Exception to above. Reason is the mobile toggle of the nav menu */
#nav.for-screen-readers {
position:static !important;
top:auto !important;
left:auto !important;
}


/* Actual theme styles.
-------------------------------------------------------------------------------*/

body {
background:#ddd;
font: 100%/1.4 "lucida grande", tahoma, verdana, arial, helvetica, sans-serif;
-webkit-text-size-adjust:100%;
font-size: 1rem;
word-wrap: break-word; 
}

/* Black-gray text */
body, select, input, textarea {
	color: #555;
}
/*Links*/
a, a:link {
	color:#39b4e9;
	text-decoration:none;
}

#main a {
	border-bottom:1px dotted #ddd;
}

#main .metaslider a {
	border-bottom:none;
}



a:hover, a:focus, a:active {
	/*color:#158ec0;*/
	
}





a:hover,
a:focus,
a:active { 
background:#f9f9f9;
text-shadow:0 1px 0 #fff;
border-bottom-width:1px;
border-bottom-color:#f3f3f3;
border-bottom-style:solid;
-webkit-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
-ms-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
#sidebar a {
text-shadow:0 -1px 0 #f9f9f9;
}
#sidebar a:hover, #sidebar a:active {
background:#eee;
text-shadow:0 1px 0 #f5f5f5;
}


/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) 
::-moz-selection{background: #BF634E; color: #fff; text-shadow: none;}
::selection {background: #BF634E; color: #fff; text-shadow: none;} */


a:link {
	-webkit-tap-highlight-color: rgba(201, 224, 253, 0.7);
} 

ins {
	background-color: #BF634E; color: #000; text-decoration: none;
}
mark {
	background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;
}

pre, p {
margin: 0 0 1em;
}

ul.by-category, ul.by-month, ul.by-tag {
margin: 0.5em 0 1em;
}

/*
Notes
*/
.note {
font-weight:bold;
color:#676767;
color:#d7183f;
margin-bottom:1em;
}
.note span {
font-weight:bold;
color:#999;
}
/*
Signatures
*/
.signature {
color:#999;
letter-spacing:1px;
font-family:      "Comic Sans MS",
                    "Brush Script MT",
                    cursive;
}

/* 
Contact Form 
*/
.contact-form input[type='email'],
.contact-form input[type='text'] { 
	width: 300px; 
	margin-bottom: 1em !important; 
	padding:0.65em 0.35em 0.65em;
}
.contact-form select {  
	margin-bottom: 1em !important;  
}
.contact-form textarea { 
	height: 200px;  
	width: 100% !important; 
	float: none; 
	margin-bottom: 1em !important; 
}
.contact-form input[type='radio'], 
.contact-form input[type='checkbox'] { 
	float: none; 
	margin-bottom: 1em !important; 
}
.contact-form label { 
	margin-bottom: 3px; 
	float: none; 
	font-weight: 
	bold; display: block; 
}
.contact-form label.checkbox, 
.contact-form label.radio { 
	margin-bottom: 1em !important; 
	float: none; font-weight: 
	bold; display: 
	inline-block; 
}
.contact-form label span { 
	color: #AAA; margin-left: 4px; 
	font-weight: normal; 
}
.contact-form input[type='submit'] { 
	font-size:130%; 
}

/* 
Hide WP stats smiley 
*/
#wpstats{
	display:none
}

/*
Author Pages
*/
#author-primary-info {
	border-bottom:1px solid #eee;
	padding-bottom:1em;
}
#author-secondary-info {
	border-bottom:1px solid #eee;
	padding:0 0 1.5em;
}
#author-avatar {
	float:left;
}
#author-avatar img {
	margin:0 1em 0 0;
	border:1px solid #999;
}
#author-name-and-description {
	max-width:65%;
	float:left;
}

/*
Social stuff for sharing articles 
*/
ul.sharing-list {
	list-style:none !important;
	margin:1em 0 !important;
	padding:0 !important;
}
ul.sharing-list li {
	min-width:120px;
	margin-right:1em;
	float:left;
	display:inline-block;
	line-height:1 !important;
}

/*
Recent Comments Widget
*/
.ag-comment-permalink img {
	float:left;
	clear:left;
	margin:5px 5px 5px 0;
	vertical-align:top;
	border:1px solid #c5c5c5;
	border-radius:7px !important;
}
.rt-comment-permalink {
	min-height:40px;
}
.commenter-name-excerpt {
	margin-top:3px;
	float:left;
	width:80%;
	display:inline-block;
}
.commenter-excerpt {
	color:#777;
}

/*Stuff*/
.nowrap {
	white-space:nowrap;
}
.post-edit-link {
	/*Temporary*/
	display:none;
}

/*
Featured Image for Posts and Pages
*/
.featured-image img, 
.featured-ad img {
float:right;
margin:0 0 1em 4%;
max-width:30%;
border:1px solid #f2f2f2;
}
.featured-ad img {
max-width:none;
outline:none;
}
.featured-ad-180x150 img {
width:180px;
height:150px;
min-width:180px;
}

/*
Page Navigation
*/
.page-navigation {
	margin:.5em 0;
}
.page-navigation ul {
	list-style:none !important;
	margin:0 !important;
}
.page-navigation li {
	float:left;
	border:0 !important;
}
.page-navigation a,
.page-navigation .current {
	text-decoration:none;
	padding:0.2em 0.7em;
	margin-right:0.35em;
	border:1px solid transparent;
	border-radius:0.35em;
	font-weight:bold;
	background:#f5f5f5;
	display:inline-block;
	margin:0.15em;
}
#main .page-navigation .current, 
#main .page-navigation a:hover,
#main .page-navigation a:focus {
	border-radius:20%;
	border-color:transparent;
	color:#555;
}

/* 
For lightbox effect 
*/
#body_overlay {
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: #777;
	z-index:9999;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	/* IE 5 - 7 */
	filter: alpha(opacity=70);

	/* Netscape */
	-moz-opacity: 0.7;

	/* Safari 1.x */
	-khtml-opacity: 0.7;

	/* Others */
	opacity: 0.7;
}


/*
Sub page navigation
*/
.submenu li a, .submenu li.current_page_item li a  {
	color:#35b5e9 !important;
	text-shadow:0 1px 0 transparent;
	cursor:pointer;
}
.submenu li.current_page_item a {
	text-decoration:none;
	color:#555 !important;
	text-shadow:0 1px 0 white;
	cursor:text;
}
.submenu li.current_page_item a:before {
	content:"";
	display:inline-block;
	margin-right:0.4em;
	width: 0;
	height: 0;
	border-top: 0.4em solid transparent;
	border-bottom: 0.35em solid transparent; 
	border-right:0.4em solid #797979;
}

.submenu  ul li  {
	color:#000;
}
.submenu  ul li.current_page_item   {
	color:#bf634e;
}
.submenu  ul li.current_page_item ul li {
	color:#000;
}

/*
Header Navigation
*/
#nav-wrap {
	float:left;
	text-align:center;
	clear:right;
	margin-top:1em;	
}

/* Page menu trigger element for the mobile page menu */
#page-menu {
	float:left;
	clear:left;
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

/* Skip link to primary / main content. Hidden with screen reader friendly .for-screen-readers class  */
#go-to-primary-content {
	float: right;
	margin: 2em auto 0.5em auto;
	padding: 0.5em;
	text-align: center;
	clear: both;
	border: 1px solid #444;
	width: 44.5%;
	background: #555;
	font-size: 60%;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #222;
	text-decoration: none;
}

/* Skip link to secondary content as well as a sidebar lightbox trigger  */
#mobile-sidebar-trigger {
	clear: right;
	float: right;
	position: absolute !important; /* hide the page menu initially, but not for screen readers */
	top: -9999px !important;
	left: -9999px !important;
	text-decoration:none;
}

#mobile-sidebar-trigger, #page-menu {
	background:#ccc;
	color:#777;
	padding: 0.6em 0.25em;
	cursor:pointer;
	width:44%;
	font-size:65%;
	font-weight:bold;
	text-shadow:0 1px 0 #f7f7f7;
	text-transform:uppercase;
	line-height:1;
display:inline-block;
border: 1px solid #ddd;
background-image: -webkit-linear-gradient(#eee,#ddd);
background-image: -moz-linear-gradient(#eee,#ddd);
background-image: -o-linear-gradient(#eee,#ddd);
background-image: linear-gradient(#eee,#ddd);
-moz-background-clip: padding;
-webkit-background-clip: padding;
-o-background-clip: padding-box;
-ms-background-clip: padding-box;
-khtml-background-clip: padding-box;
background-clip: padding-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
padding-left:2.5%;
text-align:left;
line-height:1.2;
}

#page-menu:after, #mobile-sidebar-trigger:after {
	
	
float:right;
	content:"";
	border-color: #999 transparent;
	border-style: solid;
	border-width: 0.5em 0.5em 0 0.5em;
	margin-top:-0.2em;
margin-right:7%;
	height: 0;
	width: 0;

}

#mobile-sidebar-trigger:active, #page-menu.active {
	background-color: #f9f9f9;
}

/* To view the sidebar as a lightbox */
.sidebar-lightbox {
	background:#f0f0f0;
	position:absolute;
	z-index:10000 !important;
	width:86% !important;
	left:7%;
	right:7%;
	top:7%;
	-moz-box-shadow: #111 0.2em 0.2em 0.85em;  
	-webkit-box-shadow: #111 0.2em 0.2em 0.85em;    
	 box-shadow: #111 0.2em 0.2em 0.85em;  	
	 border:1px solid #aaa;
}

/*The close element within the sidebar lightbox */
.sidebar-lightbox a#sidebar-close {
	position:absolute;
	right:1em;
	top:-1.35em;
	padding:0.25em;
	background:#606060;
	color:#ddd;
	margin-bottom:1em;
	cursor:pointer;
	border:1px solid #999;
	text-decoration:none;
	z-index:10001;
	text-shadow:none !important;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:90%;
}


/*
Top navigation 
*/
#nav {
	margin-left:2em !important;
	clear:right;
	text-align:left;
	font: 85% Georgia, Times, serif; 
	word-wrap:normal;
}

#nav, 
#nav li {
	padding: 0;
	margin: 0;
}

#nav li {
	list-style: none;
	
}

#nav > li {
	float: left;
	position:relative;
	
}

#nav > li > a, ul.children  {
position:relative;
border:1px solid transparent;margin-left:0.5em;
z-index:1;
}


#nav li a {
	padding: 0.6em 0.75em;
	display: block; 
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.2em;
	text-shadow:0 -1px 0 #f5f5f5;
	color: #777;	
	font-weight:bold;
}




#nav li a:hover, #nav li a:focus, #nav li:hover a {
	background:#555;
	z-index:3;
	text-shadow:none;
	color:#f7f7f7;	

border:none;
}


#nav > li > a:hover, #nav > li:hover > a  {
	
	border-bottom-color:transparent !important;
}
#nav > li:hover a {
	/*background:#ddd;
	z-index:3;
	background:#555;
	color:#f7f7f7;
	text-shadow:none;*/
}
#nav ul > li a:hover {
text-decoration:underline;

}

#nav > li > a:hover, #nav > li:hover > a,
#nav > li.current_page_item > a,
#nav > li.current_page_ancestor > a, 
#nav > li > a:hover,
body.single-post #nav > li.page-item-48 > a,
body.category #nav > li.page-item-48 > a,
body.page-id-48 #nav > li.page-item-48 > a,
body.forum-archive #nav > li.page-item-956 > a,
body.topic #nav > li.page-item-956 > a,
body.forum #nav > li.page-item-956 > a,
body.topic-tag #nav > li.page-item-956 > a   {
	background:#555;
	color:#f7f7f7;
	text-shadow:-1px -1px 0 #404040;
	border:1px solid #444;

cursor:pointer;

-webkit-box-shadow: #ddd 2px -1px 1px; 
-moz-box-shadow: #ddd 2px -1px 1px;   
box-shadow: #ddd 2px -1px 1px;     
	
}

#nav > li.current_page_item > a {
cursor:text;
}

#nav > li.current_page_item > a:after, 
body.single-post #nav > li.page-item-48 > a:after, 
body.category #nav > li.page-item-48 > a:after {
	content:"";
	position:absolute;
	display:block;
	width: 0;
	height: 0;
	top:100%;
	left:50%;
	margin-left:-0.7em;
	border-left: 0.7em solid transparent;
	border-right: 0.7em solid transparent;
	border-top: 0.7em solid #555;
}

/*Only one level of child pages in the dropdown*/
#nav ul > li ul  {
position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

/* Dropdown list */
#nav li > ul  {
	position: absolute;
	display: none; /* hide the dropdown initially, triggered on hover */
	width:15em;
width:250%;
	background:#ddd;
	z-index:2;
	top:100%;

margin-top:-1px;
	border:1px solid #444;
border-top-color:#5f5f5f;
-webkit-box-shadow: #999 2px 2px 2px; 
-moz-box-shadow: #999 2px 2px 2px;      
box-shadow:#999 2px 2px 2px;  
}
#nav li > ul li a {
padding-top:1em;
padding-bottom:1em;
}
#nav ul li {
	float: none;
}

#nav ul li a:before {
content:"- "; /* To make it more clear these are sub pages */
}

#nav li:hover > ul { 
	 display: block; /*Display the menu when hovered */
}

#nav ul li a, #nav > li:hover a {
background:#555;
color:#f7f7f7;
	text-shadow:none;
}

.beneath-title-description {
font-size:110%;color:#ccc;letter-spacing:2px;
}
.beneath-title-description > p:first-child:before {
content:"{";
margin-right:0.25em;
}
.beneath-title-description > p:first-child:after {
content:"}";
margin-left:0.25em;
}
/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/
.screen-reader-text {
display:none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-family: Georgia, Serif;
	line-height: 130%;
	font-weight: normal;
}

h4 {font-size:1.15em; font-style:italic}
h3{font-size:1.3em;}
h2{font-size:1.7em}
.home h3, .archive h2  {font-size:2.5em}
.author h2.author-subtitle {
font-size:1.2em;
letter-spacing:1px;
text-transform:uppercase;
margin-top:1em;
}
.author article h3 {
font-size:2em;
}
h2.author-published-articles {

font-size:1.5em;
}
h1 {font-size:2.7em;}
#logo h1 {font-size:inherit;}

.single #main h2, .single #main h3, .single #main h4, .single #main h5, .single #main h6 {
	/*margin-bottom:0.5em;*/
}

#main h3 a, #main h2 a {
border-color:transparent;
}
.social-list {
overflow:hidden;
border-bottom:1px dashed #ccc;
}
.social-list > li {
/*float:left;*/
}
.social-list > li.g-plus-list-item {
/*float:left;
min-width:100px;*/
margin:1em 0;
}
.social-list > li.subscribe-list-item {
/*float:left;
min-width:65%;
min-height:137px;
margin-right:1.5em;*/
}




.social-list > li.subscribe-list-item a.email-subscription-link {
background: transparent url(/cms/wp-content/themes/appglobe/images/newsletter-icon-16x16.png)  1px center no-repeat !important;
padding-left:22px !important;

}
.social-list > li.subscribe-list-item a.email-subscription-link:hover {
background: #eee url(/cms/wp-content/themes/appglobe/images/newsletter-icon-16x16.png)  1px center no-repeat !important;
}
 .facebook-wrap {
margin-top:1em;
}
.g-plusone-wrap {
height:24px;
}
.g-plusone-wrap span, .facebook-wrap > span {
font-size:12px;
font-family:arial, sans-serif;
vertical-align:6px;
color:#999;
white-space:nowrap;
text-shadow: 0 1px 0 #fff;
}

.g-plusone-wrap > span {
margin-left:4px;
padding-right:15px;
}
.facebook-wrap > span {
margin-left:16px;
}
.social-list > li.subscribe-list-item a.feed-link {
background: transparent url(/cms/wp-content/themes/appglobe/images/feed-icon-16x16.png) 1px center no-repeat;
padding-left:22px !important;
}
.social-list > li.subscribe-list-item a:hover {
background: #eee url(/cms/wp-content/themes/appglobe/images/feed-icon-16x16.png) 1px center no-repeat !important;
}

#sidebar .widget {
clear:both;
}
.widgets-col  {
float:left;
width:33.33%;

}
.widgets-col .widget {
height:10em;
overflow:auto;
background:#f0f0f0;
color:#999;
text-shadow:0 1px 0 #fafafa;
border: 0.5em solid transparent;
-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, 0.3);
box-shadow: 0 0 .5em rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
display:block;
margin: 0.5em;
padding:0.25em 0.5em;
}
.widget-title h4 {
margin:0;
color:#BF634E;
color:#999;
letter-spacing:1px;
font-weight:bold;
text-shadow:0 1px 0 white;
}

/*
body:before
{
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 0.5em rgba(0,0,0,.5);
   }
*/


.widgets-col.last-col .widget {
/*margin-right:0;*/
}
/*xxx changed width to max-width*/
#page-wrap {
/*border-top:0.5em solid #BF634E;
border-top:0.25em solid #5f5f5f; */

}

#header {


padding:1.5em 2.5%;
background-color:#f0f0f0;
background-image: url(https://www.appglobe.com/cms/wp-content/themes/appglobe/images/header_bg.gif), url(https://appglobe.com/cms/wp-content/themes/appglobe/images/header_bg2.gif);
background-position: 55% 30%, -55% 70%;
background-repeat: repeat-x,  repeat-x;


}

#header .inner {
max-width:70em;
position:relative;
z-index:10;
}


#header #logo {
margin:0 1em 1em;
width:220px;
height:auto;
float:left;
position:relative;
font-weight:bold;
font-size:9px;
bottom:-0.25em;
-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;

}

#logo h1 {
/*font-size:200%;*/
margin:0;
}
#logo img {
max-width:220px;
vertical-align:middle;
}
#header #logo a {
text-decoration:none;
}
#logo .description {
font-size:100%;
margin-top:-12%;
text-shadow:-1px -1px 1px #eee;
text-shadow:0 -1px 0 #000;
text-align:center;
color:#676767;color:#f5f5f5;
font-family: Roboto, Arial, sans-serif;
letter-spacing:3px;
left:0;
width:100%;
font-size:inherit;
display:block;
font-weight:normal;
text-transform:uppercase;
background:#555;
position:relative;
line-height:1.6;
border-radius:3px;
padding:1px 3px;

}

#footer h4 {
text-transform:uppercase;
font-style:normal;
text-shadow:0 1px 0 #fff;
letter-spacing:2px;
margin-left:10%;
padding-bottom:0.5em;
/*border-bottom:1px solid #ddd;*/
font-weight:normal;
font-weight:bold;
color:#ffa035;
color:#aaa;
letter-spacing:2px;
font-size:115%;

}


#footer .widgets-list {

}
.widgets-list > li {
float:left;
width:33.333333%;
margin:2% 0 3%;
}
#footer .widgets-list > li:first-child h4,
#footer .widget_tag_cloud h4 {
margin-left:0;
}
#footer {
clear:both;
background:#555;
word-wrap:break-word;
}

#footer .inner {
max-width:70em;
padding:1.2em 1em;
position:relative;
}

#footer-bottom {
padding:1.2em 1em;
position:relative;

}
#footer-top a {
-webkit-transition: all 0.1s ease-in-out;
padding:0.15em 2px;
margin:0em 0.25em 0 -3px;
display:inline-block;
letter-spacing:1px;
text-shadow:0 -1px 0 #f9f9f9;
text-decoration:none;
}
#footer-top a:hover {
background:#ececec;
color:#a8d9ee;
color:#39b5e9;
text-shadow:0 1px 0 #f7f7f7, 0 -1px 0 #f2f2f2;
}
#footer-top > ul > li ul {
margin:0 0 0 10%;
}

#footer-top > ul li li a {
/*border-left:1px solid #d0d0d0;*/
padding:0.75em 3px;
display:block;

border-bottom:1px solid #e3e3e3;
border-top:1px solid #f7f7f7;
}
#footer-top .tagcloud {
border-top:#f7f7f7 solid 1px;
}
#footer .tagcloud a {
border:1px solid transparent;
margin:2px 4px 0 -2px;
}
#footer .tagcloud a:hover {
background:#dfdfdf;
text-shadow:1px 1px 0 #ddd;
-webkit-transform: scale(1.3);


-moz-box-shadow:    3px 3px 5px 6px #eee;
 
  box-shadow:         3px 3px 5px 6px #eee;
 -webkit-box-shadow: 2px 2px 2px 0px #bbb;
}
#footer-top > ul li:first-child li a {
border-left-color:transparent;

}

#footer-top > ul li li a:hover {
/*border-left-color:#39b5e9;*/
border-top-color:#f2f2f2;
}
#footer #footer-top {
color:#777;
background-color:#f0f0f0;
background-image: url(/cms/wp-content/themes/appglobe/images/header_bg2.gif);
background-position: -120% 75%;
background-repeat: repeat-x;
border-bottom:2px solid white;
}

#footer a#scroll-top {
float:right;
position:fixed;
bottom:2.85em; /*xxx for meebo bar*/
bottom:1em;
right:1em;
z-index:9999;
margin:0.25em 0 0 1em;
}

#footer a#scroll-top {
display:inline-block;
padding:0.15em 0.5em;
margin-left:1em;
background:#39b5e9;
color:#fafafa;
text-decoration:none;
border:1px solid transparent;
border-radius:3px;
opacity:0.65;
letter-spacing:1px;
text-transform:uppercase;
}

#footer a#scroll-top:hover {
opacity:1;
}
#footer a#scroll-top:after { 
content:"";
display:inline-block;
vertical-align:middle;
margin-left:0.35em;
width: 0;
height: 0;
border-left: 0.3em solid transparent;
border-right:  0.3em solid transparent;
border-bottom:  0.3em solid #fefefe;
}

#copyright, #copyright a {
text-shadow:-1px -1px 0 #444;
color:#999;
letter-spacing:1px;
}
#copyright {
display:inline-block !important;
margin:0 !important;
}
#above-footer {
clear:both;
/*margin-bottom:1.5em;*/
}
#above-footer .inner {
background:#f9f9f9;
padding:0.25em;
margin-top:1em;
}

.post {
position:relative;
}
.single .post {
padding-bottom:2em;
}

.home .post, .archive .post {
margin-bottom:2em;

}
.post-edit-link {

}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {
	font: normal 80%/160% Arial, Helvetica, sans-serif;
	color: #a4815a;
	letter-spacing:2px;
	margin:0 0 0.65em;
	display:block;
color:#ffa035;
color:#ffb868;font-weight:normal;
color:#ffa035;
}
.more-link-wrap {
margin-top:0.5em;
}
a.more-link, a.demo-link, a.demo-download-link, a.related-article-link {
border:none !important;
text-shadow: 0 -1px 0 #f9f9f9;
font-weight:bold;
border-radius:0.5em;
background:#f2f2f2 !important;
font-size:90%;
letter-spacing:1px;
line-height:2;
padding:0.25em 0.5em 0.35em 0.5em;
text-decoration:none;
}
a.demo-link, a.related-article-link {
margin-right:0.75em;
}
.comments-link {
white-space:nowrap;
position:relative;
margin-left:1.35em;

}

/* creates the rectangle */
.comments-link:before {
	content:"";
	position:absolute;
	top:0.25em;
	left:-1.5em;
	width:1em;
	height:0.75em;
	background:#6acaf4;
	/* css3 */
	-webkit-border-radius:0.25em;
	-moz-border-radius:0.25em;
	border-radius:0.25em;
}

/* creates the triangle */
.comments-link:after {
	content:"";
	position:absolute;
	top:0.75em;
	left:-1.25em;
	border:0.25em solid transparent;
	border-left-color:#6acaf4;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}



h2.section-header-subtle {
font-size:80%;
text-transform:uppercase;
font-weight:normal;
letter-spacing:1px;
margin:0 0 0.5em 0;


}






section#comments-section h2 {
font-size:135%;
}
p.split-page-links {
text-align:right;
margin:0.5em 0 1em !important;
font-size:120%;
}
p.split-page-links strong { 
font-size:70%;
margin-right:0.15em;
vertical-align:18%;
letter-spacing:1px;
}
p.split-page-links a {
background:#f5f5f5;
padding:0.15em 0.35em;
display:inline-block;
white-space:nowrap;
font-weight:normal;
}

#main ul.row-list {
list-style:none;
margin:0;
padding:0;
}
#main ul.row-list .help-row {
padding:1em 0.5em;
cursor:pointer
}
#main ul.row-list .help-row:not(:last-of-type) {
border-bottom:0.1em solid #ddd;
}
#main ul.row-list .help-row-title {
font-size:1.2em;
color:#333;
 margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;
  
}
#main ul.row-list .help-row .help-row-title:before {
content:"+";
margin-right:0.25em;
width:1em;
display:inline-block;
}
#main ul.row-list .help-row.expanded .help-row-title:before {
content:"-";
margin-right:0.25em;
width:1em;
display:inline-block;
}
#main ul.row-list .help-row-content {
margin-left: 0.14em;
color:#555;
padding-left:1em;
border-left:0.1em solid #ccc;
}
body.page-id-1527  {
  background:white;
}
.page-id-1527 #content {
    margin: 0 auto;
    padding: 0 2.5% 2%;
    border:none;
    position: relative;
}



	



#main.singlecol {
   margin:0 auto;
   float:none;
	width:auto;
}
#copy-status-message {
color:green;
float:left;
margin:1em 0.5em auto;
}

#watch-face-code-copy {
margin:1em 0.5em auto;
float:right;
}

#watch-face-code-block-form  {
max-width: 24em;
    margin: 0 auto;
}
#watch-face-code-block-box {
    box-sizing:border-box;
    padding: 1em;
    font-size: 0.55em;
    background: #eeeeee;
    border: 0.15em double #aaa;
	min-height: 29em;
}



#main { 
float:left;
width:60%;
background: white; 
margin-bottom:1em;
}
#main .inner {
padding:4% 7% 0 0;
}

#content {
margin: 0 auto;
padding: 0 2.5% 2%;
border-top:2px solid #ddd;
border-bottom:2px solid #ddd;
position: relative;
background: white;


}
#content > .inner {
position:relative;
max-width:70em;
   border-top:0;
/*-webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;*/
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.inner {
max-width:70em;
margin: 0 auto;
}

#sidebar { 
float:right;
width:40%; 
}
#sidebar a {
text-decoration:none;
}
#sidebar ul li a {
display:block;
margin: 0;
padding:0.75em 0.15em;
border-bottom:1px solid #e3e3e3;
border-top:1px solid #f7f7f7;
}
#sidebar li.recentcomments a {
border:0;
padding:0;
display:inline;
}
#sidebar h3 {
text-transform:none;
text-shadow:-1px -1px 0 #fff;
font-weight:normal;
font: normal 105%/140% Georgia, serif;
letter-spacing:4px;
color:#136f97;
left:-2.1em;
margin:1.5em -2.7em 1.5em 0;
color:#bf634e;
background:#999;
color:#f0f0f0;
/*margin:1.5em -0.6em 1.5em -2.1em;*/
padding:0 0.5em;
/*color:#BF634E;
background:#39b5e9;*/

text-shadow:-1px -1px 0 #777;
font-weight:bold;


-moz-box-shadow:  #777 0.2em 0.125em 0.25em;    
-webkit-box-shadow:  #777 0.2em 0.125em 0.25em; 
 box-shadow: #777 0.2em 0.125em 0.25em; 

position:relative;
border-top:2px solid #aaa;
border-top-left-radius:2px;	

}
.ie7 #sidebar h3 {
/*margin:1.5em 0 1.5em 0;*/
width:109%;
}


#sidebar h3:before {
z-index:-1;
position:absolute;
content:"";

/*background:#BF634E;*/
left:0;
bottom:-0.5em;
width: 0;
	height: 0;
	border-top: 0.5em solid transparent;
	border-bottom: 0.5em solid transparent;
	border-right: 0.5em solid #909090;
}

#sidebar li {
list-style-type:none;
}
#sidebar .inner {
padding:0 1.5em 1.5em;

background:#f0f0f0;

border:1px solid #ddd;
border-top-color:transparent;
/*-webkit-box-shadow: 0em 3px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow:  0em 1em 1em rgba(0, 0, 0, 0.7);
box-shadow: 0em 1em 1em rgba(0, 0, 0, 0.7);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;*/

/*
-moz-box-shadow: #aaa -0.2em 0.2em 0.3em;   
-webkit-box-shadow: #676767 -0.2em 0.2em 0.3em;  
	 box-shadow: #ccc 0 0 0.5em;   */



position:relative;
z-index:2;

margin-top:-0.5em;




}

.navgation {}
.next-posts {}
.prev-posts {}






/* Forms */
input[type=email],
input[type=text],
input[type=search],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=email]:focus,
input[type=text]:focus,
input[type=search]:focus,
textarea:focus {
	color: #373737;
outline-color:#8fd5f4;
outline-color:#999;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=email],
input[type=text],
input[type=search] {
	padding: 3px;
}


/* Top Link Panel */
#verytop {
clear:both;
display:block;
background:#555;
color:#f0f0f0;
}

#verytop ul {
list-style:none;
}
#verytop li {
list-style:none;
display:inline-block;
margin:0.2em 0.2em 0.2em 0;
}
#verytop a {
padding:0 1em;
background:#777;
color:#fff;
text-decoration:none;
display:inline-block;
}


#header #searchform ::-webkit-input-placeholder {
text-shadow: 0 1px 0 #eee;
letter-spacing:1px;
text-transform:uppercase;
font-size:80%;
font-weight:bold;
}

#header #searchform input:-moz-placeholder {
text-shadow: 0 1px 0 #eee;
letter-spacing:1px;
text-transform:uppercase;
font-size:70%;
font-weight:bold;
}
#header #searchform input.placeholder {
text-shadow: 0 1px 0 #eee;
letter-spacing:1px;
text-transform:uppercase;
font-size:70%;
font-weight:bold;
}
/* Search Form #8fd5f4*/

input#s {
	background: #ddd url('https://s2.wp.com/wp-content/themes/pub/twentyeleven/images/search.png') no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
	color:#999;
}
input#s:focus {
color:#555;
}

#header #searchform {
	
	float:none;text-align:right;	
}

#header #searchform div {
	margin: 0;
}


#header #s {
	position:relative;
	z-index:3;
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background, color;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 80px;
}

#header #s:focus {
	background-color: #f9f9f9;
	width: 196px;
	width:177px;

}
#header #searchsubmit {
	display: none;
}
#header .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#header .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #f2f2f2;
}
#header .only-search #s,
#header .only-search #s:focus {
	width: 85%;
}
#header .only-search #s:focus {
	background-color: #bbb;
}
#header .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#header .only-search + #access div {
	padding-right: 205px;
}



#page-wrap :target {
  /*background:transparent;*/
   animation: highlight 1s ease;
  -webkit-animation: highlight 1s ease;
  -moz-animation: highlight 1s ease;
}

@-webkit-keyframes highlight {
  0% { background:#ffcb90;  margin-top: -1em;}
  100% {  }
}
@keyframes highlight {
0% { background:#ffcb90;  margin-top: -1em;}
  100% {  }
}
@-moz-keyframes highlight {
  0% { background:#ffcb90;  margin-top: -1em; }
  100% {  }
}

#comments-section {
padding:2em 0;
border-top:4px double #ddd;
}	


#respond {
position:relative;
background:#999;
padding:0.5em 0.75em 2em 0.75em;
color:#707070;
text-shadow:0 1px 0 #bbb;
text-shadow:0 -1px 0 #606060;
color:#f0f0f0;
text-shadow:-1px -1px 0px #888;
}
#commentPreview  {
background:#fff;
padding:0.5em;
text-shadow:none;
color:#555;
}

#commentPreview::before {
display:block;
padding:0 0.25em 0.15em 0.25em;
background:#d45037;
color:#fff;
content: "Comment Preview";
font-weight: bold;
letter-spacing:1px;
}
#commentPreview ol.commentlist li {
padding-left: 0px;
margin: 0 !important;
}
#commentPreview .comment-meta a {
color:#aaa;
}
#respond a {
text-shadow:none;
color:#c8d7dd;
border-bottom-color:#c8d7dd;
letter-spacing:1px;
}
#respond a:hover {
text-shadow:none;
color:#c8d7dd;
background:transparent;
border-bottom-color:#c8d7dd;
}


#allowed-tags-notice #allowed-tags {
display:block;
}
#allowed-tags-notice {
padding:0.5em;
background:#C8D7DD;

color:#606060;
text-shadow:0 1px 0 #dde9ef;
margin:1em 0;
position:relative;
}
#allowed-tags-notice h3 {
font-size:100%;
letter-spacing:1px;
text-transform:uppercase;
cursor:pointer;
background:#676767;
margin:-0.5em;
padding:0.25em 0.5em;
color:#bbb;
text-shadow:0 -1px 1px #444;

}
#allowed-tags-notice.active h3 {

}
#allowed-tags-notice h3:after {
content: '';
position:absolute;
right:0;
border-bottom: 0.4em solid transparent;
	border-left: 0.4em solid transparent; 
border-right: 0.4em solid transparent; 
	border-top:0.4em solid #909090;
margin:0.5em 1em;
}
#allowed-tags-notice.active h3:after {
content:'';
position:absolute;
right:0;
margin:0em 1em;
border-top: 0.4em solid transparent;
	border-left: 0.4em solid transparent; 
border-right: 0.4em solid transparent; 
	border-bottom:0.4em solid #909090;
}
#allowed-tags-notice .close {
position:absolute;
right:0;
margin-right:1em;

}



#allowed-tags-notice code {
margin:1em 0;
color:#444;
background:#dde9ef;
border:0;
}
#allowed-tags-notice ul {
margin:1em 1.5em 0.5em;

}
#allowed-tags-notice ul li{
margin:0 0 0.12em 0em;
}
#commentform div {
margin-bottom:0.5em;
}
#commentform input[type="text"] {
max-width:97%;
width:20em;
padding:7px 1.5%;
font-size:1.2em;
}
#commentform textarea {
max-width:97%;
width:36em;
}
#commentform input[type=submit] {
font-size:120%;
margin:0.5em 0em;
position:absolute;
bottom:0;
}
#commentform label {
display:block;
margin-bottom:0.25em;
}
#commentform .comment-subscription-form label {
display:inline-block;
margin:0;
}
.logged-in-as {
margin:0;padding:0;
}
.cancel-comment-reply, .logged-in-as {
font-size:80%;
letter-spacing:1px;
margin: 0.15em 0.15em 1em 0.15em;
}
#commentform label small {

}

/* For the comment preview plugin */
#commentPreview .comment-reply-link, 
#commentPreview .edit-link {
display:none;
}

ol.commentlist {list-style: none !important; padding-left: 50px !important; margin:0 !important; }
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor > .comment-body cite.fn:after {
content:"author";
background:#555;
color:#ddd;
vertical-align:15%;
font-size:60%;
border-radius:0.5em;
margin:0 0 0 0.5em;
padding:0.25em 0.5em 0.3em 0.6em;
text-transform:uppercase;
letter-spacing:1px;
text-shadow:-1px -1px #333;
border:1px solid #444;
display:inline-block;
}

ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment .comment-body {margin:0 0 10px 10px;margin:0 0 10px 0;}
ol.commentlist ul.children {list-style: none !important;margin:0 !important}
ol.commentlist ul.children li {padding-left:40px;margin:0 0 0 10px !important;}
ol.commentlist li.comment div.comment-author {margin-left:-50px; line-height:1;border-top:1px solid #f5f5f5;padding-top:10px}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:left; margin: 0 10px 0 0;border:1px solid #c5c5c5}
ol.commentlist li.comment div.vcard img.avatar-40 {-webkit-border-radius:3px}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {display:none}
ol.commentlist li.comment div.commentmetadata {margin-bottom:0.5em; letter-spacing:1px;}
ol.commentlist li.comment div.comment-meta {font-size: 65%}
ol.commentlist li.comment div.comment-meta a {color: #aaa;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 70%;line-height:1;letter-spacing:1px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; /*margin: 10px 0 0;*/}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor cite.fn {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}

/*
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
*/
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}



/* Admin bar/Wp toolbar extras
------------------------------------------------------------------------------ */
#wpadminbar {
-moz-box-shadow: 0 2px 2px #999;
-webkit-box-shadow: 0 2px 2px #999;
box-shadow: 0 2px 2px #999;
}

/*Google Translate
------------------------------------------------------------------------------ */
#google_translate_element {
position: absolute;
right: 40%;
margin: 0.45em 1.15em 0.5em 0.5em
}


/* Media queries
------------------------------------------------------------------------------ */

@media screen and (max-width:55em) {

#nav-wrap {
	clear:left;
	float:left;
margin-top:1.5em;
-webkit-transition: margin-top 1s ease-in-out;
-moz-transition: margin-top 1s ease-in-out;
-o-transition: margin-top 1s ease-in-out;
-ms-transition: margin-top 1s ease-in-out;
transition: margin-top 1s ease-in-out;
}

}

/**
Navigation and Logo Media Queries
***/
@media screen and (max-width:49.5em) {

	/* Make everything vertical and unfloated */
	#main, #sidebar, .widgets-col {
		float: none !important;
		width: auto !important;
	}
	#sidebar .inner {
		margin-top:2em;
	}
	#main .inner {
		padding-right:0;
	}
 	
	.submenu {
/*
		display:none;
*/
	}
	/* Header searchbox wrapper div set to full width */
	#header #s div {
		width:100% !important;
	}
#footer .tagcloud a:hover {
-webkit-transform: none;
}

pre, code {
white-space: pre-line; 
}


	
#content {
padding: 0 5% 5% 5%;
border:0.5em solid #f0f0f0;
border-top:0;
}
#header-bottom-border {
border-left:0.5em solid #f0f0f0;
border-right:0.5em solid #f0f0f0;
}

	/* The wrapper for the navigation list is unfloated */
	#nav-wrap {
		position: relative;
		float:none;
		text-align:center;
		clear:both;
		margin-top:19%;
	}

	/* Hides the navigation used for big screens */
	#nav.for-screen-readers, #nav:before, #nav:after {
		position: absolute !important; /* hide, but not for screen readers */
		top: -9999px !important;
		left: -9999px !important;
	}
	
	#nav {
		text-align:left;
		clear: both;
		position: absolute;
		top:100%; 
		max-width: 100%;
		z-index: 10000;
		background: #f8f8f8;
		margin:0.75em auto 0 auto;
border:1px solid #ddd;
-moz-box-shadow: #111 0.2em 0.2em 0.85em;  
	-webkit-box-shadow: #111 0.2em 0.2em 0.85em;    
	 box-shadow: #999 0 0.25em 0.45em;  
	}

	#nav li {
		clear: both;
		float: none;
		margin:0;padding:0;
	}

	#nav li a {
		border:none;

	}
	

#nav li a:after, .submenu li a:before, #nav li.page-item-home {
		display:none !important;
	}






	#nav a, #nav ul li a, #nav > li:hover,
	#nav ul a {
		font: inherit;
		display: block;
		padding: 0.5em;
		color: #666 !important;
		border-color:transparent !important;
		background:#f8f8f8 !important;
		-webkit-box-shadow: none !important; 
		-moz-box-shadow: none !important;   
		box-shadow: none !important; 
		text-shadow:none !important;
	}


	#nav a:hover, 
	#nav ul a:hover {
		color: #000;
	}
 

	/* For mobile */
	#nav li:hover a {
		z-index:inherit; /* To overlap the ul dropdown top border */
		border:0;
	}
	/* For mobile */
	#nav li a:hover, #nav li:hover, #nav ul li   {
		background:transparent;
	}
	/* Sub pages */
	#nav > li > ul  {
		position: static;
		display: block;  /*hide the dropdown initially, triggered on hover */
		width: auto;
		z-index:inherit;
		margin:0;
		border:0;
-webkit-box-shadow: none !important; 
		-moz-box-shadow: none !important;   
		box-shadow: none !important; 

	}




	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}

	/* Makes the mobile Page Menu visible */
	#page-menu, #page-menu.for-screen-readers {
		display:inline-block !important;
 position: static !important;
   top: auto !important;
   left: auto !important;
	}

	#mobile-sidebar-trigger {
		position:static !important;
	}
	
	/* Logo  */
	#header #logo {
		
		font-size:8px;
		width:40%;
		height:auto;
		bottom:0;
	}
	
	#logo img  {
		width:100%;
	}
#header #logo .description {
background:transparent;
color:#555;
text-shadow:0 -1px 0 white;
margin-top:-11%;
}

}

@media screen and (max-width:39em) {
#google_translate_element {
display:none;
}
}


@media all and (max-width:56.5em) {
.widgets-col .widget { 
height:auto;
overflow:visible;
}
.g-plusone-wrap {
height:auto;
min-height:24px;
}
.widgets-col  {
float: none !important;
width: auto !important;
}
#footer-top > ul > li ul, #footer-top h4 {
margin:0;
}
#footer .widgets-list > li {
float:none;
width:auto;
}
}
@media screen and (max-width: 70em) {
#author-name-and-description {
max-width:none;
}
}
@media screen and (max-width: 75em) {
   #footer a#scroll-top {
      position:static;
   }

}

/* Probably not necissary since a screen reader friendly .for-screen-readers class is used for the nav toggle... but just in case */
@media screen and (min-width: 37.5em) {

	#nav {
		display: block !important; 
	}

}

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

/* Nothing yet... */
		
}

@media all and (orientation: portrait) {
	
	/* Nothing yet... */
}

@media all and (orientation: landscape) {
	
	/* Nothing yet... */
	
}

@media all and (max-width: 25em) {

#header #logo  {
		
		font-size:7px;
	}
#header #logo .description {
		
		margin-top:-12%;
	}
#page-wrap {
border-top-width:0.25em;
}

.entry-title, .home .entry-title, .archive .entry-title {
font-size:1.8em !important;
}

.featured-ad img {
float:none;
}

	#header {
		padding:3% 2.5%;
	}
	#header #logo  {
		position:absolute;
		top:0;left:0;
		bottom:auto;
		z-index:1;
	}

}


/*
Print Styles
*/
@media print {
html, body {
color:#000;
background:#fff;
}
#footer-top ,#nav-wrap, #respond, #searchform, #scroll-top, .demo-link, .demo-download-link, #sidebar, .demo-link, .demo-download-link, .more-link-wrap {
display:none !important;
}
#main {
float:none;
width:auto;
}
}



/*
Related posts plugin 
*/

.ag-related-posts {
margin-top:1.5em;
}
.ag-related-posts h3 {
font-size:100%;
text-transform:uppercase;
letter-spacing:1px;
}
.ag-related-posts ul {
margin-bottom:0 !important;
}


/* Google Custom Search Results Page */
.page-template-page-search-results-php #main {
float:none;
width:auto;
max-width:39em;
}
.page-template-page-search-results-php #main .inner {
padding:4% 0 0 0;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
text-decoration: none;
padding: 0.4em 3em !important;
border: 1px solid transparent !important;
border-radius: 0.35em;
font-weight: bold;
background: whiteSmoke !important;
display: inline-block;
margin: 0.15em !important;
display:inline-block !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
background: whiteSmoke !important;
color: #222 !important;
}
.gsc-results .gsc-cursor-box {
text-align:center;
}

/* BBpress */
.bbpress #sidebar .bbp-login-form label {
white-space:nowrap;
word-wrap: normal;
width:auto;
min-width:30%;
}
.bbpress #sidebar div.bbp-submit-wrapper button {
font-size:110%;
padding:0 20px;
}

.bbp-login-form .bbp-remember-me,
.bbp-login-form .bbp-submit-wrapper {
	margin-top: 15px;
}

#bbpress-forums {
font-size:100% !important;

}

.super-sticky .bbp-topic-title:before,
.sticky .bbp-topic-title:before {
content:'Sticky: ';

}

#ag-rt-user-subscription-and-favorites {
margin-bottom:0.5em;

}


.bbp-user-page .bbp-topic-permalink {
display:inline-block;
}
.bbp-user-page li.bbp-topic-reply-count {
width:20%;
}
.bbp-user-page li.bbp-topic-voice-count {
display:none;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies {
	font-size: 90% !important;
	
}


#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
margin:0 !important;
}

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
	color: #333 !important;
}
#bbpress-forums .status-closed a {
	color: inherit !important;
}


#bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies {
/*float:left;
width:100%;*/
overflow: hidden;
border: 1px solid #EEE;
margin-bottom: 20px;
clear: both;
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar a {
border:0;
}
.author #google_translate_element, .bbp-user-page #google_translate_element {
display:none;
}
.bbpress #bbpress-forums div.bbp-the-content-wrapper {
overflow:auto;
}


@media screen and (max-width:50em) {
/*
 #wp-admin-bar-share #ag-share-site .share-text,*/
}

@media screen and (max-width:50em) {
.bbpress #bbpress-forums fieldset.bbp-form {
width:87%;
}
.bbpress #bbpress-forums #bbp-single-user-details #bbp-user-avatar {
width:auto;
text-align:center;
}
.bbpress #bbpress-forums #bbp-single-user-details #bbp-user-navigation {
text-align:center;
}
.bbpress #bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
display:inline-block;
margin-bottom:1em;
}


.bbpress #bbpress-forums li.bbp-forum-reply-count, .bbpress #bbpress-forums li.bbp-topic-voice-count {
display:none;
}
.bbpress  #bbpress-forums li.bbp-forum-freshness, .bbpress  #bbpress-forums li.bbp-topic-freshness {
float: right;
width: 30%;
}

.bbpress  #bbpress-forums li.bbp-forum-topic-count, .bbpress #bbpress-forums li.bbp-topic-voice-count, .bbpress #bbpress-forums li.bbp-forum-reply-count, .bbpress #bbpress-forums li.bbp-topic-reply-count {
float: left;
text-align: center;
width: 20%;
}
.bbpress #bbpress-forums li.bbp-forum-info, .bbpress #bbpress-forums li.bbp-topic-title {
width:50%;
}

.bbpress #bbpress-forums p.bbp-topic-meta span { 
white-space:normal;
}
.bbpress #bbpress-forums #bbp-single-user-details {
width:100% !important;
float:none !important;
}
.bbpress #bbpress-forums #bbp-user-body {
width:100%;
margin-left:auto;

}
}
















#wp-admin-bar-share-only {
		position: absolute !important;
   		top: -9999px !important;
   		left: -9999px !important;       
}

@media screen and (max-width:49.5em) {
 .logged-in #wp-admin-bar-new-content,
    .logged-in #wp-admin-bar-wpseo-menu,
    .logged-in #wp-admin-bar-stats, 
    .logged-in #wp-admin-bar-w3tc, 
    .logged-in #wp-admin-bar-edit,
    body:not(.home) #wp-admin-bar-share #ag-share-site,
    #wp-admin-bar-share .share-text,
     #wpadminbar #adminbarsearch {
		position: absolute !important;
   		top: -9999px !important;
   		left: -9999px !important;
    }

 #wp-admin-bar-share-only {
		position: static !important;
   		
         display:inline-block !important;
}

    #wpadminbar {
    	min-width: 12em !important;
    }
    #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
    	background-image: none;
    }
    .logged-in #wpadminbar .ab-top-secondary #wp-admin-bar-bp-notifications .ab-sub-wrapper {
    	left: -80px;
    	right: auto;
	}

#wpadminbar .quicklinks>ul>li>a {
padding-left:7px !important;
padding-right:7px !important;
}
}


@media screen and (max-width:25em) {
.logged-in #wp-admin-bar-w3tc,
 .logged-in #wp-admin-bar-edit,
 .logged-in #wp-admin-bar-comments,
#wp-admin-bar-share {
               position: absolute !important;
   		top: -9999px !important;
   		left: -9999px !important;
  }

  body, #page-wrap, #content {
    min-width:12em;
  }
 #header, #footer {
    min-width:14em;
  }
}
@media screen and (max-width:12em) {
#wp-admin-bar-root-default {
 position: absolute !important;
   		top: -9999px !important;
   		left: -9999px !important;
}
}

html body #wp-toolbar>ul>li{display:list-item !important}


.widget_eu_cookie_law_widget.widget.top {
   display:block !important;
    bottom: auto;
    top: 1em
}
li#eu_cookie_law_widget-3.widget_eu_cookie_law_widget.widget.top {
	display:block !important;
}
html body #wp-toolbar>ul>li.widget_eu_cookie_law {
	  display:block !important;
}