
/* Reset some styles */
ol, ul { margin: 0; padding: 0; list-style-type: none; }
p { margin: 0; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
fieldset { border: 0; padding: 0; margin: 0; }
header, nav, section, footer, article, aside { display: inline-block; }
header, nav, section, footer, article, aside { display: block; margin: 0; padding: 0; }

body {
    position: relative;
    color: #555;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    margin: 0;
	padding: 0;
    background: url(/themes/yearofscience/img/script-pattern_flat-green.jpg);
}

body.grey
{
	background: url(/themes/yearofscience/img/grey-bg.jpg);
}

body.green
{
	background: url(/themes/yearofscience/img/script-pattern_flat-green.jpg);
}

body.orange
{
	background: url(/themes/yearofscience/img/bg.gif);
}

body.yellow
{
	background: url(/themes/yearofscience/img/yellow-bg.jpg);
}

body.blue
{
	background: url(/themes/yearofscience/img/blue-bg.jpg);
}

body.purple
{
	background: url(/themes/yearofscience/img/purple-bg.jpg);
}

a {
    color: #006ee5;
    text-decoration: none;
}

a:hover {
    color: #2E99FF;
}

p.copy, .copy p {
	font-size: 1.3em;
	line-height: 1.2em;
}

.copy p {
	margin-bottom: 1em;
}

/* SEO Reminder not to use H1 or H2 tags */
.copy h1, .copy h2 {
	font-size: 2em;
	color: #ff0000;
	text-decoration: line-through;
	margin-bottom: 0.2em;
}

.copy h3 { font-size: 2em; margin-bottom: 0.3em; }
.copy h4 { font-size: 1.6em; margin-bottom: 0.5em; }
.copy h5 { font-size: 1.2em; margin-bottom: 0.5em; }
.copy h6 { font-size: 1.2em; font-style: italic; font-weight: normal; margin-bottom: 0.5em; }

.copy ul, .copy ol {
	list-style-type: disc;
	padding-left: 2em;
	margin-bottom: 1em;
	font-size: 1.2em;
}

.copy li {
	margin-bottom: 0.5em;
}

.copy ol {
	list-style-type: decimal;
}

.copy blockquote {
	font-style: italic;
	font-size: 1.3em;
}

.copy table {
	border-spacing: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.copy th,
.copy td {
	font-size: 1.2em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0.8em;
}

.slideshow {
	position: relative;
}

#content.landing .slideshow {
	height: 336px;
}

.slideshow .slide {
	position: absolute;
	top: 0;
	left: 0;
}

#fnav {
	position: absolute;
	right: 20px;
	top: 20px;
}

/* Image replacement */
.ir { text-indent: -5000px; overflow: hidden; }
a.ir { display: block; }

.more {
	white-space: nowrap;
}

.screen-reader-text {
	left: -9000px;
	position: absolute;
}

.error-msg {
	color: #C40202;
	font-weight: bold;
}

.field {
    margin-bottom: 0.5em;
}

.field label {
    font-size: 1.2em;
}

.field.checkbox input {
    margin: 0 0.2em 0 0;
}

img.left {
	float: left;
	margin: 0 1em 0.5em 0;
}

img.right {
	float: right;
	margin: 0 0 0.5em 1em;
}

.page-title {
    color: #006ee5;
    font-weight: bold;
    font-size: 2.1em;
	line-height: 1em;
}

.button {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}

.button.like {
	width: 67px;
	height: 29px;
	background: url(/themes/yearofscience/img/button/like.png) no-repeat;
}

.button.like.active {
	background: url(/themes/yearofscience/img/button/liked.png) no-repeat;
}

.button.like.active {
	height: 23px;
}

.button.like.active.lg {
	height: 28px;
}

.button.like.lg {
	height: 34px;
}

.button.viewall {
	background: url(/themes/yearofscience/img/button/viewall.png);
	width: 55px;
	height: 20px;
}


/* Pagination */

.paging {
	overflow: hidden;
}

.paging .next {
	background: url(/themes/yearofscience/img/button/next.png) no-repeat;
}

.paging ul {
	float: left;
}

.paging li {
	float: left;
	width: 30px;
	margin-right: 5px;
}

.paging li a {
	display: block;
	height: 24px;
	padding: 4px 0 0 1px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	text-shadow: 1px 1px #021E34;
	background: url(/themes/yearofscience/img/paging.png) no-repeat;
}

.paging li a.current {
	color: #ffca00;
}

.paging .button {
	float: left;
	width: 105px;
	height: 29px;
	background: url(/themes/yearofscience/img/button/previous.png) no-repeat;
	margin-right: 5px;
}

