/**
  Theme Name: Art and Education
  Theme URI: 
  Version: 1.0
  Author: Futurniture
  Author URI: http://www.futurniture.se
  Tags: 
  Licence: 
  
  Description: Art and education main theme
*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#222;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#222;}


/*
 * Oktavilla Baseline CSS
 * Version 1.0
*/
BODY {
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

OL { padding-left: 2.1em; } /* AF MOD */
OL LI { list-style: decimal outside; }
UL { padding-left: 1.5em; }
UL LI { list-style: square outside; }
B, STRONG { font-weight: bold; }
EM, I { font-style: italic; }
TH { font-weight: bold; }
TD, TH { padding: 2px; }
P, TABLE, UL, OL { margin-bottom: .7em; }
INPUT, TEXTAREA, SELECT { padding: 2px; }
.checkbox INPUT, INPUT.checkbox, .radio INPUT, INPUT.radio { padding: 0; width: auto; }
INPUT.submit { width: auto !important; }

/* SCAFFOLDING */

#header {
    _height: 1%;
}
#content {
    width:1090px;
    overflow: hidden;
    _height: 1%;
}


/* COLUMNS LAYOUT */
.columns-1-1,
.columns-1-2,
.columns-3-1,
.columns-2-1,
.columns-1-1-1,
.columns-2-1-1 {
    overflow: visible;
    _height: 1%;
}

.column1,
.column2 {
    overflow: hidden;
    float: left;
    margin: 0;
}

.column3 {
    overflow: hidden;
    float: right;
    padding-top: 10px;
    margin-top: -35px;
}
.column2 .b-3,
.column3 .b-3 {
    width:100%;
    min-width:100%;
    max-height:100%;
}
.column2 .a-3,
.column3 .a-3 {
    width:auto;
    height:auto;
}
body.home .column3, body.subscribe .column3, body.standard .column3 {
    margin-top: 38px;
}



.columns-2-1-1 .column1 {
    width: 501px;
    margin-right: 34px;
}

body.about .columns-2-1-1 .column1 {
    width: 500px;
    padding-right: 35px;
    margin: 0;
}

.columns-2-1-1 .column2  {
    width: 360px;
}

.columns-2-1-1 .column3,
.columns-3-1 .column2 {
    width: 161px;
    float: right;
}

.columns-3-1 .column1 {
    width: 895px;
}

.column-1-split-left {
    width: 500px;
    float: left;
}

.column-1-split-right {
    width: 335px;
    float: right;
}

div#datemenu {
    width: 330px;
    float:right
}

div#termdescription {
    margin-bottom:30px;
}
h2.tax-archive-title{
    color: #009900;
    font-weight: 300;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    margin: 0 0 15px;
    padding: 13px 0;
}
div#taxonomy-arvhive-list {
    width: 455px;
    padding-right: 40px;
    float: left;
}
.archive #termdescription .termimage{
    float: left;
    padding-right: 20px;
}

/* GLOBAL STYLES */
H1 {
    font-size: 25px;
    margin: 0 0 10px 0;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: Georgia, serif;
}

div.columns-2-1-1.legacy-post div.column1 H1 {
    position: relative;
    display: block;
    font-size: 27px;
    margin: 0 0 10px 0;
    font-weight: normal;
    letter-spacing: -1px;
    font-family: Georgia, serif;
    background-image:none;
    color:#000000;
    padding:0 0 5px 0;
    width: auto;
    line-height: 1.1em;
}


H2 {
    font-size: 20px;
    margin: 0 0 10px 0;
}
body.standard .rss h2 { font-size: 18px; }
A {
    color: #000;
    text-decoration: none;
}
A:hover {
    color: #090 !important;
}
P.caption {
    font-family: arial, verdana, sans-serif !important;
    font-size: 11px !important;
    color: #666;
    width: 500px;
}

p {
    font-size: 13px;
    line-height: 17px;
    font-family: Arial, Helvetica, sans-serif;
}

.more-link, .read-more {
    font-size: 13px;
    text-transform: lowercase;
}

.more-link {
    display: block;
    margin: 20px 0;
}
.caption{
    font-size: 10px;
    margin-top: 12px;
    color: #333;
}
a.more-link:link, a.more-link:visited, a.read-more:link, a.read-more:visited, .this-week {
    color: #999;
} 
a.read-more,
a.read-more:link,
a.read-more:visited,
.group_more {
    color: #64b857;
}
#content .margin-right-clear
{
    margin-right: 0;
}

/* GLOBAL FORM STYLES */
LABEL {
    display: block;
}
INPUT {
    padding: 6px;
    width: 200px;
    margin: 0 0 10px 0;
}
TEXTAREA {
    padding: 6px;
    width: 400px;
    height: 100px;
    margin: 0 0 10px 0;
}
.checkboxes INPUT {
    width: auto;
    margin: 0;
}
.checkboxes LABEL {
    display: inline;
}
.checkboxes DIV P {
    color: #666;
}
FORM H2 {
    font-size: 12px;
    font-weight: bold;
}
FIELDSET {
    margin: 15px 0 0 0;
}
.clear {
    clear: both;
}

/* ADS */

body.post-type-archive-news div.columns-3-1 div.column2, body.page-template-clients-php  div.columns-3-1 div.column2 {
    margin-top: 48px;
}

.wp125ad {
    margin: 0 0 20px 0!important;
}

#header-ad,
.header-ad {
    width: 555px;
    height: 90px;
    float: right;
    margin: -93px 0 0 0;
}

.leftcol-ad {
    width: 500px;
    /*height: 90px;*/
    height: auto;
    margin: 17px 0 30px;
}


/* HEADER */
#header {
    position: relative;
    margin: 0;
    padding: 15px 0 55px 30px;
    width: 1090px;
}

#content {
    padding: 0 0 30px 30px;
}
.menu {
    width: 475px;
    margin-bottom: 0;
    position: relative;
    top: 2px;
    padding-top: 0 !important;
}
.menu A {
    font-size: 13px;
    line-height: 18px;
}
.menu A.current {
    color: #090;
}
.menu LI {
    text-align: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#header .social-links {
    position: absolute;
    top: 15px;
    left: 564px;
}
#header .social-links .facebook, #header .social-links .twitter {
    margin: 4px 5px 0 0;
    line-height: 20px;
}
#header .social-links span {
    display: block;
    float: left;
    margin: 5px 10px 0 0;
    font-size: 13px;
}

