/*
 * *   title:      typography for dcg 
 * *   author:     jake [at] jakejohns.net
 * *   updated:    200901
 * */



body {font:100%/1.125 Arial, Helvetica, sans-serif;}
#page {font-size:0.625em; line-height:1.3; padding:0 1em;}
#navigation, #content {font-size:1.2em;}

a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}

#footer {line-height:1.3; font-size:85%; border-top:1px solid;}

#branding strong {font-size:1.1em; font-weight:bold; text-align:right; line-height:1.2;}
#navigation {text-transform:uppercase;}

#content p {margin-bottom:1em;}

h2 {font-weight:bold; font-size:1.5em; margin-bottom:0.5em;}
h3, #newsTitles {font-weight:bold; text-transform:uppercase; line-height:1.5;}
h4 {font-weight:bold;}

.byGroupListing h3 {border-bottom:1px solid; margin:0 0 0.5em 0;}

.vevent h3 {text-transform:none;}
.vevent .dtstart, #dates a {text-transform:uppercase; font-weight:bold;}

#upcomingDates li a,
#secondary .vevent .dtstart:before,
#eventsListing .vevent.today .dtstart:before,
#eventsListing .vevent.tomorrow .dtstart:before,
#dates a:before {content:"[ ";}

#upcomingDates li a,
#secondary .vevent .dtstart:after,
#eventsListing .vevent.today .dtstart:after,
#eventsListing .vevent.tomorrow .dtstart:after,
#dates a:after {content:" ]";}

#secondary .calendar .vevent h3 {font-weight:normal;} 

#secondary .postInfo .groups,
#secondary .calendar .vevent .description,
.featured .hentry .postInfo {display:none;} 

.featured .hentry {padding:1.5em; margin-bottom:1.5em;}
.contentEntry {margin-bottom:1em;}

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

.entryMedia .photo {border:1px solid;}

.postInfo{margin:0.1em 0 0.3em 0;}

.listing .entryAdminLinks {font-size:0.7em;}
.listing .entryAdminLinks ul li {display:inline; padding-right:1em;}

.hatom .entryAdminLinks ul li, 
.vcalendar .entryAdminLinks ul li {display:inline;}

.entryController .postInfo {margin-top:1em;}

.postInfo li, 
.postInfo ul,
.postInfo address {display:inline;}

.postInfo li.dates li:after {content:" | ";}
.postInfo li.dates li:last-child:after,
#secondary .postInfo li.dates li:after {content:"";}

.postInfo li.authors li:after,
.postInfo li.organizers li:after {content:", ";}

.postInfo li.authors li:last-child:after,
.postInfo li.organizers li:last-child:after {content:"";}

.postInfo li.authors span,
.postInfo li.organizers span {display:none;}

.postInfo li.authors:before {content:" | ";}

ul#groups li div.vcard {border:1px solid; margin:0.5em; padding:1em;}

#secondary .postInfo .dates li{display:block;}

form{border:1px solid; padding:1em;}
dt#captcha-label, dt#submit-label{display:none;}
form dt {font-weight:bold; margin-bottom:0.3em;}
form dd {margin-bottom:0.5em;}
form p.description{font-size:0.9em; font-style:italic;}
input#submit{margin:1em 0 0.5em 0; font-weight:bold;}
form input{border:1px solid;}
form .required:before {content:"* ";}
form:after {content:"* denotes required field"; font-style:italic; font-size:0.9em;}

#secondary #recentNews .entry-summary {display:none;}

#partners h3 {text-decoration:underline; padding-bottom:0.5em;}

#contactsList .groupContacts {border:1px solid;}

.listing .contentEntry {border-bottom:1px solid; padding-bottom:1em;}
.listing .contentEntry:last-child {border:0; }

.paginationControl {font-size:0.85em;}
.paginationControl li a, 
.paginationControl li span{display:block; float:left; padding:0.5em;}

.paginationControl li.previous a:before,
.paginationControl li.previous span:before {content:"\00ab  ";}

.paginationControl li.next a:after,
.paginationControl li.next span:after {content:" \00BB";}


.entryController .vevent .description{margin:1em 0; padding:1em; font-weight:bold;}

#secondary .sbSection{margin-bottom:1em;}
#secondary .sbSection h3{margin-bottom:0.3em;}
#secondary .sbSection li{margin-bottom:0.25em;}

.contactList .org{display:none;}

#media-viewer {margin-bottom:1em;}

/**
 *	db typography
 */
#editorArea{padding:1em;}

.dbContent ol, .dbContent ul {margin-left:1.5em;}

.dbContent ol,
.dbContent ul,
.dbContent p, 
.dbContent table {margin-bottom:1em;} 

.dbContent ul li {margin-bottom:0.5em;}
.dbContent ul li:last-child {margin-bottom:0;}

.dbContent ul {list-style-type:square;}
.dbContent ol {list-style-type:decimal;}

.dbContent h4 {font-size:1.3em;}
.dbContent h5 {font-weight:bold;}
.dbContent h6 {text-transform:lowercase; font-variant:small-caps; font-weight:bold;}

.dbContent strong {font-weight:bold;}
.dbContent em {font-style:italic;}

.dbContent img.right {float:right; margin:0em 0 1em 1em;}
.dbContent img.left {float:left; margin:0em 1em 1em 0;}