.paging .next {
	background: url(/themes/yearofscience/img/button/next.png) no-repeat;
}




/* Boxes */

.featured {
	overflow: hidden;
	padding: 20px 0;
}

.feature {
	position: relative;
	float: left;
}

.feature .card-title {
	position: absolute;
	left: 10px;
	top: -7px;
	background: url(/themes/yearofscience/img/feature/title.png) no-repeat;
	color: #fff;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-shadow: 1px 1px #000;
	display: inline;
	padding: 5px 25px 10px 30px;
	z-index: 100;
	white-space: nowrap;
}

.feature .card-title a,
.feature .card-title a.link,
.feature.w420 .card-title a.link {
	color: #fff;
}

.feature .card-title a:hover,
.feature .card-title a.link:hover,
.feature.w420 .card-title a.link:hover {
	color: #ffca00;
}

.feature .viewall {
	position: absolute;
	right: 12px;
	top: 12px;
}

.feature.w713 {
	width: 713px;
	float: none;
}

.feature.w713 .box {
	background: url(/themes/yearofscience/img/feature/box-713.png);
}

.feature.w563 {
	width: 563px;
	margin-right: 3px;
}

.feature.w563 .box {
	background: url(/themes/yearofscience/img/feature/box-563.png);
}

.feature.w477 {
	width: 477px;
	margin-right: 2px;
}

.feature.w477 .box {
	background: url(/themes/yearofscience/img/feature/box-477.png) no-repeat;
}

.feature.w420 {
	width: 425px;
	margin-right: 2px;
}

.feature.w420 .box {
	background: url(/themes/yearofscience/img/feature/box-420-2.png) no-repeat;
}

#content.tertiary .feature.w420 .content .copy,
.feature.w420 .content .copy {
	padding: 10px 10px 40px 10px;
	color: #fff;
	text-shadow: 1px 1px #555;
	font-weight: bold;
}

#content.tertiary .feature.w420 .content .captionImage .copy
{
	/*padding-bottom: 10px;*/
}

.feature.w420 .content a {
	color: #ffca00;
	text-shadow: 1px 1px #4B3B00;
}

.feature.w420 .content a:hover {
	color: #FFEE1A;
}

#content.tertiary .feature.w420 .content .copy p,
.feature.w420 .content p {
	font-size: 1.2em;
	margin: 0;
}

.feature.w420 .content table {
	border-color: #fff;
}

.feature.w353 {
	width: 353px;
	margin-right: 8px;
}

.feature.w353.row-last {
	margin-right: 0;
}

.feature.w353 .box {
	background: url(/themes/yearofscience/img/feature/box-353.png) no-repeat;
}

.feature.w280 {
	width: 280px;
	margin-right: 3px;
}

.feature.w280.row-last {
	margin-right: 0;
}

.feature.w280 .box {
	background: url(/themes/yearofscience/img/feature/box-280.png);
}

.feature.w267 {
	width: 267px;
	margin-right: 2px;
}

.feature.w267 .box {
	background: url(/themes/yearofscience/img/feature/box-267.png) no-repeat;
}

.feature.w237 {
	width: 237px;
	margin-right: 2px;
}

.feature.w237.row-last {
	margin-right: 0;
}

.feature.w237 .box {
	background: url(/themes/yearofscience/img/feature/box-237.png) no-repeat;
}

.feature.w179 {
	width: 179px;
}

.feature.w179 .box {
	background: url(/themes/yearofscience/img/archive/box-179.png) no-repeat;
}

#container .box.bottom {
	background-position: bottom left;
	height: 5px;
	padding: 0;
	z-index: 1;
}

.feature .content {
	position: relative;
}

.feature .thumb {
	position: relative;
	display: block;
}

.feature .thumb img {
	display: block;
}

.feature .like {
	position: absolute;
	right: 10px;
	bottom: -1px;
	z-index: 100;
}

.feature .like.lg {
	bottom: -5px;
}

.feature article h3 {
	font-size: 1.5em;
}

.feature article .copy p {
	margin-bottom: 0;
}

.feature article .more {
	margin-top: 0.4em;
	font-size: 1.1em;
	font-weight: bold;
}

.video .icon {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 29px;
	background: url(/themes/yearofscience/img/play-icon.png) no-repeat;
}

.feature.page {
	margin: 0;
}

.feature.page .content {
	padding: 30px 0 0 15px;
}

