/*

Theme Name: Trafficking Culture WVC
Author: Outlandish Ideas <http://outlandishideas.co.uk>

*/

html, body {
	height: 100%;
	margin: 0;
	color: #333;
    word-wrap: break-word;
}

h1, h2, h3, h4 {
	font-family: 'Muli', sans-serif;
}

h1 {
	font-size: 37px;
}

h2, .content-publication h1 {
	font-size: 23px;
}

h3 {
	font-size: 17px;
}

h4 {
	font-size: 14px;
}

p, li {
	font-size: 14px;
	line-height: 1.6;
}

p {
	margin-bottom: 17px;
}
ul{
    padding-left: 20px;
}
ul li{
    list-style: disc;
    list-style-position: outside;

}

a h3, a h2, a h6 {
	color: #2BA6CB;
}


.item img{
    width: 150px;
    height: auto;
    width: auto;
}
.non-bold{
    font-weight: normal;
}
.indent{
    padding: 0 40px 10px;
    text-align: justify;
}
a img {
	border: none;
}

.left {
    float: left;
    margin: 0 20px 20px 0;
}

.right {
    float: right;
    margin: 0 0 20px 20px;
}

.accessibility{
    position: absolute;
    text-indent: -2000px;
}

#sponsor-bar {
    text-align: center;
    font-size: 20px;
    letter-spacing: 35px;
    white-space: nowrap;
    line-height: 12px;
    overflow: hidden;
    padding-top: 50px;
}
#sponsor-bar > a, #sponsor-bar > p {
    float: left;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *margin: 0 20px 0 20px;
    width: 30%;
}

a.item p{
    color: black;
}

.item h3{
    margin: 0;
}
.item p{
    margin-top: 5px;
}
span.grey{
    color: #888;
}
a.download{
    display: block;
}

.column .item img{
    width: 120px;
    height: 75px;
}

#branding{
    margin: 49px 0;
    height: 61px;
    background: url(images/header.png) 0 0 no-repeat;
}

#branding * {
    position: absolute;
	left: -9999px;
}

#banner-image{
    float: right;
    width: 235px;
    height: 150px;
    position: absolute;
    top: 8px;
    right: 0;

}


#menu {
    background-color: #588392;
    margin-bottom: 20px;
}

#menu ul {
    padding: 0;
	margin: 0;
}

#menu li.page_item,
.bar-menu li.page_item {
    float: left;
    display: block;
    border-right: 1px solid #f7f7f7;
	margin-bottom: 0;
}

#menu li a,
.bar-menu li a {
    text-decoration: none;
    font-size: 15px;
    padding: 5px 13px;
    color: #fff;
    display: block;
    background-color: #588392;
    opacity: 1;
}
/*#menu li:first-child,*/
.bar-menu li:first-child {
    margin-left: -20px;
}
#menu li a:hover,
.bar-menu li a:hover {
    background: #6a9daf;
}
#menu li.current_page_item a,
#menu li.current_page_ancestor a {
    color: #588392;
    background: white;
    /*border-top: 1px solid #588392;*/
    padding-top: 5px;
}

#menu li.current_page_item a:hover,
#menu li.current_page_ancestor a:hover {
    background: white;
}

#search-form{
    padding: 7px 20px 0 0;
    margin: 0;
}

#search-form input{
    padding: 0 5px;
    margin: 0;
}

#search-box{
    width: 140px;
    height:  19px;
}

#submit-search{
    float: right;
    background: #4d90fe url('images/search.png') no-repeat;
    text-indent: -2000px;
    width: 45px;
    height: 20px;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    float: right;
    margin: 2px 7px;
}

#cse table.gsc-input-box td{
    vertical-align: top;
}
#cse .gsc-resultsHeader{
    display: none;
}
#cse .gsc-input{
    padding-left: 0;
}
#cse table {
	border: none;
}

.bar-menu {
    margin-bottom: 20px;
    padding: 0;
}

.bar-menu li {
    background-color: #588392;
}

