/*
THEME NAME: Wharf
DESCRIPTION: Theme for self.collect(&:code) - based on Sandbox
VERSION: 1.0
AUTHOR: Sander Dieleman
*/


/* "corrections " */
body {
  margin: 0;
  padding: 0;
}

/*
LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column fluid layout with one sidebars right of content
*/
#wrapper {
  width: 70%;
  margin: 0 auto;
  padding: 0;
  min-width: 800px; /* not everyone browses at 1680x1050 */
}

div#container {
	float: left;
	margin: 0 0 0 -30%;
	width: 100%;
}
div#content {
	margin: 0 0 0 30%;
}
div.sidebar {
	float: right;
	overflow: hidden;
	width: 30%;
}
div#secondary	{
	clear: right;
}
div#footer {
	clear: both;
	width: 100%;
} 


/************************/


#blog-title, #blog-description { /* KILL */
  margin: 0;
  padding: 0;
  font-size: 0;
  height: 0;
  width: 0;
  color: transparent;
}

/*****************************/

body {
  background-color: black;
}

div#header {
  height: 350px;
  background-color: black;
  background-image: url("main_bg.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
  position: relative;
}

#blog-title {
  width: 539px;
  height: 66px;
  background-image: url("title.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 42px;
  right: 5%;
}


div#content {
  background-color: white;
  padding-bottom: 2em;
  padding: 0 1.5em;
}

#wrapper {
  border: 1px solid #181818;
  border-width: 0 1px;
  background-color: white;
}


/* GENERAL LAYOUT STUFF (including links) */


body {
  font-family: "Verdana", sans-serif;
  font-size: .85em;
}

#content p {
  margin-bottom: 1.5em;
}

a, a:link, a:active {
  color: #c10;
  text-decoration: none;
}

a:visited {
  color: #990d00;
  text-decoration: none;
}

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



/* ACCESS */

#access {
  margin: 0;
  padding: .8em 0;
  background-color: #c10;
  color: white;
}

div#access div.skip-link {
  position:absolute;
  top: 0;
  right: 0;
  font-size: .8em;
}

div#access div.skip-link a, div#access div.skip-link a:active, div#access div.skip-link a:link, div#access div.skip-link a:visited {
  font-weight: bold;
  padding: .2em .5em;
  color: #c10;
  background-color: transparent;
}

div#access div.skip-link a:hover {
  color: white;
  text-decoration: none;
}

div#menu a, div#menu a:link, div#menu a:active, div#menu a:visited {
  font-weight: bold;
  color: #fcb;
  background-color: transparent;
  padding: .8em 1.5em;
}

div#menu a:hover {
  background-color: #aa0f00;
  text-decoration: none;
}

div#menu, div#menu ul, div#menu li {
  padding: 0;
  margin: 0;
}

div#menu ul {
  list-style-type: none;
}

div#menu ul, div#menu li {
  display: inline;
}

/* CONTENT */

div#container, div.sidebar {
  padding-top: 1em;
  padding-bottom: 1em;
}

.entry-title {
  margin-left: -1em;
  margin-right: -1em;
  padding-left: 1em;
  padding-right: 11em; /* try to ensure the date doesn't overlap with the post title */
}

#content pre {
  overflow: hidden;
  margin: 0 1em;
  margin-bottom: 3em;
  padding: .2em 0;
}

#content code, #content pre {
  border: 1px solid #ccc;
  border-width: 1px 0;
  background-color: #eee;
  font-size: 1.2em;
  color: #444;
}

.entry-title {
  font-family: "Georgia", serif !important;
  clear: both;
  font-size: 1.5em !important;
  background-color: #ddd;
  color: #444;
}

.entry-title a, .entry-title a:active, .entry-title a:link, .entry-title a:visited {
  color: #444;
}

.entry-title a:hover {
  color: #c10;
  text-decoration: none;
}

.entry-date {
  float: right;
  margin-top: -2.7em;
  font-family: "Georgia", serif;
}

