/*
 Theme Name:     GenderTalk 2014
 Theme URI:      http://example.com/GenderTalk_2014/
 Description:    Twenty Thirteen Child Theme: GenderTalk_2014
 Author:         Nancy Nangeroni
 Author URI:     http://design.nangeroni.net
 Template:       twentythirteen
 Version:        1.0.0
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */
a:active, a:hover {
	color: #60c;
	text-decoration: underline;
}
.entry-content a, .comment-content a { color: #bc360a; }
.entry-content a:hover, .comment-content a:hover { color: #60c; }

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: Slicker, Arial, sans-serif;
	line-height: 1.3;
}

h1 {
	font-size: 36px;
	margin: 33px 0;
}

h2 {
	font-size: 24px;
	margin: 25px 0;
}

h3 {
	font-size: 20px;
	margin: 22px 0;
}
td {
	border-top: none;
}
table {
	line-height: 1.2;
	border-bottom: none;
}

.entry-content {	max-width: 704px; }

.site-header {
	background: url(http://www.gendertalk.com/wp-content/uploads/2014/05/GT14banner4-1600.png) no-repeat scroll top;
	background-size: 1600px auto;
}
.site-header .search-field {
	background-image: url(images/search-icon.png);
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta,
.sidebar .comment-list,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form,
.sidebar .featured-gallery,
.sidebar .post-navigation .nav-links,
.author.sidebar .author-info {
	max-width: 1200px;
	padding-left: 180px;
	padding-right:60px;
}

.site-main .widget-area {
	float: right;
	width: 260px;
	margin-right: 0;
	
}
.site-main .sidebar-container {
	z-index: auto;
}
#content #post-184 {
	margin-right: 240px;
	width: 800px;
} 


/* ======================= Mobile Devices ==================== */
@media (max-width: 1200px){
	.sidebar .entry-header,
	.sidebar .entry-content,
	.sidebar .entry-summary,
	.sidebar .entry-meta,
	.sidebar .comment-list,
	.sidebar .comment-reply-title,
	.sidebar .comment-navigation,
	.sidebar .comment-respond .comment-form,
	.sidebar .featured-gallery,
	.sidebar .post-navigation .nav-links,
	.author.sidebar .author-info {
		max-width: 1040px;
		padding-left: 140px;
		padding-right: 90px;
	}
  .navbar { padding-left: 20px !important;}
}
@media (max-width: 999px) {
	.site-header {
		background: url(‘http://www.gendertalk.com/wp-content/themes/GenderTalk_2014/images/GT14banner4-900.png’) no-repeat scroll top;
		background-size: 900px auto !important;
  }
  header#masthead.site-header { height: 150px; }
  .navbar { margin-top: -102px; }
	.sidebar .entry-header,
	.sidebar .entry-content,
	.sidebar .entry-summary,
	.sidebar .entry-meta,
	.sidebar .comment-list,
	.sidebar .comment-reply-title,
	.sidebar .comment-navigation,
	.sidebar .comment-respond .comment-form,
	.sidebar .featured-gallery,
	.sidebar .post-navigation .nav-links,
	.author.sidebar .author-info {
		max-width: 960px;
		padding-left: 100px;
		padding-right: 60px;
	}
	#content #post-184 { padding-right: 40px; }
  .navbar { padding-left: 40px !important; }
  .nav-menu li a {font-size: 0.95em !important; padding: 11px 15px !important; }
}


@media (max-width: 870px){   /* ipad 2 responds here */
	.site-header {
		background: url(‘http://www.gendertalk.com/wp-content/themes/GenderTalk_2014/images/GT14banner4-900.png’) no-repeat scroll top;
		background-size: 900px auto !important;
  }
  header#masthead.site-header { height: 150px; }
  .navbar { margin-top: -102px;}
	#content #post-184 { padding-right: 40px; }
	#main { margin-top: 20px;}
}

@media (max-width: 684px){	/* iPhone responds here */
	.site-header {
		background: url(‘http://www.gendertalk.com/wp-content/themes/GenderTalk_2014/images/GT14banner4-500.png’) no-repeat scroll top;
		background-size: 500px auto !important;
	}
	.site-header .home-link { max-height: 70px; min-height: 70px;}
  header#masthead.site-header { height: 70px; }
  .navbar { margin-top: 0px; margin-bottom:60px;}
	.nav-menu li a {
		font-size: 14px;
		line-height: 1;
		padding: 6px 13px;
		color: #fff; 
	}
	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		color: white;
		font: bold 14px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
		padding: 6px 0 6px 0px;
	}
	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}
	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}
	.toggled-on .nav-menu, .toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}
	.toggled-on li,	.toggled-on .children {
		display: block;
	}
	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}
	.toggled-on body  { opacity: 1.0; }
	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}
	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}
	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #db572f;
		color: #fff;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}

	
	h1.entry-title {
		font-size: 16px;
		margin: -20px 0 -20px;
	}
	#progbydate h2, .progbytopic h2  {
		font-size: 13px;
		margin-top: 0 !important;
	}
	.progbytopic ul { margin: 0 -10px 0 0; 	}
	#progbydate li, .progbytopic li { margin: 0 0 0 -15px; padding-bottom: 8px !important; line-height: 10pt !important;	}
	p {
		margin: 0 0 12px;
		line-height: 1.1em;
		font-size: 11px;
	}
	ul {
		font-size: 11px;
	}
	#content #post-184 { padding-right: 40px; }
}

