/*
Theme Name: Twentytwelve child
Theme URI: http://www.simplethemes.com/wordpress-themes/theme/skeleton
Description: Skeleton Child Theme. Use this child theme to safely make modifications to the existing theme. Using a child theme ensures that you do not lose the modifications with theme updates.
Version: 2.0.1
Author: Simple Themes
Author URI: http://www.simplethemes.com
Template: twentytwelve
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/*
----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------

This child theme enables you to make customizations while allowing for safe updates to the parent theme.
The parent theme's style.css is imported below. If you wish to make customizations, do one of the following:

A.) Copy the contents of skeleton/style.css into this file, but leave the (above) child theme head in tact!
B.) Add specific rules BELOW the import. This is intended for minimal customizations.

----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------
*/

@import url("../twentytwelve/style.css");
/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {}

@font-face {
   font-family: articulate;
   src: url(ARN_____.TTF);
}

body {
	background-color: #f5f7f6;
	background-color: #FFF;
	background-image: url(../twentytwelve/images/BG-repeat.gif);
	background-repeat:repeat-x;
}
body .site {
	padding: 2px;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: articulate;
	text-rendering: optimizeLegibility;
	color: #444;
	word-wrap: normal !important;
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	hyphens: none !important;
}

.site {
	margin: 0 auto;
	max-width: 1024px;
	background-color: #fdfdfd;
	background-color: #FFF;
}
#logo {
	background-color: #FFF;
	width: 100%;
	height: 45px;
	padding: 20px 0 0 0;
}
a {
	outline: none;
	color: #21759b;
	text-decoration:none;
}
h2 {
	color:#0084b6;
	margin-bottom: 5px;
	}

.intro{
	font-size:1.2em;
	line-height: 1.5em;
	margin-bottom:25px;
		}

/* Homepage news styles */
#homenewslist {
	background-color: #f5f7f6;
	padding: 10px 20px;
}
#homenewslist h2 a {
	display: block;
	text-decoration: none;
	font-size: 1em;
	margin: 15px 0 5px 0;
}
#homenewslist p {
	line-height: 1.5em;
	text-decoration: none;
	font-size: .9em;
	margin-bottom: 15px;
}
#homenewslist li.excerpt {
	margin-bottom:20px;
}

#homenewsheader {
	background: #0084b6;
	color:#FFF;
	height:18px;
	font-size:1em;
	padding:5px;
	line-height:1em;
	}
/* end homepage news styles */


/* Centre content styles */

#content{
	margin: 7px 10px 10px 10px;
	padding: 5px 10px 10px 10px;
	background-color: #FFF;
}
#contentnews {
	margin: 10px 10px 10px 0;
	padding: 10px 10px 10px 0;
	background-color: #FFF;
}
.site-content {
	margin: 0px;
	float: left;
	max-width: 60%;
}
#content-two-column {
	margin: 10px 10px 10px 0;
	padding: 10px 10px 10px 0;
	background-color: #FFF;
}
.site-content-two-column {
	margin: 0px;
	float: left;
}
.site-contentnews {
	margin: 0px;
	float: left;
	width: 79.5%;
}
.entry-header .entry-title {
	margin-bottom:25px;
	padding-bottom:6px;
	color: #0084b6;
	font-size: 2.4em;
	border-bottom:thin solid #0084b6;
}

#pageTitle h1.entry-title {
	margin-bottom: 0px;
	padding: 25px 0 6px 0;
	color: #0084b6;
	font-size: 2.4em;
	border-bottom:thin solid #0084b6;
	font-weight:normal;
	}


.entry-header {
	margin-bottom: 10px;
}
.site-content article {
	margin-bottom: 20px;
}
.entry-content a,
.comment-content a {
	color: #0084b6;
	text-decoration:none;
}
.entry-content a:visited,
.comment-content a:visited {
	color: #0084b6;
	text-decoration:none;
}

.entry-content a:hover,
.comment-content a:hover {
	color: #21759b;
	text-decoration:none;
}

