/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

h1{color:inherit;}
a {
	text-decoration: none;
	color: inherit;
}

/* commented this out for now since it was blocking the side navigation bar links (Elliot)
.xoxo {
	opacity: .2;
	-moz-opacity: .2;
	filter:alpha(opacity=.22);
	background-color: #222;
	color: #ccc;
}
*/

body {
	width: 100%;
	overflow: visible;
	-webkit-font-smoothing: antialiased;
}

/* BUTTONS */
/* ---------------------------------------------------------------------------------- */

button {
	display: block;
	height: 20px;

	margin: 0px 40px 0 0;

	border: none;
	background-color: transparent;
	/*background-image: url(img/btn.png);*/
}

button.float {
	float: left;
}

button div {
	float: left;
	height: 10px;
	width: 10px;
	border: 2px solid #222;

	margin-right: 5px;
}

button.active div {
	background-color: #000;
}

button:hover {
	cursor: pointer;
}

button.inactive:hover div {
	background-color: #ccc;
}

button:active {

}

button[disabled] {
	opacity: .3;
	-moz-opacity: .3;
	filter:alpha(opacity=.33);
	cursor: default;
}

input.vide {
	color: #aaa;
}



/* HEADER */
/* ---------------------------------------------------------------------------------- */

header {
	width:100%;
	color: #fff;
	background: #111;
	height: 80px;
	padding-top: 20px;
	/*margin-bottom: 30px; no margin here,
	this has to be padding in lower elements*/
}

header a {
	color: inherit;
	text-decoration: none;
}

header h1 {
	padding-left: 10px;
	float: left;
	font-size: 48px;
}

header div {
	line-height: 20px;
	font-size: 14px;
	margin-top: -2px;
	padding-left: 20px;
	float: left;
}

header div em {
	font-style: normal;
	font-size: 20px;
}

.current:hover {
	opacity: .8;
	-moz-opacity: .8;
	filter:alpha(opacity=.88);
}




/* NAVIGATION BAR */
/* ---------------------------------------------------------------------------------- */

div#access li, div.navigation li {
	display: block;
	/*padding: 5px;moved padding to a.sidenav (elliot)*/
}

div#access {
	float: left;
	width: 180px;
	box-sizing: border-box;
	border-right: solid black 1px;
	/*border-top: solid black 1px;*/
	margin-right: 20px;
	margin-top: 20px;
	padding-bottom: 100px;
}

ul#side li a {
	padding:8px 10px 10px 10px;
	display: block;
	color:black;
}

ul#side li a:visited{
	background-color:inherit;
	color:inherit;
}

ul#side li a.current {
	color: white;
	background-color: #000;
	font-weight: bold;
}

ul#side li a:hover, .subnav a:hover {
	color: white;
	background-color: #000;
}

ul#side li li{
	list-style-type:none;
	text-transform:uppercase;
	word-wrap:break-word;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* SPECIFIC PAGES COLORS */

/* ABOUT page */
a.about:hover, ul#side li a.about:hover,
body.page-id-2 ul#side li a.current {
 background-color: #555;
}

/* OVERVIEW page */
a.overview:hover,
body ul#side li a.overview:hover,
body ul#side li a.overview.current,
body.single-overview ul#side li a.overview.current,
body.single-overview .subnav a:hover,
body.single-overview .overview-list h3.subnav.current,
body.page-template-single-overview-php ul#side li a.overview.current,
body.page-template-single-overview-php .subnav a:hover,
body.page-template-single-overview-php .overview-list h3.subnav.current {
	background-color: rgb(143,199,88) !important;
}

.subnav.current,
#content .subnav a:hover {
	padding-left: 20px;
	margin-left: -20px;
	width: 240px;
}

/* A BRIEF HISTORY page */
a.history:hover, ul#side li a.history:hover,
body.page-id-269 ul#side li a.current {
	background-color: rgb(233,113,116);
}

/* COUNTRIES pages */
a.countries:hover, ul#side li a.countries:hover,
body.single-countries ul#side li a.current,
body.single-countries .subnav a:hover,
body.page-template-countries-page-php ul#side li a.current,
body.page-template-countries-page-php .subnav a:hover,
body.single-countries div#countryHeader {
	background-color: rgb(71,102,124);
}
path:hover{
    fill:rgb(71,102,124);
}