/* #article-types li.page-item-111, */
/* #article-types li.page-item-129 { */
/*     background-color: #926758; */
/* } */

/* #article-types li.page-item-111 a:hover, */
/* #article-types li.page-item-129 a:hover{ */
/*     background: #af7c6a; */
/* } */

#places-list li {
    background-color: #926758;
    border-bottom: 1px solid white;
}
#menu li a:hover,
.bar-menu li a:hover {
    background: #6a9daf;
}

#breadcrumbs {
	margin: 0 0 17px;
}

#places-list  {
    clear: both;
    padding: 0;
    margin: 0;
}
.continent{
    clear: both;
}
.continent img {
    display: none;
}

.topic img {
    display: none;
}

.continent .item-place {
    margin-left: 50px;

}

#places-list h2 a{
    color: black;
}

#places-list h3, #places-list h4{
    display: block;
}

#places-list li:first-child {
    min-width: 150px;
    border-bottom: 4px solid #588392;
    margin-right: 10px;
    margin-bottom: 20px;
}

.line-menu li a {
    display: block;
    padding: 5px;
}

.line-menu li a:hover {
    background: #af7c6a;
    color: white;
}

#places-list li:first-child a:hover {
    background: #6a9daf;
    color: white;
}

#tag-list li {
    float: none;
    list-style: none;
    border: none;
    padding: 5px 0;
}

#tag-list li a {
    display: inline;
    border-bottom: 4px solid #588392;
}

#tag-list li a:hover {
    background: #6a9daf;
    color: white;
}

#wrapper {
	margin-bottom: -155px;
	min-height: 100%;
}

#footer, .push{
    height: 160px;
	clear: both;
}

#rss{
    margin-top: 20px;
    background: transparent url('images/rss.png') no-repeat 3px 0;
    padding-left: 25px;
    float:right;
}

#twitter_update_list {
    padding: 0;
}

#twitter_update_list li {
    display: block;
    margin-bottom: 20px;
}

article {
    overflow: hidden;
    position: relative;
}

article .more {
    position: absolute;
    bottom: 0;
    display: block;
    text-align: center;
    width: 100%;
    padding-top: 50px;
    height: 50px;
    font-size: 16px;
    background-image: linear-gradient(to top, #fff 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient( bottom, #fff 50%, rgba(255,255,255,0) 100%)
}

.article_author {
    float: right;

}

.attachment-medium {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-caption {
    border: 1px solid #DDD;
    text-align: center;
    background-color: #F3F3F3;
    padding-top: 4px;
    margin: 10px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.alignright {
    float: right;
    margin: 5px 0 5px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 5px 0;
}

.item.home-item{
    display: block;
    margin: 0;
    padding: 0;
}

.home-item .left{
    margin: 0 20px 5px 0;
}

.wp-caption .wp-caption-text {
    font-size: 10px;
    padding: 0 5px 5px;
    margin: 0;
}

#content .attachment-thumbnail {
    float: left;
    margin: 0 20px 20px 0;
}

#content li.item-artifact,
#content li.item-place,
#content li.item-crime,
#content li.item-page {
    list-style: none;
}

#content .item {
    display: block;
}

.item-news_article {
    margin-bottom: 20px;
}

/*.item-publication {*/
    /*padding: 15px 0;*/
    /*margin: 0 -15px;*/
/*}*/

.item-publication a p,
.item-news_article a p {
    color: black;
}

.item-publication .date p {
    margin: 12px 0 5px 0;
}

.file-download {
    display: block;
    height: 150;
    width: 150;
    background-color: #eee;
    padding: 15px;
}

#content .continent:first-child h2,
#content .teamroles-list:first-child h2 {
    border: none;
    padding: 0;
    margin-top: 0;
}

.content-wrapper {
    width: 596px;
    float: left;
    margin-bottom: 50px;
    border-top: 2px solid #CBCBCB;
    margin-top: 20px;
    padding-top: 20px;
}

.item #aliases {
    font-size: 12px;
}
#content .item-artifact img {
    float: left;
    margin-right: 10px;
}

#related_boxes {
    clear: both;
    margin-top: 20px;
}

#related_boxes .feature-box {
    margin-bottom: 20px;
    border-top: 2px solid #CBCBCB;
    padding-top: 20px;
}

#related_boxes .feature-box a {
    width: 250px;
    min-width: 250px;
    background: #F2F2F2;
    border: solid 1px #E6E6E6;
    height: 187px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    margin-right: 70px;

}

.feature-box a p {
    color: white;
    display: none;
}

.feature-box img {
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
    width: 250px;
    margin: 0;
}

.feature-box a h3 {
    text-align: center;
    background-color: #F8F8F8;
    line-height: 1;
    padding: 10px 0;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: inherit;
    margin: 0;
    font-weight: normal;
    width: 100%;
}

#places-box {
    float: left;
}


#topic-box {
    margin-bottom: 20px;
}

#topic-box a {
    float: left;
}

#topic-box a:nth-child(3n+3) {
    /*margin-right: 0;*/
}

#sidebar {
}

#sidebar h3 {
    font-weight: normal;
    margin-bottom: 5px;
}

#sidebar h3 span {
    padding: 5px;
    border: 1px solid black;
}

#sidebar ul {
    margin: 0 0 10px;
    padding: 0;
}

#sidebar  li {
    list-style: none;
}

#person_info {
    float: left;
    margin: 0 20px 20px 0;
}

#footer {
    background-color: #d3d3d3;
    padding: 20px 0 0;
    margin-top: 20px;
}

#footer p {
    margin: 0;
    text-align: right;
    font-size: 12px;
}

#footer ul {
    margin: 0;
}

#footer li.page_item {
    float: left;
    display: block;
    border-left: 1px solid #CBCBCB;
    max-width: 180px;
    min-width: 65px;

}

#footer li a {
    text-decoration: none;
    padding: 1px 5px;
    color: #222;
    display: inline-block;

}

#footer ul.children {
    padding: 0;
    width: inherit;
}

#footer ul.children li {
    float: none;
    list-style: circle;
    margin: 0;
    font-size: 10px;
    border-right: none;
    line-height: 10px;
    padding-bottom: 5px;
}

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.page_item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.content-wrapper .page_item:after {
    clear: none;
}

.date{
    /*float: right;*/
    /*font-size: 15px;*/
    /*line-height: 20px;*/
    /*font-family: georgia, garamond, serif;*/
    /*margin: 0;*/
    /*padding: 0;*/
}

.clear {
	clear: both;
}

.clearfix:before, .clearfix:after, ul.pagination:before, ul.pagination:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix:after, ul.pagination:after  {
	clear: both;
}


.clearfix, ul.pagination {
	zoom: 1;
}

.text-two-columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.alpha-picker {
	padding: 10px 0;
	border: solid #ccc;
	border-width: 1px 0;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

a.row.item:hover,
.item-publication:hover {
	background-color: #f8f8f8;
}

.home-item:hover{
    background-color: transparent;

}

a.row.item {
	padding-top: 15px;
}

a.row.item p, a.row.item img {
	margin-bottom: 15px;
}

#sidebar.person {
	word-wrap: break-word;
}

/* Foundation overrides */

#sidebar li.current_page_ancestor a {
	color: #4d4d4d;
	font-weight: bold;
}

ul.pagination, ul.pagination li {
	margin-left: 0;
    height: auto;
}

.publications-pagination{
    padding-top: 20px;
}

select {
    border: 1px solid #CCC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    width: 100%;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

/* ----- Horrible hacks for legacy content ----- */

body.legacy-wordpress-post-id-4172, /* This is projects.md, /projects/ */
body.legacy-wordpress-post-id-1591  /* This is data.md, /data/ */
{
    /* TODO: there are other tables like this. For example /data/tracking-illicit-antiquities/ */
    div#content > div > table {
        th, td {
            font-size: 14px;
            line-height: 1.6;
	    padding-bottom: calc(17px + 9px); /* good grief */
        }
    }
}
