/*  
Theme Name: iface
Theme URI: http://ifacethoughts.net/2007/02/16/iface-my-first-wordpress-theme/
Description: An interface to a weblog.
Version: 0.91
Author: Abhijit Nadgouda
Author URI: http://ifacethoughts.net/
*/

/* Basic HTML elements */
html, body {
  margin: 0;
  padding: 0;
}
body {
  font: 78% Verdana, sans-serif;
  color: #555;
  background-color: #f9f9f9;
}
small {
  font-size: 0.9em;
  margin-top: 0px;
}
a {
  color: #6699cc;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
a:visited {
  color: #768568;
}
a:hover {
  border-width: 4px;
}
a img {
  border: none;
  text-decoration: none;
}
h1, h2, h3, h4 {
  clear: both;
  font-family: "Trebuchet MS", Tahoma, sans-serif;
  font-weight: bold;
}
h1 {
  font-size: 2.5em;
  font-weight: normal;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.1em;
}
h1, h1 a, h1 a:hover, h1 a:visited {
  border-bottom: 0;
  text-decoration: none;
  background-color: #3f3f3f;
}
pre, code {
  text-align: left;
}
code {
  font: 1.1em 'Courier New', Courier, Fixed;
  color: #000;
}
acronym, abbr, span.caps {
  font-size: 0.9em;
  letter-spacing: .07em;
}
acronym {
  cursor: help;
}
acronym, abbr {
  border-bottom: 1px dashed #999;
}
select {
  width: 130px;
}
blockquote {
  margin: 10px 20px 0 10px;
  padding: 3px 15px 3px 15px;
  background-color: #f8f8f8;
  border: 1px solid #f0f0f0;
}
blockquote cite {
  margin: 5px 0 0;
  display: block;
}
hr {
  display: none;
}
ol li {
  list-style: decimal outside;
}
form {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #768568;
  border: 2px solid #f0f0f0;
  color: #f0f0f0;
}
form a {
  color: #f0f0f0;
}
form p {
  margin: 5px 0;
}
form input {
  width: 50%;
  margin: 2px 2px 1px 0;
}
form textarea {
  width: 98%;
}
form #submit {
  margin: 0;
  background-color: #fff;
  width: 20%;
}
button {
  background: transparent;
}
input, textarea {
  font-family: Verdana, sans-serif;
  font-size: 1em;
  color: #333;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  padding: 2px;
}
/* End of Basic HTML elements */

/* Structure Outline */
#page {
  background-color: #fff;
  margin: auto;
  text-align: center;
}
#mainmenu {
  margin: 0;
  padding: 10px 0 0 20px;
  font-family: "Trebuchet MS", Tahoma, sans-serif;
  background-color: #768568;
  color: #000;
  text-align: left;
}
#header {
  clear: both;
  margin: 0;
  color: #aaa;
  text-align: left;
  background-color: #3f3f3f;
}
#content {
  clear: both;
  padding: 20px 8% 10px 8%;
  text-align: left;
  background: url('images/ifacebg.png') repeat-x scroll top;
}
#main {
  width: 66%;
  float: left;
  overflow: hidden;
  line-height: 150%;
  padding-left: 10px;

}
#sidebar
{
  float: right;
  width: 28%;
  margin: 0px 0 10px 0;
  padding-right: 10px;
  text-align: left;
}
#bottombar {
  clear: both;
  background: #3f3f3f;
  color: #A0A0A0;
  padding: 1em;
  margin-top: 10px;
  text-align: left;
}
#bottombar_l, #bottombar_m {
  width: 31.75%;
  float: left;
  margin-right: 1em;
}
#bottombar_r {
  width: 31.75%;
  float: right;
}
#footer {
  margin: 0;
  clear: both;
  border: none;
  background-color: #768568;
  padding: 5px;
  color: #000;
}
/* End of Structure Outline */

