/*
Theme Name:	Superhero Child
Theme URI:	
Description:	Meggan's mods on Superhero by Automattic (https://theme.wordpress.com/themes/superhero/) (http://automattic.com/)
Author:		Meggan Green
Author URI:	http://meggangreen.com
Template:	superhero
Version:	1.0

This theme, like WordPress, is licensed under the GPL.

From Superhero:
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

This child incorporates learnings from the Untitled style (http://theme.wordpress.com/themes/untitled/), also by Automattic.

*/

/* * magenta: ee1188 * green: 7ad60f (88ee11 is just too bright) * cyan: 1188ee * */

/***************
  *** FONTS ***
****************/
/*
IE8 and below use EOT and allow cross-site embedding.
IE9 uses WOFF which is base64 encoded to allow cross-site embedding.
So unfortunately, IE9 will throw a console error, but it'll still work.
*/

/* Genericons */
@font-face {
	font-family: 'Genericons';
	src: url('font/genericons-regular-webfont.eot');
	src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/genericons-regular-webfont.woff') format('woff'),
		 url('font/genericons-regular-webfont.ttf') format('truetype'),
		 url('font/genericons-regular-webfont.svg#genericonsregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Roboto Slab */
@font-face {
    font-family: 'Roboto Slab Bold';
    src: url('font/RobotoSlab-Bold-webfont.eot');
    src: url('font/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/RobotoSlab-Bold-webfont.woff') format('woff'),
         url('font/RobotoSlab-Bold-webfont.ttf') format('truetype'),
         url('font/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto Slab Reg';
    src: url('font/RobotoSlab-Regular-webfont.eot');
    src: url('font/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/RobotoSlab-Regular-webfont.woff') format('woff'),
         url('font/RobotoSlab-Regular-webfont.ttf') format('truetype'),
         url('font/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Gandhi Sans */
@font-face {
    font-family: 'Gandhi Sans Reg';
    src: url('font/GandhiSans-Regular-webfont.eot');
    src: url('font/GandhiSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/GandhiSans-Regular-webfont.woff') format('woff'),
         url('font/GandhiSans-Regular-webfont.ttf') format('truetype'),
         url('font/GandhiSans-Regular-webfont.svg#gandhi_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/***************
  *** RESET ***
****************/
body {
	background: #111;
}

/***********************
  *** TEXT ELEMENTS ***
************************/
body, button, input {
	color: #000;
	font-family: 'Gandhi Sans Reg', serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.7em;
}

select, textarea {
	color: #000;
	font-family: 'Gandhi Sans Reg', serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
}

p {
	margin-bottom: 15px;
}

/* Lists */
ul, ol {
	margin: 0px 0px 0px 25px;
}
ol {
	list-style: upper-roman;
}
ol ol {
	list-style: upper-latin;
}
ol ol ol {
	list-style: decimal;
}
ol ol ol ol {
	list-style: lower-latin;
}
ol ol ol ol ol {
	list-style: lower-roman;
}
ul {
	list-style: disc;
}
ul ul {
	list-style: circle;
}

/* Other Style Tags */
abbr, acronym {
	border-bottom: 1px dotted #7ad60f;
	cursor: help;
}
mark, ins {
	background: #f8a3d1; /* light pink */
	text-decoration: none;
}

/* Links */
a.more-link {
	font-weight: bold;
}
a.more-link:hover, a.more-link:focus, a.more-link:active {
	color: #7ad60f;
}
a, a:visited {
	color: #ee1188;
}
a:hover, a:focus, a:active {
	color: #1188ee;
}

/****************
  *** LAYOUT ***
*****************/
/* Header */
#masthead-wrap {
	background-color: #000;
	-webkit-box-shadow: 0 2px 3px;
	box-shadow: 0px 2px 3px #222;
	position: fixed;
	top: 0px;
	z-index: 1000;
	width: 100%;
	max-height: 250px;
}
.logged-in #masthead-wrap {
	top: 32px;
}
.wp-admin .logged-in #masthead-wrap {
	top: 0;
}

#masthead {
	color: #fff;
	margin: 25px auto 5px;
	width: 960px;
	min-height: 50px;
}
#masthead hgroup {
	float: left;
	width: 100%;
}

.masthead-table table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.site-logo {
	float: left;
	width: auto;
	max-height: 70px;
}

.site-title {
	color: #e18;
	font-size: 1.2em;
	font-weight: 600;
	font-family: 'Roboto Slab Bold', 'Times New Roman', serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.7em;
	margin: 0;
	padding: 0; //20px 70px 0px 70px;
}
.site-title a {
	color: #e18;
	text-decoration: none;
}
.site-title a:hover {
	color: #e18;
}
.site-description {
	color: #ccc;
	font-size: .7em;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	text-transform: none;
}
.site-immedstats {
	color: #fff;
	font-size: .8em;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	font-weight: normal;
	text-transform: none;
	margin: 0;
	padding: 0;
}
.site-immedstats a {
	color: #7ad60f;
	text-decoration: none;
}
.site-immedstats a:hover {
	color: #e18;
}
.maaalogin a, a:hover, a:focus, a:active {
	color: #999;
	text-decoration: none;
}

/* Main Menu */
.main-navigation {
	display: block;
	width: auto;
	background-color: #000;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	line-height: 1.2em;
}
.main-navigation ul {
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}
.main-navigation li {
	display: inline-block;
	position: relative;
}
.main-navigation a {
	color: #18e;
	display: block;
	text-decoration: none;
	border: 2px solid #000;
	border-radius: 10px;
	padding: 5px 13px;
	margin: 0px 0px;
}
.main-navigation ul ul {
	display: none;
	box-shadow: 0px;
	float: left;
	position: absolute;
		top: 1.7em;
		left: 0;
		z-index: 99999;
	text-align: left;
	background-color: #000;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 175px;
	border: 2px solid #000;
	border-radius: 10px;
	padding: 3px 10px;
	margin: 0px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
	background-color: #000;
	border: 2px solid #000;
	border-radius: 10px;
	color: #7ad60f;
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
	cursor: pointer;
}
.main-small-navigation .menu {
	display: none;
}

/* Footer */
#colophon-wrap {
	background-color: #000;
	clear: both;
	margin-top: 25px;
	padding: 25px 0;
	width: 100%;
}
#colophon {
	color: #999;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	font-weight: 400;
	text-transform: none;
	font-size: .7em;
	margin: 0 auto;
	width: 960px;
}
#colophon a {
	color: #999;
	text-decoration: underline;
}
#colophon a:hover, a:focus, a:active {
	color: #ccc;
}
#colophon .maaalogin a, a:hover, a:focus, a:active {
	color: #000;
	text-decoration: none;
}

