/*BLOG CONTAINERS*/
.blogcontainer-top
{
    float:left;
    background:url(../graphics/blog/content_top.jpg) no-repeat;
    font-size:0%;
    width:660px;
    height:27px;
    margin-top:21px;
}

.blogcontainer-middle
{
    clear:left;
    float:left;
    background:url(../graphics/blog/content_middle.jpg) repeat;
    width:620px;
    padding:20px;
    padding-top:5px;
}

.blogcontainer-bottom
{
    clear:left;
    float:left;
    background:url(../graphics/blog/content_bottom.jpg) no-repeat;
    font-size:0%;
    width:660px;
    height:27px;
    margin-bottom:40px;
}

.blogcontainer-bottomcomment
{
    clear:left;
    float:left;
    background:url(../graphics/blog/content_bottom_comment.jpg) no-repeat;
    width:660px;
    height:470px;
    margin-bottom:40px;
}

.blogrightbar-top
{
    float:left;
    background:url(../graphics/blog/rightbar_top.jpg) no-repeat;
    font-size:0%;
    width:244px;
    height:51px;
}

.blogrightbar-topleft
{
    float:left;
    background:url(../graphics/blog/rss_left.gif) no-repeat;
    font-size:0%;
    width:194px;
    height:51px;
    padding:0;
    margin:0;
}

.blogrightbar-topright
{
    float:left;
    font-size:0%;
    width:50px;
    height:51px;
    padding:0;
    margin:0;
}

.blogrightbar-middle
{
    float:left;
    background:url(../graphics/blog/rightbar_middle.jpg) repeat;
    width:224px;
    padding:10px;
}

.blogrightbar-bottom
{
    float:left;
    background:url(../graphics/blog/rightbar_bottom.jpg) no-repeat;
    font-size:0%;
    width:244px;
    height:25px;
    margin-bottom:40px;
}

#blogleft
{
float:left;
width:665px;
padding-right:20px;
display:inline;
}

#blogleft p
{
    color:#333;
}

#blogleft a:link, #blogleft a:visited
{
    color: #10416D;
}

#blogleft a:hover
{
    color: #3D6487;
}

#blogleft li
{
    color:#333;
}
#blogright
{
float:left;
padding-left:25px;
width:245px;
display:inline;
}

.blogcommentform-submitbtn
{
cursor:pointer;
width:95px;
height:23px;
background:url(../graphics/blog/submit.jpg);
border:0;
margin:0;
padding:0;
}


/*VIEW BLOG STYES (viewblog.php)*/
.blog
{

}

.blog h1
{
    color:#333;
}

.blog h2
{
    color:#333;
}

.blog p
{
    color:#666;
}

.blog h3
{
    color:#333;
}

.viewblog-image
{

}

.viewblog-title
{

}

.viewblog-content
{

}

.blogcomments p
{
    color:#666;
}

.blogcomments h2
{
    color:#45A2FF;
}

.blogcomments h3
{
    color:#45A2FF;
    margin-bottom:0;
}

.blogcommentsheading
{
    color:#333;
}
/* BLOG HOMEPAGE STYLES  (blog.php) */
/* bloghomepage-blog is the container for each individual blog item on the blog page*/
.bloghomepage-blog
{
padding-bottom:20px;
margin-bottom:20px;
}

.bloghomepage-blogheading
{
    text-align:left;
}

.bloghomepage-blogheading h2
{
    color:#45A2FF;
}

.bloghomepage-blogheading p, .bloghomepage-blog p
{
    color: #666;
}

/*bloghomepage-image is the image container for each individual blog image*/
.bloghomepage-image
{

}
/*bloghomepage-content is the content container for each individual blog content*/
.bloghomepage-content
{
    color:#666;
}

/*bloghomepage-categories is the list style for the blog category list*/
.bloghomepage-categories
{
margin:0;
padding:0;
}

.bloghomepage-categories li
{
list-style:none;
padding:0;
margin:0;
}

.bloghomepage-categories li a, .bloghomepage-categories li a:visited
{
color:#ECEBE5;
font-weight:bold;
font-family:arial,calibri,verdana,times;
text-decoration:none;
}

.bloghomepage-categories li a:hover
{
text-decoration:underline;
color:#FFF;
}


/*BLOG COMMENT STYLES*/
.blogcomment-label
{
margin-bottom:10px;
}

.blogcomment-label-submit
{
    width:450px;
    text-align:center;
}

.blogcomment-field
{
display:block;
color:#333;
font-family:"arial narrow",arial,verdana;
font-weight:bold;
margin-bottom:15px;
}

.blogcomment-field input
{
width:225px;
margin-bottom:10px;
background:#f0f0f0;
border:0;
}

.blogcomment-field input.mathstest
{
    width:20px;
    margin:0;
}

.mathstestsum
{
    margin:0;
    padding:0;
    margin-top:3px;
}

.blogcomment-commentbox
{
width:620px;
height:100px;
margin-bottom:10px;
background:#f0f0f0;
border:0;
}

.blogcomment-date
{
margin:0;
padding:0;
font-size:80%;
}

.blogcomment p
{
color:#333;
font-family:"arial narrow",arial,verdana;
margin-bottom:2px;
padding:0;
font-weight:bold;
}

.error
{
color:#990000;
font-weight:bold;
}

.blogcommentformcontainer
{
    width:620px;
    text-align:left;
    margin:auto;
}

.blogcommentcontainer
{
    margin-top:10px;
}