@import url('fonts/fonts.css');
* {margin:0; padding:0;}   
 
.table {display:table; width:100%; margin:0!important;}
.table > * {display:table-cell;} 
.table > * img {width:100%;}  

.toggle:not(a) {display:none;}

body {font-family:museo_sans_500regular,proxima-nova, helvetica, arial;}
menu {background-color:#000; color:#FFF; text-align:left; margin-bottom:10px;}
menu li {display:inline;}	  
menu li:last-child {float:right; line-height:26px; margin-right:0px;}
menu li a {display:inline-block; padding:5px 10px; text-decoration:none;} 
menu li.search .search-field {padding:5px 4px;}	
menu li.search .search-submit {padding:4px 0; border-width:0; text-indent:-9999px; background:#FFF url("/img/icon_search.png") no-repeat; width:26px; height:26px; cursor:pointer;}
		 
body.home .main-navigation menu li.home a, 
body.about .main-navigation menu li.about a, 
body.journal .main-navigation menu li.journal a, 
body.forum .main-navigation menu li.forum a, 
body.features .main-navigation menu li.features a,
body.conversations .main-navigation menu li.conversations a,  
body.general .main-navigation menu li.general a, 
body.art-visual-anthropology .main-navigation menu li.art-visual-anthropology a,
.main-navigation menu li a:hover {background:#FFF; color:#0058A8;}	

body footer menu li a {color:#0058A8;}
body.home footer menu li.home a, 
body.about footer menu li.about a, 
body.journal footer menu li.journal a, 
body.forum footer menu li.forum a, 
body.features footer menu li.features a,
body.conversations footer menu li.conversations a,
footer menu li a:hover {color:#FFF;}	
footer,div#page {margin-bottom:30px;}
div#page {margin-bottom:120px;}

#site-logo {display:block; position:relative; width:100%; max-width:300px; height:242px; text-indent:-9999px; background:url('../img/logo_focaalblog_medium.jpg') no-repeat; background-size:100%; margin:0px 0 0 0px;}	

.site-header a {color:#FFF;}

.search-box {margin:10px 0;}	 
menu .search-box {margin:0 10px 0 0; display:inline-block;}	
body.search-results .site-content h3 a {color:#0058A8;}					
 
#page-wrapper {display:table; width:100%; max-width:100%; max-width:1600px;}	
body.home #page-wrapper {max-width:100%; max-width:1600px; margin:0 auto;}

#left ul li {margin:10px 0; font-size:.8em; line-height:1.5em;}
#left ul li a {text-decoration:none;}	
  		
section hr {margin:10px 0; border:1px solid #CCC;}		
section:not(#left) h1 {margin:15px 0;}
section h1, section h1 a {text-decoration:none; color:#000; font-weight:normal; font-size:30px;} 
section h2 {font-size:24px; margin-bottom:10px;}
section h2 a {text-decoration:none; color:#666;} 
section > h2 {margin-top:15px;}	 
section h2, section h3 {font-weight:normal;}
section h3 {font-size:20px; margin-bottom:10px;}	
section h3 a {color:#666; text-decoration:none;}
section h3 a:hover {text-decoration:underline;}	  
section h4 {margin-bottom:10px;}
section h4 a {color:#0058A8; text-decoration:none;}
section h4 a:hover {text-decoration:underline;}
section article {clear:left; margin-bottom:0px; padding-top:10px; overflow:hidden;} 
section article:not(:last-child) {border-bottom:2px dotted #CCC;} 
article article_author {display:block; font-weight:bold; font-size:.8em; color:#0058A8;}
article article_title {display:block;}
section article img:not(.icon):not(.first_image) {width:100%;}
section img.first_image {height:auto; max-width:100%;} 
section p {margin-bottom:10px;}	
section ul {margin:5px 0 10px 30px;} 
section #toc ul {margin-left:0;}
section #toc li {list-style-type:none;}  
section #toc li.issueVolume {margin-top:10px;}  
section #toc li {display:none;}
section #toc li:nth-child(-n+6) {display:block;}
section #toc .access-icon {display:none;}			   
section#right h3 {font-size:.9em; line-height:1.5em;}
section#right articles h2 {margin:0;}	 
body.features section#main2 h1 {color:#0058A8; font-size:30px; font-weight:bold; letter-spacing:1px; /*text-shadow:2px 2px 3px #CCC;*/ margin-bottom:10px;}	  
body.features section#main2 h1 a {color:#0058A8;}
body.features section#main2 intro {display:block; font-size:.8em; margin-bottom:20px; line-height:1.5em;}	
body.art-visual-anthropology section#main2 h2 {margin-top:20px; padding-top:20px; border-top:2px solid #0058A8; text-transform:uppercase;}	
 
section {padding:10px; vertical-align:top; display:table-cell;}	

section#left {width:250px; min-width:250px; max-width:250px; background:#e2e9ed; background:#FFF;}	
section#left ul {margin:5px 0 10px 0;}		
section#left ul li {margin:5px 0 10px 0; padding:5px 0; border-bottom:2px solid #CCC;}
section#left ul li:last-child {border-bottom-width:0px;} 
section#left ul li h3 article_title {text-transform:none;}

section#main,section#main2 {width:49%; min-width:400px; max-width:500px; overflow:hidden; padding:10px 15px;}   

section#right {width:28%; min-width:400px; max-width:500px; background:#e2e9ed;}
section#right feature {display:block; overflow:hidden; padding:10px; background:#F9F9F9; border-radius:3px;} 
section#right intro	p {display:none; font-size:12px; line-height:16px; text-align:justify; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
section#right intro	p:nth-child(1) {display:block;} 
 
@supports (hyphens:auto) {
section#main article p, .entry-content > p {text-align:justify; overflow-wrap:break-word; word-wrap:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}  
}

section#main2 h1 {margin:10px 0;}	  

@media screen and (min-width:1100px) {	 
	section {display:table-cell;}
	section#left {width:250px; min-width:250px; max-width:250px; vertical-align:top;}	
	section#main,section#main2 {width:49%; min-width:400px; float:none;}
	section#right {width:28%; min-width:330px; float:none;} 
	section#main2 {width:100%; width:calc(100% - 350px); min-width:100%; min-width:calc(100% - 350px); max-width:100%; max-width:calc(100% - 350px);}
	  						   
	#page {margin:0 20px;}
	#main.site-main {display:table-row;}
	#primary, #secondary {display:table-cell;}
	#primary {max-width:800px;}	
	#secondary {max-width:400px; padding-left:50px;}
	#secondary ul {margin:10px 10px 20px 20px;}	 
	#secondary ul li {margin:10px 0;}
}

#page {margin:0 20px;} 
#page img.size-large {display:block; width:100%; margin:10px 0;}	 
#page h1.entry-title {margin:15px 0;}
#page .entry-content p {margin:15px 0; line-height:1.5em;}
#page .entry-content p img {max-width:100%; height:auto;}		
#page .entry-content img.alignleft {float:left; margin-right:15px; width:auto;} 
#page .entry-content img.alignright {float:right; margin-left:15px; width:auto;} 
#page .entry-content ul,#page .entry-content ol {margin-left:20px;}
#page .entry-content li {margin:5px 0;}
#page .entry-content ul ul,#page .entry-content ol ul {margin-left:20px;}
.cat-links,span.byline,.comments-link,.site-description {display:none;} 
section:not(#left) iframe {max-width:100%; height:auto; min-width:100%; min-height:360px;}
	   
.post-navigation {font-size:.8em;}
.nav-links a {display:block; margin:5px 0; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis;}
.nav-links a[rel=prev] .meta-nav {display:inline-block; clear:left;}
.nav-links a[rel=prev] .meta-nav:after {content:': '; display:inline-block; width:30px; height:20px;}			   
.nav-links a[rel=next] .meta-nav {display:inline-block; clear:left;}
.nav-links a[rel=next] .meta-nav:after {content:': '; display:inline-block; width:30px; height:20px;}			   
						   
@media screen and (min-width:801px) and (max-width:1099px) {	
	header, #page-wrapper {min-width:800px;}  
	body.home section {display:inline-block; float:left;}
	body.home section#main {width:100%; width:calc(100% - 345px); max-width:100%; max-width:calc(100% - 345px); min-width:360px;}
	section#main2 {width:100%; /*width:calc(100% - 345px); min-width:100%; min-width:calc(100% - 345px); max-width:100%; max-width:calc(100% - 345px);*/}
	body.home section#right {display:inline-block; clear:left; width:100%; width:calc(100% - 345px); max-width:100%; max-width:calc(100% - 345px); margin-left:320px;}
}					
@media screen and (max-width:800px) {  
	@-viewport {width:320px;}	  
	body {margin-bottom:100px;}
	body.home .main-navigation menu li.home a, 
	body.about .main-navigation menu li.about a, 
	body.journal .main-navigation menu li.journal a, 
	body.forum .main-navigation menu li.forum a, 
	body.features .main-navigation menu li.features a,
	body.conversations .main-navigation menu li.conversations a,  
	body.general .main-navigation menu li.general a,
	.main-navigation menu li a:hover {background:#FFF; color:#0058A8; border-radius:3px;}	
	header, #page-wrapper {min-width:100%;}
	section {display:block; float:none; width:calc(100% - 20px)!important; max-width:calc(100% - 20px)!important; min-width:100%; margin:0!important;}	 
	#page .entry-content img.alignleft,#page .entry-content img.alignright  {max-width:60%;} 
}

body.logged-in header {margin-top:35px;}		   	

@media print {
	header:not(.entry-header),footer:not(.entry-meta),.edit-link,.navigation,.primary-sidebar,#wpadminbar,#sharebar,.sharebar-logo,.icon.print {display:none!important;}
}  

/* */
.gallery {display:block; position:relative; overflow:hidden; white-space:nowrap; width:100%; max-width:100%;} 
.gallery ul {display:table; position:relative; height:300px; margin:0!important; padding:0;}
.gallery dl, .gallery li {display:table-cell; list-style-type:none;}
.gallery dl img,.gallery li img {height:300px!important; width:auto; max-width:auto!important;}	
.gallery #slide_left, .gallery #slide_right {display:inline; position:absolute; top:0px; height:300px; font-size:200px; line-height:300px; color:#FFF; cursor:pointer; opacity:.5;}
.gallery #slide_left {left:10px;}
.gallery #slide_right {right:10px;}
.gallery span:hover {opacity:.8!important;}	   

body.art-visual-anthropology .gallery {width:100%; max-width:1000px;} 
body.art-visual-anthropology .gallery ul {height:225px;} 
body.art-visual-anthropology .gallery dl img,body.art-visual-anthropology .gallery li img {height:225px!important; width:auto;}		
body.art-visual-anthropology .gallery #slide_left, body.art-visual-anthropology .gallery #slide_right  {height:200px; font-size:100px; line-height:225px;}