body{
background-color:#0F1745;
margin:0 auto;
padding:0;
background-image:url(http://anglican1000.org/img/body-bkgr.jpg);
background-position:top center;
background-repeat:no-repeat;
}
p, a, div, span, img{
margin:0;
padding:0;
}
h3{
font-family:arial black, arial, sans-serif;
font-size:12px;
font-weight:bold;
}
img{
border-style:none;
}
#page-wrap{
width:960px;
margin:0 auto;
}
#interior-wrap{
width:960px;
margin:0 auto;
}
#article-wrap{
width:680px;
padding:20px;
float:left;
}
#header-wrap{
width:960px;
height:150px;
}
#header{
width:960px;
height:150px;
position:relative;
background-image:url(http://anglican1000.org/img/header.jpg);
background-repeat:no-repeat;
}
#search{
position:absolute;
top:100px;
right:10px;
color:#ddd;
font-family:arial black, arial, sans-serif;
font-size:11px;
}
#search input{
font-size:11px;
color:#999;
}
#search a:link{
color:#ddd;
text-decoration:none;
}
#search a:visited{
color:#ddd;
text-decoration:none;
}
#search a:hover{
color:#eee;
text-decoration:underline;
}
#search a:active{
color:#ddd;
text-decoration:none;
}
#content-wrap{
width:960px;
padding:0px;
position:relative;
margin:0 auto;
}
#right-sidebar{
float:left;
width:240px;
height:410px;
background-color:#692F34;
background-image:url(http://anglican1000.org/img/right-sidebar-bkgr.gif);
margin:0;
padding:0;
}
#right-sidebar img{
margin:0;
padding:0;
border-style:none;
float:left;
}

#marquee{
width:720px;
height:410px;
float:left;
margin:0;
padding:0;
background-color:#fff;
}

#dock{
width:720px;
height:125px;
float:left;
cursor:default;
}

#acnaBadge{
width:240px;
float:left;
}
#acnaBadge p{
color:#ddd;
font-family:arial;
font-size:10px;
margin-top:0;
}
#acnaBadge img{
border-style:none;
}

#footer{
width:720px;
height:150px;
float:left;
text-align:center;
color:#999;
font-family:arial, arial, sans-serif;
font-size:11px;
margin-top:20px;
}
#footer a:link{
color:#999;
text-decoration:underline;
}
#footer a:visited{
color:#999;
text-decoration:underline;
}
#footer a:hover{
color:#eee;
text-decoration:underline;
}
#footer a:active{
color:#999;
text-decoration:underline;
}

        #main{
            width:960px;
            float:left;
            margin:0;
            padding:0px;
            font-family:arial, sans-serif;
background-image:url(http://anglican1000.org/img/content-bkgr.gif);
background-repeat:repeat-y;
        }
            #main img.articleImg{
                float:left;
                padding:3px;
                margin-right:10px;
                margin-bottom:5px;
                border:1px solid #ccc;
            }
            #main p{
                font-size:12px;
                margin-bottom:15px;
                color:#444;
            }
            #main h1{
                font-family:arial black, arial, sans-serif;
                font-size:30px;
                color:#080F38;
                margin-top:10px;
                margin-bottom:10px;
                letter-spacing:-.05em;
                line-height:100%;
                padding-top:0;
            }
            #main h2{
                font-size:18px;
                font-family:georgia, serif;
                font-weight:normal;
                font-style:italic;
                color:#080F38;
            }
            #main h2 a:link{
                text-decoration:none;
                color:#080F38;
            }
            #main h2 a:visited{
                text-decoration:none;
                color:#080F38;
            }
            #main h2 a:hover{
                text-decoration:none;
                color:#0000ff;
            }
            #main h2 a:active{
                text-decoration:none;
                color:#080F38;
            }
                

