/**
 * Title:    Unitstep.net screen styles
 * Author:   Peter Chng
 *
 * These styles provide a fluid-width that allows the document to scale with
 * the width of the viewing port.
 */

/* Basic styles
---------------------------------------------- */
body {
	margin: 0;
	color: #000;
	background-color: #647D8F;
	font: 75%/1.5em  Verdana, Arial, sans-serif;
}
h1 {font-size: 170%; margin: .67em 0; line-height: 1.5em;}
h2 {font-size: 150%; margin: .75em 0; line-height: 1.5em;}
h3 {font-size: 117%; margin: .83em 0;}
h4 {font-size: 100%; margin: 1.12em 0;}
h5 {font-size: 83%; margin: 1.5em 0;}
h6 {font-size: 75%; margin: 1.67em 0;}
p, form, ul, ol {margin: 1.12em 0;}
blockquote {margin: 1.12em 1.1em;}
pre {
  width: 95%;
  border: 1px solid #CCC;
  padding: 0 5px;
  overflow-x: auto;
  background-color: #FFF9BF;
  font-family: "Courier New", monospace;
}
code {font-size: 100%; font-family: "Courier New", monospace;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0;}
ul, ol {margin-left: 1.5em; margin-right: 0; padding-left: 0; padding-right: 0;}
ul ul {margin: 0 !important; padding: 0 !important;}
dl dt {font-weight: bold;}
dl dd {margin: 0 0 1em 1.5em;}
acronym, abbr {cursor: help;}

a.image, .image a, a.icon {border: 0 !important;}
a.icon {padding-top: 2px; padding-bottom: 2px;}
.image {text-align: center;}

.image img, img.image {
  margin: 0 10px;
  border-color: #CCC #777 #777 #CCC;
  border-style: solid;
  border-width: 1px;
}
.content-column ul, .content-column dl, #sidebar ul, .links {
  margin: 0.5em 20px 1em 0;
  padding: 0;
  list-style-type: none;
}

.notice {
  border: 1px solid #FFB200;
  padding: 0 0.5em;
  background: #FFFCCC;
}
.warning, .error, .info {
  width: auto;
  margin: 1em auto;
  padding: 1em 1em 1em 3em;
  background-position: 1em center;
  background-repeat: no-repeat;
}
.info {
  border: 1px solid #6096BF;
  background-color: #E6F4FF;
  background-image: url('/images/icons/silk/information.png');
}

.focus {color: #000; background-color: #FFF9BF;}
#switcher {position: absolute; top: 100px; right: 20px;}

/* Structure
---------------------------------------------- */
#page, #nav, #footer {
  border-color: #000;
  border-style: solid;
}
#page {
  position: relative; /* To make this the containing block for absolute positioning. */
  width: 760px;
  margin: 0 auto;
  border-width: 0 1px;
  background: #fff url("/images/unitstep-background.png") repeat-y 70% 0;
}
#header {
  padding: 0 1em;
  height: 120px;
  background: url("/images/unitstep-header.png") no-repeat top center;
}
#nav, #content {
  float: left;
}
#nav, #footer {
  border-width: 1px 0;
}
#nav {
  width: 100%;
  background-color: #CFDCE6;
  font-size: 90%;
}
#content {
  clear: both;
  width: 70%;
  background-color: #fff;
}
#sidebar {
  float: right;
  width: 30%;
  font-size: 90%;
}
#footer {
  clear: both;
  color: #CFDCE6;
  background-color: #406480;
  font-size: 80%;
  line-height: 1.5em;
  text-align: center;
}

/* Header
---------------------------------------------- */
#header h1 {
  margin: 0;
  font-size: 200%;
}
#header h1 a {
  color: #CFDCE6;
  font: bold 175% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
#header h1 a:hover {
  text-decoration: none;
}
#header #tagline {
  color: #FFF;
}

/* Navigation
---------------------------------------------- */
#nav ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#nav ul li {
  padding: 0;
  float: left;
}
#nav ul li a {
  float: left;
  border-right: 1px solid #000;
  padding: 0.3em 1em;
  color: #003D6B;
}
#nav a:hover {
  color: #CFDCE6;
  background-color: #6096BF;
  text-decoration: none;
}

