/*
Theme Name: Wolf Howard 
Version: 1.0 
Author: Elvina Flower
Author URI: http://www.safetycat.org
Description: Simple black background theme
TEMPLATE: sandbox


colours:
beige  #c7b198
link blue #0E4E9F
heading blue #4682B4


*/

/* general */

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


body {
background-color: #000;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #eee;
}


#title h1 {
	font-size: 24pt;
	font-weight: normal;
	padding-top: 16px;
	color: #ffffff;
}
#title h1 a {
	color: #0033CC;
	text-decoration: none;
}
.description {
	font-size:12pt;
	color: #999999;
}
img {
	border: 0px;
}
p, #content h1, h2, h3, ul, ol {
	padding-bottom: 10px;
}
#content ul li, #content ol li {
	margin-right: 25px;
}
ul li ul li {
	margin-left: 10px;
}
ul li ul li ul li {	
	margin-left: 10px;
}
#sidebar ul li {
	list-style: none;
}
#sidebar li {
	padding-bottom: 2px;
}
#content h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #cccccc;
	padding-bottom: 5px;
}
#content h1 a {
	color: #4682b4;
	text-decoration: none;
}
h2 {
	font-size: 12pt;
		color: #4682b4;
}
h2 a {
	color: #CCCCCC;
	text-decoration: none;
}
h3 {
	font-size: 11pt;
	color: #4682b4;
}


div { border: 0px solid red;}
.inactive{display:none;}


a:link, a:visited, a:active{
	color: #0E4E9F;
	text-decoration: none;
}
a:hover {
	color: #157DFF;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* LAYOUT */



#wrapper {
	width: 900px;
	margin: 10px auto;
	border: 0px solid #111;
}


	/* general pages */

body.page #container{width: 100%; }

body.page #content{width: 100%; background: #c7b198;}

h2.entry-title {margin:  0 0px; padding-top: 10px;}


/* HEADER */


#header {
	height: 50px;
	margin: 10px 0 20px 0px;
	border: 0px solid red;
	width: 100%;

}

#title {
	position: relative;
	float: left;
	width: 90px;
	z-index: 20;


}
#header #pagenav {
	position: relative;
	height: 23px;
	padding: 7px 0 0 0;
	margin-top: 20px;
	margin-left: -30px;

	border: 3px solid #071271;
	float: left;
	width: 834px;
	background-color: #c7b198;
	z-index: 1;
}


/* HOME HEADER */

.home #header {
width: 900px;
height: 121px;
background: white url('images/wolf-header-home.gif');
margin: 10px 0 0 0px; }

.home #title {display: none;}

.home #header #pagenav {display: none;}


/* HOME PAGE */


body.home #container{width: 884px; padding-left: 16px;}

body.home #content{padding-bottom: 30px; border-bottom: 12px solid #58640A;}

body.home .page {overflow: auto; width: 700px; margin: 0 auto; text-align:center;}

body.home #footer{width: 884px; margin-left: 16px;}

ul.home-main { margin: 0 0 20px 0px; list-style: none; font-size:16pt;
line-height:24pt;}

ul.home-low { margin: 0; padding: 0; }
ul.home-low li { display: inline; }

body.home .page table {margin: 0 auto; text-align:left; vertical-align: top;}



body.home img.cfi {max-width: 350px; max-height: 350px; }




/* Navigation */
#pagenav ul {padding-left:10px;}

#pagenav ul li {
	list-style: none;
	display: inline;
	padding-left: 10px;
}

#pagenav li a {
}


#pagenav li.current_page_item a {
	color: #157DFF;
	text-decoration: none;
}

/* PAGES */


div.page {
background: #c7b198;
height: 100%;
padding: 5px 20px;
min-height:300px;
}

div.page .entry-content{ margin: 10px auto;}

.entry-content ul {margin-left: 15px;}





/* footer */
#footer {margin: 0px 0; padding-top: 25px; border-top: 1px solid #58640A; font-size: 0.75em; text-align: center; color: #333;}


/* HOME */

div#post-179 .entry-content table {
margin: 10px auto ; text-align: center; color: blue;  border-spacing: 25px;}

div#post-179 .entry-content table .col1{width: 200px; background: #C6E09C;}

div#post-179 .entry-content table .col2{width: 100px; }
div#post-179 .entry-content table .col3{width: 150px; background: #C6E09C;}
div#post-179 .entry-content table td.main-p{ }

div#post-179 .entry-content table td{ padding: 5px 25px;}




	/* ABOUT page */
	
	
