/*
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/ */


@import url(https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext);

html, body, wrapper, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	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;
}



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

h1 a:link {color: #5C401E;}
h1 a:visited {color: #5C401E;}


body {
font-family: 'Lato', arial, sans-serif;
line-height: 1.3;
color: #000;
background: transparent;
}


p{padding: .5em 0 .7em 0;display: block;}

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: "" "";
}

/* end default restyle */

#wrapper {
width: 900px;
}

#header {
width: 100%;
height: 450px;
margin-left: 320px;
margin-top: 10px;
background: url("b.jpeg") no-repeat;

}

#menu {
display: none;
}

h1 {
line-height: 1;
font-size: 300%;
font-family: impact, helvetica, sans-serif;
/* text-transform: uppercase; */
white-space: nowrap;
padding-left: 0px;

}

a:link {color: #077bc3; 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:active {color: #89cffb; text-decoration: none;} */

h3 {
font-family: verdana, sans-serif;
font-size: 140%;
font-weight: bold;
color: #9382A0;

}

#blog-description {
font-size: 130%;
color: #5C401E;
margin-left: 5px;
letter-spacing: -0.02em;
font-weight: bold;
}

#blog-title {
margin-left: 5px;
letter-spacing: 0.05em;
}

#access {
display: none;
}

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

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

.entry-meta { 
font-size: 80%;
}

.sidebar  {
float: left;
width: 290px;
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: 150%;
font-weight: bold;
font-family: helvetica;
color: #079af5;
padding-top: 30px;
}

.entry-date {
padding-bottom: 10px;
}

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

.form-textarea {
border: thin solid #088ee2;
}

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

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

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

input {
background: #088ee2;
border: medium solid #d2d2d2;
color: #fff;
}

#s {
color: #000;
}


#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: #89cffb; 
}

#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;
}