/*
commented out because of webkit issues
a { 
font-weight: bolder;
color: #0a0a34;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a.visited {
text-decoration: underline;
color: #DE8E03;
}*/ 

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

#blog_banner {
float: left;
width: 620px;
min-height: 70px;
margin-top: 5px;
padding-right: 18px;
}

.blogTitleTop {
float:left;
width: 100%;
height: 8px;
background: url(/images/blogTop.jpg) top left no-repeat
}

.blogTitleMiddle {
float:left;
width: 100%;
padding-left: 10px;
min-height: 10px;
padding-bottom: 5px;
overflow:visible;
background: url(/images/blogMiddle.jpg) top left repeat-y
}

.blogTitleBottom {
float:left;
width: 100%;
height: 10px;
background: url(/images/blogBottom.jpg) top left no-repeat
}

.blogTitleContain {
float: left;
width: 98%;
}

p.bprofile {
margin-top: 10px;
}

.blog_profile_rss{
float: right;
width:45%;
text-align: center;
}

.blog_profile_rss{
width: 100%;
}

.blog_share{
margin-top: 5px;
width: 100%;
float: left;
}

.blog_shareT{
width: 100%;
}

.shareBlog{
text-align: center;
width: 20%;
}

.blog_rss{
margin-top: 5px;
float: right;
width:35%;
text-align: center;
}

.blog_profile_description{
float: right;
width:99.5%;
color: #0a0a34;
margin-bottom: 5px;
}

.junk_box{
float: right;
width: 315px;
color: #000;
}

.rate_blog{
width: 30%; 
float: left;
margin: 5px 0px 0px 30px; 
height: 100px;
}

.comment_checkbox_holder {
width: 60%; 
float: left; 
border-right: 1px solid #c9c9c9; 
margin-top: 5px; 
height: 100px;
}

.other_blogs{
float: right;
width:99.5%;
color: #0a0a34;
}

.blog_article{
float: left;
margin: 10px 0px 10px;
text-align: left;
color: #0a0a34;
font-size: 110%; 
padding-right: 5px; 
width:97.5%
}

.blog_title{
color: #0a0a34;
font-weight: bolder;
font-size: 200%;
text-align: left;
margin-top: 15px;
width: 96%
}

.blog_pics {
clear: left;
float: left;
max-width:350px;
margin:15px 5px 5px 3px;
text-align: center
}

.blogSummary{
width: 100%;
float: left;
margin-top: 5px;
}

div.article, div.article p{
font-size: 110%;
line-height: 150%;
}

#blog_comments{
margin-top: 10px;
float: left;
width: 100%;
}

/* Major thanks to Remy Sharp! http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/ */
#tweet {
  float: right;
  width: 315px;
  color: #0a0a34;
  font-size: 110%;
  margin-bottom: 5px;
  border: none;
}

#tweet a {
  color: #0a0a34;
  text-decoration: none;
}

#tweet a:hover,
#tweet a:focus {
  background-color: #fff;
  color: #b3b3b3;
}

#tweet ul {
  font-size: 1em;
}

#tweet ul li {
padding-top: 15px;
padding-left: 5px;
list-style-type:none;
}

/** Style the tweets */


#tweet div.time {
  margin-top: 3px;
  font-size: 65%;
  color: #0a0a34;
  text-align:right;
  width: 300px;
}

#twitter {
border-bottom: 1px solid #0a0a34;
text-align: center;
width: 315px;
margin-top: 10px;
float: right;
border-left: none;
}

.blog_twitter{
margin-top: 10px;
float: right;
width: 315px;
color: #000;
}

.blog_status{
}

.blog_prefix{
}

.blog_wrapper, .blog_wrapperL {
padding-top: 10px;
float: left;
width:100%;
min-height:400px;
padding-bottom: 15px;
}

.blog_wrapperL {
border: none;
}

.blog_bottom {
float: left;
width: 610px;
font-size: 90%;
text-align: right;
margin: 0px 8px 10px 0px;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
padding: 3px 0px 3px 0px;
}

.blog_preview_contain {
float: left;
width:100%; 
min-height:350px;
}

.page_nav{
margin: 5px 0px 5px;
color: #0a0a34;
float: right;
width: 100%;
text-align: right;
}

.blog_profile {
width: 315px;
float: right;
text-align: center;
margin-bottom: 10px;
}

.blog_left {
float: right;
width: 315px;
color: #000;
padding: 7px;
background-color: #eeeeee;
border: 1px solid #d3d3d3;
}

.blog_right {
width: 620px;
float: left;
}

.blog_list{
width: 100%;
margin-top: 3px;
float: left;
width: 315px;
color: #000;
}

.tweet_meme{
float: left;
text-align: left;
margin-left: 5px;
}

.blog_clear {
padding: 5px 0 5px;
margin-top: -1px;
float: left;
width:100%;
color: #0a0a34;
border-top: 1px solid #0a0a34; padding: 5px 0 5px;
background: #fff;
}

.blog_blue {
padding: 5px 0 5px;
margin-top: -1px;
float: left;
width:100%;
background: #f7fbff;
color: #0a0a34;
border-top: 1px solid #0a0a34; padding: 5px 0 5px;
}

.blog_comment_profile {
float:left;
text-align: center;
width: 16%;
min-height: 100px;
margin: 0px 15px;

}

.comment_rating {
float: left;
margin-top: 15px;
text-align: center;
width: 100%;
}

.blog_comment_header {
font-weight: bold;
float: left;
width: 76%;
padding-bottom: 5px;
border-bottom: 1px solid #c9c9c9;
}

.blog_comment_content {
float:left;
padding-top: 5px;
padding-bottom: 5px;
width: 76%;
min-height: 100px;
}

.blog_album{
float: left;
width: 100%;
height: 400px;
overflow:scroll;
}

.blog_photo_thumbnail{
text-align: center;
float: left;
width: 215px;
height: 150px;
overflow:hidden;
}

.blog_photo_item{
text-align: left;
float: left;
width: 215px;
height: 350px;
}

.blog_photo_form{
float: left;
width: 215px;
text-align: center;
}

#profile_roll{
float: left;
width: 100%;
}

a.blogrollName{
font-size: 140%;
text-decoration: none;
}

a.blogrollTitle{
font-size: 100%;
}

.blogrollDate, .recentCommentsDate{
float: right;
width: 100%;
text-align: right;
font-size: 80%;
font-style:italic;
}

.blogrollItem, .recentComments, .recentCommentsL{
margin-top: 8px;
width: 100%;
float: left;
}

a.comment_link {
font-size: 80%;	
}

.gobacktolist{
width: 100%;
float: left;
text-align: center;
font-size: 130%;
margin-top: 20px;
padding: 10px 0px;
border-bottom: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
}

.post_nav {
float: left;
width: 33%;
min-height: 30px;
}

a.post_nav_link{
text-decoration: none;	
}
a.post_nav_link:hover{
text-decoration: underline;	
}

.recentComments {
padding-bottom: 3px;
border-bottom: 1px solid #c9c9c9;
}

.recentCommentsTitle{
font-size: 110%;	
}

.recent_comments{
width: 100%;
float: right;
margin-top: 10px;
}

a.blogCommentLink, a.blog_title {
text-decoration: none;	
}

a.blog_title {
font-size: 90%;	
}

a.blogCommentLink:hover {
text-decoration: underline;	
}

.archive_month{
width: 315px;
height: 1px;
visibility: hidden;
padding-left: 10px;
}

.archive_year {
width: 315px;
height: 1px;
visibility: hidden;
padding-left: 5px;
}