/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders 3
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
----------------------------------------------- */


body {
  background:#123;  
  margin:0;
  padding:20px 10px;
  text-align:center;
  font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
  color:#ccc;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the 
   following widths and measurements. If you want to change 
   these measurements, the images will also need to change.
   */
#content {
  width:840px;
  margin:0 auto;
  text-align:left;
  }
#main {
  width:585px;
  float:left;
  background:#eec url("/corners_main_bot.gif") no-repeat left bottom;
  margin:15px 0 0;
  padding:0 0 10px;
  color:#333;
  font-size:97%;
  line-height:1.5em;
  }
#main2 {
  float:left;
  width:100%;
  background:url("/corners_main_top.gif") no-repeat left top;
  padding:10px 0 0;
  }
#sidebar {
  width:240px;
  float:right;
  margin:15px 0 0;
  font-size:97%;
  line-height:1.5em;
  }


/* Links
----------------------------------------------- */
a:link {
  color:#9db;
  }
a:visited {
  color:#798;
  }
a:hover {
  color:#fff;
  }
a img {
  border-width:0;
  }
#main a:link {
  color:#347;
  }
#main a:visited {
  color:#666;
  }
#main a:hover {
  color:#68a
  }


/* Blog Header
----------------------------------------------- */
#header {
/*  background:#357 url("/corners_cap_bot.gif") no-repeat left bottom; */
 background:#357 url("/headers/rotate_header.php") no-repeat left bottom; 
  margin:0 0 0;
  padding:0 0 8px;
  color:#fff;
  /*height:92px;*/
  }

#header div {
  background:url("/corners_cap_top.gif") no-repeat left top;
  padding:8px 15px 0;
  height:84px;
  }

#header div {       /* ugly IE css box model hack */
    \height: 84px;  /* ie 5 & 6 quirks mode */
    heigh\t: 84px;  /* escape back for standards mode ie6 */
}

#blog-title {
  margin:0;
  padding:10px 30px 5px;
  font-size:200%;
  line-height:1.2em;
  }

#blog-title a {
  text-decoration:none;
  color:#fff;
  }
#description {
  margin:0;
  padding:5px 30px 10px;
  font-size:94%;
  line-height:1.5em;
  color:#abc;
}

#blog-title-background, #blog-desc-background {
  color:#eec;
  padding: 0px 5px 2px 5px;
  background:#123;
  filter:alpha(opacity=77);
  -moz-opacity:0.77;
   opacity:0.77;
}

/* Posts
----------------------------------------------- */
.date-header {
  /*margin:0 28px 0 43px;*/
  margin:0;
  margin-left:20px;
  font-size:85%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#586;
  }
.post {
  margin:.3em 0 25px;
  padding:0 13px;
  /*border:1px dotted #bb9;*/
  border-width:1px 0;
  }
.post-title {
  margin:0;
  font-size:135%;
  line-height:1.5em;
  background:url("/icon_arrow.gif") no-repeat 10px .5em;
  display:block;
  /*border:1px dotted #bb9;*/
  border-width:0 1px 1px;
  padding:2px 14px 2px 29px;
  color:#333;
  text-decoration:none;
  }

.post h3 a {
	text-decoration:none;
}
 
#main a.title-link, .post-title strong {
  text-decoration:none;
  display:block;
  }
#main a.title-link:hover {
  background-color:#fff;
  color:#000;
  }
.post-body {
  /*border:1px dotted #bb9;*/
  border-width:0 1px 1px;
  border-bottom-color:#eec;
  padding:10px 14px 1px 29px;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  /*background:#fff;*/
  margin:0;
  margin-top:5px;
  padding:2px 14px 2px 29px;
/*  border:1px dotted #bb9; */
  border-bottom:1px solid #eee;
  font-size:100%;
  line-height:1.5em;
  color:#666;
  text-align:right;
/*  background:#eed; */
  }
html>body p.post-footer {
  border-bottom-color:transparent;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  /*background:url("/icon_comment.gif") no-repeat 0 45%;*/
  padding-left:5px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
/*  background:url("/icon_comment.gif") no-repeat 0 45%;*/
  padding-left:5px;
  }
.post img {
/*  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #586; */
  }

blockquote {
  margin:.75em .75em;
  border:1px dotted #596;
  border-width:1px 0;
  padding:5px 15px;
  background: url('/quote.png') 5px 5px no-repeat;
  }
.post blockquote p {
  margin:.5em 0;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
/*  border:1px dotted #6a7; */
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
/*  border-bottom:1px dotted #6a7; */
  font-size:120%;
  line-height:1.4em;
  color:#333;
  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-data {
  background: /*#eed*/ url("/icon_comment.gif") no-repeat 2px .3em;
  margin:.5em 0;
  margin-left:20px;
  padding:0 0 0 20px;
  color:#666;
  }
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  margin-left:20px;
  /*border-bottom: 1px solid #bb9;*/
  padding-left: 10px;

  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#fff;
  }
.comment-timestamp a:link {
  color:#fff;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

.comment-count-title {
	text-decoration:none;
}

/* Profile
----------------------------------------------- */
#profile-container {
  background:#586 url("/corners_prof_bot.gif") no-repeat left bottom;
  margin:0 0 15px;
  padding:0 0 10px;
  color:#fff;
  }