/* ISSUES pages */
a.issues:hover, ul#side li a.issues:hover,
body.single-issues h3.subnav.current,
body.single-issues ul#side li a.current,
body.single-issues .subnav a:hover,
body.page-template-issues-page-php ul#side li a.current,
body.page-template-issues-page-php .subnav a:hover {
	background-color: rgb(43,59,139);
}

/* todo: CONFLICTS pages */
a.conflicts:hover, ul#side li a.conflicts:hover,
body.single-conflict h3.subnav.current a,
body.single-conflict ul#side li a.current,
body.single-conflict .subnav a:hover,
body.page-template-conflicts-page-php ul#side li a.current,
body.page-template-conflicts-page-php .subnav a:hover,
body.single-conflict div#countryHeader {
	background-color: rgb(238, 69,153);
}

/* more RESOURCES pages */
body.page-id-2333 #content p {
	clear: left;
	float: left;
	max-width: 700px;
	padding: 0 20px;
}

/* BLOG pages */
a.blog:hover, ul#side li a.blog:hover,
body.page-template-blog-page-php h3.subnav.current a,
body.page-template-blog-page-php ul#side li a.current,
body.page-template-blog-page-php .subnav a:hover {
	background-color: rgb(220, 90, 0);
}

body.page-template-blog-page-php h4 {
	color: rgb(220, 90, 0);
}

body.page-id-2333 #content h2,
body.page-id-2409 #content h2 {
	clear: left;
	padding-top: 20px;
	padding-bottom: 10px;
}

body.page-id-2333 #content h3 {
	clear: left;
	padding-top: 0px;
	padding-bottom: 10px;
}

.hoverFB:hover {
	color: #3B5998;
}
.hoverTwitter:hover {
	color: #0084B4;
}
.noBold {
	font-weight: 300;
}



/* SUB NAVIGATION BAR */
/* ---------------------------------------------------------------------------------- */

h3.subnav{
	margin-top: 5px;
    margin-right: 0px;
    box-sizing: border-box;
	width: 220px;
	font-weight: 400;
	font-size: 12px;
	/*padding-left: 19px; removing margin left and padding left from sub navigation bar elements (elliot)*/
}

body.page-id-279 h3.subnav {
	height: 20px;
}

.overview-list {
	margin-right: 20px;
}

.subnav img {
	width: 20px;
}

h3.subnav.current a, h3.subnav a.current {
	color: #fff;
	font-weight: bold;
}

.subnav a, .subnav a:visited{
	padding: 3px 0;
	/*margin-left: 5px; removing margin left and padding left from sub navigation bar elements (elliot)*/
	/*background-color:white;*/
	display:block;
	color:black;
}

#content .subnav a, #content .subnav a:hover {
	border: none;
}

#content .subnav a:hover {
	color: #fff;
}





/* CONTENT */
/* ---------------------------------------------------------------------------------- */


#content a {
	border-bottom: 1px solid #ccc;
}

#content a:hover {
	border-bottom: 1px solid #000;
}

#content .countryName a {
	border: none;
}

em.edit{
	color: #bbb;
}

img#mainflag{
	height:30px;
	margin-top: 3px;
	
}

div#content {
	float: left;
	width: 940px;
	box-sizing: border-box;
	/*border-left: 1px solid black;*/
	min-height: 600px;
	overflow: visible;
	margin-top: 20px;
}

body.page-template-default div#content,
body.page-template-resources-page-php div#content,
body.page-template-home-page-php div#content {
	padding: 0px;
}

/*width is in px but is 50% of the content div (elliot)*/
#text_information{
	width:460px;
	float:left;
	margin-left:0;
}
#text_information h3{
	/*margin-top:10px;
	margin-bottom: 5px;*/
	/* specified in typography.css (Madeck) */
	color: black;
	text-decoration:bold;
	text-align:left;
	display:block;
}

div#keydata strong, div#keydata span {
	float: left;
	display: block;
	padding-top: 5px;
}

div#keydata span {
	width : 330px;
}

