/*  
Theme Name: Indxprnt
Version: 1.0
Author: Val Nizam B. Villar
Theme made by : Twistedfork and Val Villar.
*/


* {
  margin: 0;
  padding: 0;
}
:focus {
  outline: 0;
}
body {
  background: #fff;
  color: #7a7a7a;
  font-family: Helvetica, Georgia, sans-serif;
  font-size: 11px;
  overflow-x: hidden;
}
p {
  line-height: 17px;
  margin: 0 0 15px 0 !important;
}
img {
  border: none;
}
h1 {
  color: #ba3345;
  font-size: 14px;
  margin: 0 0 5px 0;
}
h1 a {
  color: #ba3345;
}

h2 {
  margin: 20px 0 20px 0;
}
h4 {
  font-size: 10px;
  font-weight: normal;
  color: #7a7a7a;
  margin: 5px 0 0 0;
}
h5 {
  margin: 20px 0 0 0;
}
a {
  color: #000;
  text-decoration: none;
}

/*** THE CLEARERS ***/
#header_wrap:after, #main_wrap:after, #info_content_wrap:after, .post_footer_wrap:after, .comment_form_wrap:after {
  clear: both;
  content: ".";
  display:block;
  height: 0;
  visibility: hidden;
  min-height: 0;	
}

#header_wrap {
  width: 942px;
  margin: 20px auto 0 auto;
}
#info {
  width: 436px;
  float: right;
}
#info_content_wrap {
  width: 942px;
  margin: 20px auto 0 auto;
}
.info_content_left {
  width: 215px;
  float: left;
  font-size: 10px;
  color: #000;
  margin: 0 15px 0 0;
}
#info_content_right {
  width: 470px;
  float: right;
}
#search {
  width: 236px;
  float: right;
}
#search input[type="text"] {
  border-bottom: 2px solid #ccc;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 200px;
  margin: 0 5px;
}
#search input[type="text"]:focus {
  border-bottom: 2px solid #333;
}
#search input[type="submit"] {
  border: none;
  width: 16px;
  height: 16px;
  background: url(images/submit.png) no-repeat;
  cursor: pointer;
}
#main_wrap {
  width: 945px;
  margin: 0px auto 20px auto;
}

.logo {
  width: 200px;
  height: 180px;
  float: left;
  text-align: center;
  margin: 30px 20px 0 0;
}
.contact_info {
  width: 237px;
  height: 180px;
  float: left;
  color: #272727;
  line-height: 15px;
  margin: 30px 0 0 15px;
}
.contact_info strong, .sidebar strong {
  color: #000;
}
.contact_info ul, .sidebar ul {
  list-style: none;
}

.post_index {
  float: left;
  height: 248px;
  width: 236px;
}
.post_image a:hover {
}

/*** INNER POST ***/
.sidebar {
  width: 220px;
  float: left;
  color: #272727;
  line-height: 15px;
}
.post {
  width: 690px;
  float: right;
  padding: 20px 0 0 0;
}
.post a:hover {
  text-decoration: underline;
}
.post img {
 margin: 10px 0 -10px 0;
}
.post p {
  font-weight: normal;
  margin: 5px 0;
  color: #666;
} 

.pagination {
  width: 945px;
  margin: 0 auto;
  text-align: right;
}
.pagination a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #e0e0e0;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 14px;
}


/*** START OF COMMENTS ***/
.post_footer {
}
.post_footer_wrap {
  border-top: 1px solid #9c9c9c;
  background: #e0e0e0;
}
.post_footer_wrap h3 {
  width: 150px;
  float: left;
  background: #efefef;
  padding: 10px 5px 10px 15px;
  cursor: pointer;
}
.post_footer_wrap h3 a {
  color: #7a7a7a;
}
.post_footer_wrap h3 a:hover {
  color: #000;
  text-decoration: none;
}
.post_footer_wrap h3:hover {
  color: #000;
}
.post_footer_wrap h6 {
  width: 90px;
  float: right;
  color: #000;
  font-size: 12px;
  padding: 10px 0;
  font-weight: normal;
}
.comments-template {

}
.comments-template h3 {
  margin: 0 0 10px 0;
}
.comments-template ol {
  list-style: none;
}
.comments-template ol li {
  padding: 15px 15px 5px 15px;
}
.comments-template ol li.odd_comment {
  background: #efefef;
}
.comments-template ol li.even_comment {
  background-color: #fff; 
}
.comments-template input[type="text"] {
  border: 1px solid #c3c3c3;
  padding: 5px;
  width: 280px;
}
.comments-template textarea {
  width: 280px;
  border: 1px solid #c3c3c3;
  padding: 5px;
}
.comments-template input[type="submit"] {
  border: none;
  text-align: right;
  color: #be1d2f;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 220px;
  cursor: pointer;
  background: none;
}
.comments-template input[type="submit"]:hover {
  color: #000;
}
.comments-template input[type="text"]:focus, .comments-template textarea:focus {
  border: 1px solid #000;
}

.comment_form_wrap {
  border-top: 1px solid #9c9c9c;
  padding: 20px 0 0 0;
  margin: 20px 0;
}
.comment_form_wrap h3 {
  color: #000;
  width: 170px;
  float: left;
  font-size: 16px;
  padding: 0 0 0 15px;
}
.comment_form_wrap form {
  float: left;
}
.comment_name {
  color: #000;
  font-weight: bold;
}
/*** END OF COMMENTS ***/


/*** TOGGLE ***/
#toggle_content {
  display: none;
}
#toggle_comment {
  display: none;
}

/*** FOOTER ***/
#footer {
  width: 942px;
  margin: 20px auto;
}

/*** START OF POST TITLE HOVER ***/
a.post_title {
  position: relative;
}
a.post_title div {
  display: none;
  position: absolute;
  top: -130px;
  left: 0px;
  width: 216px;
  height: 120px;
  padding: 10px;
  z-index: 100;
  background: #ffff00;
  color: #000;
  font-weight: bold;
}
a.post_title div span {
  font-weight: normal;
}
a:hover.post_title {
  font-size: 99%; /* this is just for IE */
}
a:hover.post_title div {
  display: block;
}
/*** END OF POST TITLE HOVER ***/