/*
Theme Name: PhotoBlack
Theme URI: http://www.chrishuntphotography.com/
Description: Chris Hunt Photography, original theme.
Version: 1.0
Author: Chris Hunt
Author URI: http://www.extraconnections.co.uk/
*/

body {
   background: #000;
   color: #999;
   font-family: arial;
   text-align: center;
}

/* Link Styles (outside content areas) */

a:link, a:visited {
  color: #ccc;
  text-decoration: none;
  font-weight: bold;
}

a:hover, a:focus {
   color: #fff;
}

/* Universal Page Elements */

#wrapper {
  text-align: left;
  margin: 0 auto;
  width: 840px;
  padding: 0;
}

#header {
  text-align: center;
  margin: 0 20px 10px;
}

#header a,#header img { border: 0; }

#menu {
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: 0 20px 20px;
  padding: 10px 0;
  text-align: center;
}

#menu ul {
   margin: 0;
   padding: 0;
}

#menu li {
   display: inline;
   margin: 0;
   padding: 0 0 0 20px;
   background: url(/images/box.gif) 3px center no-repeat;
}

#menu li#listpage3 {
   padding:0;
   background: none;
}

#footer {
  border-top: 1px solid;
  border-bottom: 1px solid;
  clear: both;
  margin: 0 20px 20px;
  padding: 10px 0;
  text-align: center;
  font-size: smaller;
  position: relative;
}

/* Main & Sidebar styles - universal */


#sidebar {
  background: #333;
  border: 1px solid #999;
  color: #999;
  padding: 20px;
}

#sidebar ul {
  margin: 0;
  padding:0;
}

#sidebar li {
  list-style: none;
  margin: 0;
  padding:0;
}

#sidebar ul ul {
  margin-left: 20px;
}

#sidebar h2 {
  margin: 20px 0 5px;
}

#main {
  background: #555;
  border: 1px solid #999;
  color: #ccc;
  padding: 20px;
  text-align: justify;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
  text-align: left;
}

#main a:link, #main a:visited {
  color: #eee;
}

#main a:hover, #main a:focus {
  color: #fff;
}

/* Two-column layout */

.twocolumn {
  padding: 0 20px;
  margin: 0;
}

.twocolumn #main {
  width: 430px;
  margin: 0 20px 20px 0;
  float: left;
  min-height: 266px;
}

.twocolumn #sidebar {
  width: 266px;
  margin: 0 0 20px;
  float: left;
  min-height: 266px;
}

* html .twocolumn #main,
* html .twocolumn #sidebar {
  height: 266px;
}

/* Gallery Layout */

.gallery { margin-left: 20px; }
.galleryr { margin-right: 20px; }

.gallery .photo, .gallery .nullphoto, .gallery #main {
  margin-right: 20px;
  float: left;
}

.galleryr .photo, .galleryr .nullphoto, .galleryr #main {
  margin-left: 20px;
  float: right;
}

.gallery #main, .galleryr #main {
  width: 266px;
  min-height: 266px;
  position: relative;
}

.gallery h1 { margin-top: 0; }

* html .gallery #main, * html .galleryr #main {
  height: 266px;
}

.photo, .nullphoto {
  margin-bottom: 20px;
}

.nullphoto {
  background: #333;
  width: 142px;
  height: 142px;
  display: block;
  border: 1px solid #999;
}

.photo a {
  background: #666;
  display: block;
  border: 1px solid #999;
}

.photo a:hover { border: 1px solid #ccc; }

.photo a img {
  border: 0;
  width: 142px;
  height: 142px;
  background: #666;
}

.footnote {
  text-align: center;
  font-size: xx-small;
  color: #999;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 266px;
  bottom: 2px;
}

/* Picture Pages */

.picture {
  margin-left: 20px;
}

.picture #preview, .picture .navbox, .picture #main, .picture .nullphoto {
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
}

.picture #main {
  width: 266px;
  min-height: 430px;
  text-align: left;
  position: relative;
}

* html .picture #main { height: 430px; }

.picture h1 { margin: 0; }

.picture #main th,
.picture #main td {
   font-size: smaller;
   vertical-align: top;
   margin: 0;
   padding: 5px 0 0;
   border: 0;
}

.picture #main th {
  padding-right: 5px;
}

.picture #preview {
  background: #333;
  border: 1px solid #999;
  padding: 10px;
  text-align: center;
}

