/* Main blog additions */

/******* COLORS */
/* primary color: #CE1022 */
#container a { color: #CE1022;}
#container a:hover { background-color: #CE1022; }
#cxtbar .contexts-org { color: #CE1022; }
#cxtbar-login a:hover { color: #CE1022; }
#header h1 { color: #CE1022; }
div.subscription-manager h2, div.subscription-manager a { color: #CE1022; }

#sidebar h2, #sidebar h3 {font-size: 1.5em; font-weight: normal;}
#sidebar-inner { background: none; }

/* secondary colors: #eeeeee */
.meta-box { background-color: #eeeeee; }

/* tsp bar */
#tspbar .tsp-org-img {
  background-image: url('/wp-content/themes/default/images/thesocietypages-bar-asa.png');
}
#tspbar-login a:hover {color: #CE1022;}

/* others */
.magazine-cover a:hover { background-color: #eeeeee; }
.also-featuring-byline a:hover {
    background-color: #CE1022;
    color: #fff;
}
#blogs-header h2 { color: #CE1022; }
.read-online { color: #CE1022; }
div.wpcf7-response-output, div.wpcf7-mail-sent-ok { background-color: #CE1022; }
#blogs-intro h2 { color: #CE1022; }
/******* END COLORS */

h1, h2, h3, h4 {
    text-transform: lowercase;
    color: #666;
}
#header h1 {
    font-size: 7em;
}
h2 {
    font-size: 1.7em;
    margin-bottom: 0.3em;
}

#home-wrap {
    margin-top: 15px;
}

#magazine-top {
    margin-bottom: 1.5em;
}
#feature {
/* left side: 
    margin: 1em 1em 1em 0;*/
/* right side: */
    margin: 0em 1.2em 1em 1.3em;
}
#about {
/* right side:
    margin: 1.3em 0px 0 10px;
    padding-left: 0.8em;*/
/* left side: */
    margin: 1.4em 0px 0 -10px;
    padding: 0 1.5em 0 0;
}
.magazine-cover {
    padding: 22px 0 0 22px;
    margin: 0 0 2em 0;
}
.magazine-cover img, .magazine-cover a {
    margin: 0;
    padding: 0 !important;
}


#about p {
    margin-bottom: 1em;
}
table#cxtmag-nav {
    margin: 0 0 1em 0;
}
table#cxtmag-nav td {
    list-style-type: none;
    background: url(../images/arrow.png) 0 0 no-repeat;
    padding-left: 24px;
    padding-top: 2px;
    width: 50%;
    vertical-align: top;
}
/***** 3 column formatting *****/
/***** Have I mentioned how much I hate CSS? *****/

.cxt-3col-row {
    overflow: hidden;
}
.cxt-3col-row div {
    overflow: hidden;
    padding-bottom : 300px; 
    margin-bottom : -300px; 
}

.cxt-3col-col {
    width: 259px; 
    margin: 0;
    padding: 1.5em 15px 1em 15px;
    overflow: hidden;
}


/* featuring */
div#feature h2 {
    margin-bottom: 0em;
    font-size: 1.5em;
}
div#feature h2, div#feature h3 {
    display: inline;
    margin-bottom: 0;
    font-weight: bold;
}
div#feature h3 {
    margin-bottom: 0.5em;
    margin-top: 1.3em;
    display: block;
}
div#feature h2 a, div#feature h3 a {
    border-bottom: none;
}
div#feature div.post-byline {
    display: block;
    margin-top: -4px;
    margin-bottom: 0.3em;
}
div#feature p {
    padding-bottom: 0;
    margin-bottom: 0.4em;
}
span.go-to-article {
    margin-top: 0.4em; 
    margin-left: 0px;
    padding-left: 24px;
    background: url(../images/arrow.png) 0 -2px no-repeat;
    color: #666;
}

/*** also-featuring row ***/

