/*

Theme Name:     HackHealth v.1

Description:    

Author:         Rebecca Follman

Template:       twentytwelve



(optional values you can add: Theme URI, Author URI, Version)

*/



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

@import url(http://fonts.googleapis.com/css?family=Merriweather:400,700|Rosario:400,400italic,700,700italic);



/* Body, links, basics */

html {

	font-size: 100%;

}
.activity p.big-space {
	font-size: 5rem !important;
	margin: 5rem 0 5rem 0 !important;
}
.activity ol ol {
	list-style-type: lower-alpha;
	padding-left: 30px;
}
body {

	color: #2D307B !important;

	font-size: 18px;

	line-height: 150%;

	text-rendering: optimizeLegibility;

	text-decoration: none;

	font-family: 'Rosario', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;

	background-color: #036;

}

body.custom-font-enabled {

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

}

a {

	outline: none;

	color: #206d7b;

}
.pull-quote a:visited {
	color: #2D307B !important;
}
a:hover {

	color: #678d2f;

}
img {
	border: none;
	background: none;
	box-shadow: none !important;
}


/* Header */

.site-header {

	padding: 0;

	padding: 0;

}

.site-header h1,

.site-header h2 {

	text-align: center;

}

.site-header h1 a,

.site-header h2 a {

	color: #fff;

	display: inline-block;

	text-decoration: none;

}

.site-header h1 a:hover,

.site-header h2 a:hover {

	color: #21759b;

}

.site-header h1 {

	font-size: 24px;

	font-size: 1.714285714rem;

	line-height: 1.285714286;

	margin-bottom: 14px;

	margin-bottom: 1rem;

}

.site-header h2 {

	font-weight: normal;

	font-size: 13px;

	font-size: 0.928571429rem;

	line-height: 1.846153846;

	color: #757575;

}

.header-image {

	margin-top: 24px;

	margin-top: 1.714285714rem;

}

.nav-menu {

	font-size: .75rem;

	text-transform: uppercase;

	margin-bottom: 10px;

	margin-top: 1.714285714rem;

	width: 100%;

	background: #2D307B;

	border-radius: 10px;

}

.main-navigation li a, 

.main-navigation li a:hover {

	color: #fff;

	padding-left: 10px;

}

.main-navigation li ul li a {

	background: #c0c0d7;

	color: #444;

}

.main-navigation li ul li a:hover,

.main-navigation li ul li a:focus {

	background: #e3e3e3;

	color: #444;

}

.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;

	font-weight: bold;

}

/* The page specifics (I hope) */

#page {

	width: 1020px;

	margin: 10px auto 10px auto;

	background-color: #fff;

	padding: 0 20px 0 20px;

	border: thick solid #fff;

	border-radius: 20px;

}

#site-navigation {

	margin: 0;

}

#masthead {

	background-color: #fff;

	

	background-position: center bottom;

	background-repeat: no-repeat;

	width: 100%;

	height: 220px;

}
#masthead img {
	margin: 20px 80px 0 80px;
}

.site-content {

	width: 100%;

}

.site-content article {

	margin-bottom: 0;

}

#secondary {

	width: 100%;

}

aside {

	float: left;

	width: 45%;

	overflow: hidden;

}

.widget {

	font-size: 1.1rem;

	line-height: 150%;

	margin: 0 15px 20px 15px;

	background-color: #036;

	color: #FFFFFF;

	height: 150px;

	padding: 10px;

	border-radius: 20px;

}

.widget-area .widget h3 {

	margin-bottom: 0;

}

h3.widget-title {

	font-size: 1.1rem;

	color: #fff;

	font-weight: normal;

	text-transform: none;

	border-bottom: thin #fff solid;

	padding-bottom: 5px;

}

/*#comments {

	visibility: none;

}*/
.template-front-page .widget-area {
	float: left;
}
#displaytweetswidget-2 {

	background-image: url(http://hackhealth.umd.edu/wp-content/uploads/2014/07/twitter9.fw_.png);

	background-position: 5px 5px;

	background-repeat: no-repeat;
	/*margin-bottom: 5px;*/

}

#displaytweetswidget-2 h3.widget-title {

	margin-left: 69px;

}
.wp-video {
	margin: 10px auto 10px auto;
	border: thick solid #2D307B;
}
.ndx-column {

	float: left;

	width: 22%;

	font-size: 1.1rem;

	line-height: 150%;

	margin: 0 15px 0 15px;

}
.ndx-column a {
	color: #440d5e;
	outline: none;
	text-decoration: none;
}
.ndx-column a:visited {
	color: #440d5e;
	outline: none;
	text-decoration: none;
}