div#post-2 img.ngg-singlepic{ padding: 0;}
	
table.about {
	color: #000000;
	font-size: 0.8em;
	text-align: left;
	width: 800px;
	border-spacing: 10px 5px ;
	margin: 10px auto;
}
	
table.about td {
	vertical-align: top;
	text-align: left;
	border: 0px solid red;
}

td.aboutpic {
	width: 140px;
	padding: 0 0 20px 0;
}
td.aboutdesc {
		width: 260px;
		padding: 5px;
}
	
div#post-11 {height: 100%;}	


	   /* Paintings page */

#TB_caption {	font-size: 0.8em;}

	   /* NG gallery style */
	   
.ngg-gallery-thumbnail-box {}

.ngg-gallery-thumbnail {
height: 220px;
padding: 0;
border: 0;
margin: 0 auto 30px;
text-align: center;
float: none;
}

.ngg-gallery-thumbnail img {
padding: 0;
border: 0;
}


.ngg-gallery-thumbnail span {

	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
	color: #fff;
}

.ngg-navigation{padding-bottom: 10px; text-align: right;}


	/* pinhole page */


#post-12 .pinhole h1 a{ color: black;}

#post-12 a:link, .pinhole a:visited,.pinhole  a:active{
	color: #0E4E9F;
	text-decoration: none;
}
#post-12 a:hover {
	color: #157DFF;
}

#post-12 .infobox {
width: 250px;
border: 1px solid #333;
font-size: 0.7em;
color: #333;
margin: 10px;
padding: 5px;
}


table.pinhole-menu {
margin:0;
width:890px;
}
tr.table-desc td {
padding-bottom: 20px;
text-align: center;

}
table.pinhole-menu td img {margin: 0 auto; border: 0; padding: 0;}

.ngg-galleryoverview {width: 890px;}


div.ngg-gallery-thumbnail h3 {font-family: arial, verdana, helvetica;}

/*  poetry page */

.entry-content ul {}
.entry-content li.page_item{}


.poems{
text-align: left;
padding: 0 50px;
width: 800px;
color: #333333;
background: #c7b198;
height: 100%;
 border: 0px solid red;
}
		/* a poem page */
.poem {
padding: 20px;
margin: 20px 70px;
text-align: left;
background-color: white;
color: #222222;
font-family: times;
width: 500px;
line-height: 1.5em;
}

/*  SHOP */

body.category  #container, body.category-books #container,body.category-drawings-and-prints #container {
background: #c7b198;
height: 100%;
padding: 5px 20px;
margin-bottom: 0px
min-height: 200px;
}

.category-shop #content {width: 100%; background: #c7b198;}
.category-shop #container { }

.category-shop #content {width: 100%;  color: #000; }
.category-shop #content h4{margin: 10px 0}
.category-shop #content ul li, #content ol li {margin: 0; text-align: center;overflow:hidden;}


li.categories {list-style-type: none;}
li.categories ul {list-style-type: none; display: block; margin:  25px 0 ;}
li.categories li {width: 50%; float: left;}

li.categories .icon-sep {margin-top: 10px;}
li.categories a {font-size: 18px;}
li.categories a img {height: 334px; width: auto;}

div.post {padding-bottom: 20px;}

#primary{width: 300px; float:right;  border: 1px solid #333;padding: 10px;}

.clearall{ clear: both;}

.imgtfe {margin-right:5px;}


li.cat-item-9 {}


.category-books #content, .category-drawings-and-prints #content {width: 50%;  color: #000; float: left; }

.sidebar {margin-top: 50px;}

.note {font-size: small;  border-top: 1px dashed white; margin-top: 20px; padding-top: 5px;}


/*  contact */
div.wpcf7 {width: 500px; margin: 20px auto; border: 1px solid white; padding: 10px;}

/*  thickbox */
body.page .TB_overlayBG {background-color:#000;}
#TB_window {padding: 10px; background: #c7b198; color: #333;}
#TB_window h3 {margin-left: 15px;}

body.pageid-11 #TB_window {background: #000;color: #fff;}

body.pageid-11 #TB_window a{color: #4682B4;}

.ngg-gallery-thumbnail span {color: #aaf;}

body.wordpress #TB_window img#TB_Image {border-width: 0; !important}

.ngg-navigation {
	padding-top:0px;
	text-align:right;
	margin: 0 40px 0;

}

/*  events */

table.ec3_schedule td{padding: 5px;}

wp-calendar {width: 500px; border: 1px solid #c7b198; margin: 20px 0;}

ul.eventsstuff {list-style-type: none;}