/*---------------------------------+
 | Site: Starter                   |
 | Part: Master styles             |
 +---------------------------------*/

/* Imports
=====================================================================*/
@import url(http://fonts.googleapis.com/css?family=Merriweather:300,900|Open+Sans:400,400italic,700,700italic);
@import "/styles/reset.css";
@import "/styles/forms.css";


/* Fonts
======================================================================*/
body, #nav-secondary h3 { font-family: "Open Sans", Arial, sans-serif; }
.dek.feature h2, #footer .org, h1, #nav, #nav-secondary { font-family: Merriweather, Georgia, "Times New Roman", Times, serif; }


/* Basics
======================================================================*/
a { color: #267acc; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { border-left: 5px solid #aee1e3; font-size: 19px; padding-left: 25px; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1em; }
body { background: #ebf6ff; font-size: 15px; line-height: 1.5; padding-bottom: 2em; }
cite, em { font-style: italic; }
dt { margin-top: 1.4em; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1 { font-size: 29px; font-weight: 300; line-height: 1.27; margin-bottom: 0.6em; }
h1 span { font-size: 12px; }
h2 { font-size: 21px; line-height: 1.23; margin-bottom: 0.71em; }
h2, h3, h4, h5, h6, strong { font-weight: bold; }
h3 { font-size: 17px; line-height: 1.35; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 1.5em 0; }
input, select, textarea { font-size: 1em; }
iframe { width: 100%; }
legend { background: #fff; color: #352f8e; font-size: 1.7em; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
ol { list-style: decimal; margin-left: 1.5em; }
ol li { margin-bottom: 0.5em; }
ol ol { list-style: lower-alpha; }
select { padding: 0.1em; }
table { border-collapse: collapse; }
table p { margin: 0; }
td { vertical-align: top; }
thead th { font-size: 1em; padding: 0 0.4em 0.25em; }
ul { list-style: disc; margin-left: 1.5em; }
ul ol li { background: none; padding: 0; }

/* Stock classes */
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat li { background: none; margin: 0; padding: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#admin .ribbon { margin: 0 auto; width: 960px; }
#wrapper { clear: both; }
#footer, #header-content, #content, #nav ul, #subfooter { margin: 0 auto; width: 980px; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }
ul.c2l, ul.c2r { list-style: none; margin-left: 0; }

/* Content */
#content-primary { background: #fff; float: left; margin-bottom: 30px; padding: 20px 2%; width: 61.6%; }
#content-secondary { float: right; width: 31.29%; }

    /* Directory */
    #directory-primary { float: left; width: 65.5%; }
    #directory-secondary { float: right; width: 31.1%; }
    
    /* Full layout (no secondary content) */
    .full #content { background-image: none; }
    .full #content-primary { float: none; padding: 30px; width: auto; }
    .full #content-secondary, .full #subfooter { display: none; }


/* Content
======================================================================*/

/* Action links */
.action { font-weight: bold; }

/* Breadcrumbs */
#breadcrumbs { display: none; }

/* Blog feeds */
.blog-feed { list-style: none; margin-left: 0; }
.blog-feed li { margin: 0 0 0.25em 1em; text-indent: -1em; }
.blog-feed .mute, .blog-feed .mute a { color: #777; }
.blog-feed .mute { font-size: 0.8em; }
.panel .blog-feed li { margin: 0 0 0.25em 0; text-indent: 0; }
.panel .blog-feed .mute { font-size: 0.85em; }

/* Browse */
.browse { list-style: none; margin-left: 0; }
.browse li { display: inline; margin-right: 1em; }

/* Bylines */
.byline { color: #777; font-size: 0.85em; margin: 0; }

/* Buttons */
.donate { background: #4dc0c8; }
.donate, .subscribe { color: #fff; display: inline-block; font-size: 17px; font-weight: bold; padding: 0.4em 1em; }
.donate:hover, .subscribe:hover { opacity: 0.5; text-decoration: none; }
.subscribe { background: #174a7c; }

/* Calendar */
.cal { margin-bottom: 4em; }
.cal .date { display: block; float: left; font-size: 1.2em; font-weight: normal; line-height: 1; margin: 0.2em 0 0.5em -25%; text-align: center; width: 18%; }
.cal .date-num { display: block; font-size: 1.125em; padding: 0.2em 0 0.4em; }
.cal .date-title { display: block; font-size: 0.6em; padding: 0.2em 0 0.3em; text-transform: uppercase; }
.cal .desc { margin-left: 20%; }
.cal .title { border-top: 1px dotted #ccc; clear: both; margin-top: 0.5em; padding: 0.5em 0 0 20%; }
.panel .cal { margin-bottom: 1.5em; }
.panel .cal .date-title { font-size: 0.7em; }
.panel .cal .date-num { font-size: 1.2em; }

/* Callouts */
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
.call-l { float: left; margin: 0.5em 1em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 1em; }
.call, div.call-l, div.call-r { font-size: 0.75em; }
.call img, .call-l img, .call-r img { display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.75em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; }

/* Comments */
.comments .date { color: #6d6e71; float: left; font-size: 0.75em; margin: 0.25em 0 0 -17%; text-align: right; text-transform: uppercase; width: 14%; }
.comments dd, .comments dt { margin-left: 15%; }
.comments dt { clear: both; }
.comments dt, .comments dt strong { color: #b30214; }
.comments dd { font-size: 0.9em; }

/* Deks */
.dek { border-top: 1px solid #ddd; clear: both; margin-bottom: 25px; padding-top: 25px; }
.dek h2 { margin: 0; }
.dek img { float: right; margin: 0 0 20px 20px; }
.dek.feature { border: 0; padding-top: 0; }
.dek.feature h2 { font-size: 29px; font-weight: 300; line-height: 1.27; }
.dek.feature img { display: block; float: none; margin: 0 0 10px; }
.dek .section { color: #7f7f7f; font-size: 11px; text-transform: uppercase; }

/* Directory */
    /* Categories */
  .dir-cats dd { font-size: 0.9em; margin-bottom: 0.5em; }
  .dir-cats dt { margin: 0; }
  
    /* Detail page */
    #directory-contact { float: left; width: 48%; }
    #directory-extras { clear: left; }
    #directory-identity { float: right; width: 30%; }
    
    /* Detail page (from outside referrer) */
    #directory #header {
        border-bottom: 1px solid #ddd;
        margin-bottom: 1em;
        padding: 2em 0 0.5em;
        position: relative;
        text-align: center;
    }
    
    #directory #header-secondary, #directory #header-tertiary { display: none; }
    #directory #home-link { font-size: 0.8em; left: 3em; position: absolute; top: 5em; }
    #directory #logo { float: none; width: 100%; }
    
    /* List with thumbnails */
    .dir .title:first-child { margin: 0; }
    .dir .thumb { float: right; margin-top: 0.2em 0 0 1em; }

/* Features */
#feature { border-bottom: 3px double #ccc; padding-bottom: 0.5em; }

/* Footer */
#footer { color: #666; font-size: 13px; }
#footer p, #footer ul { margin: 0; }
#footer .vcard .org { color: #174a7c; display: block; font-size: 18px; }
#footer .vcard .adr, #footer .vcard .fax, #footer .vcard .tel { margin-right: 0.7em; }

    /* Site credit */
    #credit { float: right; text-align: right; }
    #credit a { color: #666; text-decoration: none; }
    #credit a strong { color: #267acc; display: inline; font-weight: normal; }
    #credit a:hover strong { text-decoration: underline; }
    
    /* Subfooter */
    #subfooter .donate, #subfooter .subscribe { display: block; text-align: center; }
    #subfooter h6 { margin-bottom: 0.5em; }
    #subfooter-content { background: #f8fbff; margin-bottom: 20px; padding: 20px; }

/* Header */
#header { background: #fff; padding: 25px 0; }
#header-tertiary { float: right; }

    /* Languages */
    .languages { font-size: 1.31em; line-height: 1; margin: 0; position: relative; }
    .languages li { background: none; display: inline; margin: 0 0.5em 0 0; padding: 0; }
    .languages ul { margin: 0; }
    
    /* Logo */
    #logo { float: left; }
  
    /* Search */
    #search { white-space: nowrap; }
    #search .btn { background: #174a7c; border: 0; color: #fff; padding: 0.5em 1em; }
    #search input { border-radius: 4px; font-size: 16px; vertical-align: middle; }
    #search label { display: none; }
    #search .txt { width: 14em; padding: 0.5em; }
    
    /* Utilities */
    .utilities { font-size: 0.9em; margin: 0 0 1em; }
    .utilities li { background: none; display: inline; margin: 0 0.5em 0 0; padding: 0; }

/* Hidden */
#atff, .closed { display: none; }
.skip { left: -9999em; position: absolute; }

/* Icons */
.feed { background-image: url(/images/shared/icon-feed.png); }
a.icon, .feed { background-position: 0 0.4em; background-repeat: no-repeat; padding: 3px 0 3px 19px; }
.facebook { background: url(/images/cjcj/facebook.png) no-repeat 0 0.2em; display: inline-block; padding: 5px 0 5px 28px; }
.twitter { background: url(/images/cjcj/twitter.png) no-repeat 0 0.2em; display: inline-block; padding: 5px 0 5px 28px; }
.youtube { background: url(/images/cjcj/youtube.png) no-repeat 0 0.2em; display: inline-block; padding: 5px 0 5px 28px; }

/* Maps */
.geo { display: none; }
    
    /* Window contents */
    #gwindow_contents { background-color: #fff; }
    #gwindow_contents h3 { font-size: 1.5em; line-height: 1.2; padding-right: 20px; }
    #gwindow_contents p { font-size: 1.2em; }
    
    /* Windows (new, custom popup using ExtInfoWindow) */
    /* http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/docs/examples.html */
    #gwindow { width: 150px; }
    #gwindow_b { background: url(/source/images/gwindow_b.png); height: 15px; }
    #gwindow_beak { background: url(/source/images/gwindow_beak.png); height: 49px; width: 47px; }
    #gwindow_bl { background: url(/source/images/gwindow_bl.png); height: 15px; width: 10px; }
    #gwindow_br { background: url(/source/images/gwindow_br.png); height: 15px; width: 15px; }
    #gwindow_close { background: url(/source/images/gwindow_close.png) no-repeat; cursor: pointer; height: 16px; width: 16px; }
    #gwindow_l { background: url(/source/images/gwindow_l.png); width: 10px; }
    #gwindow_r { background: url(/source/images/gwindow_r.png); width: 15px; }
    #gwindow_t { background: url(/source/images/gwindow_t.png); height: 1px; }
    #gwindow_tl { background: url(/source/images/gwindow_tl.png); height: 10px; width: 10px; }
    #gwindow_tr { background: url(/source/images/gwindow_tr.png); height: 10px; width: 15px; }

/* Muted text */
.info { color: #888; font-size: 0.75em; }
p.info { margin: 0; }

/* More links */
.more { clear: both; font-size: 1.2em; margin-bottom: 1.5em; padding-top: 0.5em; }

/* Navigation */
    /* Primary */
    #nav { background: #dcedff; border-bottom: 2px solid #fff; clear: both; font-size: 16px; margin-bottom: 30px; padding: 15px 20px; }
    #nav a { color: #174a7c; }
    #nav a:hover { color: #000; text-decoration: none; }
    #nav .current a { color: #000; font-weight: 900; }
    #nav li { display: inline; margin: 0 1em 0 0; padding: 0; }
    #nav ul { list-style: none; }
    
    /* Secondary */
    #nav-secondary { background: #fff; font-size: 17px; margin-bottom: 30px; padding: 20px; }
    #nav-secondary h3 { font-size: 15px; margin: 1em 0 0.2em; text-transform: uppercase; }
    #nav-secondary h3 a { color: #000; }
    #nav-secondary ul { list-style: none; margin: 0; }
    #nav-secondary ul > li { margin-bottom: 0.35em; }
    #nav-secondary ul > li.current > a { color: #000; font-weight: 900; }
    #nav-secondary ul ul { font-size: 15px; margin-bottom: 0.5em; }
    #nav-secondary ul ul li { background: url(/images/cjcj/bullet.png) no-repeat 0 0.45em; margin-bottom: 0.6em; padding-left: 16px; }

/* Page tools */
#page-tools { clear: both; padding-top: 30px; }

/* Panels */
#content-secondary .panel { background: #fff; margin-bottom: 30px; padding: 20px; }
#content-secondary .panel-bottom { background: #b8d4f0; }
#content-secondary .panel-top .donate, #content-secondary .panel-top .subscribe { display: block; text-align: center; }

/* Summary lists */
.sums dt { clear: both; font-size: 21px; font-weight: bold; line-height: 1.23; margin: 0 0 0.25em; padding-top: 25px; }
.sums dt:first-child { border: 0; margin: 0; padding-top: 0; }
.sums .thumb { float: right; margin: 0 0 25px 20px; }

    /* Directory lists */
    .sum-directory dt { border-top: 1px solid #ddd; margin-top: 0.5em; }
    .sum-directory .thumb { float: right; margin-left: 1em; }

/* Tags */
.tags { font-size: 1.1em; line-height: 2.3em; list-style: none; margin-left: 0; }
.tags li { background: none; display: inline; margin-right: 0.5em; padding: 0; }
.tags li a { white-space: nowrap; }

.t-1 { font-size: 0.9em; }
.t-2 { font-size: 1em; }
.t-3 { font-size: 1.1em; }
.t-4 { font-size: 1.2em; }
.t-5 { font-size: 1.3em; }
.t-6 { font-size: 1.4em; }
.t-7 { font-size: 1.5em; }
.t-8 { font-size: 1.6em; }
.t-9 { font-size: 1.7em; }
.t-10 { font-size: 1.8em; }
.t-11 { font-size: 1.9em; }
.t-12 { font-size: 2em; }
.t-13 { font-size: 2.1em; }
.t-14 { font-size: 2.2em; }
.t-15 { font-size: 2.3em; }