.feature.video .thumb .icon {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

.feature.post .content,
.feature.posts .content,
.feature.events .content {
	padding: 30px 0 0 5px;
}

.feature.thumbs .content {
	padding: 40px 0 0 15px;
}

.feature.thumbs ul {
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.feature.thumbs li {
	position: relative;
	float: left;
	width: 126px;
	margin: 0 10px 10px 0;
	zoom: 1;
}

.feature.thumbs img {
	display: block;
	border-top: 4px solid #0080e9;
	border-right: 3px solid #0080e9;
}

.feature.posts.w353 .content {
	padding: 30px 0 0 6px;
}

.feature.post .copy {
	padding: 1em 15px 20px 15px;
}

.feature.post.w477 .copy {
	padding: 0;
}

.feature.post.w477 .content {
	padding: 30px 20px 20px 20px;
}

.feature.photo .content,
.feature.video .content {
	padding: 4px 0 0 5px;
}

.feature.video.w420 .content,
.feature.photo.w420 .content {
	/*padding: 0 0 0 11px;*/
}

.feature.photo.w477 .content {
	padding: 14px 0 5px 13px;
}

.feature.photo.w477 img {
	border: 1px solid #d0d0d0;
}

.feature.photo.w713 .content {
	padding: 14px 0 4px 14px;
}

.feature.photo.w713 img {
	border: 1px solid #d0d0d0;
}

.feature.page.w713 {
	padding: 4px 0 0 5px;
}

.feature.page.w713 .content {
	padding: 30px 15px 15px 20px;
}

.feature.posts article {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #f0f0f0;
	padding: 1em 15px 20px 15px;
	margin-right: 5px;
	position: relative;
}

.feature.posts article img {
	border-top: 4px solid #5d5d5d;
	border-right: 3px solid #5d5d5d;
}

.feature.posts article.first {
	border-top: none;
}

.feature.posts article.last {
	border-bottom: none;
	position: static;
}

.feature.posts article .date {
	font-style: italic;
}

.feature.sponsors article img {
	border: none;
	margin: 0.5em 0;
}

.feature.sponsors article .copy p {
	font-size: 1em;
	font-style: italic;
}

.feature.scientist .subject {
	margin-bottom: 1em;
	font-size: 1.1em;
	font-style: italic;
}

.feature.sponsor .content {
	padding: 50px 0 20px 5px;
}

.feature.sponsor img {
	display: block;
	margin: 0 auto;
	padding-right: 5px;
}

.feature.events article {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #f0f0f0;
	padding: 1em 15px 1em 15px;
	margin-right: 5px;
	position: relative;
	overflow: hidden;
}

.feature.events article img {
	border-top: 4px solid #5d5d5d;
	border-right: 3px solid #5d5d5d;
}

.feature.events article.first {
	border-top: none;
}

.feature.events article.last {
	border-bottom: none;
}

.feature.events article .date {
	font-style: italic;
	font-size: 1.1em;
}

.feature.events article p {
	font-size: 1.2em;
}

.feature.events .details {
	float: left;
	width: 130px;
	padding-top: 1em;
}

.feature.events .countdown {
	float: right;
	width: 50px;
}

.feature.events .countdown span {
	display: block;
	color: #006EE5;
	text-align: center;
}

.feature.events .countdown .num {
	font-size: 5.3em;
	line-height: 0.9em;
	font-weight: bold;
}

.feature.events .countdown .days {
	text-transform: uppercase;
	font-size: 1.8em;
}

.infotag {
	position: absolute;
	bottom: 50px;
	left: 0;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px #004b8e;
	width: 330px;
}

.infotag .tag {
	background: url(/themes/yearofscience/img/feature/infotag.png) no-repeat;
}

.infotag .body {
	padding: 15px 15px 7px 20px;
}

.infotag .bottom {
	height: 8px;
	background-position: bottom left;
}

.infotag a {
	color: #FFCA00;
}

.infotag a:hover {
	color: #FFE406;
}

.infotag .title {
	font-size: 2.4em;
}

.infotag .copy {
	font-size: 1.4em;
	margin-bottom: 0.2em;
}

.infotag .more {
	font-size: 1.1em;
}




/* Containers */

body, html, #main {
    height: 100%;
}

#main {
    width: 959px;
    margin: 0 auto;
}



/* Header */

header {
    position: relative;
    height: 189px;
    background: url(/themes/yearofscience/img/header.png) 2px 0 no-repeat;
}

header form {
	position: absolute;
	right: 0;
	top: 57px;
	overflow: hidden;
}

header form .text {
	float: left;
	border: none;
	width: 155px;
	height: 26px;
	margin-right: 11px;
	border-color: #fff;
}

header form .action {
	float: left;
	width: 65px;
	height: 26px;
	margin-right: 2px;
}

header h1 {
    width: 313px;
    padding: 20px 0 0 100px;
}

header #siteLogo{
	width: 416px;
	height: 116px;
	position: absolute;
	left: 190px;
}