div#keydata strong {
	width : 110px;
	margin-right: 20px;
	text-align: right;
	clear: left;
}

/*
Keydata Table is gone (Madeck)
*/

#text_information p{
	margin-left:0px;
}

#text_description a{
	color:gray;
	text-decoration:none;
}
#text_description a:visited{
	color:gray;
	text-decoration:italic;
}
#text_description a:hover{
	color:grey;
	text-decoration:underline;
}

/*again, width is in px but is 40% of the content div (elliot)*/
#map_information{
	float: left;
	width: 460px;
	margin: 0 0 20px 20px;
}

#map_information a,
#map_information a:hover {
	border: none;
}

#related_info {
	float: left;
	width: 220px;
	margin: 0 0 0 20px;
}

#related_info ul li a {
	display: block;
	line-height: 20px;
	padding: 5px 0;
	margin: 5px 0px;
	background-color: #fff;
	border: none;
}

#related_info ul li a:hover {
	background-color: rgb(238, 69,153);
	color: #fff;
	border: none;
	padding-left: 5px;
	margin-left: -5px;
}

#conflictTimeline {
	float: left;
	width: 220px;
	margin: 0 0 0 20px;
}

#conflictTimeline .event {
	width: 110px;
	height: 24px;
	line-height: 24px;
	margin: 10px 0px 10px;

	text-align: center;
}

.actualcontent {
	margin-top: 20px;
	clear: left;
}

.entry-thumbnail {
	margin: 20px 0px 20px 0px;
	background: #eee;
	color: #aaa;
	text-align: right;
}

.entry-thumbnail:hover {
	color: #000;
}

.overview-navigation {
	height: 20px;
	width: 700px;
}

.overview-navigation li {
	display: block;
	float:left;
	margin-right:20px
}

body.page-id-13 .overview-navigation {
	display: none;
}

li.round a {
	display: block;
	border: 1px solid #8FC758 !important;
	color: #8FC758;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	padding: 2px;
	border-radius: 24px;
	text-align: center;
	line-height: 15px;
}

li.round.current a, li.small-round a.current {
	color: #fff;
	background-color: #8FC758;
}

li.round a:hover {
	border: 1px solid #222;
	color: #222;
}

li.small-round a:hover {
	border-color: #222 !important;
}

li.small-round a {
	margin-top: 5px;
	display: block;
	border: 1px solid #8FC758 !important;
	color: #8FC758;
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	border-radius: 10px;
}

.image-margin {
	display: block;
	padding: 10px;
	/*border-bottom: 1px dashed #b22;*/
	border-left: 10px solid #8EC6E0;
	margin-bottom: 120px;
}

.image-margin:hover {
	border-left-color: #298CBA;
}




/* About Page */
/* ---------------------------------------------------------------------------------- */
.page-id-2 #content ul {
	padding-left: 15px;
}

.page-id-2 #content ul li {
	list-style-type: disc;
	padding-bottom: 6px;
}

.page-id-2 #content h1 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.page-id-2 #content h2 {
	margin-top: 20px;
}




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

#introduction-text {
	margin: 0px;
	width: 700px;
}

body.page-template-countries-page-php h3.subnav {
	margin: 0;
	padding: 0;
}

body.page-template-countries-page-php h3.subnav img {
	margin-top: 2px;
}

.countryLink {
	float: left;
	padding: 5px;
	margin: 5px;
	background-color: #eee;
	border: none;
}

.countryColumn {
	width: 30px;
	float: left;
	padding: 30px 5px 0px;
	/*border-right: 1px solid #ccc;*/
	/*height: 770px;*/
}

h3.rotate {
	font-size: 12px;
	font-weight: normal;

	display: block;
	-webkit-transform: rotate(-90deg);
	width: 37px;
	height: 30px;
	overflow: visible;
}

.countryColumn img {
	margin-top: 10px;
	width: 100%; 
}

.countryColumn a {
	display: block; 
}

.countryColumn:hover {
	background-color: rgb(71,102,124); 
}

.countryColumn:hover h3 {
	color: #fff; 
}

.countryColumn:hover .event {
	border-color: rgb(71,102,124);
}