#also-featuring-left, #also-featuring-mid, #also-featuring-right {
}
#also-featuring-left, #also-featuring-mid {
    border-right: solid 1px #bbb;
}
#also-featuring-row {
    padding-bottom: 0.4em;
    border-top: solid 1px #bbb;
    border-bottom: solid 1px #bbb;
}

.also-featuring-head {
    color: #666;
    text-transform: lowercase;
    margin-top: 0.3em;
    font-size: 0.9em;
    padding-left: 1px;
}
.also-featuring-title {
    font-weight: bold;
    text-transform: lowercase;
    font-size: 1.2em;
    line-height: 1.3em;
}
.also-featuring-byline {
    color: #666;
    font-size: 1em;
    padding-top: 0.2em;
    padding-left: 1px;
    font-size: 0.9em;
}
.also-featuring-byline a {
    border-bottom: dotted 1px #bbb;
}

.cxt-feature-post img, .onething-box img, .discoveries-box img {
    margin: 0.4em 1em 1.5em 0;
    float: left;
}

.podcast-logo{ 
    float: left;
    width: 110px; 
    margin: 0;
}
.podcast-logo img { 
    margin: 0 0 1.3em 0;
}
.podcast-content{
    float: right;
    width: 135px;
    padding-left: 10px;
    margin-bottom: 1.5em;
}
/*.podcast-sub {
    float: left;
    margin-top: 0.5em;
}
#container .podcast-sub a {
    color: #666;
}
.podcast-sub  {
    display: none;
    padding-top: 0;
    margin: 0.7em 0.5em;
}
.podcast-itunes {
    margin-left: 15px;
}*/



/** blogs **/


#bottom {
    margin-top: 1.5em;
    margin-bottom: 20px;
    background: url(../images/sidebar-gradient-bg.png) 590px 0 no-repeat;
}

#blogs-header {
    padding: 0;
    margin: 0;
    height: 4.3em;
}
#blogs-header h2 {
    display: inline;
    font-size: 3em;
    padding: 0 0.3em 0 0;
}
.blogs-current {
    margin: 0em 0 2.3em 0;
}
.blogs-logo img {
    margin: 0 0 2px 0;
    padding: 0;
}
.blogs-logo a {
    padding: 0 !important;
}
.blogs-logo a:hover {
    background-color: #fff !important;
}
.blogs-current p {
    padding: 0;
    margin: 0 0 0.6em 0px;
}
#blogs-current-left {
    padding: 1em 15px 1em 0;
}
#blogs-current-mid {
    padding: 1em 0 1em 0;
}
.latest-post-time {
    display: block;
    font-size: 0.9em;
    color: #666;
    margin-left: 0px;
}
.latest-post-link {
    display: block;
    text-transform: lowercase;
    font-size: 1em;
    margin-left: 0px;
}
#feature a,
.latest-post-link a {
    border-bottom: dotted 1px #bbb;
}


#classroom {
    /*background-color: #eee;*/
}
#classroom-header h2 {
    padding: 1em 0.3em 0 0.7em;
}
#classroom-right {
    padding-top: 0.4em;
}
.classroom-box {
    overflow: hidden;
    margin-bottom: 10px;
}
.classroom-box a {
    border-bottom: dotted 1px #bbb;
}
#classroom-offer img {
    margin: 0px 0 0 12px;
}
#reader-box img {
    margin: 0 13px 0 0;
}
.classroom-box p {
   font-size: 0.9em;
    color: #666;
}
#tsw-box img {
    margin-bottom: 4px;
}
#classroom-offer {
    margin-bottom: 15px;
}
#reader-box h3 {
    margin: 7px 0 5px 0;
}



/*
 * Category Page CSS
 */