/***************************
**  JQDOCK : EXAMPLE CSS  **
***************************/
#menu4 {margin-top:30px;margin-left:50px;}
/*if you want to space the images out you can pad them, BUT...
(a) be aware that for any coefficient other than 1 (linear) this can (will) throw out calculation of the leading edge of the menu
(b) use a DOCTYPE, otherwise IE will get the spacing wrong
(c) Opera v9.5 sometimes has problems with the main axis dimension that I haven't managed to solve yet
for example...*/
#menu4 img {padding:0px 12px;border:1px solid #999;cursor:pointer}

/*dock styling...*/
/*docks (div.jqDock) get absolute position, zero padding and margin, and visible overflow; width and height are calculated*/
/*...set a default dock background colour...*/
div.jqDock {background-color:transparent;}
/*...override background colour and/or border for specific demo docks...*/
#menu4 div.jqDock {border:none; padding:8px}

/*label styling...*/
/*labels (div.jqDockLabel) only get absolute position and zero margin (with top and left being calculated); the rest is up to you*/
/*...let's set some defaults...*/
div.jqDockLabel {font-family:helvetica;letter-spacing:-.06em;border:0px none; padding:0px 4px; font-weight:bold; font-size:14px; font-style:normal; white-space:nowrap; color:#fff; background-color:transparent;}
div.jqDockLabelLink {cursor:pointer;}
div.jqDockLabelImage {cursor:default;}
/*...and some overrides...*/
/*...give the right-hand vertical a smaller, non-bold, deep red label, on a white background...*/
#menu2 div.jqDockLabel {color:#cc0000; background-color:#ffffff; padding:1px; font-size:14px; font-weight:normal;}
/*...and the left-hand vertical (with the black background) a white, smaller, label...*/
#menu5 div.jqDockLabel {color:#ffffff; padding:0px;}

/* top button styling */

/* home button */
#homeBtn{
width:82px;
height:21px;
margin:auto;
position:relative;
top:129px;
left:0px;
float:left;
display:block;
}
#homeBtn a{
background-image:url(http://anglican1000.org/img/home-off.png);
background-repeat: no-repeat;
position:relative;
float:left;
display:block;
width:82px;
height:21px;
}
#homeBtn span.hover{
width:82px;
height:21px;
background-image:url(http://anglican1000.org/img/home-on.png);
background-repeat: no-repeat;
position:relative;
float:left;
display:block;
}

/* join button */
#joinBtn{
width:97px;
height:21px;
margin:auto;
position:relative;
top:129px;
left:0px;
float:left;
display:block;
}
#joinBtn a{
background-image:url(http://anglican1000.org/img/join-off.png);
background-repeat: no-repeat;
position:relative;
float:left;
display:block;
width:97px;
height:21px;
}
#joinBtn span.hover{
width:97px;
height:21px;
background-image:url(http://anglican1000.org/img/join-on.png);
background-repeat: no-repeat;
position:relative;
float:left;
display:block;
}

/* plants button */
#plantsBtn{
width:204px;
height:21px;
margin:auto;
position:relative;
top:129px;
left:0px;
float:left;
display:block;
}
#plantsBtn a{
background-image:url(http://anglican1000.org/img/plants-off.png);
background-repeat: no-repeat;
position:relative;
float:left;
display:block;
width:204px;
height:21px;
}
#plantsBtn span.hover{
width:204px;
height:21px;
background-image:url(http://anglican1000.org/img/plants-on.png);
background-repeat: no-repeat;
position:relative;
float:left;
display:block;
}

/* resources button */
#resBtn{
width:172px;
height:21px;
margin:auto;
position:relative;
top:129px;
left:0px;
float:left;
display:block;
}
#resBtn a{
background-image:url(http://anglican1000.org/img/res-off.png);
background-repeat: no-repeat;
position:relative;
float:left;
display:block;
width:172px;
height:21px;
}
#resBtn span.hover{
width:172px;
height:21px;
background-image:url(http://anglican1000.org/img/res-on.png);
background-repeat: no-repeat;
position:relative;
float:left;
display:block;
}

