div.frame {
  width: 990px;
  margin: 0 auto;
  padding: 0 5px;
  text-align: left;
  background-image: url(../images/base/new_background.gif);
  background-repeat: repeat-y;
  background-position: left;
}
div.top{
  width: 980px;
  height: 160px;
}

div.top-left {
  width: 300px;
  float: left;
  position: relative;
}
img.logo {
  margin: 10px 10px 10px 10px;
}

div.share {
  height:25px;
  width:90px;
  position: absolute;
  top: 65px;
  left: 290px;
  background-image: url(../images/base/sm_share_icons.gif);
}

div.share a{
  height: 25px;
  width: 25px;
  margin: 0 4px 0 1px;
  float: left;
  text-decoration: none;
}


div.content {
  width: 960px;
  margin: 0px;
  padding: 10px 10px 10px 10px;
  background-color: #f8f8f6;
}
div.left {
  width: 508px;
  margin:0 10px 0 0;
  float: left;
}
div.right {
  width: 442px;
  margin: 0;
  float: left;
}
div.middle {
  width: 282px; 
  float: left;
}
div.right-inner {
  width: 150px;
  margin: 0;
  float: right;
}
div.bottom {
  width: 940px;
  padding: 20px;
  clear: both;
  background-color: #666;
  text-align: center;
  color: #fff;
  font-family: Arial;
  font-size: 11px;
}
div.bottom a {
  color: #fff;
  text-decoration: underline;
}
div.bottom a:hover {
  text-decoration: none;
  color: #ccc;
}

a.top-banner {
  margin: 0 0 15px 0;
  float: right;
}
div.top-search {
  width:478px;
  height: 30px;
  float:right;
  margin: 0;
  padding: 0 15px 0 0;
  text-align: right;
  background-image:url(../images/base/search_bg.png);
}
div.top-search form {
  height: 20px;
  display: block;
  font-family: Arial;
  font-weight: bold;
  font-size: 10px;
  line-height: 15px;
  margin-top: 5px;
}
div.top-search form label{
  font-family: Arial;
  font-size: 12px;
  font-weight: bolder;
  color: #222;
  font-weight: normal;
  line-height: 15px;
}

div.top-search form input {
  height: 15px;
  width: 245px;
  font-size: 12px;
  line-height: 14px;
  border: 1px solid;
  border-color: #222;
}
div.top-search form input.go{
  height: 21px;
  width: 29px;
  padding: 3px;
  color: #fff;
  text-align: left;
  background-color: #000;
  border-left: 0px;
  border-top: 0px;
  border-right:solid 1px;
  border-bottom:solid 1px;
  border-color: #999;
}
div.top-search form a {
  font-size: 10px;
  font-family: Arial;
}

div.nav {
  background-color: #222;
  width: 980px;
  height: 30px;
  margin: 0;
  clear: both;
  background-image:url(../images/base/nav_bg.png);
  background-repeat: repeat;
}
div.nav ul{
  width: 905px;
  margin: 2px 0 0 20px;
}
div.nav ul li {
  height: 30px;
  text-align: left;
  display: inline;
}
div.nav ul li a{
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  line-height: 30px;
  font-weight: bold;
  text-decoration: none;
}
div.nav ul li a:hover{ color: #555; text-decoration: underline;}
div.nav ul li.divider {
  padding: 0 15px 0 15px;
  text-align: center;color:#444;
}
div.nav ul li img{position: relative; top:4px;}

div.nav-shadow {
	height: 8px;
	width: 980px;
  margin: 0 0 10px 0;
  padding: 0;
  background-image: url(../images/base/nav_shadow.gif);
	background-repeat: repeat-x;
}

.addthis_default_style{width:135px; float: right; margin-top: -12px; font-size: 14px; line-height: 15px;}

div.panel {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 15px;
  margin: 0 0 10px 0;
}

img.line {
  width: 100%;
  height: 1px;
  margin: 5px 0;
}

div.sub {
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding: 0 15px 0 15px; 
  float: left;
}
div.sub-right {
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding: 0 15px 0 15px; 
  float: right;
}

div.clear, div.space5, div.space10, div.space20
{height:0px; line-height:0px; padding:0px; margin:0px; clear: both;}

div.space5{height:5px; line-height:1px;}
div.space10{height:10px; line-height:10px;}
div.space20{height:20px; line-height:20px;}
div.space30{height:30px; line-height:30px;}
div.space40{height:40px; line-height:40px;}

div#terrior {
  background:#fff;
  color:#000; 
  height:280px;
  width: 240px; 
  overflow: scroll;
  margin: 0 5px 0 5px;

}
div#terrior p{
  font-family: Arial;
  font-size: 11px;
  line-height: 14px;
  text-align: left;
}