/*****************
  *** CONTENT *** 
******************/
/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-weight: 400;
	line-height: 1.2em;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	font-size: 1em;
	text-transform: none;
	color: #000;
	margin: 0px;
	padding: 0px;
}

/* Post Wrappers */
.page-title {
	background-color: #f9f9f9;
	border-top: 5px solid #ee1188;
	border-bottom: 5px solid #ee1188;
	-webkit-box-shadow: 0 0 3px rgba(150, 150, 150, 0.25);
	box-shadow: 0 0 3px rgba(150, 150, 150, 0.25);
	color: #ee1188;
	font-size: 1.9em;
	font-weight: 400;
	line-height: 1.5em;
	margin: 0px 0px 25px;
	padding: 12px 25px;
}
.page-title a:hover, .page-title a:focus, .page-title a:active {
    color: #1188ee;
}
.hentry {
	background-color: #f9f9f9;
	border-top: 5px solid #ee1188;
	border-bottom: 5px solid #ee1188;
	-webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
	margin: 0px 0px 25px;
	padding: 0px 0px 25px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.hentry:hover {
	border-bottom-color: #1188ee;
	border-top-color: #1188ee;
	-webkit-box-shadow: 0 0 5px rgba(10, 10, 10, 0.5);
	box-shadow: 0 0 5px rgba(10, 10, 10, 0.5);
}
.entry-header {
	padding: 0px 0px 0px;
	margin: 20px 0px 0px;
}
.attachment-feat-img {
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	height: auto;
}
h1.entry-title, h2.entry-title {
	color: #ee1188;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	text-transform: capitalize;
	font-size: 1.8em;
	line-height: 1.5em;
	margin: 0px 25px 0px;
	padding: 0px;
}
.hentry:hover .entry-title,
.hentry:hover .sticky .entry-title {
	color: #1188ee;
}
.entry-title a,
.sticky .entry-title a {
	color: #ee1188;
}
.hentry:hover .entry-title a,
.hentry:hover .sticky .entry-title a {
	color: #1188ee;
}
.entry-title a:hover,
.sticky .entry-title a:hover {
	color: #7ad60f;
}
.hentry:hover .entry-title a:hover,
.hentry:hover .sticky .entry-title a:hover {
	color: #7ad60f;
}
.sticky {
	border-top-color: #666;
	border-bottom-color: #666;
}
.sticky .entry-title {
	color: #ee1188;
	font-size: 1.8em;
	line-height: 1.5em;
}
.entry-meta, footer.entry-meta {
	clear: both;
	color: #666;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.2em;
	margin: 0px 25px;
	padding: 0px;
}
footer.entry-meta {
	font-size: 90%;
}
.entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active,
footer.entry-meta a:hover, footer.entry-meta a:focus, footer.entry-meta a:active {
    color: #7ad60f;
}
.entry-content, .entry-summary {
    margin: 0px 25px;
    padding: 25px 0px 10px;
}
.entry-content a:hover, .entry-content a:focus, .entry-content a:active,
.entry-summary a:hover, .entry-summary a:focus, .entry-summary a:active {
    color: #7ad60f;
}

a.anchor-jump {
	display: block;
	height: 140px; /*same height as header*/
	margin-top: -140px; /*same height as header*/
	visibility: hidden;
}
.logged-in a.anchor-jump {
	display: block;
	height: 172px; /*same height as header plus admin bar*/
	margin-top: -172px; /*same height as header plus admin bar*/
	visibility: hidden;
}
.wp-admin .logged-in a.anchor-jump {
	display: block;
	height: 140px; /*same height as header*/
	margin-top: -140px; /*same height as header*/
	visibility: hidden;
}
#statsgen td {text-align: center}
#statsgen th {
	text-align: center;
	color: #1188ee;
}
#statsfin tr:hover {background-color: #ddd;}
#statsfin th {color: #1188ee;}


/* Content Nav */
.site-content .nav-previous, .site-content .nav-next {
	font-size: 1.2em;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
}
.site-content .nav-previous a:hover, 
.site-content .nav-previous a:focus, 
.site-content .nav-previous,
.site-content .nav-next a:hover, 
.site-content .nav-next a:focus, 
.site-content .nav-next a:active {
    color: #1188ee;
}

/* Comments */
#comments {
	background-color: #f9f9f9;
	border-top: 5px solid #1188ee;
	border-bottom: 5px solid #1188ee;
	padding: 25px 25px;
}
.comment {
	padding: 20px 0px 0px;
}
.bypostauthor > article {
	background-color: #eee;
	padding: 20px 20px 0px;
}
.comments-title {
	color: #1188ee;
	text-transform: none;
	font-size: 1.5em;
	line-height: 1.1em;
	margin-bottom: 15px;
}
.comment-meta {
	margin: 0 0 2px 0;
	color: #666;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2em;
}
.comment-meta a, .comment-meta a:visited {
    font-style: normal;
    color: #666;
    border-bottom: 1px solid rgb(229, 229, 229);
}
.comment-meta a:hover, .comment-meta a:focus, .comment-meta a:active {
    font-style: normal;
    color: #444;
    border-bottom: 1px solid rgb(229, 229, 229);
}
.comment-author {
	font-style: normal;
	color: #666;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2em;
}
.commentlist {
	border-bottom: 2px solid #1188ee;
	margin: 0px 0px 25px;
	padding: 0px 0px 25px;
}
.commentlist li {
	margin: 25px 0px 0px;
	padding: 0px;
	border-top: 1px solid #7ad60f;
}
.commentlist li li {
	padding-left: 25px;
}
.commentlist li li li {
	padding-left: 25px;
}
.commentlist li li li li {
	padding-left: 25px;
}
.commentlist li li li li li {
	padding-left: 25px;
}
.comment-author a, .comment-author a:visited {
	color: #ee1188;
}
.comment-author a:hover, .comment-author a:focus {
	color: #1188ee;
}
.comment-content {
	font-size: 1em;
	line-height: 1.2em;
	clear: left;
	padding-top: 25px;
}
.commentlist .published, .commentlist .edit, .commentlist .reply {
	font-style: normal;
	color: #666;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2em;
}

/* Comment Form */
h3.comment-reply-title {
	color: #1188ee;
	font-size: 1.5em;
	line-height: 1.1em;
}
#commentform p.logged-in-as {
	font-style: normal;
	color: #666;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2em;
}