header h1 a {
    display: block;
    background: url(/themes/yearofscience/img/logo.png) no-repeat;
    height: 97px;
}

header #swfWrapper
{
	position: relative;
	left: -100px;
	top: -17px;
}

header .sharing {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	font-weight: bold;
}

header .sharing label {
	float: left;
	margin-right: 8px;
	padding-top: 3px;
}

header .sharing .divider {
	float: left;
	margin: 0 8px 0 4px;
	padding-top: 2px;
}

header .sharing .icon {
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 4px;
}

header .sharing .st_sharethis {
	float: left;
}

header .sharing .fb {
	background: url(/themes/yearofscience/img/sharing/facebook.png) no-repeat;
}

header .sharing .youtube {
	background: url(/themes/yearofscience/img/sharing/youtube.png) no-repeat;
}

header .sharing .tw {
	background: url(/themes/yearofscience/img/sharing/twitter.png) no-repeat;
}

header .sharing .flckr {
	background: url(/themes/yearofscience/img/sharing/flckr.png) no-repeat;
}

header .sharing .rss {
	width: 19px;
	background: url(/themes/yearofscience/img/sharing/rss.png) no-repeat;
}

header nav {
    position: absolute;
    bottom: 0;
    left: 49px;
    width: 860px;
    height: 67px;
}

header nav a {
	position: absolute;
	display: block;
    height: 67px;
	font-size: 1.4em;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px #000;
	font-weight: bold;
	color: #fff;
	line-height: 1em;
	text-align: center;
}

header nav a:hover, header nav a.current, header nav a.section.science-in-action {
	color: #ffca00;
}

header nav a.current, header nav a.section {
	background: url(/themes/yearofscience/img/nav-current.png) no-repeat top right;
}

header nav a span {
	display: block;
	padding: 30px 10px 0 5px;
}

header .home {
	width: 72px;
}

/*header .science-is-fun {
	left: 58px;
	width: 107px;
}

header .science-is-all-around-you {
	left: 160px;
	width: 180px;
}

header .science-is-exciting {
	left: 335px;
	width: 135px;
}

header .events-and-news {
	left: 465px;
	width: 112px
}

header .science-in-action {
	left: 572px;
	width: 128px;
}*/

header .get-involved-in-science {
	left: 71px;
	width: 128px;
}

header .science-in-bc {
	left: 198px;
	width: 129px;
}

header .stories-scientists-and-careers {
	left: 324px;
	width: 155px;
}

/*header .stories-scientists-and-careers span {
	width: 120px;
	padding-left: 18px;
}*/

header .calendar-of-events-and-news {
	left: 477px;
	width: 139px;
}

header .multimedia {
	left: 613px;
	width: 122px;
}

header .science-in-government {
	left: 733px;
	width: 128px;
}

header nav a.get-involved-in-science span,
header nav a.stories-scientists-and-careers span,
header nav a.calendar-of-events-and-news span,
header nav a.science-in-government span
{
	padding-top: 23px;
}

header a.contestBtn {
	width: 194px;
	height: 68px;
	background: url(/themes/yearofscience/img/button/contest-semi-btn.png) 1px 50% no-repeat;
	position: absolute;
	bottom: 100px;
	left: -2px;
}

/* Content */
#container {
    display: inline-block;
}

#container {
	display: block;
	position: relative;
    margin: 0 auto;
    width: 721px;
    padding: 0 7px 20px 130px;
    background: #e7e7e7 url(/themes/yearofscience/img/body-light-bg.png);
    border-left: 1px solid #dc6b15;
    border-right: 1px solid #dc6b15;
    min-height: 400px;
}

#content {
	padding-top: 20px;
}



/* Secondary Nav */

#container nav {
	position: absolute;
	left: -42px;
	top: 20px;
	width: 164px;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 1px 1px #021e34;
}

#container nav .section-title {
	background: url(/themes/yearofscience/img/nav-2.png) no-repeat;
	font-size: 1.6em;
	font-weight: bold;
	text-shadow: 1px 1px #402f00;
	color: #fff;
	padding: 1.4em 1em 0.5em 1em;
	text-transform: uppercase;
}

#container nav a {
	color: #fff;
}

#container nav ul.l1.sponsors a.section,
#container nav a.l1.section.news,
#container nav a.l1.section.events,
#container nav a:hover,
#container nav a.current {
	color: #ffca00;
}

#container nav .section-title a:hover {
	color: #F2F2FF;
}

#container nav .bg {
	background: url(/themes/yearofscience/img/nav-4.png) no-repeat 0 -126px;
}

#container nav .bg.bottom {
	height: 6px;
	background-position: bottom left;
}

#container nav ul.l1 {
	padding: 0 3px 0 1px;
}

