/*
   bellnews.css
   balp
   
   Created by Tanner Netterville on 2009-05-07.
   Copyright 2009 cabedge.com LLC. All rights reserved.
*/

body {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    line-height: 1.4em;
    text-align: center;
}

a { color: #c80008; }

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

.clear { clear: both; }

#header {
    position: relative;
    margin: 0 23px;
    height: 93px;
}

#logo a {
    display: block;
    width: 211px;
    height: 93px;
    background: url(/static/images/newsletters/header-logo.png) no-repeat;
}
#logo a span { display: none; }

#bell-link a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 228px;
    height: 104px;
    background: url(/static/images/newsletters/header-bell-link.png) no-repeat;
}
#bell-link a span { display: none; }

#container {
    width: 937px;
    margin: 0 auto;
    padding: 7px 15px 0 15px;
    text-align: left;
    background: url(/static/images/newsletters/container-bg.jpg) no-repeat;
}

#content-main {
    float: left;
    width: 603px;
    margin: 0 60px 92px 23px;
}

h2.category-header,
h2.article-header {
    position: relative;
    padding: 0 1em;
    height: 30px;
    font-family: "Times New Roman", serif;
    font-size: 1.5em;
    line-height: 2em;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: #fff;
    background: #c80008;
}


#connect-links {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 12px;
    border-left: 1px solid #fff;
}

#connect-links a {
    height: 30px;
    width: 30px;
    float: left;
}

#connect-links .print { background: url(/static/images/newsletters/connect-print.gif) }
#connect-links .email { background: url(/static/images/newsletters/connect-email.gif) }
#connect-links .feed { background: url(/static/images/newsletters/connect-feed.gif) }

#connect-links span {
    display: none;
}

#connect-links #email-form {
    display: none;
    position: absolute;
    top: 30px;
    right: 0px;
    padding: 1px 1ex 2px 1em;
    font-size: 0.8em;
    font-family: Verdana, sans-serif;
    white-space: nowrap;
    text-transform: capitalize;
    letter-spacing: 0;
    border: 1px solid #fff;
    border-right: none;
    background: #393835;
}
#connect-links #email-form label {
    margin: 0 1em 0 0;
}
#email-form input.submit {
    font-size: 11px;
    height: 23px;
    margin: 0 0 0 3px;
    font-weight: bold;
    color: #fff;
    background: #e50013 url(/static/images/newsletters/side-submit-bg.gif);
    border: none;
    cursor: pointer;
}

#more-articles h3 {
    margin: 2em 0 1ex 0;
    font-size: 18px;
}

#more-articles ul {
    list-style-type: disc;
    list-style-position: inside;
}

#more-articles li {
    line-height: 1.8em;
}

#more-articles a {
    font-size: 14px;
}

.featured-article .headline a,
.article h1.headline,
.markdown h1 {
    display: block;
    margin: 1em 0;
    font-size: 2.1em;
    line-height: 1.2em;
    font-weight: bold;
    color: #df1733;
    text-decoration: none;
}

.markdown { color: #393835; }

.markdown h2 {
    font-size: 1.8em;
    line-height: 1.222em;
    font-style: italic;
    color: #000;
}

.markdown h3 {
    font-size: 1.6em;
    line-height: 1.25em;
    font-style: italic;
    color: #000;
}

.markdown h4 {
    font-size:1.4em;
    line-height: 1.429em;
    font-style: italic;
    color: #000;
}

.markdown h5 {
    font-size:1.3em;
    line-height: 1.538em;
    font-style: italic;
    color: #000;
}

.markdown p {
    margin: 1.538em 0;
    font-size: 1.3em;
    line-height: 1.538em;
}

.markdown ul,
.markdown ol {
    margin: 1.538em 0 1.538em 2em;
    font-size: 1.3em;
    line-height: 1.538em;
}
.markdown ul { list-style: disc outside; }
.markdown ol { list-style: decimal outside; }

.category .markdown img,
.article .markdown img { clear: left; float: left; margin: 1ex 1.5em 1ex 0; }

.featured-article {
    border-top: 3px solid #cbcbcb;
}
.featured-article .headline a {
    margin: 1ex 0;
}
.featured-article .markdown h1,
.featured-article .markdown h2,
.featured-article .markdown h3,
.featured-article .markdown h4,
.featured-article .markdown h5 {
    font-size:1.4em;
    line-height: 1.429em;
    font-size: 1.8em;
    line-height: 1.222em;
}
.featured-article .markdown p {
    margin: 1em 0;
}

.featured-article .markdown img {
    float: left;
}

#content-side {
    float: left;
    width: 228px;
    margin: 34px 0 64px 0;
}

#content-side h2,
#footer h2 {
    padding: 0 1ex;
    margin: 6px 0;
    font-size: 1.1em;
    line-height: 2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #393835;
}
#content-side h2 {
    margin: 32px 0 6px 0;
}

#content-side label { display: none; }
#content-side input { display: block; }
#content-side input {
    margin: 8px 0;
    padding: 4px;
    width: 220px;
    height: 12px;
    font-size: 10px;
    line-height: 12px;
    border: none;
    background: #eee url(/static/images/newsletters/side-input-bg.gif);
}
#content-side input.submit {
    display: block;
    padding: 6px;
    height: 23px;
    width: auto;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    color: #fff;
    background: #e50013 url(/static/images/newsletters/side-submit-bg.gif);
    border: none;
    cursor: pointer;
}

#content-side .errorlist {
    color: #e50013;
}

#categories li {
    padding: 2px 0;
    border-bottom: 1px solid #a6a4a4;
}

#categories a {
    display: block;
    font-size: 1.2em;
    padding: 1ex;
    text-decoration: none;
}

#featured-project a { text-decoration: none; }
#featured-project img { width: 228px; }
#featured-project span {
    font-size: 1.3em;
    line-height: 1.538em;
    text-decoration: underline;
}



#footer {
    clear: both;
    padding: 0 23px;
}
#footer h2 { 
    padding: 3px 27px;
    margin: 3px 0;
}
#footer-projects {
    padding: 1em 6px 1.5em 6px;
    background: #670e12 url(/static/images/newsletters/footer-bg.jpg) repeat-x;
}
#footer-projects .projects {
    float: left;
    width: 251px;
    margin: 0 21px;
}
#footer-projects .project {
    display: block;
    padding: 1em 0;
    font-size: 1.1em;
    line-height: 1.8em;
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid #ac6468;
    border-bottom: 1px solid rgba(255,255,255,0.35);
}
#footer-projects .last {
    border-bottom: none;
}
#footer-projects .project strong,
#footer-projects .project em { display: block; }
#footer-projects a:hover {
    background: rgba(255,255,255,0.05);
}

#copyright {
    padding: 2em 23px;
    color: #fff;
    background: #57090c;
}
#copyright a {
    color: #fff;
    text-decoration: none;
}
#copyright a:hover {
    background: rgba(255,255,255,0.1);
}