/*
Theme Name:pinholemiscellany.berrange.com
Theme URI:http://pinholemiscellany.berrange.com
Description:This WordPress theme is for http://pinholemiscellany.berrange.com/
Version:1.0.0
Author:Daniel P. Berrange
Author URI:http://berrange.com
Tags:white, fixed-width, two-columns, right-sidebar

*/
/************************** LAYOUT ************************/


* {
  font-family: Verdana, Arial, sans-serif;
}

body {
  padding: 0px;
  margin: 0px;
  color: rgb(255,255,255);
  background: rgb(0,0,0) url(banner.jpeg) no-repeat top left;
}

a {
  text-decoration: none;
  color: inherit;
}

#footer a, #page a, #post a, #index a {
  border-bottom: 1px dotted rgb(40,40,40);
}

#page a, #post a {
  color: rgb(50,50,100);
}

#footer {
  text-align: right;
  color: rgb(150,150,150);
}

#header, #footer, #content {
  margin-left: 4em;
  margin-right: 4em;
}

#content {
  background: rgb(170,170,160);
  color: rgb(50,50,50);
  padding: 2px;
}
#content #index, #content #page, #content #post, #content #category {
  background: rgb(240,240,230);
  color: rgb(50,50,50);
  border: 2px solid rgb(50,50,50);
  padding: 2em;
}

h1 {
  width: 100%;
  font-size: 26pt;
}

#header {
  margin-top: 50px;
}

#header h1, #header h2 {
  float: left;
}

#header h2 {
  clear: left;
  font-size: 20pt;
}


div.navigation h3 {
  display: none;
}

div.navigation ul {
  padding: 0px;
  margin: 0px;
}

div.navigation li {
  display: inline;
  padding-left: 1em;
  padding-right: 1em;
}

div.navigation {
  text-align: center;
}

#pages ul {
  float: right;
}

#pages {
  padding-top: 0.6em;
  text-align: right;
  float: right;
  margin: 0px;
  margin-right: 2em;
  color: rgb(210,210,210);
  font-weight: bold;
}

#pages li {
  font-size: 14pt;
}

#portfolio {
  clear: both;
  padding-top: 1em;
  padding-bottom: 3em;
}

#portfolio ul {
  color: rgb(240,240,240);
  background: rgb(180,180,180);
  padding: 8px;
  font-weight: bold;
}

h1 {
  padding: 0px;
  margin: 0px;
}

h2 {
  padding: 0px;
  margin: 0px;
}

#header h2 {
  color: rgb(210,210,210);
}

.fancybox-skin {
  background: rgb(40,40,40) ! important;
}
.fancybox-inner {
  border: 1px solid rgb(0,0,0) ! important;
}

#post div.wp-caption {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: rgb(220,220,210);
  padding: 5px;
  border: 1px solid rgb(180,180,190);
}

#post div.wp-caption img {
  border: 1px solid black;
}

#post div.wp-caption a {
  border: 0px;
}

.postnav {
  font-size: 60pt;
  color: rgb(120,120,150);
}

.postleft {
  float: left;
}

.postright {
  float: right;
}

#content h2 {
  text-align: center;
}


p.item {
  text-align: center ! important;
}

p.item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.bx-viewport ul {
  padding: 0px;
  margin: 0px;
}

img.alignright {
  float: right;
}

#footer {
  clear: both;
}


.bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 0px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0 0 0px #ccc;
  border:  0px solid #fff;
  left: 0px;
}

#post blockquote 
{
   font-style: italic;
}

#index div.camera {
  background: rgb(220,220,200);
  padding: 0.3em;
  border: 1px dotted rgb(128,128,128);
  margin-bottom: 1em;
}

#index div.camera h3
{
  font-weight: bold;
  font-size: larger;
  margin-bottom: 0px;
}

#index div.intro p
{
  margin: 0px;
  padding: 0px;
}

#index p.thumb {
  float: left;
  margin: 1em;
  border: 1px solid black;
}

#content #post {
  position: relative;
}

ul.set {
  margin:0px;
  position: absolute;
  top: -2px;
  right: 20px;

  padding: 5px;
}

#post ul.set li a {
  color: rgb(50,50,50);
}

ul.set li {
  display: inline;
  padding: 6px;
  border: 0px;
  margin-left: 1em;
  border: 2px solid rgb(50,50,50);
  border-top:0px;
  background: rgb(170,170,160);
  color: rgb(50,50,50);
}

ul.set li.active {
  font-style: italic;
  font-weight: bold;
}

#post p.featimage {
  float: right;
  border: 1px solid black;
  background: rgb(220,220,210);
  padding: 5px;
  border: 1px solid rgb(180,180,190);
  margin-left: 5px;
}
br.clear {
  clear: both;
  border: 0px;

}
#post p.featimage img {
  border: 1px solid black;
}

#post p.featimage a {
  border: 0px;
}