#header FORM {
    position: absolute;
    top: 15px;
    left: 700px;
    padding: 0px;
}
#header FIELDSET {
    margin: 0;
}
#header INPUT {
    display: inline;
    border: 1px solid #000;
    background: white;
    margin: 0 0 5px 0;
    padding: 4px 3px 3px 4px;
    font-size: 12px;
    width: 150px;
}
#header INPUT.submit {
    display: inline;
    background: #000;
    color: #FFF;
    font-weight: 700;
    border: 0;
    padding: 4px 6px;
}
#header LABEL {
    display: none;
}
#header .logo {
    position: absolute;
    top: 158px;
    left: 30px;
    width: 266px;
    height: 35px;
    background: url(../img/logo.gif) no-repeat top left;
    text-indent: -9999em;
    z-index: 999;
}
#header .logo span { color: #62b952; }

/* TEASERS */
.teaser {
    margin: 0 0 30px 0;
}

.more-papers .teaser {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;

}
.post-type-archive-videos .teaser p{
    margin-top: 20px;
}
.teaser .thumb {margin: 0 0 15px 0; width: 355px;}
.teaser .thumb img {margin: 0;}
.post-date {
    margin: 0 0 10px 0;
    color: #666;
    font-size: 13px;
}
.start .author {
    margin-bottom: 0;
}

body.start .teaser.news h1 {
    margin-bottom: 20px;
}

body.start .teaser.news .more-link {
    margin-top: 10px;
}

body.start .teaser.news {
    margin-bottom: 20px;
}

body.start .featured-videos, body.start .featured-paper {
    padding-top: 5px;
}

/* STANDARD */
.start .column2 .featured-announcement .image a img {
    margin-bottom: 10px !important;
}
.standard .columns-2-1-1 .column1 P,
.standard .columns-2-1-1 .column1 LI,
.standard .columns-2-1-1 .column1 TD {
    line-height: 1.3;
}
#content #indexBottom .social-feed {
  margin-top: 47px;
}

.indexProjects.social-feed {
  margin-top: 30px;
}
.social-feed ul {
    padding:0;
}
.social-feed li {
    list-style: none;
  float:left;
  margin-right: 5px;
  cursor: pointer;
}
.social-feed li img {
    width:25px;
}
#fb-root {
    clear:both;
}
#wrapper-twitter {
  display: none;
}
#indexBottom .twitter {
    background-image: url("../img/line_dashed.gif");
    width: 288px;
    background-position: top left;
    height: 1px;
    clear: both;
    float: left;
    margin-top: 7px;
}

#indexBottom .twtr-ft {
    display: none;
}

#indexBottom .twtr-timeline {
    min-height: 1px !important;
}


/* ANNOUNCEMENTS & PAPERS */
.announcements H2,
.column1 .papers H2 {
    font-family: Georgia, serif;
}


.column1 .papers P,
.column1 .papers LI {
    font-family: Georgia, serif;
    font-size: 14px;
}

span.authorname {
    font-weight:bold;
    color:#000000;
}

div.image-caption,
.gallery-caption{
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#666666;
    padding:10px 0 5px 0;
}
.gallery-caption{
    padding-top: 5px;
}
.announcement-location{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 15px 0 0;
    color: #666666;
}
.announcement-details{
    font-family: Arial, Helvetica, sans-serif;
}
.announcement-meta .image-meta,
.announcement-meta .info-meta{
    float: left;
}
.announcement-meta .image-meta{
    width: 355px;
    padding-right: 30px;
}
.announcement-meta .info-meta{
    width: 510px;
}
.announcement-meta .info-meta .announcement-location{
    margin-top: 0;
}
h2.teasertitle a {
    color:#009900;
}

a.sourceurl {
    color:#666666;
}

.column2 .papers H2,
.column2 .papers P,
.column2 .papers LI {
    font-size: 12px;
}
.start .announcements H2,
.start .papers H2 {
    display: none;
}
.announcements UL,
.papers UL {
    margin: 10px 0 0 0;
    padding: 0;
}
.announcements LI,
.column1 .papers LI {
    list-style-type: none;
    overflow: visible;
    _height: 1%;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    position: relative;
    min-height: 45px;
    _height: 45px;
}

.this-week-list li {
    font-family: Georgia, serif;
}

.this-week-list li.date {
    margin-bottom: 10px;
}
.this-week-list li.item {
    margin-bottom: 20px;
}
.this-week-list li.item span a {
    margin-bottom: 0!important;
    line-height: 17.5px;
}
.this-week-list li.item .title {
    font-size: 16px;
}
.this-week-list li.item .author, .teaser.news li {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}
.this-week-list li.item .author a:link, .this-week-list li.item .author a:visited {
    color: #999;
}
.teaser.news li {
    margin: 10px 0;
    padding-bottom: 10px;
    line-height: 18px;
}
.teaser.site-teaser ul {
    margin: 0;
    padding: 0;
}
.teaser.site-teaser ul li {
    list-style: none;
    font-size: 13px;
    margin-bottom: 5px;
}
.teaser.site-teaser {
    margin: 0 0 25px 0;
}
.teaser.site-teaser h1 {
    margin-bottom: 10px;
    padding: 0;
}