#container nav li.l1 {
	border-top: 1px solid #0774c9;
	border-bottom: 1px solid #55b0e2;
	padding: 0.5em 1em;
	font-weight: bold;
}

#container nav a.l1 {
	font-size: 1.4em;
}

#container nav .media-type,
#container nav li.l1.current,
#container nav li.l1.section {
	background: url(/themes/yearofscience/img/nav-3-bg.png) repeat-y;
}

#container nav ul.l2 {
	margin-left: 1em;
}

#container nav li.l2 {
	margin-top: 0.2em;
}

#container nav a.l2 {
	font-size: 1.2em;
}

#container nav li span {
	display: block;
	float: left;
}

#container nav .sponsor {
	margin-left: 6px;
}

#container nav .sponsor h5 {
	font-size: 1em;
	font-weight: normal;
	padding: 1em 0 0.5em 10px;
}

#container nav .sponsor img {
	display: block;
}

#container nav .media-controls {
	padding: 0 3px 0 1px;
	margin: 0;
}

#container nav .media-type {
	border-bottom: 1px solid #55b0e2;
	padding: 1em 10px;
	overflow: hidden;
}

#container nav .media-type h5 {
	font-size: 1.4em;
	margin-bottom: 0.5em;
}

#container nav .media-type li {
	float: left;
	width: 70px;
}

#container nav .media-type input {
	margin: 0 3px 0 0;
}

#container nav .media-type label {
	font-size: 1.2em;
	font-weight: bold;
}

#container nav .filters {
	border-top: 1px solid #0774c9;
	padding: 1em 10px;
	overflow: hidden;
}

#container nav .filters li {
	margin-bottom: 1em;
}

#container nav .filters label {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.2em;
}

#container nav .filters select {
	width: 140px;
}

#container nav .filters input[type=text] {
	width: 132px;
}

#container nav .filters input[type=image] {
	float: right;
}

/* Tag cloud */

#container nav .tagCloud
{
	margin: 10px 0 0 0;
	padding: 0 0 10px 1px;
	background: url(/themes/yearofscience/img/nav-2-bg.png);
	width: 160px;
}

#container nav .tagCloud h3
{
	border-top:1px solid #55B0E2;
	font-weight: normal;
	padding: 1em 0 1em 17px;
}

#container nav .tagCloud .tags
{
	margin: 0 6px;
	padding: 1em;
	background: #efefef;

	/* Mozilla: */
	background: -moz-linear-gradient(27deg, #cccccc, #fefefe);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left bottom, right top, from(#cccccc), to(#fefefe));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                startColorstr=#ffcccccc, endColorstr=#fffefefe, GradientType=1);
}

#container nav .tagCloud .tags a
{
	color: #0f4a8a;
	text-shadow: none;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.4em;
}

#container nav .tagCloud .tags a:hover
{
	color: #d77407;
}

#container nav .tagCloud .tags a:after
{
	content: ",";
}

#container nav .tagCloud .tags a.last:after
{
	content: none;
}

/* Media Viewer */

#content.media {
	padding: 4px 0 0 5px;
	min-height: 600px;
}

#content.media .feature.w420 {
	margin-right: 20px;
}

#content.media .feature.w420 .paging {
	margin-top: 1em;
}

#content.media .feature.w420 .copy {
	padding-bottom: 10px;
}

#content.media .feature.w420 p {
	margin-bottom: 1em;
}

#content.media .feature.w420 .date {
	color: #ffca00;
}

#content.media .feature.w267 {
	margin-bottom: 30px;
}

#content.media .feature.w267.last {
	margin-bottom: 0;
}

#content.media .medialist {
	padding-top: 2em;
}

#content.media .medialist .articles {
	overflow: hidden;
}

#content.media .medialist .content {
	/*overflow: hidden;*/
	padding: 35px 0 10px 12px;
	zoom: 1;
}

#content.media .medialist article {
	width: 330px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
}

#content.media .medialist article.current {
	background-color: #eee;
}

#content.media .medialist article.even {
	margin-right: 0;
}

#content.media .medialist .thumb {
	float: left;
	width: 122px;
}

#content.media .medialist .thumb img {
	border-top: 4px solid #5d5d5d;
	border-right: 3px solid #5d5d5d;
}

#content.media .medialist .details {
	float: right;
	width: 195px;
	font-weight: bold;
}

#content.media .medialist .details h3 {
	margin: -3px 0 0.2em 0;
}

#content.media .medialist .tags,
#content.media .medialist .meta {
	font-size: 1.2em;
}

#content.media .medialist .copy {
	margin: 0.5em 0;
}

#content.media .medialist .copy p {
	font-size: 1.1em;
}