/* Content
---------------------------------------------- */
#content a {
  border-bottom: 1px dotted #596F80;
  color: #596F80;
}
#content a:visited {
  border-color: #806040;
  color: #806040;
}
#content a:hover {
  border-bottom: 0;
  color: #BF9060 !important;
  text-decoration: underline;
}
#content #content-main {
  margin: 0 1.5em;
}
#content-title {
  padding: 0.5em 1.5em;
  background: #ACB7BF;
}
#content-title h1 {
  margin: 0;
}
#content .post, #content .post-single {
  clear: both;
  margin-bottom: 2.5em;
}
#content h2 {
  margin-bottom: 0.2em;
}
#content h2 a {
  border-bottom: 0;
  color: #806040 !important;
}
#content h2 a:hover {
  text-decoration: none;
}
#content h3.post-date {
  margin: 0;
  font-size: 90%;
  font-weight: normal;
}
#content abbr.date {
  border-bottom: 0;
}
#content h2.post-date {
  margin: 0.5em 0;
  border-bottom: 1px dotted #737A80;
  font-size: 100%;
  font-weight: normal;
}
#content blockquote {
  border-color: #CCC #777 #777 #CCC;
  border-style: solid;
  border-width: 1px;
  padding: 30px 1em 0 1em;
  background: #EEE url("/wordpress/wp-content/themes/the-stygian-abyss/images/blockquote-top-back.png") 2px 2px no-repeat;
  font-family: "Georgia", "Times New Roman", serif;
}
#content blockquote p {
  margin: 0 0 1em 0;
}
#content .post-entry {
  clear: both;
  padding-top: 1px; /* Firefox float-margin fix to align float with top. */
  line-height: 1.7em;
}
#content .post-metadata {
  margin: 0;
  border-top: 1px dotted #CCC;
  padding-top: 5px;
  font-size: 90%;
  list-style-type: none;
}
#content ul.post-metadata li {
  display: inline;
  padding-top: 3px;
  padding-right: 5px;
}
#content ul.post-metadata li a.icon {
  /* Negates default behaviour to make a.icon tall enough to show icon. */
  padding-top: 0; padding-bottom: 0;
}
#content ul.post-metadata a {
  border-bottom: 0;
}
#content .post-navigation {
  clear: both;
  height: 3em;
  /*margin-top: -1em;*/
  font-size: 90%;
}

#content-main #column-1 {
  /* float: left; */
}
#content-main #column-2 {
  /* float: right; */
  display: none;
}
#content-main .content-column {
  /* width: 48%; */
}
#content-main .content-column h2 {
  /* width: 85%; */
  font-size: 135%;
  margin-top: 1.5em;
  border-bottom: 1px solid #CCC;
  padding-bottom: 0.2em;
}
.content-column li {
  margin-bottom: 0.5em;
}
.content-column dt {
  font-weight: normal;
}
.content-column dd {
  margin-bottom: 1em;
  margin-left: 0;
}
.content-column dd a {
  border-bottom: 0 !important;
  border-left: 1px solid #ccc !important;
  padding-left: 0.4em;
}

#related-posts {
  margin-bottom: 1em;
  border: 1px solid #CCC;
  padding: 5px;
  background-color: #F2F2F2;
}
#related-posts h3, #related-posts ul {
  margin-top: 0;
  margin-bottom: 0;
}
#next-previous-links {
  margin-bottom: 2.5em;
}

#category-list li {
  margin-bottom: 0.25em;
}

/* Comments
---------------------------------------------- */
#comments {
  clear: both;
  float: left;
  margin-top: 10px;
}
#comments-feed {
  float: right;
  margin-top: 10px;
}
#comments-trackback {
  float: right;
  margin: 10px 10px 0 0;
}
#comment-list {
  clear: both;
  margin: 0 0 3em 0;
  padding: 0;
  font-size: 90%;
  list-style-type: none;
}
#comment-list li {
  margin-bottom: 2em;
  border-color: #CCC;
  border-style: solid;
  border-width: 0;
  padding: 0.5em 1em;
}
#comment-list li.alt {
  border-width: 1px 0;
  background-color: #F2F2F2;
}
#comment-list .comment-metadata {
  height: 1.5em;
}
#comment-list .comment-author {
  float: left;
  font-weight: bold;
}
#comment-list .comment-date {
  float: right;
}
#comment-list .comment-entry {
  clear: both;
}
#comment-form {
  clear: both;
  border: 1px solid #CCC;
  padding: 0 0.7em;
  background-color: #EEE;
}
#comment-form label {
  clear: both;
  float: left;
  width: 8.5em;
  font-weight: bold;
}
#comment-form em {
  font-weight: normal;
  font-size: 90%;
  font-style: normal;
}
#comment-form .subscribe-to-comments label {
  float: none;
}
#comment-form .subscribe-to-comments input {
  vertical-align: middle;
}