/**** OVERRIDE OLD CODE ******/
.list .announcements LI,
.list .column1 .papers LI {
    list-style-type: none;
    overflow: hidden;
    _height: 1%;
    margin: 0 0 0 0;
    padding: 19px 0 0 0;
    border-top: 1px solid #ccc;
    font: 16px/17px 'Georgia';
    font-weight: bold; 
    position: relative;
    height: auto;
    min-height: 0;
    _overflow: visible;
}
.teaser.papers li.last a { color: #090 !important; }
.teaser.papers p.author { padding: 0 0 12px; }
.teaser.papers p.author a { color: #999; }
.teaser.papers div.email { background-color: #eeeeee; padding-left: 30px; padding-top: 7px; margin-top: 20px;}
.teaser.papers div.email p { font: 12px; font-family: Arial, Helvetica,sans-serif; }
.teaser.papers div.email a { color: #090; position: relative; top: -7px; left: 5px;}

.list .announcements p.listing-character { position: absolute; }
.list .announcements ul.alphabetical {
    padding: 0;
    border: 0;
}
.list .announcements ul.alphabetical li {
    margin: 0 0 15px 0;
    padding: 0 0 0 45px;
    border: 0;
}
.list .announcements ul.alphabetical li ul li {
    margin: 0;
    padding: 0;
}

.list .announcements LI.first,
.list .column1 .papers LI.first {
    padding: 0 0 0 0;
}
.announcements LI,
.column1 .papers LI {
    border-bottom: none;
    min-height: 0;
    padding: 10px 0 0 0;
}
.start .announcements LI,
.start .column1 .papers LI {
    padding: 0;
}
.start .announcements LI.date,
.start .column1 .papers LI.date {
    padding: 10px 0 0;
}
.announcements LI.date,
.column1 .papers LI.date {
    border-top: 1px solid #ccc;
    border-bottom: none;
    min-height: 0;
}
.announcements LI.first,
.column1 .papers LI.first {
    border-top: none;
}
.announcements li ul,
.column1 .papers LI ul li {
    margin: 0 0 0 9px;
}
.announcements LI ul li,
.column1 .papers LI ul li {
    margin: 0;
    padding: 0;
    border-bottom: none;
    font: 13px/17px 'Georgia';
    font-weight: normal; 
}

.columns-2-1-1 .column1 .announcements LI A {
    padding: 0 40px 0 0px;
    width: 415px;
    display: block;
    margin: 0 0 5px 0;
    color: #999;
    font-size: 12px;
}

body.page-template-announcements-php .columns-2-1-1 .column1 {
    padding: 0 0 0 0px;
    width: 530px;
    display: block;
    margin: 0 25px 5px 0;
    color: #999;
    font-size: 13px;
}

body.single-announcement #content {
    min-height: 1500px;
}

.columns-2-1-1 .column2 .announcements LI A {
    padding: 0;
    display: block;
    margin: 0 0 5px 0;
}
.columns-3-1 .column1 .announcements LI A {
    padding: 0 0 0 40px;
    width: 490px;
    display: block;
    margin: 0 0 5px 0;
}

.columns-2-1-1 .column1 .announcements LI SPAN A {
    font-family: Georgia, serif;
    color: #222;
    font-size: 18px;
    margin-bottom: 2px;
}
.announcements LI.last,
.papers LI.last {
    border-bottom: 0;
    margin-bottom: 0;
}
.list .featured-announcement {
    border-bottom: 1px solid #ccc;
}
.featured-announcement,
.featured-paper {
    margin-bottom: 10px;
    overflow: hidden;
    _height: 1%;
    /* position: relative; */
}
.teaser.focus{
    /* position: relative; */
}
.focus-text{
    margin-bottom: 10px;
}
.focus-text p{
    font-size: 13px;
    color: #666666;
}
.featured-announcement .image {
    margin: 5px 0 0 0;
}
.featured-announcement .meta {
    font-style: italic;
    border: 0;
}
.start .featured-announcement H2,
.start .featured-paper H2,
.featured-paper H2, .start h2 {
    display: block;
    font-size: 24px;
    line-height: 26px;
    font-family: 'Georgia',serif;
    margin: 10px 0 20px;
}
.start .featured-announcement H2 {
    margin-bottom: 0;
}
.start .featured-announcement .client {
    margin:0;
    display: block;
}
.start .featured-announcement .client a {
    color: #999;
    font-size: 13px;
}
.start .featured-announcement p {
    margin-top:20px;
}
.start .featured-videos h2 {
    margin-top: 25px;
}

.papers LI SPAN {
    color: #999;
    display: block;
}
.papers LI SPAN a {
    color: #999;
}

.announcement #additional { border-top: 1px solid #999; margin: 20px 0 0 0; padding: 10px 0 0 0; }

/* 
  new CSS for announcement listing 
  also for listings under search and client section.
*/
.more-announcements .post {margin:0px; clear:left;
                           margin-bottom:20px;
} 

#search .post, 
.author .post, 
.client .post { clear: both; overflow: hidden; margin: 0 0 19px 45px; }
#search .post, 
.author .post, 
.client .post { margin-left: 0; }
.more-announcements .thumb, 
#search .thumb, 
.author .thumb, 
.client .thumb { float: left; width: 234px; }
.more-announcements .thumb img, 
#search .thumb img { width: 234px; height: 82px; margin: 0; }
.more-announcements .info, 
#search .info, 
.author .info, 
.client .info { width: 438px; padding: 0 0 0 14px; display: table-cell; vertical-align: bottom; height: 82px; }

div.announcements div.post div.info{
    width:230px;
    float: left;
    margin-top: 0;
    display: block;
}
div.announcements div.post div.info a{
    width: 240px;
}
div.announcements ul li {
    width:493px;
}

body.home div.announcements ul li {
    width:325px;
}

body.home div.post-date {
    display:none;
}

div.announcements div.post div.thumb a {
    width:234px;
}


.columns-3-1 .column1 .announcements li a, 
#search li a, 
.author ul.announcement-list li a, 
.client ul.announcement-list li a, 
#content .pagination li a { display: inline; margin: 0; padding: 0; font: 20px/1em 'Georgia'; }
.columns-3-1 .column1 .announcements ul.alphabetical li a { display: inline; margin: 0; padding: 0; font: 13px/1em 'Georgia'; }
.columns-3-1 .column1 .announcements li span.author, 
#search li span.author a, 
.author li span.author a, 
.client li span.author a { font-size: 13px; color: #4c4c4c; display: block; margin: 3px 0 0 0; }
.announcements li, .column1 .papers li, 
#search ul, 
.author ul.announcement-list, 
.client ul.announcement-list { margin: 0; padding: 0; }
#search li, 
.author ul.announcement-list li, 
.client ul.announcement-list li { margin: 11px 0px 19px 0; padding: 0; list-style: none; }

#search .info span { 
    /* background: #ffff00; */
    color: #090;
}


/* SECTION HEADINGS */


.announcements H1,
body.single-announcement H1,
.papers H1,
body.paper H1,
body.list H1,
.teaser H1,
.news H1,
.about H1,
.subscribe H1,
.contact H1,
.rss H1, 
#search h1, 
.clients h1,
.authors h1, 
.standard h1, 
h2.more,
.dotted-rule {
    font-size: 24px;
    margin: 0 0px 15px;
    padding: 13px 0;
    letter-spacing: 1px;
    color: #090;
    font-family: Arial, Helvetica, sans-serif; 
    background: url(/wp-content/themes/artandeducation/img/dotted-rule.png) left bottom repeat-x;
    font-weight: 700;
}

.home h1 span,
.home h1 a{
    font-weight: 300;
}

body.about h1 {
    width: 890px;
}

body.page-id-8916733 h1, body.contact h1, body.subscribe h1, body.post-type-archive-school_watch h1, .single-school_watch h1, body.page-template-papers-php h1, body.single-paper h1, body.page-template-announcements-php h1, body.single-news h1, body.post-type-archive-videos h1, body.single-announcement h1, body.single-yearbook h1, body.post-type-archive-yearbook h1 {
    width: 895px;
}

body.page-id-8916733 .column1, body.contact .column1, body.subscribe .column1 {
    overflow: visible;
}

div#content h1:first-child a{
    color:#009900;
}
.start h1 {
    color: #000;
}

.start a h1, .start h1 a {
    color: #090;
}

/* at Artforum's request -- AF */
.copyright H3 {
    font-weight: bold;
}

/* ANNOUNCEMENT */

.announcement .head H2,
.announcement .body H2 {
    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 1.3;
}
.announcement .head P,
.announcement .head LI,
.announcement .body,
.announcement .body LI, 
.paper p b /* for old sub headlines now printed within paragraphs */ { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.3;
}
.announcement .body H2 {
    font-weight: bold;
    margin: 0;
}
.announcement .head H1 {
    font-family: Georgia, serif;
    font-size: 27px;
    line-height: 1.1;
    margin: 0 0 15px 0;
}
.announcement .head {
    overflow: hidden;
    _height: 1%;
    margin: 0 0 20px 0;
}
.announcement .head A,
.announcement .body A {
    color: #999;
}
.announcement .head A:hover,
.announcement .body A:hover {
    color: #090;
}
.announcement .image .caption {
    margin: 0;
}
.announcement .image-left .image, 
.author .image-left .image, 
.client .image-left .image {
    float: left;
    margin: 4px 20px 0 0;
}
.announcement .head.image-left .image {
	float:none;
}
.author .image-left .image, 
.client .image-left .image {
    margin: 4px 20px 12px 0;
}
.author .image-left .no-thumbnail, 
.client .image-left .no-thumbnail {
    width: 234px;
    height: 234px;
}
.announcement .image-top .image {
    margin: 0 0 20px 0;
}
.announcement .image IMG {
    display: block;
    margin: 0 0 5px 0;
}
.announcement .client {
    display: block;
    color: #666;
    margin: -10px 0 15px 0;
}

div.columns-2-1-1.legacy-post div.column1 .client a {
    display: block;
    color: #666;
    margin: 0 0 20px 0;
}

div.columns-2-1-1.legacy-post div.column1 p a {
    color: #666;
}

div.columns-2-1-1.legacy-post div.column1 p.caption {
    line-height: 1.3;
}

div.columns-2-1-1.legacy-post .head {
    margin-bottom: 20px;
}

.announcement-details p:first-child {
    font-family: Georgia;
}

.single-announcement .announcement-meta .share-icons {
    margin-bottom: 50px;
}


/* CLIENTS SECTION */

body.client #content {
    margin-top: 48px;
}

.clients #pageHead {
    margin: 0 0 30px 0;
    padding: 0 0 20px 0;
    overflow: hidden;
}
.clients #pageHead ul {
    margin: 0;
    padding: 0;
}
.clients #pageHead li {
    float: left;
    margin: 0 .65em 0 0;
    list-style: none;
}