.ndx-column img {

	border-radius: 20px;

}



h1, h2, h3 {

	font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

	color: #636;

	text-decoration: none;

	line-height: 100%;

	margin: 0;

	padding: .5rem 0 0 0;

}



h1 {

	font-size: 3rem;

	border-top: solid medium #066;

}



h2 {

	font-size: 2rem;

	margin-bottom: 5px;

}



h3 {

	font-size: 1.2rem;

	font-weight: normal;

	border-bottom: dotted thin #066;

}

.right-side {

	float: right;

	width: 30%;

	margin: 0 30px 0 80px;

}

.right-side p  {

	font-size: 1rem;

	line-height: 120%;

}

.right-side img {

	margin: 20px 0 0;

	border-radius: 20px;

}

.entry-content h1, h2, h3 {

	clear: inherit;

	margin-bottom: 0;

	padding-bottom: 5px;

}

.entry-header .entry-title {

	clear: inherit;

	font-size: 2rem;

	-webkit-hyphens: none;

	-moz-hyphens: none;

	hyphens: none;

}

.pull-quote {

	font-size: 1.5rem;
	margin-bottom: 1.5rem;
	color: #063;

	font-style: italic;

	line-height: 150%;

	/*padding-left: 120px;*/

}

.body-text {

	border-top: solid thin #066;

	-webkit-column-count: 2; /* Chrome, Safari, Opera */

	-moz-column-count: 2; /* Firefox */

	column-count: 2;

	column-gap: 20px;

    -webkit-column-rule: 1px outset #036; /* Chrome, Safari, Opera */

    -moz-column-rule: 1px outset #036; /* Firefox */

    column-rule: 1px outset #036;

    padding-bottom:  10px;	

}



.body-text p {

	margin-bottom: 15px;

}

.body-text h3 {

	margin-top: 10px !important;

	margin-bottom: 5px !important;

}

.kid-name {

	text-transform: uppercase;

	color: #063;

	font-weight: bold;

}

footer {
	margin: 5px !important;
	padding: 5px !important;
}

#colophon a {

	color: #ccc;

}

/*.site-info {

	visibility: none;

}*/

#copy-line {

	text-align: center;
	color: #2D307B;
	margin: 0;
	margin-top: -15px !important;
	/*margin-bottom: 10px;*/
	padding: 0;

	font-size: .75rem;

	text-transform: uppercase;

	width: 100%;

	border-top-color: #2D307B;

	border-width: thin;

	border-top-style: dotted;

}

.impact-container {

	width: 100%;

	font-size: .75rem;

	text-align: center;

	line-height: 1.2rem;

	text-transform: uppercase;

	font-weight: normal;

	margin-bottom: 20px;

}

.impact-tile {

	display: inline-block;

	vertical-align: bottom;

	width: 12.5%;

	padding: 5px;

	border: solid 5px #063;

	border-radius: 15px;

	height: 115px;

	position: relative;

	margin: 5px;

}

.impact-tile:hover {

	background-color: #99c1ad;

}

.impact-tile a {

	text-decoration: none;

}

.right-side-tile {

	/*display: inline-block;*/

	vertical-align: bottom;

	/*width: 17.5%;*/

	padding: 5px;

	border: solid 5px #063;

	border-radius: 15px;

	width: 115px;

	float: right;

	position: relative;

	font-size: .75rem;

	text-align: center;

	line-height: 1.2rem;

	text-transform: uppercase;

	font-weight: normal;

	margin-bottom: 10px;

}
.right-side-tile img {
	border: none;
}

.right-side-tile:hover {

	background-color: #81B13B;

}

.right-side-tile a {

	text-decoration: none;

}

.teal-tile {

	border: solid 5px #29899A;

}

.green-tile {

	border: solid 5px #063;

}

.green-tile:hover {

	background-color: #99c1ad;

}	

.teal-tile:hover {

	background-color: #d4e7ea;

}	

.tile-side {

	float: right;

	width: 20%;

	margin: 0 30px 0 80px;

}

.tile-side p {

	margin: 5px 0 3px 0;

}

.kid-name-teal {

	text-transform: uppercase;

	color: #206d7b;

	font-weight: bold;

}

#back-top {

	position: fixed;

	bottom: 30px;

	margin-left: 1060px;

}



