@import url("calendar.css");
@import url("images.css");

body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #71828A;
  color: #333;
  text-align: center;
  margin: 0;
  padding: 0;
}

#page {
  text-align: left;
  width: 762px;
  margin: 0px auto;
  padding: 0;
}

#content {
  font-size: 1.2em;
}

div.narrowcolumn {
  float: left;
  padding: 0 0 20px 16px;
  margin: 0px 0 0;
  width: 450px;
  }

div.narrowcolumn p.postmetadata {
  padding-top: 5px;
  margin: 0px;
  text-align: right;
}

#footer {
  padding: 0 0 0 0px;
  margin: 0px auto 20px auto;
  width: 760px;
  clear: both;
}

#footer p {
  margin: 0;
  padding: 20px 0;
  text-align: center;
  margin-left: -250px;
  font-size: 1.2em;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

small {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 0px;
}

/****** HEADINGS ******/
h1, h2, h3 {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

h1 {
  font-size: 4em;
  text-align: center;
  color: #ffffff;
  padding-top: 70px;
  margin: 0;
}

h2 {
  font-size: 1.6em;
  text-align: left;
  margin: 0px;
}

h3 {
  font-size: 1.3em;
  padding: 0;
  margin: 30px 0 0;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {
  text-decoration: none;
}

div.title h2, small {
  padding: 0px 15px 0px 15px;
  margin: 0px;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h3.comments {
  padding: 0;
  margin: 40px auto 20px ;
}

/****** HEADER IMAGE ******/
#headerimg {
  height: 100px;
  width: 100%;
  background: url("../images/header.jpg") no-repeat center;
  margin: 20px auto 10px auto;
}

#headerimg h1 {
  margin: 0px;
  padding: 0px;
  line-height: 100px;
}

#headerimg h1 a, #headerimg h1 a:hover, #headerimg h1 a:visited, #headerimg h1 a:active {
  color: #FFFFFF;
  text-decoration: none;
}

/****** ENTRY DIV ******/

div.entry {
  line-height: 1.4em;
  background: url(../images/post_body.jpg) repeat-y center;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  bottom: 11px;
  position: relative;
}

div.entry p {
  font-size: 1.05em;
  margin: 0px;
  padding: 15px;
}

div.entry p + blockquote {
  padding-top: 0;
  margin-top: -10px;
}

div.entry pre {
  margin: 0px;
  padding-left: 15px;
}

div.entry p a:visited {
  color: #A367B1;
}

div.entry table {
  padding: 15px;
}

div.entry table th, div.entry table td {
  padding-left: 5px;
  padding-right: 10px;
}

div.entry table td  small {
  padding-left: 0.5em;
}

div.entry table.listing {
  padding: 0;
  padding-left: 10px;
  padding-top: 10px;
}

div.entry table.listing td {
  padding-right: 0;
}

div.entry ul {
  margin-right: 15px;
}
div.entry ul li, div.comment-body-2 ul li {
  list-style: url("../images/bullet.jpg");
  margin: 0;
}

div.entry form h2 input {
  margin-bottom: 10px;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12pt;
  width: 425px;
  position: relative;
}

div.entry form textarea {
  width: 425px;
}

div.entry form #submit {
  margin-right: 5px;
  float: right;
}

/****** SIDEBAR ******/
#sidebar {
  font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  padding: 20px 0 10px 0;
  margin-left: 525px;
  width: 210px;
  background-color: #EAEDF2;
}

#sidebar h2 {
  font-size: 1.2em;
  margin: 5px 0 0;
  padding: 0;
}

#sidebar ul ul li, #sidebar ul ol li {
  color: #777;
}

#sidebar li.hr {
  right: 0px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  height: 1px;
  border-top: 1px solid #acb0b5;
}

#sidebar ul, #sidebar ul ol {
  margin: 0;
  padding: 0;
}

#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
  margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
  margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
  margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
  list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
  margin: 3px 0 0;
  padding: 0;
}

#sidebar li.postlist ul li {
  margin-bottom: 6px;
}