#issue-page-top {
    margin-top: 20px; 
    overflow: hidden;
}
#issue-intro { 
    overflow: hidden; 
    margin-top: 0; 
    margin-bottom: 0;
    text-align: center;
}
#issue-intro p {
    /*padding-left: 3em;
    padding-right: 3em;
    text-align: center;*/   
    text-align: left;
    margin-right: 5px;
}
#issue-intro p.volnumber{
    color: #666; 
    margin-bottom: 0.5em; 
    margin-right: 0;
    text-align: center;
}
#previous-wrapper, #next-wrapper {
    width: 170px;
    min-height: 10px;
}
#previous-issue p, #next-issue p { 
    text-align: center; 
    width: 128px; 
    padding-top: 0.3em;
}
#previous-issue p a, #next-issue p a { 
    color: #666;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 1.1em;
    border-bottom: none;
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", 
                 "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
}
#container #previous-issue p a, #container #next-issue p a { 
    background-color: #fff;
    color: #666;
}
#current-issue {
    padding: 0 0 0 7px;
    margin: 0 0 1em 0;
}

.cxt-issue h2 {font-size: 1.3em; padding-bottom: 0.5em;}
.cxt-issue h3 {font-size: 1.1em; color: #666; margin-bottom: 0.1em;}
#posts h3 a, #posts h4 a {border-bottom: none;}
#posts div.loop-1 h2 {
    margin-top: 0em;
}

#features .post-byline, #departments .post-byline {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
}
#departments .post-byline {
    margin-bottom: 1.2em;
}
#features .post-byline {
    margin-top: 0.3em;
}

#features {padding: 0.5em 1.5em 0 0;}
#departments {padding: 0.5em 0 0 0;}

#features h3 {
    display: inline;
    font-size: 1.2em;
}
#features h3 a {padding-left: 0;}
#departments h3 {
    color: #888; 
    font-weight: normal; 
}
#departments h4 {
    font-size: 1.2em; 
    height: auto; 
    margin-bottom: 0;
}

.read-online {
    text-transform: lowercase;
    font-size: 1em;
}
#feature .read-online,
#features .read-online {
    display: inline;
    margin-left: 0.4em; 
}
#features .read-online {
  line-height: 1em;
}

h2.voltitle{padding-bottom: 0;}

#issue-cover {
    float: left;
    margin-left: 0;
    padding-left: 0;
}
#issue-page-nav { padding: 1em; }
#issue-page-nav a { border-bottom: none;}
#issue-page-nav form {
    padding-left: 24px;
    background: url(../images/arrow.png) 0 0 no-repeat;
}
select#cxt-mag-nav-dropdown {
    width: 170px;        
    margin-top: 3px; 
    margin-bottom: 5px;
}

/*
 * POSTS/ARTICLES
 */
#author-meta, .cxt-page-meta-box {
    width: 220px;
    float: right;
    padding: 1.5em;
    margin: 0 0 1.4em 2em;
}
#author-meta h2, .cxt-page-meta-box h2 {
    font-size: 1.2em;
}
.cxt-page-meta-box h3 { 
    margin-top: 0 !important;
}
.cxt-page-meta-box p {
  margin: 1em 0;
  padding: 0;
  color: #444;
  font-size: 0.95em;
}
.cxt-page-meta-box ul {
    margin-top: 1em;
}
#author-meta .author-bio {
    margin: 2px 0 0 0;
    overflow: hidden;
}
#author-meta .author-bio p {
    padding-top: 4px;
}
.author-photo {
    float: left;
    margin: 5px 8px 4px 0;
    width: 72px;
}
.author-photo img {
    margin: 0;
    padding: 0;
}
#author-meta #author-image-credit {
    font-size: 0.75em;
    color: #666;
}
#posts h3.article-type {
    color: #666;
    padding: 0 0 3px 0;
    margin: 0 0 0 2px;
    font-weight: normal;
}