.countryColumn.noHover {
	background-color: inherit; 	
}

.countryColumn.fullWidth {
	width: 50px;
}

.countryName {
	height: 70px;
}

div#countryHeader{
	display:block;
	color:white;
	padding: 5px 0px 5px 20px ;
	width: 460px;
	margin-left: -20px;
}

#countryHeader h1 {
	font-size:30px;
	text-indent:0px;
}

.firstGap {
	height: 108px;
}

div.numberLabel {
	height: 20px;
	width: 35px;
	text-align: right;
}

hr.longLine, hr.longLineDotted {
	position: relative;
	top: -10px;
	left: 40px;
	padding-right: 980px;
	z-index: -100;
	color: #bbb;
}

hr.longLine {
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-right: none;
	border-left: none;
}

hr.longLineDotted {
	border-top: 1px dashed #ccc;
	border-bottom: none;
	border-right: none;
	border-left: none;
}



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

#single_conflict_map_div,
#single_countries_conflict_map_div {
	margin: 0 0 20px 20px;
	float: left;
	width: 460px;
	height: 360px;
}

#single_conflict_map_div {

}

body.single-conflict #text_information {
	min-height: 600px;
}

.related_conflicts {
	position: relative;
	clear: left;
	width: 220px;
	height: 20px;
	padding: 3px 5px 8px;
	-webkit-transition: height ease-in-out 600ms;
	overflow: hidden;
}

.related_conflicts ul {
	position: relative;
	left: 220px;
	top: -40px;
	height:1px;
	overflow: hidden;
	padding: 5px 0px 10px;
}

.related_conflicts li {
	display: block;
	height: 20px;
	padding: 0 0 0 5px;
}

#content .related_conflicts ul a {
	border:none;
}
#content .related_conflicts ul a:hover {
	border:none;
	color: #eee;
	background-color: #333;
}

.related_conflicts:hover,
.related_conflicts:hover ul {
	overflow: visible;
	background-color: rgb(238, 69,153);
	color: #fff;
}

.related_conflicts:hover ul {
	height: auto;
}


/* SECTION: Events */
/* ---------------------------------------------------------------------------------- */

.event {
	position: relative;
	/*height: 4px;*/
	border: 2px solid white;
}

.event:hover {
	cursor: pointer;
	/*height: 8px;*/
	margin: 0;
	border: none;
	padding: 2px;
}

#conflictTimeline .event:hover {
	/* maybe padding-right ? */
}

.event-type {
	width: 100%;
	padding: 10px;
	margin-left: -10px;
	color: #eee;
	font-size: 12px;
	line-height: 10px;
}

div#hoverBox .event-type:first-child {
	margin-top:-10px;
}

div#hoverBox .event-type:last-child {
	margin-bottom:10px;
}

div#hoverBox span,
div#hoverBox h4 {
	color: #000;
}

/* CONFLICTS EVENTS COLORS */
.event.conflicts-events,
.event .conflicts-events {
	background-color: rgb(238, 69,153);
	color: #fff;
}
#hoverBox.event.conflicts-events {
	border-color: rgb(238, 69,153);
}

/* COUNTRY EVENTS COLORS */
.event.countries-events,
.event .countries-events {
	background-color: rgb(238, 69,153);
	color: #fff;
}
#hoverBox.event.countries-events {
	border-color: rgb(238, 69,153);
}



/* ENVIRONMENTAL EVENTS COLORS */
.event.environmental,
.event .environmental {
	background-color: #0a2; /* greenish */
	color: #fff;
}
#hoverBox.event.environmental {
	border-color: #0a2; /* greenish */
}

/* POLITICAL EVENTS COLORS */
.event.political,
.event .political {
	background-color: rgb(109,199,179);
	color: #fff;
}
#hoverBox.event.political {
	border-color: rgb(109,199,179);
}

/* MINING EVENTS COLORS */
.event.mining,
.event .mining {
	background-color: rgb(191,100,85);
	color: #fff;
}
#hoverBox.event.mining {
	border-color: rgb(191,100,85);
}

/* LEGISLATION EVENTS COLORS */
.event.legislation,
.event .legislation {
	background-color: rgb(194,219,116);
	color: #fff;
}
#hoverBox.event.legislation {
	border-color: rgb(194,219,116);
}

