/*  
Theme Name:		Twenty Twelve Child
Description: 	A SOTGT child theme for Twenty Twelve 
Author: 		Harry Bernard
Author URI: 	http://smallpondcreative.com
Template: 		twentytwelve
Version:        1.0.1
*/

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

/* Page structure */

.site {
	
    /*background-color: transparent;*/
 background:#7f7f7f;
  background:rgba(255,255,255,0.3);
 	maximum-width: 100%;
}
body .site {
  box-shadow: 0 2px 6px rgba(100, 100, 100, 0.4);
  margin-bottom: 3.42857rem;
  margin-top: 1.42857rem;
  padding: none;
}
 body {
  box-shadow: none;
  margin-top:175px;
  padding: none;
width: 100%;
	height: 1200px;
}
.site-header h1 {
  	font-size: 16px;
  	line-height: 16px;
  	margin-bottom: 0;
	padding-left: 10%;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
  color: #000000;
  font-size: 12px;
  	line-height: 12px;
}

.site-content article {
  	padding-left: 0px;
	padding-right: 0px;
}
.entry-header .entry-title {
font-size: -24px;
}
h4 {
  line-height: 110%;

}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
  	font-size: 14px;
	color: #000000;
}
.ezcol-two-third {
 width: 64%;
	font-size: 14px;
	color: #000000;
  float: left;
}
.ezcol-one-third {
  width: 28%;
  font-size: 14px;
	color: #000000;
  float: right;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
  border-radius: 0;
  box-shadow: none;
	margin-top: 50px;
}
		/* Navigation Menu - main background color */

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	/* background-color: #AA7801;*/
	background-color: #000;
	text-align: left;
	padding-left: 12px;
	float: left;
	position: relative;
	z-index: 999;
}
.main-navigation li ul li a {
	background: #000;
	color: #FFF;
}

.main-navigation li a:hover {
	background: #000;
	color: #fff;
}

/* rollover color */
.main-navigation li ul li a {
	background: #000;
	color:  #ccc;	
}
		/* secondary hover */
.main-navigation li ul li a:hover {
	background: #ee991e;
	color: #000;	
}
/* img {
border: solid 1px #ccc;
padding: 10px;
height: 100%;
}*/

/* border top & Bottom */
.main-navigation a:hover {
	color: #fff !important;
	/*background-color: #8E3901;
	padding-left: 5px;
	padding-right: 5px;*/			
}

/* This will override the changed link color */
	#site-title a:focus,
	#site-title a:hover,
	#site-title a:active {
    	color: #FFFFFF !important;
}
.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;
}
.site-header h1 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 0;
	/*-left: 100px;*/
}
/*.site-header {
  margin-bottom: 0;
	margin-top: -85px;
	margin-bottom: -30px;
}*/
.entry-content a:visited,
.comment-content a:visited {
	color: #000000;
}
.entry-content a:hover,
.comment-content a:hover {
	color: #FC4705;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
  margin-top: 1px;
}
/*.entry-content img {
border: solid 1px #ffffff;
padding: 6px;
}*/
.entry-content h2 {
line-height: 1.1;
}
.wp-caption-text { 
line-height: 0.15; 
font-size: 10px;
}
.shopping_cart {
  color: #000000;
  font-size: 14px;
  padding: 5px;
}
.shopping_cart .wspsc_cart_qty_th, .shopping_cart .wspsc_cart_price_th {
  text-align: center;
   color: #000000;
}
.shopping_cart .wspsc_cart_item_name_th {
 color: #000000;
  }
.entry-content td, .comment-content td {
   color: #000000;

}
td {
   color: #000000;
  	text: normal;
  	padding: 5px;
  	align: center;
}
caption, th, td {
   color: #000000;
}
.contact-form label a, a:focus, a:visited {
  	color: #000000;
}
.gronion-field-lable a, a:focus, a:visited {
  	color: #000000;
}
.footer {
   text-align: center;
}
.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
  text: normal;
}
p {
    hyphens:none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
}
.page .entry-title { 
	display: none; 
}

.page-id-25 p {
	line-height: 114%;
	margin-left: 20%;
}
.page-id-25 h1, h2, h3 {
	line-height: 24pt;
}