.picture .portrait {
  width: 286px;
  height: 450px;
  line-height: 450px;
}

.picture .landscape {
  width: 450px;
  height: 286px;
  line-height: 286px;
}

#preview a img, .navbox a img { border: 1px solid #999; }

#preview a:hover img, .navbox a:hover img {
  border: 1px solid #ccc;
}

.navbox, .navbox a {
  border: 0;
}

/* Tag Cloud */
#main .st-tag-cloud {
   text-align: center;
}
#main .st-tag-cloud a {
   font-weight: normal;
   white-space: nowrap;
   padding: 0 4px;
}
/* replace style="%tag_size% %tag_color%" in link pattern... */

#main .st-tag-cloud a.t1  {font-size:  75%; color: #8B8B8B;}
#main .st-tag-cloud a.t2  {font-size:  90%; color: #969696;}
#main .st-tag-cloud a.t3  {font-size: 105%; color: #A1A1A1;}
#main .st-tag-cloud a.t4  {font-size: 120%; color: #ACACAC;}
#main .st-tag-cloud a.t5  {font-size: 135%; color: #B7B7B7;}
#main .st-tag-cloud a.t6  {font-size: 150%; color: #C2C2C2;}
#main .st-tag-cloud a.t7  {font-size: 165%; color: #CDCDCD;}
#main .st-tag-cloud a.t8  {font-size: 180%; color: #D8D8D8;}
#main .st-tag-cloud a.t9  {font-size: 195%; color: #E3E3E3;}
#main .st-tag-cloud a.t10 {font-size: 210%; color: #EEEEEE;}

#main .st-tag-cloud a:hover { color: #FFF; }

/* Blog Elements */

.post {
   border-top: 1px solid #999;
   margin-top: 20px;
}

.first {
   border: 0 !IMPORTANT;
   margin-top: 0;
}

.postmeta {
   font-size: smaller;
}

h1.postitle,
h2.posttitle {
   margin: 10px 0 0;
}

.eventdate {
   font-weight: bold;
   font-size: smaller;
}

ol.commentlist li {
   border-bottom: 1px solid #999;
   margin-bottom: 10px;
}

.commentmeta {
   text-align: right;
   font-size: smaller;
}

a.logout {
   padding-left: 1em;
   font-size: smaller;
}

/*
 * Event Calendar 3
 */

/***
 ***  Calendar
 ***/

#wp-calendar table {
 width:100%;
}

#wp-calendar #prev {
  text-align:left;
}

#wp-calendar #next {
  text-align:right;
}

.ec3_eventday a {
 color:#a00 !IMPORTANT;
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
}

#wp-calendar table td,
#wp-calendar table td.pad:hover,
#wp-calendar table.nav tr td {
 padding:1px;
 border:none;
}

#wp-calendar table td:hover,
#wp-calendar table #today {
 padding:0px;
 border:solid 1px #999;
}

/* The EC graphic. */
.ec3_ec {
 display:block;
 float:right;
 border:none;
 width:13px;
 height:9px;
}
.ec3_ec span { display:none }


/***
 ***  Popup
 ***/

.ec3_popup {
 margin:0 !IMPORTANT;
 padding:0 !IMPORTANT;
 border:none;
 position:absolute;
 border-collapse:collapse;
 filter:alpha(opacity=87);
 -moz-opacity:.87;
 opacity:.87;
 z-index:30000;
}

.ec3_popup td {
 padding:0;
}

.ec3_popup table {
 border:solid #999 1px;        /* popup border */
 background-color:#eeb;        /* popup background colour */
 font-size:x-small;            /* popup font size */
 color:black;
 text-align:left;
}

.ec3_popup table td {
 padding:1.5px 3px 1.5px 3px;
}

#ec3_shadow0 div { width:8px; height:32px; }
#ec3_shadow0 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom right;
 vertical-align:bottom;
}

#ec3_shadow1 {
 margin:0;
 padding:0;
 border:none;
 height:16px;
 background-repeat:repeat-x;
}

#ec3_shadow2 div { width:8px; height:32px; }

#ec3_shadow2 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom left;
 vertical-align:bottom;
}

.ec3_ec {
 background-image:url(http://chrishuntphotography.com/wp-content/plugins/eventcalendar3/ec.png) !IMPORTANT;
 background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://chrishuntphotography.com/wp-content/plugins/eventcalendar3/ec.png');
}