/* LEGAL EVENTS COLORS */
.event.legal,
.event .legal {
	background-color: #edd888;
	color: #000;
}
#hoverBox.event.legal {
	border-color: #edd888;
}

/* CONSULTATION EVENTS COLORS */
.event.consultation,
.event .consultation {
	background-color: #1dd6f1;
	color: #fff;
}
#hoverBox.event.consultation {
	border-color: #1dd6f1;
}

/* PROTESTS EVENTS COLORS */
.event.protest,
.event .protest {
	background-color: #342755;
	color: #fff;
}
#hoverBox.event.protest {
	border-color: #342755;
}

/* VIOLENCE EVENTS COLORS */
.event.violence,
.event .violence {
	background-color: #b1e416;
	color: #000;
}
#hoverBox.event.violence {
	border-color: #b1e416;
}

/* CSR EVENTS COLORS */
.event.csr,
.event .csr {
	background-color: #f2403a;
	color: #fff;
}
#hoverBox.event.csr {
	border-color: #f2403a;
}

/* Indigenous Rights EVENTS COLORS */
.event.indigenous,
.event .indigenous {
	background-color: #5c93bd;
	color: #fff;
}
#hoverBox.event.indigenous {
	border-color: #5c93bd;
}

/* Indigenous Rights EVENTS COLORS */
.event.indigenous,
.event .indigenous {
	background-color: #5c93bd;
	color: #fff;
}
#hoverBox.event.indigenous {
	border-color: #5c93bd;
}

/* LABOUR EVENTS COLORS */
.event.labour,
.event .labour {
	background-color: #f1a9d1;
	color: #fff;
}
#hoverBox.event.labour {
	border-color: #f1a9d1;
}

/* land EVENTS COLORS */
.event.land,
.event .land {
	background-color: #5e144b;
	color: #fff;
}
#hoverBox.event.land {
	border-color: #5e144b;
}

/* Social EVENTS COLORS */
.event.social,
.event .social {
	background-color: #d7d114;
	color: #000;
}
#hoverBox.event.social {
	border-color: #d7d114;
}

/* OTHER EVENTS COLORS */
.event.other,
.event .other {
	background-color: rgb(128,130,133);
	color: #fff;
}
#hoverBox.event.other {
	border-color: rgb(128,130,133);
}





/* ISSUES */
/* --------------------------------------------------------------- */
.issue-content{
    float: left;
    width: 700px;
    padding: 0px;
    margin-left: 0px;
}
.issue-list{
    float:left;
    margin-right: 20px;
}
.issue-head-container{
    display:inline-block;
    width:100%;
}
.issue-header{
    font-size:200%;
    margin-left:0px;
    margin-bottom:10px;
    float:left;
}
.annotated-reference{
    font-size:150%;
    float:right;
    margin-top:10px;
}
.issue-author{
    font-size:125%;
    margin-bottom:20px;
}
.issue-text{
    text-indent:0px;
}

.issue-bibliography div {
	margin-left: -40px;
}

.currFtn {
	background-color: red;
	color: #fff !important;
}

.footnote {
	border-bottom: none !important;
	text-decoration: none;
	color: #06C;
	font-size: 85%;
	vertical-align: super;
	line-height: 1px;
	padding: 0px 1px 2px;
}

.issue-bibliography .footnote,
.overview-bibliography .footnote,
.conflict-bibliography .footnote {
	display: block;
	width: 40px;
	left: -10px;
	position: relative;
	text-align: right;
	vertical-align: baseline;
	line-height: 18px;
	padding: 0 2px 2px 0;
	float: left;
}

.footnote:hover {
	color: #039;
	background-color: #ccc;
}

/*.issue-bibliography .footnote:hover {
	color: #014;
	background-color: transparent;
}*/

/* RESOURCES */
/* --------------------------------------------------------------- */
.resource-content {
	clear: both;
	width: 700px;
	position: relative;
	margin: 10px 0px 20px;
}

#content .resource-content a {
	border: none;
}

.resource-content h3.resource-header {
	float: left;
	width: 460px;
	padding: 0 0 10px;
	margin: 0;
}