html body.single div.legacy-post div.column1 div.head div.text span.client {
    font-size:12px;
    color:#999999;
    font-weight:normal;
    display: block;
}

.clients #listings.simple h2 {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
}
.clients #listings h3, 
.clients #listings.simple h2 {
    float: left;
    padding: 0 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.3em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.clients #listings.simple h2#indexOther {
    font-size: 1em;
}
.clients #listings ul {
    margin: 0 0 0 70px;
    min-height: 3.9em;
}
.clients #listings ul li {
    list-style: none;
    font: 21px Georgia, serif;
    line-height: 24px;
    margin-bottom: 5px;
}
.clients hr { border: none; border-bottom: 1px solid #ccc; }
/* Author page */
.author h1, 
.client h1 { font-family: Georgia, serif; }
.author h2, 
.client h2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #090; 
    clear: left; 
    padding-top: 25px; 
    border-bottom: 1px solid #CCCCCC;
}
.author .announcement-list .post h3, 
.client .announcement-list .post h3  {
    margin-bottom: 5px;
}
.author .announcement-list .post p.excerpt, 
.client .announcement-list .post p.excerpt {
    margin-bottom: 3px;
}

.client #content ul.announcement-list {
    margin-top: 30px;
}




/* CONTENT TOOLS */
.tools {
    padding: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px 0;
    text-align: right;
    overflow: hidden;
    _height: 1%;
}
.tools SPAN {
    float: left;
}
.tools A {
    color: #666;
}
.tools A:hover {
    color: #090;
}


body.single div.legacy-post div.column1 div.tools a {
    font-size:12px;
    font-weight: normal;
    color:#999999;
}

body.single div.legacy-post div.column1 div.tools {
    font-size:12px;
    font-weight: normal;
    color:#000000;
}

/* LIST */
.list .teaser {
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px 0;
}
.list .teaser .date {
    color: #666;
}



/* INNER MENU */
.column2 .desc {
    margin: 0 0 30px 0;
}

.inner-menu, 
ul.clientList {
    margin: 0 0 30px 0;
}
.inner-menu-first {
    font-size: 13px;
    margin: 5px 0 0 0;
    /* border-bottom: 1px solid #ccc; */
}
.inner-menu .current, 
ul.clientList .current {
    color: #090;
}
.inner-menu A, 
ul.clientList A {
    margin: 0 10px 0 0;
    font-size:13px;
    color: #666666;
}
.inner-menu A {
	float:left;
}
.inner-menu.month-list a
{
    display: inline-block;
    margin-top: 5px;
}
ul.clientList A {
    text-transform: uppercase;
}
#pageHead ul.clientList li:last-child{
    padding: 0;
    margin: 0;
    width: 45px;
    margin-left: 10px;
}

/* ARTICLE */
.paper .columns-2-1-1 .column1 H1,
.paper .columns-2-1-1 .column1 H2 {
    font-family: Georgia, serif;
}

.paper .columns-2-1-1 .column1 P a:hover {
    color: #090;
}
.paper .columns-2-1-1 .column1 H1 {
    font-size: 24px;
    line-height: 1.1;
    margin: 0 0 5px 0;
}
.paper .columns-2-1-1 .column1 IMG {
    margin: 0 0 5px 0;
}
.meta {
    font-size: 11px;
}
.meta .bio p {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    font-family: Georgia;
    font-size: 13px;
    line-height: 18px;
    color: #666;
}
.meta .references {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.meta .references LI {
    padding-top: 5px;
    font-size: 10px;
    line-height: 15px;
}
.single-paper .references ol li,
.meta .references ol li{
    margin: 10px 0;
    font-size: 10px;
    line-height: 15px;
}
.single-paper .references p{
    font-size: 10px;
}
.meta .references ol p{
    font-size: 10px;
}

/* DATE BOXES */
SPAN.date {
    display: block;
    margin: 0 5px 22px 0;
    font-style: normal;
    font-size: 18px;

}
LI SPAN.date {
    margin-right: 10px;
    font-weight: normal;
}

body.start span.date {
    font-size: 24px;
    margin: 0;
}

body.page-template-announcements-php .announcements span.date,
#taxonomy-arvhive-list span.date {
    color:#009900;
    font-family: Arial, Helvetica;
    font-size: 18px;
}

.news LI SPAN.date {
    color:#009900;
}


/* SEARCH RESULTS */
#search H1 span {
    color: #222;
}
#search li span.author a {
    color: #999; 
    font-family: Arial, Helvetica, sans-serif;
}

body.single div.thumb img {
    width:90px;
    height:60px;
}