/* Main Menu */
#mainmenu ul {
  padding: 0;
  margin: 0;
  float: left;
  font-size: 1.2em;
}
#mainmenu ul, #mainmenu ul li {
  list-style: none;
  display: inline;
}
#mainmenu ul li {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
#mainmenu ul li a {
  font-weight: normal;
  color: #f0f0f0;
  text-decoration: none;
  border: none;
  padding: 8px;
}
#mainmenu ul li a:hover,
#mainmenu ul li.current_page_item a {
  background-color: #3f3f3f;
}
#skiplinks {
  margin-right: 5px;
  float: right;
  text-transform: lowercase;
}
#skiplinks a {
  color: #eee;
}
/* End of Main Menu */

/* Header */
#header a {
  border-color: #777;
}
#header img {
  display: block;
}
#titleheader {
  margin: 0px;
  padding: 10px 10px 10px 20px; 
  float: left;
  width: 45%;
}
#titleheader h1 {
  margin: 15px 0 0 0;
}
#titleheader h1 a, 
#titleheader h1 a:visited, 
#titleheader h1 a:hover {
  color: #6699cc;
}
#titleheader h1 a span {
  color: #ccc;
}
#titleheader h1 a:hover span {
  color: #6699cc;
}
#titleheader .description {
  font-size: 1.1em;
}
#about {
  padding: 10px;
  float: right;
  width: 45%;
  text-align: left;
}
#about ul {
  list-style-type: none;
  margin: 0;
}
#about ul li {
  display: inline;
  list-style-image: none;
  margin: 0 3px 0 3px;
}
/* End of Header */

/* Content */
#content a:link {
  color: #3366cc;
}
#content form a:link,
#content form a:visited {
  color: #f0f0f0;
}
/* End Of Content */

/* Main */
.post {
  padding: 10px 0 10px 0;
  margin: 10px 0 10px 0;
  text-align: left;
}
h2.pagetitle {
  font-size: 1.4em;
  margin-bottom: 0;
  padding-bottom: 0;
}
.date {
  color: #C8C8C8;
  font-size: 0.8em;
  text-transform: uppercase;
  margin: 0;
}
.post h2 {
  margin: 0 0 5px 0;
  padding-left: 25px;
  background: url('images/post.png') 0 50% no-repeat;
}
.entry {
  margin-top: 20px;
}
.attachment {
  text-align: center;
  margin: 5px 0px;
}
.entry ul li {
  list-style-type: disc;
  margin: 7px 0 8px 10px;
}
.entry ol, .entry ul {
  padding: 0 0 0 35px;
  margin: 0;
}
.entry ol li {
  margin: 0;
  padding: 0;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
}
.postmetadata {
  clear: both;
  font-size: 0.9em;
  padding: 5px;
  margin: 5px 0 10px 0;
  border: 1px solid #f8f8f8;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
}
.more-link {
  clear: both;
  float: right;
  background: url('images/arrow_right.png') 0 50% no-repeat;
  padding-left: 20px;
}
h3#comments, h3#respond {
  clear: both;
  margin: 10px 0 0 10px;
}
.commentlist {
  background-color: #f8f8f8;
  border: 4px solid #f0f0f0;
  padding: 10px;
}
.commentlist li {
  margin: 15px 0 3px;
  padding: 3px 5px 8px 5px;
  list-style: none;
  color: #333;
  border-bottom: 2px solid #f0f0f0;
}
.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
  margin: 10px 5px 10px 0;
}
.commentmetadata {
  font-weight: normal;
  margin: 0;
  display: block;
}
li.mycomment {
  background-color: #fff;
  color: #666;
}
.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}
.alt {
  margin: 0;
  padding: 10px;
}
/* End of Main */