#sidebar li.postlist ul li.archive {
  list-style: url("../images/bullet.jpg");
}

#sidebar form {
  margin: 0;
}

#sidebar li.login ul li {
  text-align: right;
}

ul#actions li {
  text-align: left !important;
  margin-left: 10px !important;
  list-style: url("../images/bullet.jpg");
  margin: 0;
}

input.inputbox {
  background: url("../images/search.jpg") no-repeat center;
  width: 118px;
  border: none;
  padding: 2px 2px 1px 5px;
  margin-top: 4px;
  height: 20px;
}

small {
  color: #777;
}

.nocomments, .postmetadata, blockquote, strike {
  color: #777;
}

code {
  font: 1.1em 'Courier New', Georgia, Fixed;
}

acronym, abbr, span.caps
{
  font-size: 0.9em;
  letter-spacing: .07em;
  }

a, h2 a:hover, h3 a:hover {
  color: #06c;
  text-decoration: none;
  }

a:hover {
  color: #147;
  text-decoration: underline;
}

.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
  }
/* End Entry Lists */


/* Begin Form Elements */
#searchform {
  margin: 10px auto;
  padding: 5px 3px;
  text-align: center;
  }

#sidebar #searchform #s {
  width: 115px;
  padding: 2px;
  }

#sidebar #searchsubmit {
  padding: 1px;
  }

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
  }

select {
  width: 130px;
  }

#commentform .textform {
  padding: 2px;
  margin: 5px 5px 1px 0;
  font-size: 14px;
  border-style: ridge;
  border-width: 1px;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#commentform textarea {
  width: 100%;
  font-size: 14px;
  padding: 1px;
  }

#commentform #submit {
  margin: 0;
  float: right;
  }
/* End Form Elements */



/* Begin Comments*/
.alt {
  margin: 0;
  padding: 10px;
  }

.commentlist {
  padding: 0;
  text-align: justify;
  }

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
  }

.commentlist p {
  margin: 10px 5px 10px 0;
  }

#commentform p {
  margin: 5px 0;
  }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
  }

.commentmetadata {
  float: none;
  margin: 0px;
  text-align: center;
  color: #7f7f7f;
  padding: 0px;
}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
  cursor: help;
  }

acronym, abbr {
  border-bottom: 1px dashed #999;
  }



blockquote cite {
  margin: 5px 0 0;
  display: block;
  }

.center {
  text-align: center;
  }

hr {
  display: none;
  }

a img {
  border: none;
  }

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
  }
/* End Various Tags & Classes*/



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
  It won't be a stylish marriage, I can't afford a carriage.
  But you'll look sweet upon the seat of a bicycle built for two." */

/* Blockquote style and the nice background image */

blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  background: url(../images/quote.gif) no-repeat left top;
  }


/* This is the nice box all the entries are posted in */

.post-top, .title, .entry, .post-bottom {
  width:  465px;
}

.post-top {
  background: url(../images/title_top.jpg) no-repeat center top;
  margin: 0px;
  margin-bottom: 30px;
}



.title {
  background: url(../images/title_body.jpg) repeat-y center;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}


.post-bottom {  
  background: url(../images/post_bottom.jpg) no-repeat left bottom;
  padding: 15px 0px 0px 0px;
  position: relative;
  top: 6px;
}

/* End of the entry box */


.post p{  
  margin:  0px;
  padding: 15px;
}

/* Edit this to change the two-column background */

#page-top   { 
  background: url("../images/frame_top.jpg") no-repeat center top;
  clear: both;
  bottom: 0px;
  width: 762px;
  margin-right: auto;
  margin-left: auto;
}

#page    {
  background: url("../images/frame_body.jpg") repeat-y center; 
  border: none;
  bottom: 21px;
  position: relative;
}

#page-bottom {
  background: url(../images/frame_bottom.jpg) no-repeat center bottom;
  padding-top: 38px;
  width: 762px;
}

/* This is the nav bar on top of the page. I think this is the nicest part of the whole theme =) */