body.search .columns-3-1 .column2 {
    margin-top: 48px;
}

body.search-no-results .column1 {
    margin-top: 20px;
}

/* Common styles to archive and single pages */

.archive h1, .single h1 {
    margin-bottom: 25px;
}

.single h2.teasertitle {
    font-weight: 700;
    margin: 10px 0;
}

.single .teaser ul {
    padding: 10px 0;
}
.single .teaser ul li a.teaserposttitle {
    font-size: 15px;
    line-height: 18px;
}

.single .teaser ul li.last a {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: lowercase;
}


/* NEWS */

.news UL {
    padding: 0;
    margin: 0;
}
.news LI,
.column2 .papers LI {
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #ccc;
    list-style-type: none;
}

.papers LI a {
    font-size:15px;
    font-family: Georgia, "Times New Roman", serif;
}

.papers LI span.teaserpostauthor a {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;

}

.news .column1 {
    width: 890px;
}

.news .column-1-split-left {
    width: 495px;
    margin-right: 65px;
}

.news .column-1-split-right {
    width: 335px;
}

.column-1-split-left div.news LI {
    border-bottom:none;
}


.news LI.last,
.column2 .papers LI.last {
    border-bottom: 0;
}
.news LI SPAN {
    color: #999;
}

.news li span.date {
    margin-bottom: 15px;
}

.news .post h2 {
    font-family: Georgia, serif;
    font-size:21px;
    font-weight:normal;
    margin-bottom:25px;
    line-height: 24px;

}

div.post div.info {
    margin-top:15px;
    font-size:13px;
    font-weight:normal;
    line-height:18px;
    vertical-align:top;
}

body.page-template-announcements-php div.post div.info a {
    font-size:21px;
    font-family: Georgia, serif;
    color:#000000;
}

div.post div.info span.author {
    font-weight:bold;
}

body.page-template-announcements-php div.post div.info span.author a {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    position:relative;
    font-weight: 500;

}

div.news-excerpt {
    padding-bottom:20px;
    border-bottom: 1px solid #ccc;
    margin-bottom:5px;
}

/* PAPERS */
.papers .teaser H2 {
    text-indent: 0; 
}
#taxonomy-arvhive-list LI {
    border-top: 1px solid #ccc;
    padding: 19px 0 0;
}
#taxonomy-arvhive-list LI.first {
    border: none;
    padding:0;
}
#taxonomy-arvhive-list .teaser h2 {
    margin: 0;
}
#taxonomy-arvhive-list .teaser h2 a {
    font-size:20px;
}
#taxonomy-arvhive-list .teaser .client {
    margin: 0 0 0.66em;
    display: block;
}
#taxonomy-arvhive-list .teaser .client a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    position: relative;
    font-weight: 500;
}
#taxonomy-arvhive-list .teaser .read-more {
    font-size: 13px;
}
/*
.list .papers .teaser {
        padding-right: 250px;
}
*/
body.page div#page .list .papers div.teaser {
    padding-right: 250px;
    background-color:#ff0000;
}

.list .papers .teaser P {
    font-size: 13px;

}
.list .papers .teaser P SPAN {
    color: #666;
}
.list .papers .teaser H2 {
    margin-bottom: 3px;
}

.page-template-papers-php .columns-2-1-1 .column1 h1 {
    margin-bottom: 20px;
}

.page-template-papers-php .columns-2-1-1 .column1 h2 {
    margin: 10px 0;
    font-size: 21px;
    line-height: 24px;
}

.page-template-papers-php .columns-2-1-1 .column1 .teaser p {
    font-family: Arial, Helvetica;
}

.page-template-papers-php .columns-2-1-1 .column1 .teaser .authorname {
    color: #000;
}

.page-template-papers-php .columns-2-1-1 .column2 {
    padding-top: 10px;
}

.single-paper .column1 {
    padding-top: 10px;
}
/**Video pages**/

body.single-videos #content {
    margin-top:28px;
    min-height:1540px;
    position: relative;
    overflow: visible;
}

div.video-container {
    width:900px;
    float:left;
    padding-bottom: 20px;
}

div.dottedlinevideo { 
    height:20px;
    background: url(/wp-content/themes/artandeducation/img/dotted-rule.png) left bottom repeat-x;
    margin-bottom:15px;
    width:900px;
    clear:left;
    float:left;
}

.single-videos .column-2-1-1 .column1
{
    width: 895px;
}

h3.post-author {
    margin-top:20px;
}

.post-type-archive-videos .column1 h3.post-author {
    font-weight: 700;
    font-size: 13px;
    font-family: Arial, Helvetica;
}

.post-type-archive-videos .column1 p {
    font-size: 13px;
    font-family: Arial, Helvetica;
}

div#video-caption {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#666666;
    margin-top: 5px;
}

div#video-description {
    font-family:Georgia, serif;
    font-size:15px;

}

body.single-videos h1 {
    display: none;
}

body.single-videos div#content div.video-container h1.post-title {
    display: block;
    margin: 45px 0 20px 0!important;
    padding: 0!important;
}

div#video-description {
    font-size: 15px;
    margin: 0 0 20px 0;
}

div#video-director, div#video-info, div#video-producer, #video-link {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height: 15px;
}

div#video-director {margin-top:20px;}

div#video-info {margin:0px}

div#video-producer {margin-top:20px;}

div#video-link a{
    margin:0px;
    color:#666666;
}

.single-videos .columns-2-1-1 .column1 p {
    font-size: 13px;
    line-height: 18px;
    margin: 10px 0;
}

.single-videos .columns-2-1-1 .column3 {
    position: absolute;
    left: 960px;
    margin-top: 10px;
}

body.single-videos .share-icons {
    position: relative;
    bottom: 0;
}

/* adjustments for single posts columns 1 and 2 */

.single-videos .columns-2-1-1 .column1, .single-paper .columns-2-1-1 .column1, .single-news .columns-2-1-1 .column1, .page-template-announcements-php .columns-2-1-1 .column1, .page-template-papers-php .columns-2-1-1 .column1 {
    margin-right: 60px;
}

.single-videos .columns-2-1-1 .column2, .single-paper .columns-2-1-1 .column2, .single-news .columns-2-1-1 .column2, .page-template-announcements-php .columns-2-1-1 .column2, .page-template-papers-php .columns-2-1-1 .column2  {
    width: 340px!important;
}

/* Right column adjustments */

body.page-template-papers-php .column3, body.single-paper .column3, body.page-template-announcements-php .column3 {
    margin-top: -27px;
}

body.post-type-archive-school_watch .column3, body.single-school_watch .column3, body.post-type-archive-videos .column3, body.single-news .column3, body.single-yearbook .column3, body.post-type-archive-yearbook .column3 {
    margin-top: -35px;
}
body.post-type-archive-school_watch .caption {
    width: 500px;
}