#content.media .medialist .paging {
	clear:both;
	float:left;
	overflow:hidden;
	zoom: 1;
	padding-top:10px;
	width:100%;
	position: relative;
}

#content.media .medialist .paging ul {
	clear:left;
	float:left;
	left:50%;
	position:relative;
}

#content.media .medialist .paging ul li{
	display:block;
	float:left;
	margin-right:5px;
	position:relative;
	right:50%;
	width:30px;
}

#content.media .medialist .paging ul li a,
#content.landing .paging ul li a  {
	width: 29px;
}

#content.media .medialist .paging ul li.next,
#content.media .medialist .paging ul li.prev,
#content.landing .paging ul li.next,
#content.landing .paging ul li.prev {
	width: 110px;
}

#content.media .medialist .paging ul li.next a,
#content.media .medialist .paging ul li.prev a,
#content.landing .paging ul li.next a,
#content.landing .paging ul li.prev a {
	width: 105px;
}

#content.media .medialist .no-results {
	padding: 0 0 0 20px;
}

#content.media .medialist .no-results p {
	font-size: 1.2em;
}


/* Sponsor Listing */

#content.sponsors {
	padding-top: 4px;
}

#content.sponsors .feature {
	margin-bottom: 30px;
}


/* Sponsor Page */

#content.sponsor {
	padding: 20px 20px 0 10px;
	width: 420px;
}

#content.sponsor .logo {
	margin: 1em 0;
}


/* Calendar */

#content.calendar {
	overflow: hidden;
}

#content.calendar .filters {
	float: right;
	padding: 10px 20px 0 0;
}

#content.calendar .filter {
	float: left;
	width: 130px;
	margin-left: 10px;
	position: relative;
}

#content.calendar .filter label {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.3em 2px;
	display: block;
}

#content.calendar .filter a {
	font-size: 1.2em;
	color: #555;
}

#content.calendar .filter .current {
	display: block;
	width: 130px;
	height: 29px;
	font-weight: bold;
	background: url(/themes/yearofscience/img/filter.png) no-repeat;
	padding: 7px 0 0 15px;
}

#content.calendar .filter ul {
	display: none;
	width: 150px;
	background-color: #e9e9e9;
	padding: 10px;
	position: absolute;
	top: 42px;
	left: 4px;
	z-index: 100;
}

#content.calendar .filter:hover ul {
	display: block;
}

#content.calendar .filter li {
	margin-bottom: 0.5em;
}

#content.calendar .calendar-grid {
	position: relative;
	clear: both;
}

#content.calendar .lightbox {
	position: absolute;
	top: 100px;
	left: 120px;
}

#content.calendar .lightbox .close {
	background: url(/themes/yearofscience/img/close.png) no-repeat;
	width: 30px;
	height: 29px;
	display: block;
	position: absolute;
	top: 4px;
	right: 3px;
}

#content.calendar .lightbox .content {
	padding: 30px 20px 30px 20px;
}

#content.calendar .lightbox h3 {
	margin-bottom: 0.5em;
}

#content.calendar .lightbox .copy p {
	margin-bottom: 1em;
}


/* Homepage */

#promo {
	position: absolute;
	top: -5px;
	left: -42px;
	background: url(/themes/yearofscience/img/home/cycle-bg.png) no-repeat;
	width: 918px;
	height: 297px;
	padding: 15px;
	z-index: 100;
	overflow: hidden;
}

#promo .wrap {
	overflow: hidden;
	width: 918px;
	height: 297px;
	position: relative;
}

#promo ul.images {
	overflow: hidden;
	position: relative;
	/*left: 0;
	top: 0;*/
}

#promo ul.images li {
	position: relative;
	width: 918px;
	height: 297px;
	overflow: hidden;
	/*float: left;*/
	/*margin-right: 17px;*/
	/*border: 1px solid #ccc;*/
}

#promo ul.images li img,
#promo ul.images li a {
	display: block;
}

#promo a.imagelink
{
	width: 918px;
	height: 285px;
	overflow: hidden;
}

#promo ul.images li.last {
	margin-right: 0;
}

#promo .more {
	position: absolute;
	bottom: 6px;
	left: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-shadow: 1px 1px #000;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

#promo .more:hover {
	color: #FFCA00;
}

#promo .like {
	position: absolute;
	bottom: 1px;
	right: 10px;
	z-index: 150;
}

#promo .control {
	position: absolute;
	top: 50px;
	width: 35px;
	height: 37px;
	display: block;
	outline: none;
}

#promo .prev {
	left: 0;
	background: url(/themes/yearofscience/img/promo-prev.png) no-repeat;
}

#promo .next {
	right: 0;
	background: url(/themes/yearofscience/img/promo-next.png) no-repeat;
}

