BODY {
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
margin:0pt;
padding:0pt;
}
table {
    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}
ul {
    list-style-type:none;
}
*:link, *:visited {
text-decoration:none;
}

a:hover {
color:#fc9b00;
}
a {
color:#ffb847;
}

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }
.navigation {
        display: block;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom:10px;
        }


.home img, .articles img {
    margin:5px;
}
#header img {
    margin:0px;
}

#topheader, #footer{
    height: 12px;
    margin: 0;
    padding: 3px 5px;
    background-image: url( ../images/topheader_bg.png );
    font-family: verdana, sans-serif;
    font-size: 9px;
    color: #ccc;
}
#header {
    height: 157px;
    background-image: url( ../images/top_gradient.jpg );
}
#footer {
    position:relative;
    top:-50px;
    text-align:center;
}

#content {
    background-color: #202c60;
    position:relative;
    top:-50px;
    padding:10px;
    font-size:93%;
}

#bodycontent {
    width:800px;
    margin:0px auto;
    margin-left:auto;
    margin-right:auto;
}

#tabcenter{
    width:400px;
    margin:0px auto;
    margin-left:auto;
    margin-right:auto;
}
/* menu tabs */
#tabs {
height:50px;
position:relative;
top:-38px;
z-index:9999;
}
#menu {
    height: 50px;
    margin: 0;
    padding: 0;
}

#menu ul, #menu li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu a:link, #menu a:visited {
    width: 117px;
    height: 50px;
    color: #666;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
    text-decoration: none;
    text-align: center;
    background: url( ../images/tab_off.png ) no-repeat 0 0;
}
#menu a:link.active, #menu a:visited.active {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #000;
}



#menu a:hover {
    color: #444;
    background: url( ../images/tab_roll.png ) no-repeat 0 0;
}

.home #menu li#nav-1 a,
    .discussions #menu li#nav-2 a,
    .articles #menu li#nav-3 a,
    #tabs.section-4 #menu li#nav-4 a {
    color: #000;
    background: url( ../images/tab_on.png ) no-repeat 0 0;
}
#menu #subnav-1,
    #menu #subnav-2,
    #menu #subnav-3,
    #menu #subnav-4 {
    display: none;
    width: 90%;
}
#tabs.section-1 #menu ul#subnav-1,
    #tabs.section-2 #menu ul#subnav-2,
    #tabs.section-3 #menu ul#subnav-3,
    #tabs.section-4 #menu ul#subnav-4 {
    display: inline;
    left: 10px;
    position: absolute;
    top: 95px;
}

#tabs.section-1 #menu ul#subnav-1 a,
    #tabs.section-2 #menu ul#subnav-2 a,
    #tabs.section-3 #menu ul#subnav-3 a,
    #tabs.section-4 #menu ul#subnav-4 a {
    background: #fff;
    border: none;
    border-left: 1px solid #ccc;
    color: #999;
    font-size: smaller;
    font-weight: bold;
    line-height: 10px;
    margin-right: 4px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}



#menu ul a:hover {
    color: #f00 !important;
}



#recent_articles li , #recent_discussions li {
background-position:0pt 1px;
background-repeat:no-repeat;
margin:0pt 0pt 8px 5px;
padding:0pt 0pt 0pt 20px;    
}

#recent_discussions li {
    background-image:url(../images/icon_post.gif);
}
#recent_articles li  {
    background-image:url(../images/icon_book.gif);

}
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbroundbox {
    width: 760px;
    margin: 1em auto;
}

.box_content {
    margin:10px;
}
.box_content p ,  .box_content div, .box_content span {
    color:#aaaaaa;
}
.discussions .box_content p , .discussions .box_content div,.discussions .box_content span {
    color:#102B50;
}

.box_content p {
    line-height:1.2em;
    margin-top:0px;
}
.box_content h2 {
    margin-top:0px;
    margin-bottom:0px;
}
h2 {
    color: #C1FF68;
}

#recent_discussionsxxx {
    width:200px;
    position:absolute;
    margin-left:220px;
}

* html #recent_discussionsxx {
    margin-left:0px;
}

#recent_discussions, #recent_articles{
    border-right:1px dotted #aaa;
    padding-right:10px;
}

.clearer {
    clear:both;
}

#current_post p {
    margin-top:10px;
    margin-bottom:10px;
}
.post {
    padding: 15px 5px 15px 5px;
}

.post p {
    margin:13px 0pt;
}
h3 {
    color: #AAAAAA;
}

.box_content .meta a {
    margin:0pt 20px 0pt 0pt;
    padding:3px 0pt 3px 20px;
}

.box_content .date, .box_content .author{
    font-size:70%;
}
.box_content .permalink {
    background:transparent url(../images/icon_book.gif) no-repeat scroll 0pt 50%;
}
.box_content .comments {
    background:transparent url(../images/icon_comments.gif) no-repeat scroll 0pt 50%;
}
.box_content .subscribe {
    background:transparent url(../images/icon_subscribe.gif) no-repeat scroll 0pt 50%;
}


/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:220px;}
test

#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image img {
background:#4C5A94 none repeat scroll 0%;
border:3px solid #DBD5C5;
float:left;
height:50px;
margin:0pt 12px 12px 0pt;
padding:2px;
width:50px;
}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#4c5E94;border: none}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#commentform input  , #commentform textarea {
margin:5px 5px 1px 0pt;
width:45%;
}
#commentform textarea {
    width:100%;

}
.vb_cr {
    display:none;
}

#right_ad_block {
    float:right;
    padding-left:10px;
}