.wrapper_group {
    margin-bottom: 2em;
}
.wrapper_group.collapsed {
    margin-bottom: 3.5em;
}

.group_more {
    cursor: pointer;
    color: #999;
}
.group_more:hover {
    text-decoration:underline;
}
body.single-school_watch .group_more {
}
body.single-school_watch .group_more:hover {
    color: #090 !important;
    text-decoration:underline;
}

body.single-school_watch .column1 p a {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}
.single-school_watch .columns-2-1-1, .single-yearbook .columns-2-1-1 {
    position:relative;
}
.single-school_watch h1.post-title,
.single-yearbook .yearbook-uni {
    font-size: 23px;
    margin-bottom: 7px;
    padding-top: 21px;
}
.single-school_watch #content > h1 {
    line-height: 0;
    display: none;
}
#content .school_watch-meta > img,
#content .school_watch-meta > .caption {
    width: 860px;
}
.single-school_watch #gallery-1 {
    margin-left: 0;
    width: 501px;
    overflow: hidden;
}
.single-school_watch #gallery-1 .gallery-icon {
    overflow: hidden;
    margin-right:5px;
}
.single-school_watch #gallery-1 .gallery-item {
    width: 165px;
}
.school_watch-meta {
    width: 895px;
    background: url(/wp-content/themes/artandeducation/img/dotted-rule.png) left top repeat-x;
}
.single-school_watch #gallery-wrapper {
    width: 895px;
    background: url(/wp-content/themes/artandeducation/img/dotted-rule.png) left bottom repeat-x;
}
.single-school_watch .column1 {
    padding-top: 25px;
}
.single-school_watch .column1 img {
    max-width:500px;
}
.single-school_watch .column1 .wp-caption-text {
    max-width:500px;
    font-size: 10px;
    margin-top: 12px;
    color: #333;
}
.single-school_watch .column2 {
    padding-top: 17px;
}
.single-school_watch #thisone {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -8px;
}
.single-school_watch .wp-caption,
div#fancybox-title-inside {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.3;
    text-align: left;
    font-size: 10px;
    color: #333;
}
.wp-caption-dd {
    margin: 12px 0 .7em;;
}

/**slideshow**/
#slideshow-frame
{
    position: relative;
    width: 860px;
    padding: 0px;
    margin: 0px;
}

#slideshow-frame .stage-wrapper
{
    position: relative;
    width: 860px;
    height: 380px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}
.pikachoose {width: 520px; margin: 0 auto;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0; position: relative; margin: 15px 0 0;}
.pika-thumbs li{ width: 160px; height:80px; padding: 0 0 15px; margin: 0 15px 0 0; overflow: hidden;
                 display: inline-block; list-style-type: none; cursor: pointer;}
.pika-thumbs li:last-child{
    margin-right: 0;
}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-textnav {width: 860px;}
.pika-stage {padding: 0; text-align:center; height: 350px; width: 860px; position: absolute;}
.pika-stage a{ display: block;}
.pika-stage img{max-height: 350px; margin: 0 auto;}
.pika-stage .caption {
    color: #666666;
    font-size: 11px;
    line-height: 22px;
    position: absolute;
    text-align: right;
    top: 347px;
    vertical-align: top;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav {display: none;}
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {display: none; overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius:5px;border-radius:5px; display: none;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
              text-align:right; position:absolute; top:15px; right:15px; }

/* AFFILIATE LOGOS */
#eflux {
    background: url(../img/logo_eflux.png) no-repeat top left;
    height: 22px;
    text-indent: -9999px;
    padding-bottom: 0px;
}
#artforum {
    background: url(../img/logo_artforum.png) no-repeat top left;
    height: 18px;
    text-indent: -9999px;
    padding-bottom: 0px;
}
#bookforum {
    background: url(../img/logo_bookforum.png) no-repeat top left;
    height: 22px;
    text-indent: -9999px;
    padding-bottom: 0px;
}


/* FOOTER */
#footer {
    padding: 50px 0 10px 30px;
    margin: 0;
    width: 1090px;
    clear: both;
}

#footer .logo {
    margin-right: 18px;
}

#footer UL {
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
}

#footer LI {
    float: left;
    list-style-type: none;
    margin: 0 10px 0 0;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 12px;
}

/* A few minimal interaction classes --AF */
.flash {
    text-align: center;
    padding: 1em;
    font-size: 125%;
}
.warning {
    background-color: #ffa;
}
.notice {
    background-color: #c8ffcb;
}
.error {
    background-color: #fcc;
}

/* pagination */
#search ul.pagination { }
#search .pagination li, 
#content .pagination li {float: left; list-style: none; padding: 0 10px 0; display: block; }
#search .pagination li.active, 
#content .pagination li.active { font: normal normal normal 20px/1em Georgia; text-decoration: underline; color: #2e2e2e; }

h1.post-title, body.paper h1.post-title, body.single-announcement h1.post-title, body.single-news h1.post-title, body.single-yearbook .yearbook-uni {
    font-family: Georgia, 'times new roman', serif;
    font-size:24px;
    color:#000000;
    font-weight:normal;
    background-image:none;
    margin: 0px;
    letter-spacing: normal;
}
body.single-announcement h1.post-title{
    padding: 20px 0 20px;
}
body.single-news h1.post-title {
    width: 500px;
}
h2.post-author {
    font-size:13px;
    font-weight:bold;
    margin-bottom:20px;
}

/* about right side links */
body.about ul.contactLinks { margin: 0; padding: 0; }
body.about ul.contactLinks li { list-style: none; margin: 0 0 5px; padding: 0; }

/* right side taxonomy lists */
div.tax-list-specific {
    margin-top:40px;
}

div.inner-menu-first h3.tax-list-title {
    margin-bottom:15px;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom:9px;
}

h3.tax-list-title div.inner-menu {
    margin-top:0px;
}

div.tax-list-limited {
    margin: -8px 0 8px -8px;
}
.ajax-loading .tax-list-limited
{
    background: url('../img/loader-horiz.gif') 50% 50% no-repeat;
}
.ajax-loading .tax-list-limited a{
    visibility: hidden;
}
div.tax-list-specific  div.tax-list-limited a { 
    color:#666666; font-size:13px; font-family: Arial, Helvetica, sans-serif; display: inline-block; margin-top: 5px; margin-left: 8px; margin-right: 0;
}
div.tax-list-annc_sources   div.tax-list-limited a { 
    float: none;
}

