/*
Theme Name: Vamsoft Insider
Theme URI: http://blog.vamsoft.com
Description: Custom-tailored WordPress theme for VI
Version: 1.0
Author: Peter Karsai
*/

body {
  margin: 0;
  padding: 0;
  background-color: #ddd;
  text-align: center; 
}

#pagecontainer {
  position: relative;
  width: 606px;
  margin: 15px auto 15px auto;  
  text-align: left;
  background-color: white;
  clear: both;
}

#pagecontainer a {
  color: #5c7086;
}

#pagecontainer a:visited {
  color: #7791ae;
}


#leftborder, #rightborder, #topborder, #bottomborder, #bottomleftcorner, #bottomrightcorner {
  width: 100%;
}

#leftborder { background: url(images/border-left.png) top left repeat-y; }
#rightborder { background: url(images/border-right.png) top right repeat-y; }
#topborder { background: url(images/border-top.png) top left repeat-x; }
#bottomborder { background: url(images/border-bottom.png) bottom left repeat-x; }

#topleftcorner, #toprightcorner {
  position: absolute;
  height: 3px;
  width: 3px;
}

#topleftcorner { top: 0; left: 0; background: url(images/corner-topleft.png) no-repeat; }
#toprightcorner { top: 0; right: 0; background: url(images/corner-topright.png) no-repeat; }
#bottomleftcorner { background: url(images/corner-bottomleft.png) bottom left no-repeat; }
#bottomrightcorner { background: url(images/corner-bottomright.png) bottom right no-repeat; }

#innercontent {
  padding: 3px;
}

#header {
  position: relative;
  width: 100%;
  height: 125px;
  background: url(images/header.jpg) no-repeat;  
  left: 0;
  top: 0;
}

#headerlink {
  display: block;
  width: 100%;
  height: 100%;
}

#infobar {
  background-color: #e21212;
  height: 2.1em;
  line-height: 2.1em;  
  font-family: "Trebuchet MS", "Tahoma", sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  color: white;
  letter-spacing: 0.1em;
  padding-left: 26px;
}

#posts {
  position: relative;
  float: left;
  padding: 0 0 0 26px;
  margin: 26px 0 0 0;
  height: 100%;
}

.post, #searchresultbox {
  width: 380px;
  font-family: "Verdana", "Tahoma", "Arial", sans-serif;
  font-size: 0.7em;
  color: #404040;
  line-height: 130%;
  padding-bottom: 30px;
  margin-bottom: -1.5em;
  overflow: visible;  
}

.post p {
  padding: 0;
  margin: 0 0 1.5em 0;
}

.post strong, .postsignature strong {
  font-variant: normal;
	font-style: normal;  
  font-weight: bold;
}

.post em {
  font-variant: normal;
  font-weight: normal;
	font-style: normal;
  text-decoration: underline;
}

.post blockquote {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  font-style: italic;
  font-family: "Verdana", "Tahoma", "Arial", sans-serif;
  font-size: 1em;
  margin: 0 0 15px 15px;
  padding: 0 1em 0 1em;
}

.post ul {
  margin: 0 0 1.5em 30px;
  padding: 0;
  list-style-type: disc; 
}

.post blockquote p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.posttitle {
  font-family: "Trebuchet MS", "Segoe UI", "Arial", sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #e21212;
  background: url(images/post-titlebg.png) left bottom no-repeat;
  margin: 0 0 6px -8px;
  padding: 10px 5px 6px 8px;
}

.posttitlespan {
  color: #e21212;
  text-decoration: none;
}

.posttitle a {
  text-decoration: none;
}

.postsignature {
  font-family: "Tahoma", "Segoe UI", "Arial", sans-serif;
  margin: -8px 0 0 0;
  padding-bottom: 1em;
  font-weight: bold;
}

#contentnavbar {
  padding: 32px 20px 26px 0;
  float: right;
  width: 130px;
}

#searchbox, #archivebox {
  margin-bottom: 30px;
}

#searchbox .title, #archivebox .title, #feedbox .title {
  height: 10px;
  color: white;
  padding: 0;
  margin-bottom: 5px;  
  overflow: hidden; /* IE tries to size the DIV block to the height of a character */  
}

#searchbox .title {
  background: url(images/st-search.png) 0 0 no-repeat;
}

#searchbox p {
  padding: 0;
  margin: 0;
}

#searchbox .input, #searchbox .button {
  font-family: "Trebuchet MS", "Segoe UI", "Arial", sans-serif;  
  color: #404040;
  margin: 0;
  padding: 0;
}

#searchbox .input {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  font-size: 0.7em;  
}

#searchbox .button {
  font-size: 0.8em;
  height: 25px;
}

#archivebox .title {
  background: url(images/st-archives.png) 0 0 no-repeat;
}

#feedbox .title {
  background: url(images/st-feeds.png) 0 0 no-repeat;
}

#archivebox ul, #feedbox ul {
  font-family: "Trebuchet MS", "Segoe UI", "Arial", sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.5em;
}

#archivebox a, #feedbox a {
  color: #5c7086;
}

#archivebox a:visited, #feedbox a:visited {
  color: #7791ae;
}

#contentclose {
  clear: both;
  height: 1px; /* Damn Mozilla again -- no DIV contents, not taking clear: both in consideration */
}

.post .postextras {
  text-align: right;
  margin-bottom: 1.5em;
  margin-top: -0.5em;
}

.post .comments {
  border-top: 1px solid black;
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
  list-style-type: none;
  color: #666;
}

.post .comments li {
  padding: 8px;
  margin-bottom: 15px;
  background-color: #f6f6f6;
}

.post .comments p {
  margin: 1em 0 0 0;
}

.post .comments .postedon {
  font-size: 0.9em;
}

.post .commentform {
  border-top: 1px solid black;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
}

.post .commentform textarea {
  width: 100%;
}

.post .commentform small {
  font-size: 0.9em;
}

.post .commentform .button {
  font-family: "Trebuchet MS", "Segoe UI", "Arial", sans-serif;  
  color: #404040;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  height: 25px;
}

.post .commentform .input, post.commentform textarea {
  font-family: "Tahoma", "Segoe UI", "Arial", sans-serif;
  font-size: 1em;
}

#searchexpr {
  margin: 0 0 20px 0;
}

#searchexpr strong {
  font-family: "Trebuchet MS", "Segoe UI", "Arial", sans-serif;  
  font-size: 1.2em;
  color: #e21212;
}

#searchnotfound {
  font-family: "Trebuchet MS", "Segoe UI", "Arial", sans-serif;
  font-size: 1.4em;
  font-weight: bold;
}

#searchnotfound em {
  font-variant: normal;
  font-weight: bold;
	font-style: normal;
  text-decoration: underline;
  color: #e21212;  
}

.navbox {
  font-family: "Trebuchet MS", "Segoe UI", "Arial", sans-serif;
  font-size: 0.9em;
  width: 380px;
  margin: 0 0 1em 0;
  padding: 0 0 2em 0;
  position: relative;
}

.navbox .navprev {
  list-style: none;
  display: block;
  position: absolute;
  left: 0;
}

.navbox .navnext {
  list-style: none;
  display: block;
  position: absolute;
  right: 0;
}