/**
  Theme Name: Naked - AzureAutonomie
  Theme URI: http://www.siftware.co.uk/wordpress-naked
  Version: 1.1
  Author: Hannah Hu
  Author URI: http://www.azureautonomie.com
  Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blank-slate
  Licence: GPL
  
  Description: My theme for Azure Autonomie, based on Siftware's Naked theme. From their description:
  
  "A theme created with developers in mind which should enable rapid WP reskinning. The CSS is minimal but consistent cross-browser, there are a couple of SEO tweaks and the page navigation works sensibly but can modified easily.
  The CSS that follows is what I feel is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'""
*/
.chunk-img {
  height: 160px;
  width: 160px;
  float: left;
  margin: 0 10px 5px 0;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: #aaaaaa #666666 #666666 #aaaaaa;
}
.hidden-link {
  text-indent: -9999px;
  border: none;
}
.underline-link {
  border-bottom: 1px solid #999999;
  color: #111111;
}
.underline-link:hover {
  color: #005c6f;
  border-color: #5f9dbf;
}
body {
  background: #ffffff url(images/azureauto_bg.png) repeat scroll center center;
  font-size: 62.5%;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}
h1 { font-size: 1.95em; }
a { text-decoration: none; }
#wrapper {
  width: 975px;
  margin: 0 auto;
}
#header .inner {
  width: 975px;
  margin: 0 auto;
}
#footer .inner {
  width: 975px;
  margin: 0 auto;
}
#header {
  height: 160px;
  width: 100%;
  padding: 15px 0;
  background: transparent url(images/horizontal_bar.png) repeat-x scroll bottom center;
}
#header .inner { height: 100%; }
#header #site-title {
  background: transparent url(images/title.png) no-repeat scroll right top;
  width: 530px;
  height: 100%;
  float: right;
}
#header #site-title a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  border: none;
}
#header #header-img {
  height: 100%;
  float: left;
}
#header .skip-to {
  position: absolute;
  text-indent: -9999px;
  border: none;
}
#header #contact-info {
  font-size: 1.8em;
  line-height: 2em;
}
#wrapper { font-size: 1.2em; }
#main-menu {
  width: 70px;
  min-height: 550px;
  float: left;
  background: transparent url(images/vertical-line2.png) no-repeat scroll right 240px;
}
#main-menu ul { min-height: 250px; }
#main-menu ul li {
  background-image: url(images/main-menu.png);
  position: relative;
  height: 60px;
}
#main-menu ul li a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9000px;
  border: none;
}
#main-menu ul li#journal { background-position: 0 0; }
#main-menu ul li#journal:hover { background-position: -80px 0; }
#main-menu ul li#journal.current_page_parent { background-position: -160px 0; }
#main-menu ul li#journal.current_page_item { background-position: -160px 0; }
#main-menu ul li#portfolio { background-position: 0 -60px; }
#main-menu ul li#portfolio:hover { background-position: -80px -60px; }
#main-menu ul li#portfolio.current_page_parent { background-position: -160px -60px; }
#main-menu ul li#portfolio.current_page_item { background-position: -160px -60px; }
#main-menu ul li#pastime { background-position: 0 -120px; }
#main-menu ul li#pastime:hover { background-position: -80px -120px; }
#main-menu ul li#pastime.current_page_parent { background-position: -160px -120px; }
#main-menu ul li#pastime.current_page_item { background-position: -160px -120px; }
#main-menu ul li#about { background-position: 0 -180px; }
#main-menu ul li#about:hover { background-position: -80px -180px; }
#main-menu ul li#about.current_page_item { background-position: -160px -180px; }
#main-content {
  line-height: 1.35em;
  width: 615px;
  padding: 10px 20px 10px 10px;
  overflow: auto;
  background: transparent url(images/vertical-line.png) repeat-y scroll right top;
  float: left;
  letter-spacing: 0.6px;
}
#main-content h1 { margin-bottom: 0.5em; }
#main-content h2 { margin-bottom: 0.5em; }
#main-content h3 { margin-bottom: 0.5em; }
#main-content h4 { margin-bottom: 0.5em; }
#main-content h5 { margin-bottom: 0.5em; }
#main-content h6 { margin-bottom: 0.5em; }
#main-content h1 { line-height: 1.1em; }
#main-content a {
  border-bottom: 1px solid #999999;
  color: #111111;
}
#main-content a:hover {
  color: #005c6f;
  border-color: #5f9dbf;
}
#main-content p { margin-bottom: 1em; }
#main-content blockquote { margin-bottom: 1em; }
#main-content ul { margin-bottom: 1em; }
#main-content h2 {
  font-size: 2em;
  line-height: 1.5em;
}
#main-content h3 {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-top: 0.5em;
}
#main-content blockquote { font-style: italic; }
#main-content blockquote cite { font-size: 0.7em; }
#main-content ul li {
  margin-left: 2em;
  margin-bottom: 0.2em;
  list-style-type: disc;
}
#main-content .meta {
  display: block;
  margin-bottom: 0.5em;
}
#main-content .meta.date { font-variant: small-caps; }
#main-content .chunk {
  height: 100%;
  padding-bottom: 20px;
  margin-bottom: 25px;
  clear: both;
  border-bottom: 1px solid #999999;
}
#main-content .chunk img {
  height: 160px;
  width: 160px;
  float: left;
  margin: 0 10px 5px 0;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: #aaaaaa #666666 #666666 #aaaaaa;
}
#main-content .chunk img#frontpage-img {
  float: right;
  height: 220px;
  width: 310px;
  border: none;
}
#main-content .chunk a.more-link {
  display: block;
  float: right;
  height: 1em;
  clear: right;
}
#main-content .entry {
  margin-bottom: 1em;
  border-bottom: 2px dotted #999999;
}
#main-content .entry .alignleft {
  padding: 5px;
  border: 1px solid #999999;
  background-color: white;
}
#main-content .entry .aligncenter {
  padding: 5px;
  border: 1px solid #999999;
  background-color: white;
}
#main-content .entry .alignright {
  padding: 5px;
  border: 1px solid #999999;
  background-color: white;
}
#main-content .entry .alignleft {
  float: left;
  margin: 0 10px 5px 0;
}
#main-content .entry .aligncenter {
  display: block;
  margin: 0 auto;
  text-align: center;
}
#main-content .entry .centered {
  display: block;
  margin: 0 auto;
  text-align: center;
}
#main-content .entry .caption {
  display: block;
  margin: 0 auto;
  text-align: center;
}
#main-content .entry .alignright {
  float: right;
  margin: 0 0 5px 10px;
}
#main-content .entry .img-link { border: none; }
#main-content .entry .caption {
  font-style: italic;
  font-size: 0.8em;
}
#main-content .entry .gallery {
  clear: both;
  margin-bottom: 1em;
  border: 1px solid #999999;
  padding: 15px;
  background-color: white;
}
#main-content .entry .gallery a { border: none; }
#main-content .entry .gallery a img { margin: 10px 20px; }
#main-content .contactform {
  margin-bottom: 1em;
  background: transparent url(/wp-content/uploads/2009/08/email-contact.png) scroll no-repeat right top;
  min-height: 325px;
}
#main-content #comments-and-trackbacks li.comment {
  list-style: none;
  margin: 0 0 0.5em 0;
  min-height: 90px;
}
#main-content #comments-and-trackbacks li.comment p.comment-meta {
  font-size: 1em;
  padding: 0.25em;
  margin-bottom: 0.25em;
  background-color: #dfdfdf;
}
#main-content #comments-and-trackbacks .avatar {
  float: left;
  margin: 0 10px 10px 0;
}
#main-content #comments-and-trackbacks li.comment.bypostauthor { background-color: rgba(179, 201, 239, 0.5); }
#main-content #comments-and-trackbacks li.comment.bypostauthor p.comment-meta { background-color: rgba(179, 201, 239, 0.85); }
#main-content ul#pagination { text-align: center; }
#main-content ul#pagination li {
  list-style-type: none;
  display: inline;
}
#main-content #wpcf { width: 380px; }
#main-content #wpcf li {
  margin-left: 0;
  margin-bottom: 0.5em;
  list-style: none;
  line-height: 1.3em;
}
#main-content #wpcf label {
  display: inline-block;
  min-width: 18%;
  font-style: italic;
  margin-right: 0.3em;
}
#main-content #wpcf input[type="text"] { width: 70%; }
#main-content #wpcf textarea {
  width: 100%;
  height: 13em;
}
#sub-menu {
  width: 240px;
  float: left;
  padding: 10px;
}
#sub-menu a {
  border-bottom: 1px solid #999999;
  color: #111111;
}
#sub-menu a:hover {
  color: #005c6f;
  border-color: #5f9dbf;
}
#sub-menu a:hover { background-color: rgba(200, 200, 200, 0.5); }
#sub-menu h2 {
  font-size: 1.5em;
  margin: 0 0 0.5em;
}
#sub-menu h3 {
  font-size: 1.15em;
  margin-bottom: 0.5em;
}
#sub-menu ul { margin: 0 0 1em 1em; }
#sub-menu ul li {
  padding: 5px;
  margin-bottom: 0.5em;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #999999;
}
#sub-menu select {
  display: block;
  margin-bottom: 1em;
}
#footer {
  height: 175px;
  width: 100%;
  padding: 20px 0 0;
  clear: both;
  background: transparent url(images/horizontal_bar.png) repeat-x scroll top center;
  font-size: 1.3em;
}
#footer a {
  border-bottom: 1px solid #999999;
  color: #111111;
}
#footer a:hover {
  color: #005c6f;
  border-color: #5f9dbf;
}
#footer .inner {
  height: 100%;
  background: transparent url(images/me_at_work.png) no-repeat scroll left center;
}
#footer #twitter-box {
  width: 230px;
  margin-top: 25px;
  margin-left: 410px;
  float: left;
  font-size: 13px;
  line-height: 14px;
}
#footer #twitter-box h2 {
  font-size: 18px;
  margin-bottom: 0.2em;
}
#footer #twitter-box #tweet { margin-left: 1em; }
#footer #twitter-box .aktt_tweet_time {
  display: block;
  float: right;
  clear: right;
  text-align: right;
}
#footer #twitter-box #twitter-timestamp {
  display: block;
  float: right;
  clear: right;
  text-align: right;
}
#footer #twitter-box #twitter-link {
  display: block;
  float: right;
  clear: right;
  text-align: right;
}
#footer #twitter-box .aktt_tweet_time {
  margin-top: 1.3em;
  font-size: 0.9em;
}
#footer #twitter-box .aktt_tweet_time:before { content: "\2014\a"; }
#footer #twitter-box #twitter-timestamp {
  margin-top: 1.3em;
  font-size: 0.9em;
}
#footer #twitter-box #twitter-timestamp:before { content: "\2014\a"; }
#footer #twitter-box #twitter-link { margin-top: 0.3em; }
#footer #site-info {
  float: right;
  position: relative;
  right: 20px;
  margin-top: 15px;
  line-height: 1.8em;
  text-align: right;
}
#footer #site-menu li {
  display: inline;
  margin-left: 3px;
}