#profile-container h2 {
  background:url("/corners_prof_top.gif") no-repeat left top;
  padding:10px 15px .2em;
  margin:0;
  border-width:0;
  font-size:115%;
  line-height:1.5em;
  color:#fff;
  }
.profile-datablock {
  margin:0 15px .5em;
  border-top:1px dotted #7a8;
  padding-top:8px;
  }
.profile-img {display:inline;}
.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  border:4px solid #bec;
  }
.profile-data strong {
  display:block;
  }
#profile-container p {
  margin:0 15px .5em;
  }
#profile-container .profile-textblock {
  clear:left;
  }
#profile-container a {
  color:#fff;
  }
.profile-link a {
  background:url("/icon_profile.gif") no-repeat 0 .1em;
  padding-left:15px;
  font-weight:bold;
  }
ul.profile-datablock {
  list-style-type:none;
  }


/* Sidebar Boxes
----------------------------------------------- */
.box {
  background:#234 url("/corners_side_top.gif") no-repeat left top;
  margin:0 0 15px;
  padding:10px 0 0;
  color:#abc;
  }
.box2 {
  background:url("/corners_side_bot.gif") no-repeat left bottom;
  padding:0 13px 8px;
  }
.sidebar-title {
  margin:0;
  padding:0 0 .2em;
/*  border-bottom:1px dotted #456; */
  font-size:115%;
  line-height:1.5em;
  color:#abc;
  }
.box ul {
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
  }
.box ul li {
  background:url("/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #345;
  line-height:1.4em;
  }
.box p {
  margin:0 0 .6em;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  margin:0;
  padding:15px 0 0;
  }
#footer div {
  background:#357 url("/corners_cap_top.gif") no-repeat left 
top;
  padding:8px 0 0;
  color:#fff;
  }
#footer div div {
  background:url("/corners_cap_bot.gif") no-repeat left bottom;
  padding:0 15px 8px;
  }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#fff;} 

/* custom css */
#smalllinks {
  text-align:justify;
  font-size:9px;
  font-family:Tahoma, Verdana, Helvetica;
}

#embeddedImg {
  border: 1px solid rgb(0, 0, 0); 
/*  align: center; */
  display: block; 
  /*margin-left: auto; margin-right: auto;*/
margin: 0px auto 10px; 
  text-align: center;
}

.embeddedImg {
  border: 1px solid rgb(0, 0, 0); 
  padding:4px;
  text-align: center;
  display: block; 
  margin: 0px auto 10px; 
}

#countrybanner {
  margin:0;
  line-height:1.5em;
  text-align:right;
  font-size:12px;
  font-family:Tahoma, Verdana, Helvetica;
/*
  background:#C3C8D9;
  padding:2px 14px 2px 29px;
  border:1px dotted #bb9;
  border-bottom:1px solid #eee;
  color:#24006B;
*/
}

.commenthidden {display:none}
.commentshown {display:inline}

.vis_inFrequent {display:none}
.vis_Frequent {display:inline}

.annotation {
	font-style:italic;
	/*font-weight:bolder;*/
	/*cursor:help;*/
	border-width:thin;
	border-style:none none dotted none;
	/*double dotted dashed solid groove ridge inset outset*/
 }

.dropdownmenus {
  background:#234;
  color:#abc;
  width:100px;
}

.blockquotesource {
 font-weight: bold;
 font-size: 0.8em;
 text-align: right;
 padding-top: 0.5em;
}

.searchword {
background-color: yellow;
color: black;
}

#searchbox {
 margin:0 auto;
 width:200px;
}

.sidebarsearchfield {
  background:#234;
  color:#abc;
  border: 1px solid #abc;
}

.flvplayer {
  /*width:580px;*/
  padding-top:10px;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

/* style external links with CSS3 selectors 
http://www.kryogenix.org/days/2002/08/30/external
http://www.rikkertkoppes.com/thoughts/2004/10/27/#U20041215
*/

/* give each absolute path an external icon */

/*#main .post-body a[href^="http:"]:hover {content: ' ' url('/link-icon_external.png')}*/

div#main .post-body a[href^="http:"]:hover { background: url('/link-icon_external.png') right center no-repeat;
padding-right: 12px;}

div#main .comment-body a[href^="http:"]:hover { background: url('/link-icon_external.png') right center no-repeat;
padding-right: 12px;}


/* but not those in my domain */
/*#main .post-body a[href^="http://haran.org"]:after {display: none}
#main .post-body a[href^="http://www.blogger.com"]:after {display: none}*/

div#main .post-body a[href^="http://haran.org"]:hover {
 background: transparent;
 padding-right: 0px;
}

div#main .comment-body a[href^="http://haran.org"]:hover {
 background: transparent;
 padding-right: 0px;
}

div#main .post-body a[href^="http://en.wikipedia.org"]:hover { background: url('/wikipedia.png') right center no-repeat;
padding-right: 17px;}

div#main .comment-body a[href^="http://en.wikipedia.org"]:hover { background: url('/wikipedia.png') right center no-repeat;
padding-right: 17px;}