/*
THEME NAME: Blackbox
THEME URI: http://www.xoxiety.com/themes/blackbox
VERSION: 1.0
DESCRIPTION: A bold black and white sandbox theme
AUTHOR: Hillary Louise Johnson
AUTHOR URI: http://www.xoxiety.com
TEMPLATE: sandbox
*/

/* Blackbox, a Sandbox template skin for WordPress, by Hillary Louise Johnson */

/* default styling to "zero out" the page.
From Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, wrapper, h3 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


:focus {
	outline: 0;
}

/* To change the color scheme, uncomment the one you want, below. */

/* BLACK (default) */

html {
background: transparent url(blackwhiteheader.jpg) top left repeat-y;
}

/* BLUE */
/*
html {
background: transparent url(bluebackground.jpg) top left repeat-y;
}

h1 a:link {color: #277a91;}
h1 a:visited {color: #277a91;}
*/

/* BROWN */
/*
html{
 background: transparent url(brownbackground.jpg) top left repeat-y;
}

h1 a:link {color: #5c401e;}
h1 a:visited {color: #5c401e;}
*/

body {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.3;
color: #000;
background: transparent;
}

ol, ul {
/*	list-style: none;*/
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
    background-color: #edf1f3;
}

/* end default restyle */

#wrapper {
width: 860px;
}

#header {
width: 100%;
height: 150px;
background: transparent;

}

#menu {
display: none;
}

#blog-title {
line-height: 1;
font-size: 800%;
font-family: impact, helvetica, sans-serif;
text-transform: uppercase;
white-space: nowrap;
padding-left: 310px;
}
#blog-title a {
    font-weight: normal;
}
h1 {
font-size: 2em;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
/* white-space: nowrap; */
}

a:link {color: #077bc3; font-weight: bold; text-decoration: none;}
a:visited { color: #077bc3; text-decoration: none;}
a:hover {color: #6ac3fa; text-decoration: none;}
a:active {color: #6ac3fa; text-decoration: none;}

h1 a {color: #89cffb; text-decoration: none; font-weight: normal;}
h1 a:visited {color: #89cffb; text-decoration: none; font-weight: normal;}
h1 a:hover {color: #89cffb; text-decoration: none;}
h1 a:active {color: #89cffb; text-decoration: none;}


h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #666;
    margin-top: 15px;
}
.sidebar h3 {
    color: #fff;
}

#blog-description {
font-size: 120%;
color: #b4b4b4;
margin-left: 315px;
}


#access {
display: none;
}

#container {
float: right;
width: 540px;
min-height: 600px;
}

#content {
float: right;
margin-left: 0px;
width: 540px;
min-height: 200px;
background: #fff ;
}

blockquote {
font-style: oblique;
width: 400px;
margin-left: 40px;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
}

.sidebar  {
float: left;
width: 292px;
height: 100%;
text-align: right;
padding-right: 10px;
overflow: hidden;
background: transparent;
}

.sidebar h2 {
font-family: impact, sans-serif;
font-size: 120%;
font-weight: bold;
color: #d4d4d4;
}

#primary{
padding-top: 50px;
}

#secondary {
clear: left;
}

.navigation {
font-style: oblique;
}

#comments{
padding-top: 10px;
}

#comments h3 {
color: #077bc3;
font-size: 120%;
font-family: helvetica;
padding-top: 30px;
}

.comment-meta{
font-size: 80%;
margin-bottom: 10px;
}

#respond{
padding-top: 10px;
padding-bottom: 10px;
}

#footer {
clear: both;
margin-left: 320px;
padding-top: 40px;
padding-bottom: 5px;
}

.entry-title {
font-size: 1.5em;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
color: #079af5;
text-transform: uppercase;
}
h1.entry-title {
font-size: 150%;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
color: #079af5;
}

.entry-date {
/*padding-bottom: 10px;*/
    font-size: x-small;
}

.entry-content img {
border: thick solid #fff;
margin-right: 10px;
}

.entry-meta {
padding-top: 20px;
}

.nav-previous {
padding-top: 10px;
}

#comment {
border: none;
background: transparent;
}

input {
/*background: #088ee2;*/
border: medium solid #d2d2d2;
/*color: #fff;*/
font-family: Monospace, sans-serif;
font-weight: bold;
}
textarea {
    font-family: Monospace, sans-serif;
    font-weight: bold;
}
textarea, .form-textarea {
    border: 2px solid #088ee2;
}

#author, #email, #url {
border: thin solid #088ee2;
background: transparent;
}

.form-submit {
padding-top: 10px;
}

.form-label {
padding-top: 10px;
font-style: oblique;

}
.comment-author  {
font-weight: bold;
}

#s {
    background: #eee;
}
#s:focus {
    background: #fff;
}

#calendar {
margin-left: 130px;
text-align: left;
width: 140px;
height: 190px;
margin-top: 10px;
margin-bottom: 10px;
background: #088ee2;
border: medium solid #d2d2d2;
color: #fff;
padding-left: 15px;
padding-right: 10px;
padding-bottom: 20px;

}

#calendar a:link {color: #000; text-decoration: none;}
#calendar a:visited { color: #1e1e1e; text-decoration: none;}
#calendar a:hover {color: #d4d4d4; text-decoration: none;}
#calendar a:active {color: #d4d4d4; text-decoration: none;}

.pad {
font-size: 90%;
padding: 2px;
}

.textwidget {
color: #077bc3;
text-align: right;
}
#nav-below {

}
.related-articles {
    border: 2px solid #ccc;
    padding: 5px;
}
.entry-meta {
    font-size: 80%;
    color: #555;
}
div.entry-meta a, .entry-meta a:visited, .entry-meta a: hover {
    color: #666;
}

.comment, .pingback {
    border: 1px solid #ccc;
    margin: 7px 0px;
    padding: 7px;
}
/*.comment.alt, .pingback.alt {
    background-color: #f1f1f1;
}*/

.pri-browser {
    padding-left: 10px;
}

hr {
    color: #eee;
    background-color: #eee;

}
div.entry-content img {
  border: 1px solid #666;
}
table.content-table td, table.content-table th {
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 5px 10px;
}
table.content-table th {
  background-color: #e6e6ff;
}
.highlight {
  background-color: #FFFFA0;
}
#akst_social li a, #akst_social a:visited, #akst_social a: hover {
    font-size: 6px;
}

/* WP-Syntax Mods  */
    .wp_syntax {
      color: #100;
      background-color: #f9f9f9;
      border: 1px solid silver;
      margin: 0 0 1.5em 0;
      overflow: auto;
    }

    /* IE FIX */
    .wp_syntax {
      overflow-x: auto;
      overflow-y: hidden;
      padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
      width: 100%;
    }

    .wp_syntax table {
      border-collapse: collapse;
    }

    .wp_syntax div, .wp_syntax td {
      vertical-align: top;
      padding: 2px 4px;
    }

    .wp_syntax .line_numbers {
      text-align: right;
      background-color: #def;
      color: gray;
      overflow: visible;
    }

    /* potential overrides for other styles */
    .wp_syntax pre {
      margin: 0;
      width: auto;
      float: none;
      clear: none;
      overflow: visible;
    }
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}