@media (max-width: 359px) {
	.site-header {
		background-size: 500px auto;
		background: url(http://www.gendertalk.com/wp-content/themes/GenderTalk_2014/images/GT14banner4-500.png) no-repeat scroll top;
	}
	.site-header .home-link {
		max-width: 1080px;
		min-height: 70px;
	}
	#main { margin-top: 20px;}
	h1 {
		font-size: 22px;
		margin: 10px 0;
	}
	h2 {
		font-size: 18px;
		margin: 8px 0;
	}
	p {
		margin: 0 0 12px;
		line-height: 1.1em;
	}
	ul {
		padding: 0 0 0 20px;
	}
	#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
		padding-left: 10px;
		padding-right: 10px;
	}
}
/* ======================= END Mobile Devices ==================== */
#iyf, #iyfpdf {
	text-align: center;
	padding: 10px;
	border: 5px solid #eee;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
}

#progbydate, .progbytopic  {
	font-size: 12pt;
	vertical-align: top;
}
#progbydate h2, .progbytopic h2  { margin-top: 10px; }
.progbytopic {
	padding: 10px;
	background-color: #eee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#progbydate li {
	list-style: none;
	line-height: 15pt;
	padding-bottom: 15px;
}
.progbytopic li {
	list-style: none;
	line-height: 15pt;
	padding-bottom: 10px;
}

/* Navbar */
.main-navigation { min-height: 20px; }
.nav-menu li a {
	color: #141412;
	font-size: 18px;
	line-height: 1;
	padding: 11px 25px;
	color: #fff; 
	line-height: 0.8em; 
}
.navbar { 	
	padding-left: 120px;
	background: -moz-linear-gradient(#e33, #701);
	background: -o-linear-gradient(#e33, #701);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e33), to(#701)); /* older webkit syntax */
	background: -webkit-linear-gradient(#e33, #701);
}
.nav-menu li a:hover 	{	color: #ebf; background-color: #400; }
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { color: #ebf; }
.nav-menu li:hover > a, .nav-menu li a:hover {	
	background: -moz-linear-gradient(#e33, #701);
	background: -o-linear-gradient(#e33, #701);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e33), to(#701)); /* older webkit syntax */
	background: -webkit-linear-gradient(#e33, #701);
}
.nav-menu .sub-menu, .nav-menu .children {	
	background: -moz-linear-gradient(#e33, #701);
	background: -o-linear-gradient(#e33, #701);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e33), to(#701)); /* older webkit syntax */
	background: -webkit-linear-gradient(#e33, #701);
}
.nav-menu .sub-menu,
.nav-menu .children {
	border: 4px solid #f7f5e7;
	border-top: 0;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
	width: 230px;
	line-height: 1.1em;
	padding-top: 8px;
	padding-bottom: 8px;
}
#menu-item-142 ul.nav-menu ul a,
#menu-item-142 .nav-menu ul ul a {
	width: 280px;
}
.site-header .search-field {
	height: 33px;
	margin: 0px 0;
}
.boxed {
	background-color: #eee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.boxed td {
	padding: 15px;
	line-height: 1.3em;
}
.boxed p {
	padding: 5px 0 5px 0;
	font-family: Verdana;
}

.aesop-parallax-sc-floater { font-weight: bold; font-size: 28pt; color: white; padding-left: 40px; text-shadow: 5px 1px 3px black;}

p, .aesop-content {
  width:100%;
  max-width:960px;
  margin:0 auto;
}