/*
Theme Name: Black
Theme URI: http://www.jonmcrae.net/
Description: Child Theme for Default
Author: Jon McRae
Author URI: http://www.jonmcrae.net/
Template: default
Version: 0.1
*/
 
@import url("../default/style.css");

/* Begin Typography & Colors */
body
{
background-color: black;
background-image: url("http://www.jonmcrae.net/blackbg.jpg");
font-family: georgia;
font-size: 11px;
color: white;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}

#page {border: 2px solid black; text-align: center; padding: 0;}

#header
{
background-color: black;
height: 40px;
margin-top: 75px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
width: 100%;
max-width: 1280px;
text-align: right;
border: 2px solid black;
padding: 0;
text-align: right;
}

#headerimg {background: url("http://www.jonmcrae.net/blog/wp-content/themes/default/images/kubrickheader.jpg");}

#content {font-size: small;}

.widecolumn .entry p {font-size: 11px;}

.narrowcolumn .entry, .widecolumn .entry {line-height: 160%;}

.narrowcolumn .postmetadata {text-align: center;}

.alt {background-color: #252525; border: 1px dotted white;}

#footer
{
background-image: url("http://www.jonmcrae.net/blog/wp-content/themes/default/images/kubrickfooter.jpg");
background-repeat: repeat-x;
background-color: black;
height: 40px;
text-align: center;
font-size: 11px;
border-top: 2px solid black;
border-bottom: 1px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
width: 100%;
max-width: 1280px;
}

small {font-family: tahoma; font-size: 11px; line-height: 180%;}

h1, h3
{
font-family: book antiqua;
font-weight: bold;
font-variant: small-caps;
font-stretch: expanded;
color: white;
}

h1 {font-size: xx-large;}

h2
{
font-family: tahoma;
font-size: large;
font-weight: bold;
font-variant: small-caps;
font-stretch: expanded;
color: #808080;
margin-bottom: 10px;
}

#sidebar h2
{
font-family: tahoma;
font-size: small;
font-weight: bold;
font-variant: small-caps;
font-stretch: expanded;
color: white;
margin: 0;
}

h3 {font-size: small; font-weight: bold;}

h1 a, h1 a:visited, #headerimg .description {text-decoration: none; color: white;}

h1 a:hover, h2 a:hover, h3 a:hover {color: #4682B4; text-shadow: 0px 0px 2px #4682B4; text-decoration: none;}
	
h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #4682B4;}

h2 a, h2 a:visited, h3 a, h3 a:visited, #wp-calendar caption, cite {text-decoration: none; color: #4682B4;}

.entry p a:visited {color: #808080;}

#sidebar a:visited {color: #4682B4;}

.commentlist li, #commentform input, #commentform textarea {font-size: small; font-family: verdana, tahoma;}

.commentlist li {font-weight: normal;}

.commentlist li .avatar {float: right; border: 1px solid white; background-color: black; padding: 0;}

.commentlist cite {font-weight: normal; font-style: normal;}

.commentlist cite a {font-weight: normal;}

.commentlist p {font-weight: normal; line-height: 150%; text-transform: none;}

#commentform p {font-family: verdana, tahoma;}

.commentmetadata {font-weight: normal; color: #C0C0C0;}

small, #sidebar ul ul li, #sidebar ul ol li, strike {color: #808080;}

.nocomments, .postmetadata {color: #808080;}
	
code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}

a:link {COLOR: #4682B4; text-decoration: none;}

a:visited {COLOR: #808080; text-decoration: none;}

a:hover {COLOR: #4682B4; text-decoration: underline; position: relative;}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}

#wp-calendar a {text-decoration: none;}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {font-style: normal; text-transform: capitalize;}
/* End Typography & Colors */

/* Begin Structure */

.narrowcolumn
{
float: left;
padding: 0;
margin-top: 10px;
margin-bottom: 0;
margin-right: 0;
margin-left: 2px;
width: 76%;
max-width: 972px;
}

.widecolumn
{
padding: 0;
margin-top: 10px;
margin-bottom: 0;
margin-right: 0;
margin-left: 2px;
width: 100%;
max-width: 1280px;
}

.post
{
padding-top: 10px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 30px;
margin: 0;
border-top: 1px dotted #808080;
border-bottom: 0;
border-left: 1px dotted #808080;
border-right: 1px dotted #808080;
text-align: justify;
background-color: black;
background-image: url("http://www.jonmcrae.net/blackdivH.png");
background-position: bottom left;
background-repeat: repeat-x;
font-family: georgia;
font-size: 11px;
color: #F8F8FF;
}

.post hr {display: block; height: 1px; width: 50%; color: white; background-color: white;}

.widecolumn .post {margin: 0;}

.narrowcolumn .postmetadata {padding: 10px; margin: 0;}

.widecolumn .postmetadata {padding: 10px; margin: 0;}

.widecolumn .smallattachment {text-align: center; float: left; width: 128px; padding: 5px;}

.widecolumn .attachment {text-align: center; padding: 5px;}

.postmetadata {clear: left; font-size: 11px; font-family: tahoma;}

.clear {clear: both;}

#footer {padding: 0; clear: both;}

#footer p {margin: 0; text-align: center;}


/* Headers */

h1 {padding-top: 4px; padding-bottom: 4px;}

h2 {padding-top: 3px; padding-bottom: 3px;}

h3 {padding-top: 2px; padding-bottom: 2px;}

h3.comments, #comments
{
margin-top: 15px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
font-family: verdana, tahoma;
font-variant: normal;
}


/* Images */

p img {padding: 0; max-width: 100%;}

#white {border: 3px solid white;}

img.centered, img.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 10px;
padding: 0;
}

img.alignright, img.alignleft {margin-top: 5px; margin-bottom: 10px; display: inline; padding: 0;}

img.alignright {margin-left: 15px;}

img.alignleft {margin-right: 15px;}

.alignright {float: right; margin-left: 30px; margin-right: 0;}

.alignleft {float: left; margin-right: 30px; margin-left: 0;}


/* Lists */

.entry ol, .entry ul {margin: 0; margin-left: 30px; margin-right: 30px; padding: 0;}

.entry ol li, .entry ul li {padding-bottom: 10px;}

.entry ol ol li, .entry ol ul li, .entry ul ol li, .entry ul ul li {padding-bottom: 2px;}

.entry ol ol, .entry ol ul, .entry ul ol, .entry ul ul
{
padding: 0;
margin: 0;
margin-left: 30px;
margin-right: 30px;
padding-bottom: 5px;
}

.entry ul li, .entry ol ul li, .entry ul ul li {list-style-type: square;}

#sidebar ul ul li:before {content: ""; margin: 0; padding: 0;}

.entry ul li:before {content: ""; padding-left: 10px;}

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}

#sidebar ul, #sidebar ul ol {padding: 0;}

#sidebar ul li {list-style-type: none; list-style-image: none; margin: 0;}

#sidebar ul p, #sidebar ul select {margin: 0}

#sidebar ul ul, #sidebar ul ol {margin-top: 5px; margin-bottom: 15px; margin-left: 0; margin-right: 0;}

#sidebar ul ul {list-style-type: none;}

#sidebar ul ul ul, #sidebar ul ol {margin: 0;}

ol li, #sidebar ul ol li {list-style: decimal;}

#sidebar ul ul li, #sidebar ul ol li
{
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0;
margin-right: 0;
padding-top: 3px;
padding-bottom: 3px;
border-top: 1px solid #505050;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid #505050;
background-color: #303030;
text-shadow: 1px 1px 1px black;
}


/* Forms */

#searchform {margin: 0; padding-bottom: 20px; text-align: center;}

#sidebar #searchform #s
{
width: 100%;
padding: 0;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
}

#sidebar #searchsubmit {margin-left: auto; margin-right: auto;}

.entry form {text-align:center;}

select {width: 130px;}

#commentform input {width: 170px; padding: 0; margin: 10px;}

#commentform textarea {width: 50%; margin: 0; padding: 5px; border: 2px solid black;}

#commentform #submit
{
margin-top: 10px;
margin-bottom: 10px;
margin-right: 25%;
float: right;
padding: 5px;
background-color: #0a3866;
background: -moz-linear-gradient(90deg, #07294b, #0a3866);
background: -webkit-gradient(linear, center bottom, center top, from(#07294b), to(#0a3866));
border: 1px solid black;
text-shadow: 1px 1px 0px black;
color: white;
font-family: georgia;
font-size: 11px;
}


/* Comments*/

.alt {margin-top: 10px;}

.commentlist {padding: 0; text-align: justify; margin: 0; text-shadow: 1px 1px 0px black;}

.commentlist li {margin-top: 10px; padding: 30px; list-style: none;}

.commentlist p {margin-bottom: 10px;}

#commentform p {margin: 5px;}

.nocomments {text-align: center; margin: 0; padding: 0;}

.commentmetadata {margin: 0; display: block;}


/* Sidebar */

#sidebar
{
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 2%;
margin-left: 76%;
margin-right: 10%;
margin-top: 0;
margin-bottom: 0;
width: 22%;
max-width: 282px;
background-color: transparent;
background-image: url("http://www.jonmcrae.net/sidebarBG.png");
background-repeat: no-repeat;
background-position: center top;
color: white;
text-align: center;
font-family: georgia;
font-size: 11px;
border: 0;
}

#sidebar form {margin: 0;}


/* Calendar */

#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}

#wp-calendar #next a {padding-right: 10px; text-align: right;}

#wp-calendar #prev a {padding-left: 10px; text-align: left;}

#wp-calendar a {display: block;}

#wp-calendar caption {text-align: center; width: 100%;}

#wp-calendar td {padding: 3px 0; text-align: center;}

#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }


/* Tags & Classes */

acronym, abbr, span.caps {cursor: help;}

acronym, abbr {border-bottom: 1px dashed white;}

blockquote
{
margin: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
padding-left: 20px;
background-color: #252525;
border: 1px dotted #DCDCDC;
color: #DCDCDC;
text-shadow: 1px 1px 1px black;
}

blockquote cite {margin: 5px 0 0; display: block;}

.center {text-align: center;}

a img {border: 0;}

.navigation
{
display: block;
text-align: center;
padding: 5px;
margin: 0;
font-size: x-small;
font-family: verdana, tahoma;
}


/* Additions */

div.j
{
width: 100px;
height: 100px;
background-image: url("http://www.jonmcrae.net/j1.png");
position: absolute;
top: 10px;
left: 10%;
margin-left: 30px;
z-index: 100;
}

div.bgL, div.bgR
{
width: 50%;
position: fixed;
top: 0px;
bottom: 0px;
background-repeat: repeat-y;
z-index: -1;
}

div.bgL
{
left: 0px;
background-image: url("http://www.jonmcrae.net/blackfadeL.png");
background-position: center left;
}

div.bgR
{
right: 0px;
background-image: url("http://www.jonmcrae.net/blackfadeR.png");
background-position: center right;
}

div.jpagefirst, div.jpagemiddle, div.jpagelast
{
width: 50%;
margin-left: auto;
margin-right: auto;
border: 2px solid black;
background-color: #C5C5C5;
background-image: url("http://www.jonmcrae.net/iconwhite.png");
background-repeat: repeat-x;
padding: 2px;
font-family: georgia;
text-shadow: 1px 1px 0px white;
}

div.jpagefirst {margin-top: 30px; margin-bottom: 5px;}

div.jpagemiddle {margin-top: 0; margin-bottom: 5px;}

div.jpagelast {margin-top: 0; margin-bottom: 30px;}

div.sidebarIMG
{
height: 250px;
width: 99%;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0;
margin-left: 0;
background-image: url("http://www.jonmcrae.net/JM3.JPG");
background-repeat: no-repeat;
background-position: center left;
background-color: transparent;
border: 2px solid black;
}

.blue {color: #4682B4;}

.black {color: black;}

.gray {color: #808080;}

div.center {margin-left: auto; margin-right: auto;}

div.hr, div.hrL, div.hrR
{
display: block;
height: 0px;
width: 50%;
border-top: 1px dotted #c0c0c0;
margin-top: 30px;
margin-bottom: 30px;
}

div.hr {margin-right: auto; margin-left: auto}

div.hrL {margin-left: 0; margin-right: 50%;}

div.hrR {margin-left: 50%; margin-right: 0;}

span.small-caps {font-variant: small-caps; font-size: larger;}


/* PhotoXhibit */

#px1, #px2, #px3 {text-align: center; padding-top: 5px; padding-bottom: 5px;}

div.pxDivWrapper {display: inline; padding-left: 1px; padding-right: 1px;}

div.pxDivWrapper p {display: none;}