/*
Theme Name:     Element Child
Theme URI:      http: //www.simplethemes.com/
Description:    Child theme for the Element Theme
Author:         Simple Themes
Author URI:     http: //www.simplethemes.com/wordpress-themes/theme/element
Template:       element
Version: 		1.9.5
*/

/*
Edited for Mason Myers Blog by S. Mattern March 2012 - note that custom.js in root edited
*/

/*
Important: Do not edit ABOVE this line unless you know what you are doing.

Using a child theme allows you to make your own customizations while allowing for safe
updates to the parent theme.

The parent theme's style.css file (imported below) contains the structural settings such as dimensions, margins, and paddings. If you need to make advanced customizations to the parent theme stylesheet, do not edit it directly. Instead, remove the import below, and copy the contents of element/style.css into this file in place of the @import below.
*/

@import url("../element/style.css");
@import url("superfish.css");

hr {
	margin-bottom: 20px;
	}

.clear {
	clear: both;
	}

h1.entry-title, h2.entry-title {
	line-height: normal !important;
	}

h1.leader {
	margin: 20px 0 40px 0 !important;
	}

.one_fourth {
	margin-right: 3% !important;
	}

h5 {
	font-weight: normal !important;
	}

.entry-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	}

span.post_written {
	background: none;
	padding-left: 0px;
}


#footer ul {
	margin-left: 10px;
	}

#sidebar .widget-container {
	font-family: Cambria, Times New Roman !important;
	}

.widget-container ul ul li {
	background-image: none !important;
	padding-left: 0 !important;
	}

/* Header */

#header {
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 200;
	height: 175px;
	background: url(./images/greybull/header_bg.jpg) repeat-x center top !important;
	text-shadow: #FFF 2px 2px 2px;
	}
	
#header #logo {
	width: 230px;
	height: 135px;
	float: left;
	}

#header #logo h1 {
	background: url(./images/greybull/mason-myers-blog.png) no-repeat center top !important;
	margin-top: 50px;
	width: 230px;
	height: 22px;
	}

#header #logo h1 a {
	display: block;
	width: 230px;
	height: 22px;

	}

#header #logo h1 b {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	}

#header #logo .tagline {
	display: block;
	margin: -10px 0 0 0;
	color: #172733;
	font-size: 16px;
	font-style: italic;
	line-height: 120%;
	letter-spacing: normal;
	font-family: Cambria, Times New Roman;
	text-shadow: none;
	width: 200px;
	}

#header ul#menu-main-menu {
	position: absolute;
	top: 40px;
	right: 0;
	min-height: 43px;
	padding: 0;
	max-width: 720px;
	width: auto;
	background: url(./images/greybull/pipe.png) no-repeat right top;
	}

#header ul#menu-main-menu li {
	list-style: none;
	display: inline;
	float: left;
	min-height: 47px;
	background: url(./images/greybull/pipe.png) no-repeat left top;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #968880;
	margin: 0;
	padding: 0;
	line-height: 120%;
	font-weight: bold;
	width: auto;
	position: relative;
	}

#header ul#menu-main-menu li a {
	display: block;
	height: 100%;
	min-height: 37px;
	padding: 5px 20px 5px 20px;
	color: #968880;
	text-decoration: none;
	width: auto;
	}

#header ul#menu-main-menu li a:hover, #header ul#menu-main-menu li.current_page_item a, #header ul#menu-main-menu li.current-page-ancestor a {
	color: #003367;
	}

#header ul#menu-main-menu li.current_page_item li a {
	color: #968880;
	}

#header ul#menu-main-menu li.current_page_item li a:hover {
	color: #003367;
	}

#header ul#menu-main-menu li em {
	display: block;
	margin-top: 5px;
	font-family: Cambria, Times New Roman;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: lowercase;
	}

#header ul#menu-main-menu li a:hover em, #header ul#menu-main-menu li.current_page_item a em, #header ul#menu-main-menu li.current-page-ancestor a em  {
	color: #968880;
	}

#header ul#menu-main-menu ul {
	background-color: white;
	border-bottom: 1px solid #DFDFDF;
	}

#header ul#menu-main-menu li li {
	display: block;
	float: left;
	height: auto;
	background-image: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	letter-spacing: normal;
	padding: 0;
	border-top: 1px solid #DFDFDF;
	min-height: 15px;
	height: auto;
	width: 200px;
	}

#header ul#menu-main-menu li li a {
	display: block;
	min-height: 15px;
	height: auto;
	padding: 10px;
	}

#header #submenu {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 13px;
	}