#posts .podcast, #posts .post, #posts .page {
    padding: 15px 0 0 0;
    margin-right: 15px;
    overflow: hidden;
}
span.purchase-ucpress {
    background: url(../images/ucpress-logo.png) 0 -2px no-repeat;
    padding-left: 24px;
}
span.purchase-doi {
  display: block;
  background: url(../images/sage-logo.png) 0 0 no-repeat;
  padding-top: 1px;
  padding-left: 22px;
  height: 21px;
}
.post-content span.fancy-first-sentence {
    font-size: 1.2em !important;
    color: #666;
}

/*
 * sidebar about widget
 */
#sidebar ul li.cxt_about {}
#sidebar ul li.cxt_about p {
    margin-top: 0;
    margin: 0;
    padding: 0 0 1em 0;
    vertical-align: top;
}

#cxt-about-content {
    margin-top: 8px;
}
.cxt-about-cover {
    width: 128px;
    height: 166px;
    overflow: hidden;
    float: left;
    margin: 0 10px 5px 0;
}
#container a[class="cxt-about-cover-link"] {
    border-bottom: none;
    display: block;
    overflow: hidden;
    width: 128px;
    height: 166px;
}
#container a[class="cxt-about-cover-link"]:hover {
    background-color: transparent;
}

/*
 * ASA Press Releases Widget
 */
#container li.widget_rss h3 a.rsswidget[title^="ASA's Press"] {
    color: #666;
}
#container li.widget_rss h3 a.rsswidget[title^="ASA's Press"]:hover {
    color: #fff;
}
li.widget_rss h3 a[title^="Syndicate"] {
    display: none;
}
#sidebar ul li.widget_rss ul li {
    background: url(../images/link-ext.png) 0 0 no-repeat;
}


/*
 * Media page & "Contact Form 7" styling
 */
.cxt-contact-form {
    margin-top: 0.4em;
}
.cxt-contact-form input,
.cxt-contact-form textarea {
    width: 95%;
}
.cxt-contact-form input[type="radio"], 
.cxt-contact-form input[type="checkbox"] {
    width: auto;
}
.cxt-contact-form input[type="submit"] {
    width: 30%;
    margin: 1em auto 0 auto;
    padding: 0;
}
div.wpcf7-response-output, div.wpcf7-mail-sent-ok {
    border: none;
    color: #fff;
    padding: 1em;
    text-align: center;
}
div.wpcf7-response-output a, div.wpcf7-mail-sent-ok a {
    color: #fff !important;
}


/*
 * blogs page
 */
#blogs-intro {
    margin-top: 15px;
    overflow: hidden;
    min-height: 245px;
}
#blogs-intro h2 {
    padding-top: 3px;
    font-size: 2.2em;
    margin-bottom: 0.2em;
}
#blogscarousel-wrapper {
    width: 270px;
    min-height: 245px;
}
#blogs-about {
    padding-left: 20px;
}

/*
 * blogs carousel
 */
#blogscarousel-wrapper .jcarousel-container {
    position: relative;
    width: 270px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 270px;
    height: 244px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/* 
 * for cxt_feature shortcode output
 */
.cxt-feature-box {
    overflow: hidden;
    width: 50%;
    float: left;
}
.cxt-feature-box img {
    margin: 0.4em 1em 1.5em 0;
    float: left;
}
.cxt-feature-box div.cxt-feature-type {
    color: #666;
    text-transform: lowercase;
    margin-top: 0.3em;
    font-size: 0.9em;
    padding-left: 1px;
}
.cxt-feature-box div.cxt-feature-link a {
    font-weight: bold;
    text-transform: lowercase;
    font-size: 1.2em;
    line-height: 1.3em;
    border-bottom: none !important;
}
.cxt-feature-byline {
    color: #666;
    font-size: 0.9em;
    padding-top: 0.2em;
    padding-left: 1px;
}



/*
 * From old mag theme
 */
div.podcast-ep-link {
    display:block;
    text-align:center;
    width:160px;
    float:right;
    overflow:hidden;
    margin-bottom: 10px;
    margin: 15px 0 15px 15px;
}
.podcast-ep-link img {;margin:-5px 30px 0 20px;}