.entry-content h4,
.comment-content h4 {
	font-size: 1em;
	font-size: 1rem;
	margin:0;
	padding:0;
}
/* End centre content styles */


/* Biography styles */

.bioimage {
	float:left;
	margin: 10px 0 10px 0;
}
hr {
	margin: 0;
	padding:0;
}

.wp-caption {
	padding: 0;
}

.wp-caption .wp-caption-text {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 0;
	font-size: 1em;
	font-weight:bold;
}

p.wp-caption-text {
	margin: 0;
	padding: 0;

}


/* Hide assiative text button to fix layout */

#site-navigation.secondary-navigation a.assistive-text {
	display: none;
}
#site-navigation.main-navigation a.assistive-text {
	display: none;
}
/* End hide assiative text button to fix layout */


/* Main nav styles */

.main-navigation li a {
	line-height: 2em;
	padding: 0 10px;
}
.main-navigation {
	margin-top: 0px;
	text-align: center;
}
.main-navigation .current-menu-item > a,  .main-navigation .current-menu-ancestor > a,  .main-navigation .current_page_item > a,  .main-navigation .current_page_ancestor > a {
	background-color: #009e63;
	font-weight: normal;
}
.main-navigation ul.nav-menu li a:hover {
	background-color: #009e63;
}
.main-navigation ul.nav-menu li a:active {
	background-color: #009e63;
}
.main-navigation ul.nav-menu {
	clear: both;
	background-color: #4e4e4e;
	padding: 0;
	border: none;
}
.main-navigation ul.nav-menu li {
	margin: 0;
	padding: 0;
	font-size: .8em;
}
.main-navigation ul.nav-menu li a {
	color: #FFF;
}

/* css ensures main nav stays 'on' when in sub pages*/
.main-navigation li.current-page-ancestor {
	background-color: #009e63;
	}


/* Main nav styles */
.site-header {
	padding: 0;
}
.site-header h1 {
	float: left;
	font-size: 2em;
	margin-bottom: 0;
}
hgroup {
	clear: both;
	background-color: #009e63;
	display: inline-block;
	padding: 2px;
}
 .site-title {
	overflow: hidden;
}
 h1.site-title {
	/* max-width: 38%; */
	padding-top: 15px;
	padding-left:0;
	float: left;
	font-size: 1.9em;
	font-weight: normal;
	line-height: 1.2em;
	color: #FFF;
	overflow: hidden;
}

.site-header h2 {
	display: block;
	/* max-width: 18%; */
	float: left;
	font-weight: normal;
	font-size: .68em;
	line-height: 1.2em;
	color: #757575;
}
h2.site-description {
	clear: none;
	/* float: right; */
	padding-top: 13px;
	padding-right: 1%;
	color: #FFF;
	line-height: 1.4em;
}
.menu-about-container, .menu-home-container, .menu-results-container, .menu-publications-container, .menu-database-container, .menu-contact-container {
	clear: left;
	float: left;
	width: 20%;
	padding-bottom: 7px;
	margin-top: 25px;
	margin-left: 0px;
	border-bottom: 2px solid #4e4e4e;
}
#secondary.widget-area {
	background-color: #FFF;
	float: right;
	/* max-width: 19%; */
	margin: 25px 0 0 0;
	padding: 0;
}
#secondary.widget-area ul {
	margin-bottom: 10px;
	}

.widget-area {
	/* max-width: 19%; */
}
#site-navigation.secondary-navigation a {
	color: #FFF;
	font-size: .8em;
	text-decoration: none;
}
#site-navigation.secondary-navigation li {
	background-color: #4e4e4e;
	height: 23px;
	padding-top: 5px;
	padding-left: 10px;
	border-right: 7px solid #0084b6;
	margin: 3px 0 0 0;
}
/* Form fields, general styles first */
button, input, textarea {
	border: 1px solid #ccc;
	border-radius: 0;
	font-family: inherit;
	padding: 0;
	margin: 0;
}
button, input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