#header #submenu img {
	vertical-align: middle;
	}

#header #submenu .submenuleft {
	width: 50%;
	float: left;
	text-align: left;
	}

#header #submenu .submenuleft img {
	margin-right: 5px;
	}

#header #submenu .submenuright {
	width: 50%;
	float: right;
	text-align: right;
	}

#header #submenu .submenuright a {
	margin: 0 3px 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	}

/* Slideshow */

.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 940px; /*width of featured content slider*/
	height: 150px;
	margin-top: 20px;
	text-shadow: #FFF 2px 2px 2px;
	}

.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 940px; /*width of content DIVs within slider. Total width should equal slider's inner width */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background: url(./images/style3/body_bg.png) repeat;
	}

.sliderwrapper .img {
	float: left;
	margin-left: 45px;
	margin-top: 10px;
	}

.sliderwrapper .text {
	width: 700px; 
	margin-right: 45px;
	float: right;
	font-size: 18px;
	line-height: 140%;
	color: #003366;
	}

.sliderwrapper h1 {
	margin: 0;
	line-height: normal;
	}

.sliderwrapper p {
	margin: 0;
	}

.sliderwrapper .learnmore {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .05em;
	text-align: right;
	}

.sliderwrapper .learnmore a {
	color: #4E443C;
	text-decoration: none;
	}

.sliderwrapper .learnmore a:hover {
	text-decoration: underline;
	}

.nextprev {
	width: 940px;
	height: 20px;
	position: absolute;
	top: 50px;
	z-index: 200;
}

.nextprev .next { 
	position: absolute;
	right: 0;
	width: 25px;
	height: 25px;
	background: transparent url(./images/greybull/next.png) no-repeat top;
	}
	
.nextprev .prev {
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	background: transparent url(./images/greybull/prev.png) no-repeat top;
	}

.nextprev .next b, .nextprev .prev b {
	display: none;
	}

.nextprev .next a {
	display: block;
width: 25px;
height: 25px;

}

.nextprev .prev a {
	display: block;
width: 25px;
height: 25px;
}

.nextprev .next:hover, .nextprev .prev:hover {
	background-position: bottom;
	}

/* Sidebar */

#sidebar h3 {
	font-size: 25px !important;
	text-shadow: #FFF 2px 2px 2px;
	}

#sidebar .learnmore {
	display: block;
	text-align: left;
	margin-top: 5px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .05em;
	border-top: 1px solid #CCC;
	}

#sidebar .learnmore a {
	text-decoration: none;
	}

#sidebar .learnmore a:hover {
	text-decoration: underline;
	}

#sidebar form {
	text-align: center;
	color: #000;
	}

#sidebar form h4 {
	text-transform: uppercase;
	color: #000 !important;
	font-size: 15px;
	letter-spacing: .05em;
	margin-top: 10px;
	text-shadow: #FFF 2px 2px 2px;
	}

#sidebar form input {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center;
	}

#sidebar p {
	margin: 10px 0 10px 0;
	}
/* Footer */

#footer {
	min-height: 300px;
	background: #323232 url(./images/greybull/footer.jpg) repeat-x top !important;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	border-top: 1px solid #CCC !important;
	padding-top: 30px !important;
	}

#footer a {
	color: white;
	text-decoration: underline;
	}

#footer a:hover {
	color: #DBD1CD;
	}

#footer h3 {
	font-weight: normal !important;
	text-shadow: #000 2px 2px 2px;
	}

#footer img {
	vertical-align: middle;
	margin-right: 3px;
	}

/* MailChimp Sign Up Forms */
.cta {
    border-radius: 4px;
    margin: 10px auto 20px;
    padding: 20px;
    position: relative;
}
.cta.signup {
	margin-bottom: 30px;
	padding-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}