#topbar {
  background: url("../images/top_bar.jpg") no-repeat center;
  margin: 0px auto 10px auto;
  height: 36px;
  text-align: left;
  width:  760px;
}

#topbar ul.nav {
  padding-top: 10px;
  font-size: 10pt;
}

#topbar ul.nav li {
  display: inline;
}

#topbar .searchform {
  float: right;
  font: 1.2em Verdana;
  margin: 2px 10px 2px auto;
}

#topbar form {
  margin: 0px;
}

/* See, I could have settled for the default text input field. But being a man with good taste and all, I've decided to make my own search-box */
.search-box {
  background: url("../images/search.jpg") no-repeat center;
  width: 118px;
  border: none;
  padding: 2px 2px 1px 5px;
  height: 20px;
}

/* End of nav bar */

a {
  color: #0A5692;
}

/* Comment box (both styles) */

#comments{
  font-size:  1.1em;
  text-align: left;
}
div.comment-top-1 {
  background: url("../images/comment_top_1.jpg") no-repeat top;
  width: 400px;
  margin-left: 34px;
  margin-top: 20px;
  position: relative;
}

.comment-bottom-1 {
  background: url("../images/comment_bottom_1.jpg") no-repeat bottom;
  width: 400px;
  padding: 30px 0px 0px 0px;
}

.comment-body-1 {
  background: url("../images/comment_body_1.jpg") repeat-y center;
  width: 400px;
  text-align: left;
  padding: 0px;
  position: relative;
  bottom: 15px;
  font-family: Verdana;
}

div.comment-top-2 {
  background: url("../images/comment_top_2.jpg") no-repeat top;
  width: 400px;
  margin-left: 34px;
  margin-top: 20px;
  position: relative;
}

div.comment-top-2 div.alignleft, div.comment-top-2 div.alignright, div.comment-top-1 div.alignleft, div.comment-top-1 div.alignright {
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
  padding-left: 10px;
  padding-right: 5px;
  position: absolute;
}
div.comment-top-2 div.alignleft, div.comment-top-1 div.alignleft {
  left: 0;
}

div.comment-top-2 div.alignright, div.comment-top-1 div.alignright {
  right: 0;
}

.comment-bottom-2 {
  background: url("../images/comment_bottom_2.jpg") no-repeat bottom;
  width: 400px;
  padding: 30px 0px 0px 0px;
}

.comment-body-2 {
  background: url("../images/comment_body_2.jpg") repeat-y center;
  background-color: #FFFFFF;
  width: 400px;
  text-align: left;
  padding: 0px;
  position: relative;
  bottom: 15px;
  font-family: Verdana;

}

.comment-body-1 p, .comment-body-2 p {
  margin: 0px;
  padding: 10px;
}

/* End of Comment box */
.respond {
  border-bottom: 1px dotted #7f7f7f;
  font: 1.5em;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  margin-top: 50px;
  margin-bottom: 0px;
}



/* For those of you who use Ryan's WP-ContactForm plug-in. Go to wp-contactform.php and comment out the line add_filter('wp_head', 'wpcf_css'); at the bottom. */
 .contactform form {
  width: 80%; 
  position: relative;
  margin: 0px;
  padding: 5px;
}
    
.entry .contactleft { 
  text-align: left;
  clear: both; 
  float: left; 
  margin: 0px;
  padding-top: 5px;
  padding-left: 10px;
}
  
.entry .contactright {
  width: 250px;  
  float: right; 
  margin: 0px;
  padding-top: 5px;
  padding-right: 10px;
}
/* End of ContactForm Styles */

.alignleft a, .alignright a,.postmetadata, .commentmetadata {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
}

.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em Verdana, Arial, Sans-Serif;
  }

.commentlist li {
  }

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
  }

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
  }

#commentform p {
  font-family: Verdana, Arial, Sans-Serif;
  }

.commentmetadata {
  font-weight: normal;
  padding: 0px 10px 0px 10px;

}

p + ul {
  margin-top: -1em;
  padding-top: 0;
  margin-bottom: 0;
}

p + br + blockquote {
  margin-top: -2em;
  margin-bottom: -1.5em;
}