div.journalist {
  padding: 5px;

}
div.journalist p {
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 8px 0 0 0;  
  font-size: 80%;
  line-height: 110%;
  clear: both;
}
div.journalist p img {float: right; margin: 0 0 8px 5px;}
div.journalist h3 {font-size: 95%;}
div.journalist h3 span {
  font-size: 70%; 
  line-height: 105%;
  font-weight: normal;
  margin-top: 5px;
}

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, p, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background-color: #b8bdc0;
	padding: 0 auto;
	margin: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Form Validation */
div#comments input.invalidInput, div#comments textarea.invalidInput {
	border-color: red;
}

/* body - panels, text, links, images, forms, table */

body {
  font: times;
  font-size: 100%;
  line-height: 125%;
  color: #333;
  }
  
h1, h2{line-height: 105%;}
h3, h4 {line-height: 110%;}

h1 {
  color: #043043;
  font-size: 200%;
  font-weight: bold;
  text-transform: uppercase;
  }
h1 a {text-decoration: none;}
h2 {
  font-size: 120%;
  text-transform: capitalize;
  font-weight: normal;
  font-style: italic;
  margin: 2px 0 4px 0;
  }
h3 {
  font-size: 95%;
  font-weight: bold;
  text-transform: uppercase;
  }
h4 {
  font-size: 90%;
  text-transform: capitalize;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 1px 0;
  }

h5{
  font-size: 100%;
  font-family: Arial;
  font-weight: bold;
  border-bottom: 1px solid #648895;
  text-transform: uppercase;
  width: 100%;
  line-height: 105%;
  margin: 0 0 10px 0;
  color: #648895;
  }

p {margin:0 0 15px 0;}

p a {text-decoration: underline;}
p a:hover {text-decoration: none;}

p.tease {
  margin: 0 0 5px 0;
  font-size: 90%;
}
p.article-id {
  font-family: Arial;
  font-variant: small-caps;
  font-size: 90%;
  line-height: 90%;
  margin: 0;
}
p.article-id span {font-size: 75%;}
p.article-id a{color:#588095; text-decoration: underline;}
p.legal {font-size: 80%;}
p.large {font-size: 120%;}

a {
  color: #043043;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:hover:vsited {
    color: #7ba0b8;
}

p.more a {
  font-size: 75%;
  font-family: Arial;
  font-weight: bold;
  float: right;
  text-decoration: underline;
  }

.bio {
  font-size: 90%;
  }
.bio p {
  margin:5px 0 5px 0;
  line-height: 120%;
  }

.bio h3 {
  color: #043043;
  font-size: 112%;
  float: left;
  width: 198px;
  margin: 0;
  }
.bio img {
  float: left;
  margin: 0 5px 5px 0; 

  }
.bio img.sm-icon {
    float: none!important; margin: 0 0 -3px 0!important;
  } 
.bio img.line {float: right; width: 198px; margin: 4px 0 0 0;}
  
ul.sm-icon li{
  width:20px; 
  float:left; 
  display:inline;
  }
ul.sm-icon li img {float: none;}

p.avg-rating {margin-bottom:0;}

.blogroll {
  height: 450px;
  overflow: auto;
  font-size: 80%;
  line-height: 110%;
}


.line {
  width: 99.9%;
  height: 1px;
  margin: 5px 0 10px 0;
}


.cc-banners {
float: left;
margin: 10px;}

/* forms */





form#search {
  margin: 0 0 4px 0;
}
form#search label{
  font-family: Arial;
  font-size: 14px;
  font-weight: bolder;
  color: #222;
  font-weight: normal;
  line-height: 16px;
}

form#search input {
  height: 16px;
  width: 120px;
  font-size: 12px;
  line-height: 14px;
  border: 1px solid;
  border-color: #222;
}
form#search input.go{
  height: 21px;
  width: 29px;
  padding: 3px;
  color: #fff;
  text-align: left;
  background-color: #000;
  border-left: 0px;
  border-top: 0px;
  border-right:solid 1px;
  border-bottom:solid 1px;
  border-color: #999;
}
form#search a {
  font-size: 10px;
  font-family: Arial;
}

