/*
Theme Name:     Stephen Buckle
Description:    Theme for Steve's website
Author:         Matthew Elton
Author URI:     http://www.obliquely.org.uk
Template:       twentysixteen
Version:        0.01
*/

@import url("../twentysixteen/style.css");


body, button, input, select, textarea {
    color: #1a1a1a;
    font-family: Helvetica, Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.75;
}


.site-header {
  padding: 0;
	  margin-left: 5%;
	  margin-right: 5%;
	}
	
.site-content {
  padding: 0;
	}


.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, 
.no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, 
.no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, 
.no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-left: 5%;
    margin-right: 5%;
}


/* adjust the size of titles for single pages - titles are the full reference of
the publication, so they don't want to be too huge */

.buckle-title {font-size: 18px;
 -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  }

@media only screen and (max-width: 480px) {
.buckle-title {font-size: 16px;}
}


/* adjust the thumbnail used on single pages so that it is on the right on wide
pages and centred on small ones */

.buckle-image { 
float: right;
    margin: 0.375em 0 1.75em 1.75em;
    }
    
@media only screen and (max-width: 480px) {
.buckle-image {
     margin: 0.375em auto;
     float: none;
     display: block;
}
}

.obq_thead15 {
	font-weight: bold;
	width: 15%;
  }

table {border: none;}

button, button[disabled]:hover, button[disabled]:focus,
input[type="button"], input[type="button"][disabled]:hover, 
input[type="button"][disabled]:focus, input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus, input[type="submit"],
input[type="submit"][disabled]:hover, 
input[type="submit"][disabled]:focus {
    background: lightblue none repeat scroll 0 0;
}


.bucFilter select, input[type="text"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #aaa #aaa #ccc;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-sizing: border-box;
    cursor: text;
    margin: 0;
    max-width: 100%;
    outline: medium none;
    padding: 6px 8px;
    vertical-align: middle;
}
  

/* make the menu look like TABs, but only on a wider screen */

/*@media only screen and (min-width: 868px) */

@media screen and (min-width: 44.375em) 
{
 #site-header-menu {
   float:left;
   width:100%;
   background:#fff;
   border-bottom: 2px solid #000;
   overflow:hidden;
   position:relative;
}
  
#site-header-menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#site-header-menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
  
}
#site-header-menu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
   border-radius: 10px 20px 0 0;

}
#site-header-menu ul li a:hover {
   background:#369;
   color:#fff;
}
#site-header-menu ul li a.active,
#site-header-menu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

  
  #site-header-menu ul li a {
	border: solid 2px #888;
	border-bottom: none;	
}
  
#site-header-menu ul li.current-menu-item a {
	border: solid 2px black;
	border-bottom: none;	
	background-color: #BBB;
}
}




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

.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, 
.no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, 
.no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, 
.no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-left: 2%;
    margin-right: 2%;
}
  .site-header {
  padding: 0;
	  margin-left: 2%;
	  margin-right: 2%;
	}
}