.nav-menu li > a:after {
    color: #fff;
    content: ' ▾';
	margin-left: 5px;
}
.nav-menu li > a:hover:after {
    /*color: #444;*/
	color: #fff;
    content: ' ▾';
	margin-left: 5px;
}
.nav-menu li > a:only-child:after {
    content: '';
}
.main-navigation li ul  li a {
	width: 190px;
	margin-left: -35px;
}
.main-navigation {
	text-align: left;
}	
.main-navigation a {
    color: #ccc;
    
}
body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content {
 	width: 65%;
	margin-left: 15%;
}
#rwwArt {
	height: 1000px;
}
#rwwArt h1, h2, {
	font-family: palatino, book antiqua, serif;
	color: #F9DEA2;
	text-align: center;
}

#rwwArt h1 {
	font-size: 30px;
	line-height: 130%;
	font-wieght: normal;
	text-align: center;
}
#rwwArt h2 {
	font-size: 24px;
	margin-top: -20px;
	line-height: 130%;
	font-wieght: normal;
	text-align: center;
}
#rwwArt h3 {
	font-size: 18px;
	line-height: 130%;
	margin-top: -24px;
	font-wieght: normal;
	text-align: center;
}
#rwwArt h4 {
	font-size: 14px;
	margin-top: -16px;
	line-height: 130%;
	font-wieght: normal;
	text-align: center;
}
#rwwArt img {
	border: solid 1px #333;
	padding: 10px;
}
#home h2 {
  	font-size: 36px;
	text-align: center;
	color: #BC1C00;
	line-height: 90%;
	margin-bottom: -5px;
	margin-top: -10px;
}
#home h6 {
  	color: #72624C;
	font-size: 20px;
	line-height: 130%;
}
#home h3 {
  	color: #605443;
	font-size: 20px;
	line-height: 90%;
	margin-top: -25px;
}
#home h3 {
  	
	line-height: 90%;
	
}
#toc {
  	margin-left:-150px;
}
/* ARTICLES MARKUP */

}
#article {
  	padding-left: 15%;
	padding-right: 15%;
}
#article h2 {
  	color: #fff;
	font-size: 24px;
	line-height: 130%;
}
#article2 h2 {
  	color: #fff;
	font-size: 24px;
	line-height: 130%;
}
#article h3 {
  	color: #3D3629;
	font-size: 18px;
	line-height: 130%;
}
#article hr{
  	border: 1px solid #FF7F00;
}
#article2 hr{
  	border: 1px solid #FF7F00;
}
#article img {
	border: solid 1px #333;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: -3px;
}
#text1 {
	margin-left: -60px;
}
#text2 p {
	font-size: 12px;
	line-height: 140%;
}
#text2 {
	margin-left: -60px;
}
#text2 h2 {
	color: #FF7F00;
	font-size: 20px;
	
}
.main-navigation li a {
		color: #ee991e;
}
.main-navigation .current-menu-item > a, .main-navigation a {
  color: #fff;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
  font-size: 12px;
  line-height: 16px;
}
.wp-caption .wp-caption-text, .wp-caption-dd {
 	line-height: 1.5;
	margin-bottom: -10px;
}
.wp-image-1433 {
	border: 0px;
}
.page-id-440 h2 {
	font-size: 16px;
	line-height: 20px;
}
.page-id-440 p {
	font-size: 14px;
	line-height: 16px;
}
.page-id-440 table {
	margin-left: -70px;
}
.element-style {
  position: static;
}

.entry-content { display: block; 
}
@media screen and (max-width: 400px) {
    .list-view .site-content .type-page .entry-content { display: block; 
}
/* Set a media query that changes the flow of the elements in a column
instead of a row, and change the order of the sidebar so it
will come after the main content on smaller screen widths */
@media (max-width: 800px) {

   /* Make elements flow in a column */
   #main {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
...

   .left-sidebar #primary,
   #main #secondary {
      margin:0;
   }
.site {
      margin : 0 auto;
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 100%) {
	body {
		background-color: #e6e6e6;
	}

}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
  color: #000000;
  font-size: 1px;
}


/* Set a media query that changes the flow of the elements in a column
instead of a row, and change the order of the sidebar so it
will come after the main content on smaller screen widths */
@media (max-width: 800px) {

   /* Make elements flow in a column */
   #main {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
...

   .left-sidebar #primary,
   #main #secondary {
      margin:0;
   }
}
   #branding {
      background-position: cover;
   }
   .left-sidebar #primary {
      padding: 0;
   }
}