/*****************
  *** WIDGETS ***
******************/
/* General */
.widget {
	background-color: #f9f9f9;
	border-left: 5px solid #7ad60f;
	border-bottom-style: none;
	-webkit-box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.25);
	margin: 0 0 25px;
	padding: 15px;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-size: .9em;
}
.widget:hover {
	border-left-color: #1188ee;
	-webkit-box-shadow: 0 0 5px rgba(10, 10, 10, 0.5);
	box-shadow: 0 0 5px rgba(10, 10, 10, 0.5);
}
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {
	color: #7ad60f;
}
.widget-title {
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
	font-size: 1.2em;
	font-weight: 600;
	line-height: .9em;
	text-transform: capitalize;
	margin-bottom: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.widget:hover .widget-title {
	color: #1188ee;
}


/* Search Widget */
.widget #s {
	width: 57%;
	font-size: 1em;
	color: #333;
	
}
.widget #searchsubmit {
	background: #7ad60f;
	border: 1px solid #7ad60f;
	border-radius: 10px;
	padding: 5px 0px;
	text-align: center;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	width: 35%;
	color: #666;
	font-size: 1.2em;
	font-family: 'Roboto Slab Reg', 'Times New Roman', serif;
}
.widget:hover #searchsubmit {
	background: #1188ee;
	color: #666;
	border: 1px solid #1188ee;
	border-radius: 10px;
}
.widget:hover #searchsubmit:hover, .widget #searchsubmit:hover {
	background: #ee1188;
	color: #fff;
	border: 1px solid #ee1188;
	border-radius: 10px;
}

/* Slideshow Widget */
.slideshow_container .slideshow_slide_image img {
	border: 4px solid #818181;
	border-radius: 5px;
	-moz-border-radius: 10px;
}

/************************
  *** CONVO AVATARS ***
************************/
.convotar {
	background: #fff;
}

/****************************
  *** RESPONSIVE DESIGN ***
****************************/
/* --- iPad Portrait --- */
@media screen and (min-width: 768px) and (max-width: 959px) {
	#masthead,
	#colophon,
	#featured-content.flexslider .slides .featured-hentry-wrap {
		width: 100%;
	}
	#main {
		width: 96%;
	}
	#primary {
		margin-right: 3%;
		width: 72%;
	}
	#secondary {
		width: 25%;
	}
	.widget #s {
		width: 93%;
	}
	.widget #searchsubmit {
		margin-top: 2%;
		width: 98%;
	}
}

/* --- Smartphones (landscape) and small Tablets --- */
@media screen and (min-width: 601px) and (max-width: 767px) {
	#masthead-wrap {
		position: absolute;
	}
	#masthead,
	#main,
	#primary,
	#secondary,
	#colophon,
	#featured-content.flexslider .slides .featured-hentry-wrap {
		width: 100%;
	}
	.logged-in #masthead-wrap {
		top: 46px;
	}
	#featured-content.flexslider .slides .hentry {
		bottom: 2%;
		max-width: 50%;
	}
	#primary {
		margin-right: 0;
	}
	a.anchor-jump {
		display: block;
		height: 0; /*same height as header*/
		margin-top: 0; /*same height as header*/
		visibility: hidden;
	}
	.logged-in a.anchor-jump {
		display: block;
		height: 0; /*same height as header*/
		margin-top: 0; /*same height as header*/
		visibility: hidden;
	}
	.wp-admin .logged-in a.anchor-jump {
		display: block;
		height: 0; /*same height as header*/
		margin-top: 0; /*same height as header*/
		visibility: hidden;
	}
	.widget #s {
		padding: 2%;
		width: 93%;
	}
	.widget #searchsubmit {
		margin-top: 2%;
		padding: 2%;
		width: 98%;
	}
}

/* --- Smartphones (portrait and small) --- */
@media screen and (max-width : 600px) {
	#masthead-wrap {
		position: absolute;
	}
	#masthead {
		padding: 0;
		width: 94%;
		max-height: none;
	}
	#masthead hgroup {
		float: none;
		padding-bottom: 2%;
		width: 100%;
	}
	.site-navigation h1.menu-toggle {
		background-color: #000;
		color: #18e;
		font-size: 1.5em;
		margin: 0;
		padding: 0;
	}
	.main-small-navigation .menu {
		background-color: #000;
		color: #18e;
		list-style-type: none;
		margin: 3% 3% 0 3%;
	}
	.main-small-navigation ul,
	.main-small-navigation ul ul,
	.main-small-navigation a {
		background-color: #000;
		color: #18e;
		list-style-type: none;
	}
	#featured-content.flexslider .slides .featured-hentry-wrap {
		display: none;
	}
	a.anchor-jump {
		display: block;
		height: 0; /*same height as header*/
		margin-top: 0; /*same height as header*/
		visibility: hidden;
	}
	.logged-in a.anchor-jump {
		display: block;
		height: 0; /*same height as header*/
		margin-top: 0; /*same height as header*/
		visibility: hidden;
	}
	.wp-admin .logged-in a.anchor-jump {
		display: block;
		height: 0; /*same height as header*/
		margin-top: 0; /*same height as header*/
		visibility: hidden;
	}
}