#promo div.paging
{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 110;
}

#container.home {
	width: 858px;
    padding: 325px 0 0 0;
}

#container.home .featured {
	margin-left: 7px;
}

#container.home .feature.w280 {
	margin-right: 3px;
}

#container.home .feature.w280.row-last {
	margin-right: 0;
}

#container.home .photos-sponsor {
	background: url(/themes/yearofscience/img/body-pale-bg.png);
}

#container.home .divider {
	position: relative;
	left: -5px;
	background: url(/themes/yearofscience/img/home/divider.png) no-repeat;
	height: 12px;
	width: 869px;
}

#container.home .card-title span {
	height: 17px;
	text-indent: -5000px;
	overflow: hidden;
	display: block;
	background: no-repeat;
}

#container.home .events .card-title span {
	/*width: 131px;
	background-image: url(/themes/yearofscience/img/title/events.png);*/
	width: 144px;
	background-image: url(/themes/yearofscience/img/title/calendar-events.png);
}

#container.home .featured-event .card-title span {
	width: 117px;
	background-image: url(/themes/yearofscience/img/title/featured-event.png);
}

#container.home .poll .card-title span {
	width: 129px;
	background-image: url(/themes/yearofscience/img/title/poll.png);
}

#container.home .news .card-title span {
	width: 89px;
	background-image: url(/themes/yearofscience/img/title/news.png);
}

#container.home .scientist .card-title span {
	width: 145px;
	background-image: url(/themes/yearofscience/img/title/scientist.png);
}

#container.home .featured-story .card-title span {
	width: 124px;
	background-image: url(/themes/yearofscience/img/title/featured-story.png);
}

#container.home .media .card-title span {
	width: 166px;
	background-image: url(/themes/yearofscience/img/title/media.png);
}

#container.home .sponsor .card-title span {
	width: 108px;
	background-image: url(/themes/yearofscience/img/title/supportedby.png);
}

#container.home .fun-fact .card-title span {
	width: 79px;
	background-image: url(/themes/yearofscience/img/title/fun-facts.png);
}

#container.home .did-you-know .card-title span {
	width: 115px;
	background-image: url(/themes/yearofscience/img/title/did-you-know.png);
}

.home .feature.featured-event .content,
.home .feature.random-fact .content
{
	padding-top: 0;
}

.home .feature.featured-event .thumb,
.home .feature.random-fact .thumb
{
	padding-top: 5px;
}

.home .feature.featured-event article
{
	position: static;
}

.home .feature.featured-event .copy
{
	/*padding: 1em 15px 20px;*/
}

.home .feature.featured-event article img
{
	border: none;
	padding-top: 6px;
}

.home .feature.random-fact article h3
{
	color:#006EE5;
}

.home .feature.poll article img
{
	border: none;
}

/* Landing Page */

#content.landing {
	padding: 25px 0 0 5px;
	overflow: hidden;
	zoom: 1;
}


/* Secondary Page */

#content.secondary {
	padding: 15px 0 0 0;
}

#content.secondary .featured.first {
	padding-top: 10px;
}

#content.secondary .featured.first .feature.last {
	margin-top: 26px;
}

#content.newsevents .featured.first .feature.events {
	margin-top: 0;
}

#content.newsevents .feature.events .no-results {
	padding: 0 10px 10px 10px;
}


/* Tertiary Page */

#content.tertiary {
	overflow: hidden;
	padding: 20px 0 0 0;
}

#content.tertiary .page-title {
	margin-bottom: 0;
	padding-bottom: 0.5em;
}

#content.tertiary .col-1 {
	float: left;
	width: 420px;
	margin: 0 20px 0 10px;
}

#content.tertiary .col-2 {
	float: left;
	width: 267px;
}

#content.tertiary .header {
	overflow: hidden;
	zoom: 1;
}

#content.tertiary .header .page-title,
#content.tertiary .header .st_sharethis,
#content.sponsor .header .page-title,
#content.sponsor .header .st_sharethis{
	float: left;
	margin-right: 0.5em;
}

#content.tertiary .header .st_sharethis,
#content.sponsor .header .st_sharethis{
	padding-top: 3px;
}

#content.tertiary .intro p {
	font-size: 1.2em;
	color: #7d7d7d;
	font-style: italic;
}

#content.tertiary .body {
	color: #3c3c3c;
}

#content.tertiary .body p{
	font-size: 1.4em;
}

#content.tertiary .col-1 .feature {
	position: relative;
	left: -5px;
	margin-bottom: 1em;
	float: none;
	padding-top: 10px;
}

#content.tertiary .col-1 .feature.w420 .copy {
	padding-bottom: 10px;
	padding-top: 5px;
}