.searchform {
	padding: 8px 0 8px 5px;
	background-color:#f5f7f6;

	}
/*.widget-area #s {
	width: 65%;  define a width to avoid dropping a wider submit button
}*/

/* Buttons */
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {
	padding: 5px;
	font-size: 3em;
	line-height: 3em;
	font-weight: normal;
	color: #FFF;
	background-color: #0084b6;
	background-repeat: repeat-x;
	background-image: none;
	border: none;
	border-radius: 0px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
.menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: none;
}
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
/* From smpl-shortcode css!!! Have to overide !important !!!!!*/
button, input[type="submit"], input[type="reset"], input[type="button"], .button a, .button.medium a {
	padding: 2px 3px 3px 3px !important;
/* 	font-size: .8em !important; */
	/* line-height: 1em !important; */
	margin-bottom: 0;
	text-transform:capitalize;
}


.widget-area .widget {
	margin: 0 0 5px 0;
	padding: 0;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	word-wrap: normal;
}

.widget-area .textwidget li {
	list-style: none;
	list-style-position:inside;
	margin: 0 0 10px 0;
	padding:0;
	}

.widget-area .textwidget li h3 {
	margin: 5px;
	}

.widget_recent_entries, .widget_archive, .textwidget {
	background-color: #f5f7f6;
}

.widget_recent_entries ul, .widget_archive ul, .textwidget ul{
	padding-bottom: 10px;
}

h3.widget-title {
	font-weight: normal;
	color: #FFF;
	background-color: #4e4e4e;
	padding: 2px 5px 2px 5px;
	line-height:1.6em;
}
.widget-area .widget h3 {
	margin: 0 0 10px 0;
}
.widget-area .widget a {
	display:block;
	color: #B82252;
	color: #666;
	text-decoration: none;
	margin: 10px 5px 10px 5px;
	line-height: 1.4em;
}
.widget-area .widget a:visited {
	color: #B82252;
	color: #666;
}
div.usefullinks {
	border: 1px solid #930;
	margin-top: 0;
	padding-top: 0;
	}
/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #4e4e4e;
	clear: both;
	font-size: .8em;
	color: #4e4e4e;
	line-height: 1em;
	max-width: 1014px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 7px 5px 20px 5px;
}
footer[role="contentinfo"] a {
	color: #B82252;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}
div.site-info {
	float:left;
	}
div.IDRN {
	float: right;
	}

.site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 10px;
	margin-bottom: 2.142857143rem;
	padding-bottom: 10px;
	padding-bottom: 0.714285714rem;
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
.widget-area #s {
	width: 72%; /* define a width to avoid dropping a wider submit button */
}

#contactform {
	margin-left: 0px;
	}

img.alignleft,
.wp-caption.alignleft {
	margin: 5px 24px 10px 0;
}
footer.entry-meta {
	margin-bottom:20px;
	}

.main-navigation .menu-toggle {
	width: 100px;
	height: 40px;
	border-radius: 4px;
	font-size: 4em;
}
.main-navigation ul.nav-menu.toggled-on {
	display: block;
}

@media screen and (min-width: 600px) {
	.site-header h1 {
	float: left;
	font-size: 2em;
	margin-bottom: 0;
}
hgroup {
	clear: both;
	background-color: #009e63;
	display: inline-block;
}
 h1.site-title {
	max-width: 38%;
	padding-top: 15px;
	/* padding-left: 4px; */
	float: left;
	font-size: 1.9em;
	font-weight: normal;
	line-height: 1.2em;
	color: #FFF;
}
h2.site-description {
    clear: none;
    float: right;
    padding-top: 13px;
    padding-right: 1%;
    color: #FFF;
    line-height: 1.4em;
}
.site-header h2 {
    display: block;
    max-width: 18%;
    font-weight: normal;
    font-size: .68em;
    line-height: 1.2em;
}
	.site-content-two-column {
    max-width: 72%;
	}
}