/*
Theme Name: Twenty Twelve Child Theme
Description: A Child Theme of Twenty Twelve Theme
Template: twentytwelve
Author: Tribulations
Version: 1.0.0
*/
@import url(../twentytwelve/style.css);

body .site {
max-width: 100% !important;
}
body {
   min-height: 400px;
   margin-bottom: 100px;
   clear: both;
}

#content{ margin-left: 10%;margin-right:10%;}
header#masthead.site-header{
  background-image:url("http://www.genealogy.designroots.ca/wp/wp-content/uploads/2017/08/RenfrewOnt.png");
  background-color:#001a24;
  overflow: auto;
  padding-bottom:0;
  border-bottom:1px solid #f00;
  border-top:1px solid #f00;
  width: 100%;
  padding-left:5%;
  padding-right:5%;
}
a:link {
  color: #000;
  outline:none;
}
a:visited {
   color:#666;
}
a:hover{
  color: #f00 !important;
}
a:active {
   color: #f00 !important;
}

h2.site-description {
   color:#fff;
}

h1.site-title a:link {
color: #fff;
outline: none;
}
h1.site-title a:visited {
color: #fff;
}
h1.site-title a:hover {
color: #d73434;
outline: none;
}
h1.site-title  a:active {
color: #d73434;
outline: none;
}

nav-menu{border-style:none; color:#fff;}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color: #fff; 
	text-decoration:underline;
}

.main-navigation li a:link {
	color: #fff; font-weight:bold;
}
.main-navigation li a:visited {
	color: #fff;
}
.main-navigation li a:hover {
	color: #f00;
}
.main-navigation li a:active {
	color: #f00;
}
.main-navigation li a:focus {
	color: #f00;
}

.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
	border-bottom: none;
	border-top: none;
}

footer[role="contentinfo"] {
    max-width: none;
    border-top: 1px solid #f00;
    clear: both;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    max-width: none;
    margin-top: 24px;
    margin-top: 1.714285714rem;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0;
    padding: 1.714285714rem 0;
}
#colophon {
  	background-color:#001a24;
  	color:#fff;
  	padding-left:2%;
  	padding-right:2%;
  	border-bottom:1px solid #f00;
  	border-top:1px solid #f00;
   	position: relative;
   	bottom: 0px;
   	width: 100%;
	position: fixed;
    bottom: 0;
    left: 0;
}
#colophon a:visited {
  color: #fff;
}

#page.hfeed.site {
  padding-left:0;
  padding-right:0;
}

button.menu-toggle{
  margin-top:-5px;
  margin-bottom:20px;
}
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
    color: #000;
    background-color: #e1e1e1;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #c99, #fff);
    background-image: -ms-linear-gradient(top, #c99, #fff);
    background-image: -webkit-linear-gradient(top, #c99, #fff);
    background-image: -o-linear-gradient(top, #c99, #fff);
    background-image: linear-gradient(top, #c99, #fff);
    box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #fff;
    border-color: transparent;
}

ul#menu-topmenu.nav-menu.toggled-on {
  padding-bottom:20px;
  margin-top:-10px;
}

h1.site-title {
	font-size:275%;line-height:.9;
}
h2.site-description {
     font-size:100%;
      }
#colophon {
   text-align: center;
 }

/******************************************************/
   /*MEDIA QUERIES*/
/******************************************************/
@media only screen and (min-width:700px)
{
   h1.site-title {
   	font-size:335%;line-height:1;
   }
   h2.site-description {
   	font-size:121%;
   }
  #colophon {
  text-align: left;
  }
}