#content.tertiary .col-1 .feature.w420 {
	width: 425px;
}

#content.tertiary .col-1 .feature.w420 img{
	display: block;
	width: 420px;
	float: none;
	margin-bottom: 0;
}

#content.tertiary .col-1 .feature.video.w420 .content,
#content.tertiary .col-1 .feature.photo.w420 .content
{
	padding-top: 5px;
	padding-left: 5px;
}

#content.tertiary .col-2 .feature {
	margin-bottom: 2em;
	float: none;
}

#content.bio .discipline {
	margin-bottom: 1em;
}


/* News & Announcements */

#content.news .date {
	font-style: italic;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

#content.news .more {
	font-size: 1.1em;
	font-weight: bold;
}

#content.news.single .page-title {
	margin-bottom: 0.2em;
}

#content.news.list {
	padding-top: 0;
	overflow: hidden;
}

#content.news.list .feature {
	float: none;
	padding-top: 24px;
}

#content.news.list .paging {
	margin-top: 2em;
}

#content.news.list .col-1 {
	float: left;
	width: 467px;
	margin: 0 5px 0 0;
}

#content.news.list .col-2 {
	float: right;
	width: 237px;
}

#content.news.list .featured {
	padding-top: 0;
}


/* Contact */

#content.contact {
	padding: 24px 0 0 0;
	overflow: hidden;
}

#content.contact .col-1 {
	float: left;
	width: 477px;
	margin: 0 5px 0 0;
}

#content.contact .col-2 {
	float: left;
	width: 237px;
}

#content.contact .featured {
	padding: 0;
	overflow: visible;
}

#content.contact .col-1 .body {
	overflow: hidden;
	padding-bottom: 20px;
}

#content.contact .col-1 .body p {
	font-size: 1.2em;
	font-weight: bold;
}

#content.contact .map {
	float: left;
	margin: 0 10px 10px 0;
}



/* Feedback Form */

.field .validationError .message {
	color: #C00202;
	font-size: 1.1em;
	padding-top: 0.2em;
}

#content.feedback .field {
	overflow: hidden;
	margin-bottom: 1em;
}

#content.feedback .field label.left {
	float: left;
	width: 100px;
	font-size: 1.3em;
}

#content.feedback .field .middleColumn {
	width: 500px;
	float: left;
}

#content.feedback .field select,
#content.feedback .field .text {
	width: 180px;
}

#content.feedback .field textarea {
	width: 400px;
	height: 150px;
}

#content.feedback .Actions {
	margin-left: 412px;
}

#content.feedback .success {
	font-weight: bold;
}


/* Search Results */

#content.search .summary {
	margin-bottom: 0.5em;
}

#content.search article {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1.5em;
}

#content.search .paging {
	padding-top: 2em;
}

#content.search .feature .content {
	padding-right: 30px;
}

#SearchForm_SearchForm {
	overflow: hidden;
	margin-bottom: 2em;
}

#SearchForm_SearchForm .field {
	float: left;
	margin-right: 5px;
}

#SearchForm_SearchForm .action {
	float: left;
}


/* Footer */

footer {
    margin: 0 auto;
    width: 940px;
    height: 157px;
    background: url(/themes/yearofscience/img/footer.png) no-repeat;
    text-align: center;
}

footer nav {
    color: #fff;
    font-size: 1.1em;
    padding-top: 100px;
    margin-bottom: 0.5em;
}

footer nav a {
    color: #fff;
}

footer nav span {
    margin: 0 0.5em;
}

footer .copyright a {
    font-size: 1.1em;
    color: #ffca00;
    font-weight: bold;
}

/* Archive Filter bar */

#content .filterBar div.field
{
	float: left;
	margin-right: 20px;
}

/* Suggest an event button */
#container a.suggest-event
{
	position: absolute;
	width: 112px;
	height: 58px;
	right: -11px;
	top: 14px;
	background: url(/themes/yearofscience/img/button/event.png) no-repeat;
}

/*
Style from Alan Chou, YOS
*/
a.rollover {
	display: block;
	float:left;
	width: 162px;
	height: 320px;
	margin: 0 10px 10px 0;
	background: #fff url("/assets/Photos/BookmarkAnswer1.jpg") no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}

a.rollover:hover {
	background-position: 0 -320px;
}

a.rollover.answer2 {
	background-image: url("/assets/Photos/BookmarkAnswer2.jpg");
}

a.rollover.answer3 {
	backgroundj-image: url("/assets/Photos/BookmarkAnswer3.jpg");
}

a.rollover.answer4 {
	background-image: url("/assets/Photos/BookmarkAnswer4.jpg");
}