h3.tax-list-title {
    font-size:13px;
    font-weight:normal;
    color:#000000;
    margin-bottom: 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid #CCCCCC;
}
.view-all-terms,
.view-most-popular,
.view-all-authors,
.view-most-popular-authors{
    padding-left: 11px;
    text-transform: lowercase;
    cursor:  pointer;
    color: #666;
}
.view-all-terms:hover,
.view-most-popular:hover,
.view-all-authors:hover,
.view-most-popular-authors:hover
{
    color: #009900;
}
/**share links overrides**/
.share-icons
{
    margin: 20px 0 10px;
}
.teaser .share-icons{
    margin: 23px 0 17px;
}
.share-icons #ssba img{
    padding-right: 5px;
    margin: 0;
}

/**announcement - sources list**/

.single-announcement .announcement-meta {
    width: 895px;
    float: left;
}

.single-announcement .columns-2-1-1 .column1 {
    width: 620px;
}

.single-announcement .columns-2-1-1 .column2 {
    width: 232px;
}

.single-announcement .columns-2-1-1 .column3 {
    position: absolute;
    left: 960px;
    margin-top: -27px;
}
.source-list
{
    width: 232px;
}
.source-list,
.source-list a
{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
.source-list h3.source-title
{
    color: #009900;
    padding: 0;
    font-weight: 700;
    margin: 10px 0;
    font-size: 12px;
}
.source-holder{
    padding: 0 12px 9px;
    color: #a9a9a9;
}
.source-holder a{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-transform: lowercase;
    color: #009900;
}
.source-list ul,
.source-list ul li,
.source-list ul li a
{
    font-family: Georgia,"Times New Roman",serif;
    font-size: 15px;
    line-height: 18px;
}
.source-list ul{
    padding: 0;
}
.source-list ul li{
    border-bottom: 1px solid #CCCCCC;
    list-style-type: none;
    margin: 0 0 8px;
    padding: 0 0 8px;
}
.source-list ul li span.source-name
{
    font-weight: normal;
}
.source-list ul li span.source-name a{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #999999;
}
.source-holder{
    padding: 0;
    clear: both;
}
.source-holder span{
    display: none;
}
.source-holder .jp-previous,
.source-holder .jp-next{
    color: #b5b5b5;
    cursor: pointer;
}
.source-holder .jp-previous{
    float: left;
}
.source-holder .jp-next{
    float: right;
}
/**jPages pagination styles**/
.holder {
    margin: 0 0 15px;
}

.holder a {
    font-size: 12px;
    cursor: pointer;
    margin: 0 5px;
    color: #333;
}
.announcements ul.loader,
.papers ul.loader{
    height: 400px;
    width: 400px;
    overflow: hidden;
    background: url('../img/loader.gif') 50% 50% no-repeat;
}
.announcements ul.loader li,
.papers ul.loader li
{
    visibility: hidden;
}
.holder.loader{
    display: none;
}
.holder a.jp-previous { margin-right: 15px; margin-left: 0;}
.holder a.jp-next { margin-left: 15px; }

.holder a.jp-current, a.jp-current:hover { 
    color: #009900;
    font-weight: bold;
}

.holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
    cursor: default; 
    background: none;
}

.holder span { margin: 0 5px; }

div.column2 div.teaser ul li.last a{
    font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
}


/* YEARBOOK CSS */

body.post-type-archive-yearbook .column1 {
	width: 895px;
}

body.post-type-archive-yearbook .column1 .desc p {
	font-size: 14px;
	line-height: 18px;
}

body.post-type-archive-yearbook #pagination-container .teaser {
	border-bottom: 0;
	width: 428px;
	float: left;
	padding-bottom: 0;
	margin-bottom: 32px;
}

body.post-type-archive-yearbook #pagination-container .teaser .padding {
	margin: 20px;
	float: left;
}

body.post-type-archive-yearbook #pagination-container .teaser .padding h2 {
	color: #fff;
}


body.post-type-archive-yearbook #pagination-container .teaser .padding .yearbook-exhibit-title,
body.post-type-archive-yearbook #pagination-container .teaser .padding .yearbook-dates {
	font-size: 13px;
	color: #ddd;
}

body.post-type-archive-yearbook #pagination-container .teaser:nth-child(even) {
	margin-left: 32px;
}

body.post-type-archive-yearbook .teaser .thumb {
	width: 428px;
	height: 428px;
	background-size: cover;
	margin-bottom: 0;
	display: block;
}

body.post-type-archive-yearbook .teaser .thumb .overlay {
	width: 428px;
	height: 428px;
background: -moz-linear-gradient(-45deg, rgba(80,80,80,0.7) 0%, rgba(80,80,80,0) 60%, rgba(80,80,80,0) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(80,80,80,0.7)), color-stop(60%, rgba(80,80,80,0)), color-stop(100%, rgba(80,80,80,0)));
background: -webkit-linear-gradient(-45deg, rgba(80,80,80,0.7) 0%, rgba(80,80,80,0) 60%, rgba(80,80,80,0) 100%);
background: -o-linear-gradient(-45deg, rgba(80,80,80,0.7) 0%, rgba(80,80,80,0) 60%, rgba(80,80,80,0) 100%);
background: -ms-linear-gradient(-45deg, rgba(80,80,80,0.7) 0%, rgba(80,80,80,0) 60%, rgba(80,80,80,0) 100%);
background: linear-gradient(135deg, rgba(80,80,80,0.7) 0%, rgba(80,80,80,0) 60%, rgba(80,80,80,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#505050', GradientType=1 );
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

body.post-type-archive-yearbook .teaser .thumb .overlay:hover {
	background-color: rgba(80,80,80,.7);
	color: #fff;

	
}


#dashboard-head {
margin: 15px 0px;
width: 100%;
display:block;
clear:both;
overflow: auto;
}

.user-name {
font-size : 14px;
font-weight : bold;
float:left;
}

.yb-menu {
	font-size : 12px;
	float:right;
}

.yb-menu a {
	color: #999;
}

#yb-body {
width:100%;
margin-top:30px;
}


#dash-desc.drafts {
	color: #aaa;
}
.button-yb, .page-template-yearbook-submission-php input[type="submit"] {
   background: #111111;
   padding: 12px 24px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #ffffff;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   border: 0;
   }
.button-yb:hover {
   background: #333333;
   color: #ffffff !important;
   }
.button-yb:active {
   
   background: #333333;
   }

#button-box {margin-bottom: 30px;}

#dash-desc {width:400px; margin-bottom:40px;}


#yb-draft-table {
width:100%;
}

.yb-draft-list {
border-top: 1px solid #ededed;
}

.yb-draft-list-title {
float:left;
font-size: 24px;
line-height: 26px;
font-family: 'Georgia',serif;
}



.button-yb-list {
   background: #999999;
   padding: 12px 24px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
  float:right;
   color: #ffffff;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button-yb-list:hover {
  
   background: #333333;
   color: #ffffff;
   }
.button-yb-list:active {
   
   background: #333333;
   }


 
div.cleanlogin-container {
    float: left;
    width: 340px;
    padding-left: 0px;
    padding-top: 0px;
}