/* Sidebar and Bottombar */
#bottombar a {
  border-color: #777;
}
#sidebar h2, #bottombar h2 {
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #768568;
  padding: 5px;
  color: #f8f8f8;
  margin: 10px 0 5px 0;
  font-size: 1em;
}
#sidebar h3, #bottombar h3 {
  font-size: 1em;
  font-family: Verdana, sans-serif;
}
#sidebar h2 a, #bottombar h2 a,
#sidebar h2 a:visited, #bottombar h2 a:visited {
  color: #f8f8f8;
  text-decoration: none;
  border: none;
}
#sidebar ul, #sidebar ul ol, #bottombar ul, #bottombar ul ol {
  margin: 0;
  padding: 0;
}
#sidebar ul li, #bottombar ul li {
  list-style-type: none;
  list-style-image: none;
  padding: 5px 0 10px 0px;
}
#sidebar ul li.widget, #bottombar ul li.widget {
  margin-left: 15px;
}
#sidebar ul p, #sidebar ul select, #bottombar ul p, #bottombar ul select {
  margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol, #bottombar ul ul, #bottombar ul ol {
  margin: 5px 0 0 0;
}
#sidebar ul ul ul, #sidebar ul ol, #bottombar ul ul ul, #bottombar ul ol {
  margin: 0 0 0 10px;
}
#sidebar ul ul li, #sidebar ul ol li, #bottombar ul ul li, #bottombar ul ol li {
  margin: 10px 0 10px 0;
  padding: 0;
}
ul li.feed {
  background: url('images/feed-icon12x12.png') 0 50% no-repeat;
  padding-left: 20px;
}
ul li.feed a {
}
li#awstats-popular-posts ul li,
#popular-posts ul li {
  background: url('images/award_star_gold_1.png') 0 50% no-repeat;
  padding-left: 20px;
}
#wp-calendar caption, cite {
  text-decoration: none;
}
#wp-calendar #prev a {
  font-size: 9pt;
}
#wp-calendar a {
  text-decoration: none;
}
#wp-calendar caption {
  font: bold 1.3em Verdana, Arial, Sans-Serif;
  text-align: center;
}
#wp-calendar caption {
  width: 100%;
}
#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}
#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}
#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}
#wp-calendar a {
  display: block;
}
#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
  background-color: #fff;
}
/* End of Sidebar and Bottombar */

/* Footer */
#footer p {
  margin: 0;
  padding: 0;
  text-align: center;
}
#footer a:link, #footer a:focus,
#footer a:visited, #footer a:hover {
  color: #f0f0f0;
  text-decoration: none;
}
#footer a:hover {
  border-color: #f0f0f0;
}
/* End of Footer */

/* Custom Identifiers and Classes */
.alignright {
  float: right;
}
.alignleft {
  float: left
}
img.alignright {
  margin-left: 10px;
  margin-bottom: 5px;
}
img.alignleft {
  margin-right: 10px;
  margin-bottom: 5px;
}
.clearfix:after {
  display:block;
  visibility:hidden;
  clear:both;
  height:0;
  content:".";
}
/* Causes a validation error but is included in CSS2.1: http://www.w3.org/TR/CSS21/visuren.asp#propdef-display */
.clearfix {
  display:inline-block;
}
.clearfix {
  display:block;
}
form.contactform {
  background-color: #f8f8f8;
}
.contactform .contactleft, .contactform .contactright {
  color: #333;
}
#searchform {
  margin: 0;
  border: 0;
  padding: 0;
  text-align: center;
  background-color: #fff;
}
#searchform input, #searchform button {
  margin: 0;
  padding: 2px;
  width: auto;
  border: 1px solid #666;
}
#searchform #s {
  width: 128px;
}
#bottombar #searchform,
#bottombar input {
  background-color: #3f3f3f;
  color: #f0f0f0;
  border-color: #f0f0f0;
}
.navigation {
  margin: 10px 0 10px 0;
  clear: both;
}
/* End of Custom Identifiers and Classes */

/* Variable colors: #84975f #768568 #64929b 9a8330 7b7b4c */
a:visited {
  color: #768568;
}
form,
#mainmenu,
#sidebar h2,
#bottombar h2,
#footer {
  background-color: #768568;
}
/* Enf of Variable colors */