/* 51 size and colors, for front and dark pages */ 
body.category-51 #content, body.project-51 #content{
    width: 940px;
    font-family: "Georgia", Palatino, serif;
}

body.category-51.dark #content,  body.project-51.dark #content{
    background-color: #000;
}

body.category-51 div.light, body.project-51 div.light{
   background-color: #FFF;
   border-top:20px solid #8C8C8C;
   margin-top:10px;
   padding-top:10px;
}

body.category-51 div.light > p:first-letter, body.project-51 div.light > p:first-letter{
    font-weight: bold;
    font-size: 1.3em;
    padding-right: .1em;
}

body.category-51 p.light-lead, body.project-51 p.light-lead{
    color: #FFF;
    padding: 5px;
    font-size: 1.5em;
}

body.category-51 p.byline, body.project-51 p.byline{
    margin-top: 3px;
}

body.category-51 h2.subhed, body.project-51 h2.subhed{
    margin-bottom: 2px;
}

body.category-51 .rail-elements p, body.project-51 .rail-elements p{
    font-family: Arial, sans-serif;
}

body.category-51 .wp-caption-text, body.project-51 .wp-caption-text{
    font-family: Arial, sans-serif;
}

/* 51 main page logo */
#telegraph51_header_branding h1{
    background-image: url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/logo.jpg);
    text-indent: -999em;
    width: 425px;
    height: 165px;
    z-index: 1;
}
#telegraph51_header_branding h1 a{
    display: block;
    width: 425px;
    height: 165px;
}
/* 51 main page teaser text */
#telegraph51_header_tease{
    margin-top: 36px;
}

#telegraph51_header_tease p{
    font-size: 1.4em;
    line-height: 25px;
    word-spacing: 3px;
    text-align: justify;
}


/* 51 Main Nav */

/* Shift this over the logo box */
#telegraph51_header_alt ul{
    margin-left: -220px;
    margin-top: 5px;
    z-index: 10;
    margin-bottom: 0px;
}


/* Basic nav styling */
#telegraph51_header_alt ul li a {
    text-decoration: none;
}

body.dark #telegraph51_header_alt ul li a {
    color: #FFF;
}

body.dark #telegraph51_header_alt ul li a:hover, #telegraph51_header_alt ul li a:hover {
    color: #159e31;
}

body.about-us p{
    color: #fff;
    font-size: 1.2em;
    text-align: justify;
    padding-right: 10px;
}

body.about-us #content a{
        color: #fff;
}

body.about-us .rail-element p{
    font-size: 1em;
    padding-right: 0;
    font-family: "Arial", sans-serif;
    color: #363636;
} 

body.category-51 .graph, body.project-51 .graph{
    width: 780px;
    margin-left:auto;
    margin-right: auto;
}


#telegraph51_header_alt ul li{
    display:inline;
    font-size:12px;
    margin-left:4px;
    text-transform:uppercase;
}

/* 51 add background "+" image for front and dark pages */
#telegraph51_header_nav > ul li{
    background:transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/plus.jpg) no-repeat scroll 0 0;
    padding: 0 0 0 15px;
}
body.dark #telegraph51_header_nav > ul li{
    background:transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/plus_dark.jpg) no-repeat scroll 0 0;
    color: #FFF;
}

/* hide 'home' on the front page */
#telegraph51_header_nav > ul > li:first-child {
    background:transparent;
    visibility:hidden;
}
/* no + on the first item in the list after 'home' on the front page, but we do have it on the inside pages */
#telegraph51_header_nav > ul > li:first-child + li{
    background:transparent; 
}
body.dark #telegraph51_header_nav > ul > li:first-child + li{
    background:transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/plus_dark.jpg) no-repeat scroll 0 0;
}

/* show home on the inside pages */
body.dark #telegraph51_header_nav > ul > li:first-child {
    background:transparent;
    visibility:visible;
}

/* 51 subnav hightlights */
#telegraph51_header_nav ul li ul {
	float: left;
	padding: 0px 4px 4px 4px;
	margin: -2px 0 0 15px;
	display: none; /*--Hide by default--*/
	width: 100%;
}

#telegraph51_header_nav ul li ul li, body.dark #telegraph51_header_nav ul li ul li {
    background:transparent;
    padding: 0px 2px 2px 2px;
    margin: 0 2px 0 0;
    font-size: 0.9em;
}

/* Show subnav on hover */
#telegraph51_header_nav ul li:hover ul { display: block; } 


/* Keying off custom body classes per page inserted by WP, put in Sub section logo image */
body.about-us #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/aboutus.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

body.behind-the-counter #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/behindthecounter.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

body.behind-the-wheel #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/behindthewheel.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

body.black-voices #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/blackvoices.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

body.by-the-numbers #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/bythenumbers.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

body.invisible-business #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/invisiblebusiness.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

body.life-story-of-a-tree #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/lifestoryofatree.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

body.map #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/map.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

body.oaklands-eritrea #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/oaklandseritrea.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

body.oaklands-scavengers #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/oaklandsscavengers.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 126px;
}

body.the-3am-commuter #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/the3amcommuter.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

body.the-accidental-developer #telegraph51_header_branding h1{
    background: transparent url(http://media.journalism.berkeley.edu/oaknorth/2010/01/20100101_51/subsections/theaccidentaldeveloper.jpg) no-repeat scroll 0 0;
    width: 425px;
    height: 117px;
}

div.player-selector.span7{
    width: 585px;
    margin: auto;
}

.player-selector ul li{
    display: inline;
    float: left;
    width: 75px;
    margin-left: 10px;
}

.player-selector ul li:first-child{
    margin-left: 0px;
}

.player-selector ul li a img, body.project-51 #content .player-selector ul li a img{
    display: block;
    width: 75px;
    height: 75px;
}

.player-selector p{
    padding-left: 3px;
    padding-right: 3px;
}

#content .player-selector a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

#content .player-selector{
    text-align: center;
}

/* site.css for some reason floated grid_2 to the right. */
body.project-51 #content .grid_2 {
  float: left;
}

body.dark #comments, body.dark #comments a, body.dark #comments a:hover{
	color: #FFF;
}

#comments{
	padding: 5px;
}