.resource-content .resource-image {
	display: block;
	width: 220px;
	float: left;
	margin: 0px 20px 0px 0px;
	background: url('/img/download.png') center no-repeat;
}

.resource-content a.resource-image:hover img {
	opacity: .25;
	-moz-opacity: .25;
	filter:alpha(opacity=25);
}

.resource-content .resource-text {
	float: left;
	text-align: left;
	width: 460px;
}

#content .no-attachment {
	position: absolute;
	top: 60px;
	width: 160px;
	background-color: rgba(250,50,0,0.8);
	color: #fff;
	text-align: center;
	line-height: 20px;
	height: 40px;
	margin: 30px;
	border-radius: 10px;
}


/* FOOTER */
/* ---------------------------------------------------------------------------------- */

footer {
	display: block;
	color: #ccc;
	background-color: #000;
	text-align: center;
	margin-top: 40px;
	padding: 40px;
	clear: both;
	/*border-top: 1px solid #ccc;*/
}

#hoverBox {
	box-sizing: border-box;
	width: 330px;
	min-height: 180px;
	position: absolute;
	padding: 10px;
	background-color: #fff;
	border: 2px solid #000;
	z-index: 1024;
}

#hoverBox h4 {
	margin-top: 0;
	font-size: 16px;
	font-weight: normal;
}

#hoverBox span {
	font-style: italic;
	display: block;
	margin: 10px 0px 5px 0px;
}

.feedback {
	background-color: #822;
	color: white;
	padding: 6px 12px;
	border-radius: 16px;
}

.feedback:hover {
	background-color: #842;
	box-shadow: #fff 0px 0px 6px;
}

.top-feedback {
	display: block;
	float: left;
	margin-left: 40px;
}

@media only screen and (min-width: 1161px) {
	#access.fixed {
		position: fixed;
		top: 0;
		left: 0;
	}

	#content.padded {
		margin-left: 200px;
	}
}

/* SMALL SIZES */
@media only screen and (max-width: 1160px) {
	
	body {
		font-size: 16px;
	}

	h3.subnav, h3.rotate {
		font-size: 24px !important;
		line-height: 24px;
		margin: 10px 0;
		padding: 5px 10px;
	}

	header h1 {
		font-size: 48px;
	}

	header div {
		font-size: 14px;
	}

	header div em {
		font-size: 20px;
	}

	div#access {
		width: 100%;
		padding: 0px 0px 20px;
		margin-bottom: 20px;
		border-bottom: 2px solid black;
		font-weight: 400;
	}

	#access ul li {
    	float: left;
    	margin: 10px;
    	font-size: 24px;
    	line-height: 30px;
    	height: 30px;
	}

	#access ul li a {
		border: 1px solid #ccc;
    	padding: 5px 10px;
    	border-radius: 30px;
	}

	#access ul li a.current {
		border: none;
		padding: 6px 11px;
	}	

	#access ul li.countries {
		clear: left;
	}

	#content {
		margin-left: 12px;
	}

	.overview-navigation {
		height: 30px;
		width: 700px;
	}

	.related_conflicts {
		height: 40px;
		width: 300px;
		margin: 10px 0;
	}
	body.page-id-279 h3.subnav {
		height: 40px;
		width: 300px;
	}
	.related_conflicts ul {
		top: -63px;
		left: 300px;
	}

	li.round a {
		width: 30px;
		height: 30px;
		line-height: 29px;
		padding: 0;
	}

	li.small-round a {
		margin-top: 11px;
	}

	div#access div,
	div#access a img,
	div#access form {
		display: none;
	}
}

.orbit-wrapper {
	z-index: -1;
}

form.gsc-search-box {
	width: 173px !important;
	margin-left: 10px !important;
}

.gsc-search-box tr {
	display: block;
	position: relative;
	width: 100%;
}

.gsc-search-box td.gsc-search-button {
	position: absolute;
	top: 111%;
	right: 81px;
}

body.page-template-blog-page-php p {
	max-width: 42em;
}

body.page-template-blog-page-php #content h1 a,
body.page-template-blog-page-php #content h2 a {
	border: none !important;
}