abbr.published {
  border-bottom: none;
}

#content h3, #content h4, #content h5, #content h6, #content h7 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-family: "Georgia", serif;
}

#content h3 {
  font-size: 1.25em;
}

#content h4 {
  font-size: 1.2em;
}

div#nav-above, div#nav-below {
  width:100%;
  height:1em;
}

div#nav-above{
  margin-bottom: 1em;
}

div#nav-below{
  margin-top:1em;
}


.alignleft, div.nav-previous {
  float: left;
}

.alignright,div.nav-next{
  float: right;
}

/* lists and stuff */
#content ul {
  list-style-type: square;
  margin: 0;
  padding: 0;
  padding-left: 2em;
}

#content li {
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
}

#content li li {
  margin: 0;
  margin-left: 1.5em;
}

#content ol {
  margin: 0;
  padding: 0;
  margin-left: 2em;
}

#content ol ol {
  margin: 0;
}


/* comment form */

form#commentform .form-label {
  margin: 1em 0 0;
}

form#commentform span.req-field {
  background: #fff;
  color: red;
}

form#commentform, form#commentform p {
  padding: 0;
}

input#author, input#email, input#url {
  width: 50%;
}

input#author, input#email, input#url, textarea#comment {
  padding: 0.2em;
  border: 1px solid #222;
  background-color: #eee;  
}

input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus {
  background-color: white;
}

ol.commentlist li {
  margin: 0 0 3.5em;
}
textarea#comment {
  height: 13em;
  margin: 0 0 .5em;
  overflow: auto;
  width: 100%;
}

#commentform #submit {
  float: right;
  margin-right: -.5em;
}


/* sidebar stuff */

div.sidebar {
  border-left: 1px solid #c10;
  margin-left: -1px;
  font-size: .95em; /* slightly reduce font size in the sidebar. I dunno, it looks better. */
}

div.sidebar div, div.sidebar h3, div.sidebar ul, div.sidebar li {
  margin: 0;
  padding: 0 .3em;
}

div.sidebar h3 {
  font-size: 1.2em;
  padding-bottom: .5em;
}

div.sidebar input#s {
  width: 10em;
  border: 1px solid #222;
  background-color: #eee;
}

div.sidebar input#s:focus {
  background-color: white;
}

div.sidebar li {
  list-style: none;
  margin: 0;
  margin-bottom: 1em;
}

div.sidebar li li {
  margin: 0;
  margin-left: .5em;
}

div#footer {
  width: 100%;
  text-align: center;
  background-color: #c10;
  color: white;
  padding: .5em 0;
  font-size: .9em;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
  color: #fcb;
}

div#footer a:hover {
  color: white;
}

.footnote {
  font-size: .8em;
  vertical-align: super;
}


/* added for convenience */
.highlight {
  font-weight: bold;
  color: #c10;
}

img {
  border: 0;
}

.wp-caption {
  font-size: .8em;
  padding: 1em;
}

.wp_syntax {
  border: 0;
  background-color: transparent;
}

.entry-meta {
  font-size: .85em;
}


#comments {
  margin-top: 2em;
}

.comments ol {
  margin-top: 1em !important;
}

.comment-author img {
  vertical-align: top;
}

.comment {
  border: 1px solid #ccc;
  border-width: 1px 0px;
  background-color: #f8f8f8;
  margin-left: -2em !important; /* WTF? */
  list-style-type: none;
}

.comment-author {
  background-color: #eee;
  overflow: auto;
  border-bottom: 1px solid #ccc;
}

.comment-author img {
   vertical-align: middle;
}

.comment-meta {
  font-size: .8em;
  margin-top: -1.5em;
  margin-right: .5em;
  text-align: right;
  color: #888;
}

.comment p {
  padding: 0 .5em;
}

#nav-below {
  margin-top: 1em;
  margin-bottom: 1em;
}

.entry-meta {
  color: #444;
}

.wp-caption-text {
  text-align: center;
}