/*
Theme Name: Beyond Penguins and Polar Bears
Theme URI: 
Description: Custom WordPress theme for Beyond Penguins and Polar Bears
Author: Dustin Perzanowski, Margaux Baldridge
Version: 1.0
Tags: 
*/

body{font-size: 14px; margin: 0; padding: 0; color: #333; background: #0e1734 url('styles/img/bg-iceberg.jpg') center 0px repeat-x; background-size: cover; background-attachment: fixed;}

a:link, a:visited{color: #2296bc;}
a:hover{color: #000;}

p:empty,
span:empty{display: none;}

h1, h2, h3, h4, h5, h6{color: #2296BC; margin: 20px 0 0 0;}
h4, h5, h6{font-family: inherit; color: #000;}
h1{font-size: 30px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 16px;}
h5{font-size: 15px;}
h6{font-size: 14px;}

ul li{list-style-type: disc;}
/*ul li li{list-style-type: circle;}*/
/*ul li li li{list-style-type: square;}*/

ol li{list-style-type: decimal;}
ol li li{list-style-type: upper-alpha;}
ol li li li{list-style-type: lower-roman;}

dl{margin-left: 30px;}
dl dt{font-weight: bold;}
dl dd{margin-bottom: 20px;}

sup{font-size: smaller; line-height: normal; vertical-align: super;}
sub{font-size: smaller; line-height: normal; vertical-align: sub;}
pre{font-family: 'Courier', monospace; border: 4px solid #ddd; padding: 20px; overflow: auto; line-height: 20px;}

blockquote{border-left: 4px solid #ddd; padding: 20px; margin-left: 20px; margin-bottom: 20px; color: #666;}
blockquote p:last-child{margin: 0;}

table{}
table th, table td{padding: 5px; text-align: left; vertical-align: middle; padding: 15px 10px;}

address{display: block;}

table.standards, table.standards td{border: 1px solid #666;}
table .meetsStandard_bg1{background-color: #d7e769;}
table .meetsStandard_bg2{background-color: #bc0;}

hr{margin: 20px 0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

p:empty{display: none; height: 0; margin: 0; padding: 0;}

/* Fix for the nav bar issues. */
#content p {margin-bottom:15px;}
#content ul {padding-left:20px;margin-bottom:15px;}

.wrapper{width: 940px; margin: 0 auto; position: relative;}


/* Header */
#header{ /*background: transparent url('styles/img/bg-header.png') top center repeat-x;*/ padding: 20px 0 0 0;}
#header .wrapper{height: 135px; padding-bottom: 30px; clear: both; position: relative;}

#header #site_title{width: 260px; left: 0; top: 0; position: absolute; margin: 0;}
#header #site_description{position: absolute; left: 280px; bottom: 1px; margin: 0; color: #2296BC; font-style: italic; font-size: 15px; font-weight: bold; padding-bottom: 22px;}

#header #topnav{width: 500px; margin-left: 20px; right: 0; top: 45px; position: absolute; line-height: 12px;}
#header #topnav ul{display: block; margin: 0; padding: 0; text-align: center; line-height: 1.5; margin-top: -4px;}
#header #topnav li{display: inline; border-right: 1px solid #333; padding: 0 5px; margin: 2px 0;}
#header #topnav li:last-child{border-right: none;}
#header #topnav li a{text-transform: capitalize; font-size: 14px; color: #fff; text-decoration: none;}
#header #topnav li.current_page_item a{text-decoration: underline;}
#header #topnav li a:hover{color: #2296BC;}


/* CAROUSEL */
#carousel{height: 220px; width: 920px; position: relative;}
#carousel ul{height: 220px; width: 2760px;}
#carousel div.viewport{width: 920px; overflow: hidden;}
#carousel li.slide{margin: 0; list-style: none; height: 220px; width: 920px; float: left; position: relative; border-radius:5px;}
#carousel li.slide img{border-radius:5px;}

#carousel li#bppb_online_magazine a{color: #0082c8; text-shadow: #006ba4 0 -1px 0, #5cdcff 0 1px 0;}
#carousel li#integrate_science a{color: #0082c8; text-shadow: #006ba4 0 -1px 0, #5cdcff 0 1px 0;}
#carousel li#polar_regions a{color: #0082c8; text-shadow: #006ba4 0 -1px 0, #5cdcff 0 1px 0;}
#carousel li#sister_site a{color: #3096e6; text-shadow: #277bbd 0 -1px 0, #badcf7 0 1px 0;}
#carousel li#spore_award a{color: #3096e6; text-shadow: #277bbd 0 -1px 0, #badcf7 0 1px 0;}

#carousel li.slide a{position: absolute; bottom: 3px; left: 3px; margin: 2px 20px; z-index: 200; text-transform: uppercase; font-size: 18px; text-decoration: none; color: #0056ad; display: block; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}

#carousel #next_button{display: block; position: absolute; bottom: 86px; right: -20px; z-index: 100; cursor: pointer;}
#carousel #prev_button{display: block; position: absolute; bottom: 86px; left: -20px; z-index: 100; cursor: pointer;}


/* Breadcrumbs */
#breadcrumbs{color: #333; margin-bottom: 20px;}
.post-type-archive #breadcrumbs{position: relative; bottom: 20px; margin-bottom: 0;}


/* Archive */
.archive #issue-header{clear: both; overflow: hidden;}
.archive #issue-header img{width: 300px;}
.archive #issue-header h2{margin-top: 0;}


/* Post Type Archive */
.post-type-archive{font-size: 13px;}
.post-type-archive #issue-header{background: transparent; width: 920px; height: 220px; margin-bottom: 50px; border-radius: 5px; -moz-box-shadow: rgba(0,0,0,0.33) 0 0 2px; -webkit-box-shadow: rgba(0,0,0,0.33) 0 0 2px; -khtml-box-shadow: rgba(0,0,0,0.33) 0 0 2px; box-shadow: rgba(0,0,0,0.33) 0 0 2px;}
.post-type-archive #issue-header .wrapper{height: inherit; width: inherit; padding: 0; background: url('styles/img/bg-issue-pattern.png') no-repeat 385px 0; border-radius: 0 5px 5px 0;}
.post-type-archive #issue-header h2{color: #c2d82e; margin: 0; line-height: 1; text-transform: uppercase; font-size: 20px; margin-bottom: 16px;}
.post-type-archive #issue-header p{color: #fff; margin-bottom: 15px; line-height: 1.4; border-radius: 5px 0 0 5px;}
.post-type-archive #issue-header img{float: left; margin-right: 20px; border-radius: 5px 0 0 5px;}
.post-type-archive #issue-header .wrapper #issue_description{padding: 20px; font-size: 11px; height: 180px;}

.post-type-archive #content_area{}

.post-type-archive #content{background: #00253d url('styles/img/bg-issue-content.png') repeat-x; color: #c2d82e;}
.post-type-archive #content h1,
.post-type-archive #content h2,
.post-type-archive #content h3,
.post-type-archive #content h4,
.post-type-archive #content h5,
.post-type-archive #content h6{color: #c2d82e; text-transform: uppercase;}
.post-type-archive #content a{color: #2296BC;}
.post-type-archive #content a:hover{color: #333;}

.post-type-archive .column{width: 460px; float: left;}
.post-type-archive .column_content{width: 387px; margin-left: 83px;}
.post-type-archive .odd{float: left; clear: left;}
.post-type-archive .even{float: right; clear: right;}

.post-type-archive ul{list-style-image: url('styles/img/li-arrow-bullet.png');}
.post-type-archive a{color: #2296BC; text-decoration: none;}
.post-type-archive a:hover{color:#333;}


/* Browse Columns */
.browse-columns{font-size: 13px;}
.browse-columns #issue-header{background: url('styles/img/bg-issue-header.png') repeat-x; height: 270px; font-size: 13px;}
.browse-columns #issue-header .wrapper{height: 260px; padding: 5px 0; background: url('styles/img/bg-issue-pattern.png') no-repeat 400px 5px;}
.browse-columns #issue-header h2{color: #c2d82e; margin: 15px 0; line-height: 1; text-transform: uppercase; font-size: 20px;}
.browse-columns #issue-header p{color: #fff; margin-bottom: 15px; line-height: 1.4;}
.browse-columns #issue-header img{float: left; margin-right: 20px;}

.browse-columns h1,
.browse-columns h2,
.browse-columns h3,
.browse-columns h4,
.browse-columns h5,
.browse-columns h6{color: #333; text-transform: uppercase;}

.browse-columns .column{width: 460px; float: left;}
.browse-columns .column_content{width: 387px; margin-left: 83px;}
.browse-columns .odd{float: left; clear: left;}
.browse-columns .even{float: right; clear: right;}

.browse-columns ul{list-style-image: url('styles/img/li-arrow-bullet.png');}
.browse-columns a{text-decoration: none;}

#content .wrapper{width: auto;}
#content, .post-type-archive #content{width: 920px; padding: 20px; background: #fff; margin: 0 auto; border-radius: 10px; box-shadow: rgba(0,0,0,.20) 0 0 5px;}
.list-heading{margin-bottom: 0;}


/* Home */
#home-announcements{color: #666; overflow: hidden; padding: 45px 0;}
#home-announcements ul{list-style-image: url('styles/img/li-arrow-bullet.png');}
#home-announcements .video{float: left; width: 520px; margin: 0 50px 0 0;}
#home-announcements .text{float: left; width: 370px; margin: 0;}
#home-announcements .text p:last-child{margin: 0;}

#home-linkbar{padding: 30px; background-color: #c2d82e;}
#home-linkbar a{color: #000; text-decoration: none; font-weight: bold;}
#home-linkbar a:hover{color: #fff;}
#home-linkbar p{text-align: center; margin: 0; padding: 0;}
#home-linkbar .home_linkbaritem{padding: 0 40px;}

#content_area #home .issue{float: left; margin: 0 20px 20px 0; width: 286px;}
#content_area #home .issue img{border: 1px solid #2296bc; border-radius: 5px; float: left; margin-right: 20px;}
#content_area #home .issue h3{font-size: 14px; position: relative; top: 30px; margin: 0;}
#content_area #home{margin-bottom: -20px; padding-bottom: 0; border: 0;}

#home_title{border-bottom: 1px solid #b4d6f1; margin-bottom: 20px;}


/* Page */
#content_area .entry-title{margin-top: 0; margin-bottom: 1em;}
#content_area .page,
#content_area .post{overflow: hidden;}
#content_area .entry-content{overflow: hidden;}

#content_area object{margin: 0 auto; clear: both; display: block;}

.post{border-bottom: 1px dotted #ccc; margin-bottom: 30px; padding-bottom: 30px;}
.post h2{line-height: 1.25;}
.post p:last-child{margin-bottom: 0;}

.sticky{border: 2px solid #c2d82e; padding: 20px; margin: 0 -20px 20px -20px;}

.post-edit-link{float: right;}

#page-navigation{overflow: hidden; margin-top: 20px;}
#page-navigation .prev-page{float: left;}
#page-navigation .next-page{float: right;}

table#archive-table{}
table#archive-table td{padding: 15px 10px;}
table#archive-table tr td{border-right: none; border-left: none;}
table#archive-table tr td:first-child{padding-left: 0;}
table#archive-table tr td:last-child{padding-right: 0;}

#content table{border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%;}
/*#content th{color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase;}*/
#content th{color: #666; font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; padding: 10px 0 0 0;}
#content td{border-top: 1px solid #ddd; padding: 6px 10px 6px 0;}

.entry-content p:last-child{margin-bottom: 0;}


/* Comments */
#comments{margin-top: 75px;}
.comment-content h1,
.comment-content h2{color:#000; font-weight:bold; margin:0 0 .8125em;}
.comment-content h3{font-size:10px; letter-spacing:0.1em; line-height:2.6em; text-transform:uppercase;}
.comment-content table{border-bottom:1px solid #ddd; margin:0 0 1.625em; width:100%;}
.comment-content th{color:#666; font-size:10px; font-weight:500; letter-spacing:0.1em; line-height:2.6em; text-transform:uppercase;}
.comment-content td{border-top:1px solid #ddd; padding:6px 10px 6px 0;}
.comment-content ul,
.comment-content ol{margin-bottom:1.625em;}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul{margin-bottom:0;}
.commentlist .edit-link a{background:#eee; -moz-border-radius:3px; border-radius:3px; color:#666; float:right; font-size:12px; line-height:1.5em; font-weight:300; text-decoration:none; padding:0 8px;}
.commentlist .edit-link a:hover{background:#888; color:#fff;}
.entry-content .edit-link{clear:both; display:block;}

#comments-title{color:#666; font-size:10px; font-weight:500; line-height:2.6em; padding:0 0 2.6em; text-transform:uppercase;}
.nopassword,
.nocomments{color:#aaa; font-size:24px; font-weight:100; margin:26px 0; text-align:center;}
.commentlist{list-style:none; margin:0 auto; width: 775px; margin-left: 123px;}
.content .commentlist,
.page-template-sidebar-page-php .commentlist{width:100%; /* reset the width for the one-column and sidebar page layout */}
.commentlist > li.comment{background:#f6f6f6; border:1px solid #ddd; -moz-border-radius:3px; border-radius:3px; margin:0 0 1.625em; padding:1.625em; position:relative; list-style-type: none;}
.commentlist .pingback{margin:0 0 1.625em; padding:0 1.625em;}
.commentlist .children{list-style:none; margin:0;}
.commentlist .children li.comment{background:#fff; border-left:1px solid #ddd; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; margin:1.625em 0 0; padding:1.625em; position:relative; list-style-type: none;}
.commentlist .children li.comment .fn{display:block;}
.comment-meta .fn{font-style:normal;}
.comment-meta{color:#666; font-size:12px; line-height:2.2em;}
.commentlist .children li.comment .comment-meta{line-height:1.625em; margin-left:50px;}
.commentlist .children li.comment .comment-content{margin:1.625em 0 0;}
.comment-meta a{font-weight:bold;}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover{}
.commentlist .avatar{-moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 1px 2px #ccc; -moz-box-shadow:0 1px 2px #ccc; box-shadow:0 1px 2px #ccc; left:-102px; padding:0; position:absolute; top:0;}
.commentlist > li:before{content:url(img/comment-arrow.png); left:-21px; position:absolute;}
.commentlist > li.pingback:before{content:'';}
.commentlist .children .avatar{background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; left:2.2em; padding:0; top:2.2em;}
a.comment-reply-link{background:#eee; -moz-border-radius:3px; border-radius:3px; color:#666; display:inline-block; font-size:12px; padding:0 8px; text-decoration:none;}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active{background:#888; color:#fff;}
a.comment-reply-link > span{display:inline-block; position:relative; top:-1px;}
/* Post author highlighting */
.commentlist > li.bypostauthor{background:#ddd; border-color:#d3d3d3;}
.commentlist > li.bypostauthor .comment-meta{color:#575757;}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover{}
.commentlist > li.bypostauthor:before{content:url(img/comment-arrow-bypostauthor.png);}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor{background:#ddd; border-color:#d3d3d3;}
/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback{margin-left:102px; width:auto;}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond{width:auto;}
/* Comment Form */
#respond{background:#ddd; border:1px solid #d3d3d3; -moz-border-radius:3px; border-radius:3px; margin:0 auto 1.625em; padding:1.625em; position:relative; margin: 22px;}
#respond input[type="text"],
#respond textarea{background:#fff; border:4px solid #eee; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); position:relative; padding:10px; text-indent:80px;}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment{position:relative;}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label{background:#eee; -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); box-shadow:1px 2px 2px rgba(204,204,204,0.8); color:#555; display:inline-block; font-size:13px; left:4px; min-width:60px; padding:4px 10px; position:relative; top:40px; z-index:1;}
#respond input[type="text"]:focus,
#respond textarea:focus{text-indent:0; z-index:1;}
#respond textarea{resize:vertical; width:95%;}
#respond .comment-form-author .required,
#respond .comment-form-email .required{color:#bd3500; font-size:22px; font-weight:bold; left:75%; position:absolute; top:45px; z-index:1;}
#respond .comment-notes,
#respond .logged-in-as{font-size:13px;}
#respond p{margin:10px 0;}
#respond .form-submit{float:right; margin:-20px 0 10px;}
#respond input#submit{background: #173871; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #173871), color-stop(1, #3A669D)); background-image: -moz-linear-gradient(center bottom, #173871 0%, #3A669D 100% ); text-shadow: 0 -1px #173871; border: 0; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); box-shadow:0px 1px 2px rgba(0,0,0,0.3); color:#eee; cursor:pointer; font-size:15px; margin:20px 0; padding:5px 42px 5px 22px; position:relative; left:30px; text-shadow:0 -1px 0 rgba(0,0,0,0.3);}
#respond input#submit:active{background:#1982d1; color:#bfddf3;}
#respond #cancel-comment-reply-link{color:#666; margin-left:10px; text-decoration:none;}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover{text-decoration:underline;}
.commentlist #respond{margin:1.625em 0 0; width:auto;}
#reply-title{color:#373737; font-size:24px; font-weight:bold; line-height:30px;}
#cancel-comment-reply-link{color:#888; display:block; font-size:10px; font-weight:normal; line-height:2.2em; letter-spacing:0.05em; position:absolute; right:1.625em; text-decoration:none; text-transform:uppercase; top:1.1em;}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover{color:#ff4b33;}
#respond label{line-height:2.2em;}
#respond input[type=text]{display:block; height:24px; width:75%;}
#respond p{font-size:12px;}
p.comment-form-comment{margin:0;}
.form-allowed-tags{display:none;}


/* Footer */
#footer{clear: both; padding: 35px 0 0px 0; margin-bottom: 10px;}
#footer #footer_nav{line-height: 12px; margin: 0 auto; float: right; margin-right: 100px; }
#footer #footer_nav ul{display: block; margin: 0; padding: 12px 0; text-align: center;}
#footer #footer_nav li{display: inline; border-right: 1px solid #fff; padding: 0 5px; margin: 2px 0;}
#footer #footer_nav li:last-child{border-right: none;}
#footer a{font-size: 12px; text-transform: uppercase; color: #fff; text-decoration: none;}
#footer a:hover{color: #fff;}
#footer #osu-logo { float: left; margin: 0 32px 32px 100px; width:250px; height:45px;}


/* Search */
#searchform{position: absolute; right: -10px; bottom: 20px;}
.assistive-text{clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}

.search .entry-title{color: #777; font-weight: normal; margin-bottom: 20px;}
.search-title{margin-top: 0;}
#search-page-navigation{margin-top: 0; overflow: hidden;}
#search-page-navigation .prev-page{float: left;}
#search-page-navigation .next-page{float: right;}


/* Forms */
input[type=text],
input[type=password],
textarea{background:#fafafa; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1); box-shadow:inset 0 1px 1px rgba(0,0,0,0.1); border:1px solid #ddd; color:#888;}
input[type=text]:focus,
textarea:focus{color:#373737;}
textarea{padding-left:3px; width:98%;}
input[type=text]{padding:3px;}
input#s{background: #fff url(img/search.png) no-repeat 5px 3px; -moz-border-radius:2px; border-radius:2px; font-size:12px; height:16px; line-height:1.2em; padding:4px 10px 4px 28px;}
input#searchsubmit{display:none;}


/* WordPress CSS */
.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{float:left; margin: 0 1em 1em 0;}
.alignright{float:right; margin: 0 0 1em 1em;}
.wp-caption{background-color:#f3f3f3;border:1px solid #ddd;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;/* optional rounded corners for browsers that support it */
margin:10px;padding-top:4px;text-align:center;}
.wp-caption img{border:0 none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}


/* TOOLS */
div.addthis_wrapper{width: 960px; margin: 0 auto; position: relative;}
div.addthis_toolbox{z-index: 100; width: 230px; float: right; margin-right: 24px;}

.home div.addthis_toolbox{margin-top: 20px;}
.page div.addthis_toolbox,
.single div.addthis_toolbox{margin-top: 0;}
.post-type-archive div.addthis_toolbox{margin-top: -25px;}


/* Utility Classes */
.alpha{margin-left: 0 !important;}
.omega{margin-right: 0 !important;}
div.clear{clear:both; height: 0; overflow: hidden;}