/* realtime button */
#realtimeBtn{
width:165px;
height:21px;
margin:auto;
position:relative;
top:129px;
left:0px;
float:left;
display:block;
}
#realtimeBtn a{
background-image:url(http://anglican1000.org/img/realtime-off.png);
background-repeat: no-repeat;
position:relative;
float:left;
display:block;
width:165px;
height:21px;
}
#realtimeBtn span.hover{
width:165px;
height:21px;
background-image:url(http://anglican1000.org/img/realtime-on.png);
background-repeat: no-repeat;
position:relative;
float:left;
display:block;
}
#twitterstreamWrap{
width:220px;
height:400px;
float:left;
padding-top:10px;
padding-left:10px;
font-size:11px;
font-family:arial, sans-serif;
overflow:auto;
}
#twitterstreamWrap h3{
margin:0;
padding:0;
}
#twitterstream{
width:280px;
height:400px;
padding-top:10px;
padding-left:10px;
}
.twitter_container{
color:#444;
border-bottom:solid 1px #DEDEDE;
padding:6px;
}
.twitter_container p{
margin:0;
padding:0;
}
.twitter_author{
color:#555;
}
.twitter_container a:link{
color:#0066CC;
font-weight:bold;
}
.twitter_container a:visited{
color:#0066CC;
font-weight:bold;
}
.twitter_container a:hover{
color:#0066CC;
font-weight:bold;
}
.twitter_container a:active{
color:#0066CC;
font-weight:bold;
}
.twitter_image{
float:left;
margin-right:14px;
width:50px;
height:50px;
}
.twitter_image img{
border:solid 2px #DEDEDE;
}
.twitter_posted_at{
font-size:11px;
padding-top:4px;
color:#999;
}

#videostream{
width:400px;
float:left;
}
#slideshow{
width:350px;
float:left;
margin-left:20px;
margin-top:10px;
}
#slideshow p{
font-family:arial black, arial, sans-serif;
font-size:11px;
}
#sideEntries a{
display:block;
width:230px;
font-family:arial, sans-serif;
font-size:11px;
text-decoration:none;
color:#fff;
background-color:#692F34;
padding:5px;
border-bottom:1px solid #555;
}
#sideEntries a:link{
text-decoration:none;
color:#fff;
}
#sideEntries a:hover{
background-color:#975A5F;
text-decoration:none;
color:#fff;
}
.rollover{
border-style:none;
}
.imgLeft{
float:left;
margin-right:20px;
margin-bottom:10px;
border-style:none;
}
.comment-wrap{
border-left:2px solid #11194A;
padding:.5em;
margin-bottom:1em;
background-color:#eee;
}
.entrySummary{
border-bottom:1px solid #ddd;
margin-left:40px;
margin-top:20px;
margin-bottom:30px;
}
.entrySummary p{
margin:0;
padding:0;
font-style:normal;
}
.entrySummary img{
float:left;
margin-right:10px;
margin-bottom:7px;
}
.plant{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #ccc;
}
.fauxLink{
color:#009;
}
.fauxLink:hover{
text-decoration:underline;
cursor:pointer;
}
.hidden{
display:none;
}
.visible{
display:block;
}
#videoFeed{
display:none;
float:left;
width:520px;
height:410px;
padding-left:20px;
margin:0;
overflow:auto;
}
.podcastWrap{
border:1px solid #eee;
width:470px;
padding:10px;
font-family:arial, helvetica, verdana, sans-serif;
font-size:11px;
margin-top:10px;
}
#podcasts a:link{
text-decoration:none;
}
#podcasts a:visited{
text-decoration:none;
}
#podcasts a:hover{
text-decoration:underline;
}
#podcasts a:active{
text-decoration:none;
}
#podcasts {
display:none;
width:500px;
height:400px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
float:left;
overflow:auto;
}
#podcasts p{
font-family:arial black, arial, helvetica, sans-serif;
font-size:11px;
}
#podcasts img{
border-style:none;
}