div.photo-essay { width: 160px;}
div.photo-essay p {margin-top: -10px;}
div.photo-essay img {padding: 0; margin:0 0 7px 0;}
div.photo-essay-left {
    float: left;
    margin: 0 0.5em 0 0; 
}
div.photo-essay-right {
    float: right;
    margin: 0 0 0 0.5em; 
}
div.photo-essay-right img {float: right;}

.pullquote {
	width: 160px; 
	padding: 1.3em;
	text-align: center;
    color: #666;
	font-size: 1.2em;
}
.pullquote-right {
	float: right;
}
.pullquote-left {
	float: left;
}
.photocap {
    color: #666;
    font-size: 0.9em;
}


/*
 * Page-specific stuff
 */
/* aging page (1487 and 972) */
div#page-972 > h2:first-child, div#page-972 div.post-byline, 
div#page-1487 > h2:first-child, div#page-1487 div.post-byline {
  display: none;
}
div#page-1487, div#page-972 {
  padding-top: 0 !important;
}
div#page-972 .page-timestamp, 
div#page-1487 .page-timestamp {
  display: none;
}


/*
 * Aging page
 */
#aging-bottom {
    padding-top: 0;
    margin-top: 0em;
}
#aging-bottom h3 {margin-top:0 !important;}
#aging-bottom img {
    float: left;
    padding-right: 13px;
}
#aging-bottom p {
    margin-bottom: 1.1em;
}
#aging-roscigno {
    overflow: hidden;
    margin-bottom: 1.7em;
}
#aging-roscigno img {
    margin: 0 0 0 2px;
}
#aging-roscigno p.cxt-feature-byline {
    padding-top: 0;
    margin-bottom: 0.3em;
}
p span.go-to-article {
    padding-top: 0;
    color: #666;
}
#cxt-feature-boxes .cxt-feature-box {width: 90%;}
#cxt-feature-boxes .cxt-feature-box img {margin-right: 3px;}
#aging-also-featuring .cxt-feature-type {
    color: #666;
    font-size: 0.9em;
}
#aging-also-featuring .cxt-feature-byline {
    margin-bottom: 1.3em;
}
#aging-also-featuring .cxt-feature-link a,
#cxt-feature-boxes .cxt-feature-link a  {
    font-weight: bold;
    border-bottom: none;
    text-transform: lowercase;
    font-size: 1.1em;
}








/* mu-register css, stupidly needs remove_action('wp_head', 'wpmu_signup_stylesheet'); in header.php */
/*.mu_register { width: 90%; margin: 10px 0 0 0; }*/
.mu_register strong {color: #555;}
.mu_register form { margin-top: 2em; margin-bottom: 4em; }
.mu_register .error { font-weight:700; padding:10px; color:#333333; background:#FFEBE8; border:1px solid #CC0000; }
.mu_register #submit,
.mu_register #blog_title,
.mu_register #user_email, 
.mu_register #signup-question, 
.mu_register #blogname,
.mu_register #user_name { width:60%; font-size: 1em; margin: 0 0 5px 0; }	
.mu_register #submit {width: 30%;}
.mu_register .prefix_address,
.mu_register .suffix_address {font-size: 1em;display:inline; }			
.mu_register label { font-weight:700; font-size:1em; display:block; margin:10px 0; color: #555; }
.mu_register label.checkbox { display:inline; }
.mu_register .mu_alert { font-weight:700; padding:10px; color:#333333; background:#ffffe0; border:1px solid #e6db55; }
.mu_register th {font-weight: bold;}

/*.mu_register h2 {text-transform: lowercase; font-size: 1.4em;}
.mu_register ul li {padding: 0 0 1em 0 ;}
.mu_register ul {margin-bottom: 0; margin-left: 0;}*/



/* category pre titles for contextsblog */
.pretitle {
    text-transform: lowercase;
    font-size: 1.1em;
    color: #666;
    padding: 0 0 3px 0;
}