.class1 A:link {color: #ffffff;}
.class1 A:visited {color: #ffffff;}
.class1 A:active {color: #ffffff;}
.class1 A:hover {text-decoration: underline; color: red;}

.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;}

h1 { margin-top: 0; font-size: 18px; font-weight: bold; color: #333366;} 

.center {
   text-align: center;
}

.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;}

p.credit {font-size:12px;}
p.tags {font-size:13px;}
p.date {font-size:12px; font-style:italic;}

a.elem1 {text-decoration:none; color: #333366}

a.elem2 {color: #000080; font-size: 16px; font-weight: 700;}

a.elem4 {color: #000000; font-size: 15px; font-weight: 600; text-decoration:none;}

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; }

#wrapper {
border-width: 1px;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
padding: 0px;
border-style: dotted;
}

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;}


.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: 300px; height:auto;}

.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; padding-bottom:40px;}
.social h3 {float: left; width: 75px; font-size: 13px;}
.social ul {list-style-type: none; margin-left: 0; padding-left: 0;}
.social li {float: left; font-size: 12px;}
.social #facebook {width: 95px; margin-left: 4px; }
.social #perm {width: 90px; margin-left: 0px; }
.social #twitter {width: 80px; 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; }

.no-space {
 	margin: 0px;
 	padding: 0px;
 }
 
 .ads320b {
 width: 320px ;
 margin-left: auto ;
 margin-right: auto ;
 margin-top: 25px;
 margin-bottom: 25px;
}
 
 .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; }
 
 .topbar {margin-top: 11px; margin-bottom: 0px; margin-left: 0; padding: 0;}
 .topbar h3 {float: left; width: 75px; font-size: 13px;}
 .topbar ul {width: 600px; list-style-type: none; margin: 0; padding: 0;}
 .topbar li {float: left; margin: 0; padding: 0;}
 
 .h1cat { margin-top: 0; font-size: 30px; font-weight: bold; color: #333366;} 
 
 .mobboxheader {border-style:solid; border-color:#000000;background-color:black; font-family: Arial; font-weight: bold; color: #ffffff; text-align: center;}
 
 div.mobilebox
 {
 width:270px;
 border:1px dotted;
 border-color:#000000;
 color: #000;
 font-weight: 500; 
 padding:0px;
 margin-top: 15px;
 margin-bottom: 20px;
 margin-left: auto ;
 margin-right: auto ;    
 }
 
 .mobilebox ul {list-style-type: none; padding-left: 2px; margin-top: -4px;}
 .mobilebox li {margin: 3em 0; padding: 0; font-family: Arial; font-size:12px; font-weight: 500; text-align: left; }
.mobilebox p {overflow: hidden; font-size: 12px; font-weight: 500; margin-top: 0px;}
 
 div.wwmore
 {
 width:270px;
 border-color: red;
 text-align:left; 
 font-size: normal; 
 border-width: 1px; 
 margin-top: auto; 
 margin-bottom: 15px; 
 margin-left: auto; 
 margin-right: auto; 
 padding: 0px; 
 border-style: dotted;
}
 
 .img-crop {
     width: 135px;
     height: 80px;
     overflow: hidden;
     float: left;
     margin-right: 20px;
 }
 .img-crop img {
     width: 100%
}

.img-cropc {
    width: 110px;
    height: 70px;
    overflow: hidden;
    float: left;
    margin-right: 12px;
}
.img-cropc img {  
    width: 100%; 
}

.img-cropm {
    width: 170px;
    height: 230px;
    overflow: hidden;
    float: left;
    margin-right: 12px;
}
.img-cropm img {  
    height: 100%; 
} 

.bfban {
  width: 575px ;
  margin-left: 0px;
  margin-right: auto ;
  margin-bottom: 25px;
  margin-top: 15px;
  padding:5px;  
}

.bfmob {
  width: 250px ;
  text-align: left;  
  margin-bottom: 15px;
  margin-top: 15px;
}

.fblike {
width: 200px ;
text-align: left;
margin-top: 20px;
margin-bottom: 15px;
}

.twbutton {
width: 200px ;
text-align: left;
margin-top: 20px;
margin-bottom: 15px;
}