/* Sidebar - background is #e6dacf using an image.
---------------------------------------------- */
#sidebar div,
#sidebar p {
  clear: both;
  margin-left: 20px;
  margin-right: 20px;
}
#sidebar div div, #sidebar div p {
  margin-left: 0;
  margin-right: 0;
}
#sidebar a {
  border-bottom: 1px dotted #806040;
  color: #806040;
  font-weight: bold;
}
#sidebar a:visited {
  border-color: #5A4C3E;
  color: #5A4C3E;
}
#sidebar a:hover {
  border-bottom: 0;
}
#sidebar h2 {
  margin: 2em 0 0.5em 0;
  font-size: 130%;
  font-weight: bold;
}
#sidebar h2 a {
  border-bottom: none !important;
}
.tagcloud {
  margin: 0;
  padding: 0;
  line-height: 2em;
}
.tagcloud li {
  display: inline !important;
  padding: 0 !important;
  background-image: none !important;
}
.tagcloud li sub {
  color:#aaa;
  font-size:60%;
}
#sidebar .tagcloud li sub {
  display: none;
}
#recent-posts-list li, #most-popular-list li {
  margin-bottom: 0.25em;
}
#recent-links-list .delPost {
  padding-bottom: 0.1em;
  font-size: 80%;
}
#delicious-more-links.delPost {
  float: right;
  background: none;
}
#welcome {
  margin-bottom: 3em;
}
#zooomr-photostream ul li {
  float: left;
  padding: 0;
  background: none;
}
#zooomr-photostream ul li img {
  margin: 0 1px;
}
#text-link-ads {
  margin-top: 2em;
}
#text-link-ads li {
  background-image: none !important;
}
div.g-plus-container {
  margin: 2em 0 0.5em 0;
}

/* Footer
---------------------------------------------- */
#footer p {
  margin: 1em 0;
}
#footer a, #footer a:visited {
  color: #CFDCE6;
  font-weight: bold;
  text-decoration: none;
}
#footer a:hover {
  color: #FFF;
}

/* Search
---------------------------------------------- */
#searchform input {border-color: #777 #AAA #AAA #777; border-style: solid; border-width: 1px; font-size: 90%;}
#searchform input.button {border-color: #AAA #777 #777 #AAA;}
#searchform input.button:hover {border-color: #000; cursor: pointer;}
#searchform {position: absolute; top: 122px; right: 20px; height: 3.8em; margin: 0; padding-top: 0.2em;}
#searchform h2 {display: none; margin: 0; font-size: 100%;}
#searchform input#s {width: 120px;}

/* Notifications
---------------------------------------------- */
.download {
  width: 400px;
  margin: 1em auto;
  border: 1px solid #6BB300;
  padding: 1em 0;
  background-color: #E6FFBF;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

/* Icons
---------------------------------------------- */
.icon {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 18px;
}
.icon-right {
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 18px;
}
#content .post-metadata a.icon {
  float: left;
}
#content a.permalink {
  background-image: url("/images/icons/mini/page_text.gif");
}
#content .filed-under {
  background-image: url("/images/icons/mini/folder.gif");
}
#content .filed-under-text {
  display: none;
}
#content .post-edit-item {
  background-image: url("/images/icons/mini/page_edit.gif");
}
#content li.post-comment-link {
  background-image: url("/images/icons/mini/comment.gif");
}
#content .post-time {
  background-image: url("/images/icons/mini/icon_clock.gif");
}
#content .feed {
  background-image: url("/images/icons/silk/feed.png");
}
#content .trackback {
  background-image: url("/images/icons/silk/page_link.png");
}
#content .post-more-link {
  display: block;
  font-weight: bold;
  text-align: right;
  background-image: url("/images/icons/mini/arrow_right.gif");
}
#sidebar li, #sidebar .delPost, .content-column li, .content-column dt, .iconified li {
  padding-left: 12px;
  background: url("/images/icons/graphicpush_blogicons/arrow_A_ver1.gif") left 0.5em no-repeat;
}
.download a {
  border: 0;
  background-image: url("/images/icons/silk/drive_go.png");
}

/* Misc.
---------------------------------------------- */
hr, .hide {display: none;}
.note {font-size: 90%;}
.less {color: #737A80;}
.align-right {float: right;}
.align-left {float: left;}
.clear {clear: both;}

/* IE Fixes
---------------------------------------------- */
/* Fixes weird IE body padding issue and floats disappearing from the page. */
* html #page,
* html #footer {height: 1%;}
/* Fix for weird placement of elements within dd - this may mess up other stuff. */
* html #contact-form dd {margin-left: -0.5em;}
* html #contact-form dl {margin-bottom: -1.5em;}
/* For overflow: auto on elements, IE places scrollbars on top of content, so must pad. */
pre {padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 19 : 4);}