/*
Theme Name: CNY Stories
Theme URI: http://wordpress.org/
Description: The 2013 theme for the CNY Stories project.
Author: wordpressdotorg
Author URI: http://wordpress.org/
Version: 1.0
Tags: 

License:
License URI:

General comments (optional).
*/

body {
background-color: white;
}

header {
height: 200px;
/*background-color: orange;*/
text-align: center;
}

header img {
height: 200px;
}

.description {
margin: 20px auto;
width: 60%;
text-align: center;
}

.description p {
font-size: 22px;
line-height: 28px;
color: #666;
font-weight: 300;
}

aside {
/*background-color: aqua;*/
}

aside h3 {
font-family: "futura-pt", sans-serif;
font-weight: 500;
text-transform: uppercase;
}

h2.videos {
font-family: "futura-pt", sans-serif;
font-weight: 500;
text-transform: uppercase;
}

aside ul li a {
font-family: "futura-pt-condensed",sans-serif;
font-weight: 300;
text-transform: uppercase;
color: #f37149;
font-size: 20px;
letter-spacing: 1px;
}

section {
/*background-color: white;*/
}

section h1 {
font-family: "futura-pt-condensed",sans-serif;
font-weight: 500;
}

section h2 {
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-size: 20px;
}

h3 {
padding: 0px;
margin: 0px;
/*line-height: 24px;*/
}

h3 a {
font-family: "futura-pt-condensed",sans-serif;
font-weight: 500;
color: black;
}

h5 {
margin: 0px;
padding: 0px;
}

p {
font-family: "futura-pt", sans-serif;
font-weight: 300;
color: black;
font-size: 16px;
}


.item {
background-color: white;
min-height: 250px;
margin-bottom: 10px;
}

.row {
margin-bottom: 10px;
}

.item h3 {
line-height: 27px;
padding-top: 10px;
padding-bottom: 10px;
}

.item h5 {
font-family: 'Libre Baskerville', serif;
font-style: italic;
}



.sidebar-nav ul li {
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid black;
}

footer {
border-top: 1px solid #f37149;
padding-top: 20px;
}

footer p {
text-align: center;
}

footer p a {
color: #f37149;
}

/* --------- FLEX VIDEO --------- */
/* ------ FLEX VIDEO ------ */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}


/* -------- SEARCH FORM ---------- */
#branding #searchform {
	position: absolute;
	top: 2.8em;
	right: 3%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}