#back-top a {

	width: 108px;

	display: block;

	text-align: center;

	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

	color: #bbb;

	outline: 0;



	/* transition */

	-webkit-transition: 1s;

	-moz-transition: 1s;

	transition: 1s;

}

#back-top a:hover {

	color: #fff;

	outline: 0;

}



/* arrow icon (span tag) */

#back-top span {

	width: 108px;

	height: 108px;

	display: block;

	margin-bottom: 7px;

	/* rounded corners */

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;

	/* transition */

	-webkit-transition: 1s;

	-moz-transition: 1s;

	transition: 1s;

	background-color: #707070;

	background-image: url(http://hackhealth.umd.edu/wp-content/uploads/2014/07/up6.fw_.png);

	background-position: center center;

	background-repeat: no-repeat;

}

#back-top a:hover span {

	background-color: #777;

	outline: 0;

}

.narrative {

	background-color: #d5d5e4;

}
.about-us {
	width: 100%;
}
.about-us p {
	display: inline-block;
	border: thin solid #2D307B;
	width: 24%;
	text-align: center;
	font-size: .8rem;
	text-transform: uppercase;
	padding-top: 10px;
}
.pod-ref {
	float: left;
	/*position: relative;*/
	/*top: 20px;*/
	width: 33%;
	background-color: #81B13B;
	color: #fff;
	border-radius: 15px;
	padding: 10px;
	margin-right: 20px;
	margin-top: 10px;
}
div.pod-ref h2 {
	color: #fff;
	margin-top: 0;
	border-bottom: thin solid #fff;
	font-size: 1.75rem;
}
.pod-ref li {
	margin-left: 2rem;
	line-height: 1.5rem;
}
.pod-ref p.footnote, .activity p.footnote {
	border-top: dotted thin #fff;
	font-size: .9rem;
	color: #fff;
	line-height: 1.2rem !important;
	margin-bottom: 10px !important;
}
.pod-info {
	/*padding-left: 33%;*/
	/*overflow: hidden;*/
	float: right;
	width: 63%;
}

.entry-header .comments-link {
	margin-top: 1rem;
}
h1.entry-title {
	font-family: Rosario, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	border: none;
}
.entry-content h1 {
	border: none;
	font-size: 3rem;
	color: #81b13b;
}
.entry-content p {
	margin-bottom: 1.5rem !important;
	line-height: 1.5rem !important;
}
.pod-info p.std-num {
	margin: 2px !important;
	margin-bottom: 2px !important;
	padding: 0;
	/*margin-left: -35px;*/

}
.pod-info p.std-num {
	
	text-indent: -40px;
	
	padding-left: 40px;
}
.entry-content h2 {
	margin-top: 0;
	font-size: 2rem;
	margin-bottom: 5px;
}
.activity {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 5px solid #81b13b;
	padding: 20px;
}
.activity aside {
	float: right;
	width: 33%;
	background-color: #81B13B;
	color: #fff;
	border-radius: 15px;
	padding: 10px;
	margin-left: 20px;
}
.activity aside h2 {
	color: #fff;
	margin-top: 0;
	border-bottom: thin solid #fff;
	font-size: 1.75rem;
}
.activity aside li {
	margin-left: 2rem;
	line-height: 1.5rem;
}
.activity a:visited {
	color: #2D307B !important;
}
.alpha {
	list-style: lower-alpha !important;
	padding-left: 35px !important;
}
br.clear { clear: both; }
figcaption {
	font-size: .75rem;
	width: 750px;
	margin-left: 25px;
}
#pub-div {
	float: right;
	width: 75%;
	border: thin solid #2d307b;
	border-radius: 15px;
	padding: 10px;
	margin-bottom: 20px;
}
#pub-div h1 {
	font-family: 'Merriweather', Georgia, 'Times New Roman', Times, serif;
	font-size: 1.5rem;
	line-height: 120%;
	color: #551176;
	border-top: none;
	border-bottom: medium solid #29899a;
	margin-top: 20px;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}
#pub-div img {
	margin: 5px;
}
/*#pub-div img:nth-child(even) {
	float: left;
}
#pub-div img:nth-child(odd) {
	float: right;
}*/
#pub-div p { margin-bottom: 5px !important; }
.authors {
	font-size: 1.25rem;
	line-height: 120%;
	border-bottom: dotted thin #551176;
	margin-top: 5px;
	margin-bottom: 5px !important;
}
.publication {
	font-size: 1rem;
	line-height: 110%;
	margin-top: 5px !important;
	color: #551176;
}