/* CSS Document  - Winston-Salem Monthly */

body {
font-family: "Arial, Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 76%;
background-image:url(http://media.gatewaync.com/wsj/wsm/back2.jpg);
background-repeat:repeat;
background-position:top left;
background-color:#bfd4ff;
margin:0;
padding:0;
}

#sitenav
{margin-left:-5px;

}

img {
border: 0px;
padding: 0px;
}

a {
color:#cc2c2f;
text-decoration: none;

}

a:hover {
color:#a71d20;
text-decoration: underline;
}

p {
font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Arial, Lucida Grande", Verdana, Helvetica, sans-serif;
font-weight: bold;
}

h1 {
font-size: 1.92em;
}

h2 {
font-size: 1.5em;
}

#container {
width:980px;
margin: 15px auto 3px auto;
height:100%;
}


#masthead {
border-left:5px solid #ffffff;
border-right:5px solid #ffffff;
}

.home_graphic {
@margin-bottom: -4px;
}

#content_container{
padding: 0px 10px 10px 10px;
padding-left:0px;

}

.banner_ad {
width: 728px;
margin: 0px auto 0px auto;
padding: 10px 0px 10px 0px;
}

#content {
width:960px;
background-color:#ffffff;
padding: 10px;
width:100%px;
}

#article_text {
float: left;
width: 430px;
padding: 0px 15px 0px 0px;
font-family: "Arial, Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.5em;
}

.subheadline {
font-size: 1.12em;
margin: 3px 0px 0px 0px;
font-family: "Arial, Lucida Grande", Verdana, Helvetica, sans-serif;
font-weight: bold;
}
.credit_text {
font-size: .85em;
font-family: "Arial, Lucida Grande", Verdana, Helvetica, sans-serif;
line-height: 1em;
}

#photos {
/*border: 1px solid #cccccc; */
/*background-color: #FFFFFF; */
background-color: #FFFFFF;
}

#photos img {
border: 1px solid #000000;
float: right;
margin: 0px 0px 10px 0px;
}

#caption {
/*border-top: 1px solid #7f8daa;*/
/*background-color: #FFFFFF;*/
/* background-color: #FFFFFF; */
text-align: left;
font-size: .85em;
margin: 0px 0px 10px 0px;
}

#caption p {
margin: 5px 0px 0px 0px;
font-family: "Arial, Lucida Grande", Verdana, Helvetica, sans-serif;
}

/*#photos p{
margin: 3px 5px 0px 5px;
}*/

#rails {
float: left;
width: 475px;
font-size: 12px;
}

#links_rail {
float: left;
width: 300px;
padding: 0px 15px 0px 0px;
}

/*#features {
border-right: 2px solid #003399;
border-bottom: 2px solid #003399;
margin: 0px 0px 20px 0px;
padding: 0px 5px 5px 5px;
} */

#links_rail h3 {
/*margin-top: 20px;*/
margin-bottom: 0px;
padding-left: 10px;
padding-bottom: 3px;
background-color: #003399;
border: 1px solid #003399;
color: #ffffff;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
}

#links_rail h4 {
margin-top: 0px;
}

.rail_object {
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
margin: 0px 0px 20px 0px;
padding: 20px 0px 20px 0px;
font-size: 1.1em;
}


.rail_object h4 {
margin: 20px 10px 0px 10px;
font-size: 1.1em;
font-weight: bold;
}

.rail_object img {
border: 1px solid #000000;
float: left;
width: 135px;
margin: 0px 10px 0px 10px;
}

.rail_object ul {
list-style-type: none;
margin: 0px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}

.features_links {
float: left; 
width: 140px;
}

/* .cover_thumbnail {
float: left;
width: 135px;
margin: 0px 10px 0px 10px;
} */

/* #more_articles {
background-color: #bfd4ff;
border-right: 1px solid #003399;
border-bottom: 1px solid #003399;
margin: 20px 0px 20px 0px;
padding: 5px;
} */

#ad_rail {
float: left;
width: 160px;
text-align: center;
}

.ad_label {
margin: 0px 0px 3px 0px;
font-size: .80em;
letter-spacing: .25em;
color: #999999;
text-align: center;
}

.spacer {
clear: both;
}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:276px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}