form#author-login {
  margin: 0 0 4px 0;
}
form#author-login label{
  font-family: Arial;
  font-size: 12px;
  font-weight: bolder;
  color: #222;
  font-weight: normal;
  line-height: 14px;
}
form#author-login input {
  height: 16px;
  width: 120px;
  font-size: 12px;
  line-height: 14px;
  border: 1px solid;
  border-color: #222;
}
form#author-login input.login {
  width: 155px;
  margin: 2px 0 5px 0;
}
form#author-login input.password {
  width: 122px;
}
form#author-login input.go{
  height: 21px;
  width: 29px;
  padding: 3px;
  color: #fff;
  text-align: left;
  background-color: #000;
  border-left: 0px;
  border-top: 0px;
  border-right:solid 1px;
  border-bottom:solid 1px;
  border-color: #999;
}
form#author-login a {
  font-size: 10px;
  font-family: Arial;
}

div#comments {
  width: 400px;
  margin: 10px auto;
  font-family: Arial;
  font-weight: bold;
}
div#comments .comment-error { 
  color: #ff0202;
  width: 100%;
  background-color: #ccc;
}
div#comments label, table tbody tr td lable{
  margin: 40px 0 5px 0;
  font-size: 12px;
  line-height: 16px;
  color: #666;
  
} 
div#comments input, textarea {
  width: 300px;
  margin:5px auto;
  font-size: 12px;
  font-family: Arial;
  border: 1px solid #666;
}
div#comments textarea {
  width: 400px;
  height: 200px;
}  
div#comments .submit {
  height: 21px;
  width: 50px;
  padding: 3px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-left: 0px;
  border-top: 0px;
  border-right:solid 1px;
  border-bottom:solid 1px;
  border-color: #999;
}
div#comments label.checkbox input {width:14px; }
  
ul.site-map {
  margin: 20px;
  list-style-type: disc;
}
  
ul.site-map li{
  line-height: 20px;
  color: #660000;
}   
div#lz {width: 238px; height: 238px; border: 1px solid #0ba8f3; margin: 5px;}
div#lz img {margin:10px;}
div#lz ul {width: 120px; float: left; margin-left: 6px;}
div#lz a{ color: #06137c; text-decoration: none; font-size: 12px; line-height: 16px; font-weight: bold; font-family: Arial;}
div#lz a:hover {text-decoration: underline;}

ul.nested-comment {margin: 5px 15px 5px 15px; }

div.clear {clear: both; line-height: 1px; font-size: 1px;}
div.space10 {clear: both; line-height: 10px; height: 10px; padding: 0;}

div#friends {height: 525px; overflow: auto;}

div#friends ul{
  list-style-type: disc;
}

div#friends ul li{
  font-size: 14px; 
  line-height: 16px; 
  color:#444;
  margin: 0 0 0 20px;
}

ul.left-inline-ad {
  width: 476px;
  margin: 0;
  font-size: 80%;
  line-height: 110%;
  clear: both;
}
ul.left-inline-ad li {
  width: 220px;
  border-right: 1px solid #ccc;
  float: left; display: inline;
  padding: 0 10px;
  color: #043043;
  
}
ul.left-inline-ad li a {font-weight: bold; color: #0033cc;}

p.donate {
  color: #043043;
  font-size: 105%;
  font-weight: bold;
  font-family: Arial;
}
p.thanks { 
  margin: 5px 0 0 0;
  color: #043043;
  font-size: 90%;
  text-align: center;
  font-family: Arial;
  }
  
div#bookclub p{
  font-size: 90%;
  line-height: 115%;
}
div#bookclub h2 a{
  color: #990000;
  font-size: 110%;
  line-height: 110%
  font-weight: bold;
  font-style: normal;
}
div#bookclub h1 {
  font-size: 90%;
  margin: 8px 0 5px 0;
}
div#bookclub h1 span {
  color: #000;
  font-size: 75%;
}
div#bookclub img {
  float: left;
  margin: 0 10px 0 0;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating{
  cursor:pointer;
  margin:2em;
  clear:both;
  display:block
}
div.rating:after{
  content:'.';
  display:block;
  height:0;
  width:0;
  clear:both;
  visibility:hidden;
}
div.cancel,div.star{
  float:left;
  width:17px;
  height:15px;
  text-indent:-999em;
  cursor:pointer;
  display:block;
  background:transparent;
  overflow:hidden;
}
div.cancel,div.cancel a{background:url(/images/delete.gif) no-repeat 0 -16px}
div.star,div.star a{background:url(/images/star.gif) no-repeat 0 0px}
div.cancel a,div.star a{
  display:block;
  width:16px;
  height:100%;
  background-position:0 0px;
  border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */