h1 { margin-top: 0; font-size: 19px; font-weight: bold; color: #080000;} 

.class1 A:link {color: #000000;}
.class1 A:visited {color: #000000;}
.class1 A:active {color: #000000;}
.class1 A:hover {text-decoration: underline; color: 993300;}

.class2 A:link {text-decoration: underline; color: blue;}
.class2 A:visited {text-decoration: underline; color: blue;}
.class2 A:active {text-decoration: underline; color: blue;}
.class2 A:hover {text-decoration: underline; color: green;}

p.tags {font-size:13px;}
p.date {font-size:12px; font-style:italic;}

.center2 {
   text-align: center;
}

.size12 {font-size:12px;}

.homeh2 {margin: 0 0 25px 0; font-size: 21px; font-weight: bold; color:#333366;}

.homeh2b {font-size: 21px; font-weight: bold; color:#000080;}

.date {font-size:12px; font-style:italic;}

div.blog
{
width:660px;
text-align: left;
border:0px dotted;
margin-left: auto ;
margin-right: auto ;
border-color:#000000;
padding: 10px;
margin-bottom: 25px;
}

.blog img {float:left; margin:0 10px 0 20px;}
.blog p {overflow: hidden; font-size: 17px;}

#wrapper {
border-width: 1px;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
padding: 0px;
border-style: dotted;
}

a.elem1 {text-decoration:none; color: #333366}

a.elem2 {color: #000080; font-size: 16px; font-weight: 700;}

a.elem6 {text-decoration: none; font-size: 14px; color: black; font-weight: lighter;}

p.border {border-width: 1px; border-style: dotted; }

p {font-size: 17px; }

.first {font-size: 17px; }

.mobileblog {text-align:left; font-size: 17px; border-width: 1px; margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; 
padding: 0px; border-style: dotted;}
.mobileblog H1 { font-size: 150%; font-weight: bold; color: #333366;} 
.mobileblog H2 { font-size: 125%; font-weight: bold; color: #333366;} 
.mobileblog img { max-width: 250px; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.social {margin-top: 11px; margin-bottom: 11px; margin-left: 0}
.social h3 {float: left; width: 75px; font-size: 13px;}
.social ul {width: 600px; list-style-type: none; margin-left: 0; padding-left: 0;}
.social li {float: left; }
.social #facebook {width: 95px; margin-left: 4px; }
.social #perm {width: 90px; margin-left: 0px; }
.social #twitter {width: 100px; margin-left: 0px; }
.social #sharethis {width: 90px; margin-left: 4px; }
.social #google {width: 50px; margin-left: 4px; }
.social #digg {width: 100px; margin-left: 4px; }
.social #stumbleupon {width: 90px; margin-left: 4px; }
.social #reddit {width: 90px; margin-left: 4px; }

.begin {margin-top: 0px; margin-bottom: 0px; margin-left: 0; padding: 0;}
.begin h3 {float: left; width: 75px; font-size: 13px;}
.begin ul {width: 170px; list-style-type: none; margin: 0; padding: 0;}
.begin li {float: left; margin: 0; padding: 0;}
.begin #facebook {width: 90px; margin-left: 0px; }
.begin #twitter {width: 50px; margin-left: 1px; }

.img-crop {
    width: 135px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}
.img-crop img {
    width: 100%
}