.widesignup .badge {
	position: absolute;	
	top: -25px;
	right: -15px;
}
.narrowsignup .badge {
	position: absolute;
	top: -20px;
	right: -20px;
}
.cta.widesignup h3 {
	font-size: 28px;	
	margin-bottom: 20px;
	margin-top: 15px;
}
#sidebar .cta.narrowsignup h3 {
	font-size: 23px !important;
	padding-bottom: 15px;
	margin: 0 auto;
	margin-top: 10px;
	line-height: 120%;
}
#sidebar .cta.narrowsignup form {
	text-align: left !important;	
}
.narrowsignup .input-group {
	padding: 15px 0 15px 0;
	margin: -10px 0 15px 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.narrowsignup form {
	margin-top: 0 !important;	
}
.narrowsignup .input-group label {
	font-size: 14px !important;
	display: inline-block;
	width: 85%;
}
.signup ul, .signup ul li {
	list-style: none !important;	
	margin: 5px 0 0 0;
	padding: 0;
}
.signup label {
	padding-left: 0;
	margin-left: 0;
}
.widesignup label.big {
	font-size: 20px !Important;	
	display: block;
	margin-bottom: 10px;
}
.narrowsignup label.big {
	font-size: 16px !important;
	display: block;
}
.sidesignup label.big {
	font-size: 16px !Important;	
	display: block;
	margin-bottom: 10px;
}
.signup .input-group label {
	font-size: 15px;	
	padding-left: 5px;
}
.signup input[type="checkbox"] {
	top: 0;	
}
.signup .hide {
	display: none;
}
.signup input[type="text"], .signup input[type="email"] {
	font-size: 18px !important;
	color: #999999 !important;
	width: 100%;
	padding-left: 10px;
	text-align: left !important;
}
.narrowsignup input[type="text"], .narrowsignup input[type="email"] {
	margin-top: -20px;	
}
.narrowsignup .bar {
	height: 1px;
	border-top: 1px solid #CCC;
	margin-top: -5px;
	margin-bottom: 15px;
}
.signup input[type="button"], .signup .button {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5aa1d8), color-stop(100%, #2489d6));
  background-image: -webkit-linear-gradient(#5aa1d8, #2489d6);
  background-image: -moz-linear-gradient(#5aa1d8, #2489d6);
  background-image: -o-linear-gradient(#5aa1d8, #2489d6);
  -pie-background: linear-gradient(#5aa1d8, #2489d6);
  border: 1px solid #258cda;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 0 0 #85b9e0;
  -webkit-box-shadow: inset 0 1px 0 0 #85b9e0;
  -o-box-shadow: inset 0 1px 0 0 #85b9e0;
  box-shadow: inset 0 1px 0 0 #85b9e0;
  color: white;
  text-shadow: 0 1px 0 #1976be;
  behavior: url("./wp-content/themes/element/PIE.php");
  position: relative;
  font-weight: normal;
  color: #FFF !important;
  font-size: 18px !important;
  padding-bottom: 5px;
}
.widesignup .button {
	float: right;
	margin-top: -20px;
	padding-left: 25px;
	padding-right: 25px;
}
.narrowsignup .button {
	padding-left: 25px;
	padding-right: 25px;
}
.signup input[type="button"]:hover, .signup .button:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2380c7), color-stop(100%, #4a95cf));
  background-image: -webkit-linear-gradient(#2380c7, #4a95cf);
  background-image: -moz-linear-gradient(#2380c7, #4a95cf);
  background-image: -o-linear-gradient(#2380c7, #4a95cf);
  -pie-background: linear-gradient(#2380c7, #4a95cf);
  -moz-box-shadow: inset 0 1px 0 0 #75acd7;
  -webkit-box-shadow: inset 0 1px 0 0 #75acd7;
  -o-box-shadow: inset 0 1px 0 0 #75acd7;
  box-shadow: inset 0 1px 0 0 #75acd7;
  cursor: pointer;
  border: 1px solid #2280c9;
  color: #C8E7FD !important;
}
.signup input[type="button"]:active, .signup .button:active {
  -moz-box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee;
  border: 1px solid #2280c9;
  color: #C8E7FD !important;
}

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

#header {
	background: url(./images/greybull/header_bg_mobile.jpg) repeat-x top !important; 
	height: auto;
	}

#header #logo {
	float:none;
	left: 0;
	height: 120px;
	}

#header ul#menu-main-menu {
	float: none;
	background-image: none;
	display: block;
	margin-top: 0px;
	}

#header ul#menu-main-menu li a {
	padding: 5px 10px 5px 10px;
	}

#header ul#menu-main-menu li.menu-item-last {
	border-right: 1px solid #DFDFDF;
	}

#header #submenu {
	line-height: normal;
	font-size: 12px;
	margin-top: 10px;
	}
	
.sliderwrapper{
	width: 760px; /*width of featured content slider*/
	height: 150px;
	}

.sliderwrapper .contentdiv {
	width: 760px; /*width of content DIVs within slider. Total width should equal slider's inner width */
	}
	
.sliderwrapper .img {
	display: none;
	}

.sliderwrapper .text {
	width: 670px; /*700px*/
	margin: 0 45px 0 45px;
	float:none;
	}

.nextprev {
	width: 760px;
	}

 }
 
    
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
#header {
	background: url(./images/greybull/header_bg_mobile.jpg) repeat-x top !important; 
	height: auto;
	}

#header #logo {
	float:none;
	left: 0;
	}

#header ul#menu-main-menu {
	float: none;
	background-image: none;
	display: block;
	border-bottom: 1px solid #DFDFDF;
	margin-top: 0px;
	position: relative;
	top: auto;
	}

#header ul#menu-main-menu li {
	display: block;
	float: none;
	width: 100%;
	height: 40px;
	border-top: 1px solid #DFDFDF;
	background-image: none;
	}

#header ul#menu-main-menu li a {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px 0 5px 0;
	}

#header #submenu {
	line-height: 120%;
	font-size: 12px;
	margin-top: 20px;
	}
	
#header #submenu .submenuleft {
	display: block;
	float: none;
	width: 100%;
	text-align: center;
	height: auto;
	}

#header #submenu .submenuright {
	display: block;
	float: none;
	text-align: center;
	width: 100%;
	height: auto;
	}

#header #submenu .submenuright a {
	margin: 0 2px 0 2px;
	font-size: 11px;
	}
	
.sliderwrapper{
	width: 320px; /*width of featured content slider*/
	height: 400px;
	}

.sliderwrapper .contentdiv {
	width: 320px; /*width of content DIVs within slider. Total width should equal slider's inner width */
	}
	
.sliderwrapper .img {
	display: none;
	}

.sliderwrapper .text {
	width: 230px; 
	margin: 0 45px 0 45px;
	float:none;
	}

.nextprev {
	width: 320px;
	}

 }
 
/* Note: Design for a width of 480px */
    
@media only screen and (max-width: 767px) {

#header {
	background: url(./images/greybull/header_bg_mobile.jpg) repeat-x center -44px !important; 
	height: auto;
	}

#header .container,
#header .container .sixteen.columns,
#header #menu-main-menu {
    width: 100%;
	}
	
#header #logo {
	float:none;
	left: 0;
	height: 83px;
	margin-left: auto;
	margin-right: auto;
	}
#header #logo h1 {
	width: auto;
	margin-top: 22px;
	}

#header ul#menu-main-menu {
	float: none;
	background-image: none;
	display: block;
	border-bottom: 1px solid #DFDFDF;
	margin: 0px;
	position: relative;
	top: auto;
	}

#header ul#menu-main-menu li {
	display: block;
	float: none;
	width: 100%;
	height: auto;
	border-top: 1px solid #DFDFDF;
	background-image: none;
	}

#header ul#menu-main-menu li a {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px 0 5px 0;
	}

#header ul#menu-main-menu li a br {
	display: none;
}

#header ul#menu-main-menu ul {
	background-color: transparent;
	background-image: none;
	border-bottom: none;
	position: relative;
	top: 0;
	width: 100%;
	margin-left: 0;
}

#menu-main-menu li:hover ul,
#menu-main-menu li.sfHover ul {
	left: 0px;
	top: 0px;
}
#header ul#menu-main-menu ul li {
	color: #968880;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 120%;
	list-style: none outside none;
	margin: 0;
	min-height: 47px;
	padding: 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	background-image: none;
	border-top: 1px solid #DFDFDF;
	display: block;
	float: none;
	height: 40px;
	width: 100%;
}

#header ul#menu-main-menu li li a {	
	padding: 10px 0;
}
	
#header #submenu {
	line-height: 120%;
	font-size: 12px;
	margin-top: 0px;
	position: absolute;
	top: 45px;
}
	
#header #submenu .submenuleft {
	display: block;
	float: none;
	width: 100%;
	text-align: center;
	height: auto;
	}
#header #submenu .submenuleft p {
	margin-bottom: 8px;
	margin-top: 5px;
	}
	
#header #submenu .submenuleft p > span {
	font-size: 12px !important;
	}
	
#header #submenu .submenuright {
	display: block;
	float: none;
	text-align: center;
	width: 100%;
	height: auto;
	}
	
.sliderwrapper{
	width: 480px; /*width of featured content slider*/
	height: 250px;
	}

.sliderwrapper .contentdiv {
	width: 480px; /*width of content DIVs within slider. Total width should equal slider's inner width */
	}
	
.sliderwrapper .img {
	display: none;
	}

.sliderwrapper .text {
	width: 390px; 
	margin: 0 45px 0 45px;
	float:none;
	}

.nextprev {
	width: 480px;
	}

 }
 
/* Note: Design for a width of 480px */
    
@media only screen and (max-width: 320px) {

#wrap {
	width: 320px;
	}
}