.yb-login-head {
    font-size:  14px;
    font-weight: bold;
    margin-bottom: 10px;
}

div.cleanlogin-field.cleanlogin-field-remember {
    display: none;
}

input.cleanlogin-field-username, input.cleanlogin-field-password {
    border-radius: 0px;
    border: 1px solid #666666;
    margin-bottom: 0;
}

input.cleanlogin-field {
    background: #333;
    border-radius: 0px;
    border: none;
    color: #fff;
    width: 80px!important;
}

/* YEARBOOK DETAIL VIEW */


#fancybox-bg-n,
#fancybox-bg-ne,
#fancybox-bg-nw,
#fancybox-bg-s,
#fancybox-bg-se,
#fancybox-bg-sw,
#fancybox-bg-e,
#fancybox-bg-w {
	background-image: none !important;
}

.single-yearbook #fancybox-wrap {
	margin-top: -10px;
}
.single-yearbook #fancybox-right {
	width: 65% !important;
}

.single-yearbook #fancybox-overlay {
	background-color: #fff !important;
	opacity: 1 !important;
}

#imagecontainer {
	margin: 0;
}

.imagespager {
	margin-bottom: 10px;
	font-size: 12px;
	width: 100%;
	float: left;
	text-align: center;
}

.imagespager .jp-next, .imagespager .jp-previous {
	font-size: 16px;
	background-color: transparent;
	height: auto;
	width: auto;
	border-radius: 0;
}

.imagespager .jp-next:hover, .imagespager .jp-previous:hover {
	background-color: transparent;
}

.imagespager a {
	cursor: pointer;
	margin: 0 6px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #ccc;
	display: inline-block;
}

.arrowNext {
	background-image: url(/wp-content/themes/artandeducation/img/arrow-next.png);
	right: 0;
}

.arrowPrev {
	background-image: url(/wp-content/themes/artandeducation/img/arrow-prev.png);
}

.arrowNext:hover, .arrowPrev:hover {
	opacity: .7;
}

.arrowPrev.jp-disabled {
	opacity: .1;
}

.arrowNext, .arrowPrev {
	width: 15px;
	height: 25px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -22px;
}

.imagespager a:hover {
	background-color: #090;
}

.imagespager .jp-disabled {
	color: #bbb;
}

.imagespager .jp-current {
	background-color: #111;
}

.imagespager .jp-current:hover {
	background-color: #111;
}

.single-yearbook .yearbook-uni {
	padding-top: 0;
	margin-bottom: 20px !important;
	font-size: 34px !important;
}

.single-yearbook .yearbook-uni a:hover {
	color: rgba(255,255,255,.8) !important;
}

.single-yearbook .column3 {
	width: 161px;
	position: absolute;
	top: 0;
	right: 0;
}

.yearbook-exhibit-title, .yearbook-dates {
	font-size: 16px;
	padding: 4px 0;
	color: #fff;
}

.yearbook-gallery-wrap {
	width: 1085px;
	margin-bottom: 30px;
	overflow: hidden;
}

.single-yearbook .main-image {
	width: 820px;
	height: 500px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	padding: 40px;
	position: relative;
	cursor: pointer;
}


.single-yearbook .main-image .info-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
}

.single-yearbook .main-image .info-wrapper a {
	color: #fff;
}

.single-yearbook .main-image .image-overlay {
	background: -moz-linear-gradient(-20deg,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0) 56%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(65%,rgba(0,0,0,0)), color-stop(56%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-20deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 56%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-20deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 56%); /* Opera 11.10+ */
background: -ms-linear-gradient(-20deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 56%); /* IE10+ */
background: linear-gradient(120deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 56%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.single-yearbook .main-image:hover .image-overlay {
	background-color: rgba(100,100,100,.2); 
}

.single-yearbook .main-image .open-gallery {
	border: 2px solid #fff;
	padding: 10px 20px;
	color: #fff;
	position: absolute;
	left: 40px;
	bottom: 40px;
	z-index: 2;
}

#gallery-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #fff;
	left: 0;
	top: 0;
	z-index: 999;
	overflow: scroll;
}

.single-yearbook #slb_viewer_wrap .slb_theme_slb_baseline .slb_viewer_overlay {
	background-color: #fff;
	opacity: .9 !important;
}
#gallery-overlay .close, .slb_container .close {
	position: fixed;
	top: 30px;
	right: 40px;
	font-size: 40px;
	cursor: pointer;
	z-index: 99;
	text-decoration: none;
}

.slb_container .close {
	top: 52px !important;
}

#gallery-overlay .close:hover, .slb_container .close:hover {
	color: #090;
}

#gallery-overlay .info-wrapper {
	margin: 30px;
}

#gallery-overlay .yearbook-exhibit-title,
#gallery-overlay .yearbook-dates {
	color: #777;
	font-size: 13px;
}

.single-yearbook #gallery-overlay .yearbook-uni {
	font-size: 24px !important;
	margin-bottom: 10px !important;
}

.single-yearbook .main-image .open-gallery:hover {
	cursor: pointer;
	background-color: #fff;
}

.single-yearbook .main-image img {
	width: 100%;
}

#yearbook-gallery {
	width: 100%;
	float: left;
	min-height: 486px;
	position: relative;
}

#yearbook-gallery ul {
	min-height: 486px;
	padding: 0;
	width: 90%;
	margin: 0px auto 100px;
	text-align: center;
}

#yearbook-gallery li {
	list-style-type: none;
	float: none;
	display: inline-table;
	position: relative;
	text-align: center;
	width: 290px;
	margin: 0 30px 80px;
}

#yearbook-gallery li a {
	height: 250px;
	width: 290px;
	display: block;
	text-align: center;
	white-space: nowrap;
}

#yearbook-gallery li a:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

#yearbook-gallery li a img {
	max-height: 250px;
	max-width: 250px;
	vertical-align: middle;
	display: inline-block;
}


#yearbook-gallery li a {
	display: inherit;
	line-height: 0;
}

#yearbook-gallery li:hover .caption {
	display: block;
}

#yearbook-gallery li .caption {
	position: absolute;
	top: 0;
	background-color: #eae4e4;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: none;
	white-space: normal;
}

#yearbook-gallery li a {
	display: inherit;
	line-height: 0;
}

#yearbook-gallery li a p {
	color: #333;
	font-size: 13px;
	margin: 30px;
}


.yearbook-description-info {
	font-size: 13px;
	line-height: 17px;
}


.yearbook-description-info-dates, .yearbook-description-info-address {
	margin-bottom: 20px;
}

.my-navigation {
	text-align: center;
	margin-bottom: 11px;
}

.my-navigation div {
	display: inline-block;
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.my-navigation .simple-pagination-page-x-of-x {
	font-weight: normal;
}