/*
Theme Name: JWGuitars
Theme URI: www.worldofbalance.net
Description: A theme for John Warrens Guitar collection
Author: Mark S. Warren (jobs@worldofbalance.net)
Version: 0.1

Copyright(c) 2010 Mark S. Warren
All rights reserved.

Usage of any aspect of this work without explicit written permission is absolutely 
forbidden. Though, if you ask kindly I'll most likely say yes everytime. :-)
*/

/*******************/
/* General Elements*/
/*******************/

html, body {
	margin: 0;
	padding: 0;
	background-color : black;
}


hr.dashed {
	border-top: 1px dashed;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

hr.solid {
	border-top: 1px solid;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}


a img {
	border: 10px solid black;
}

ul {
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
}

a {
	text-decoration: none;
	color: #0000B0;
}

a:hover {
	color: #0000ee;
	text-decoration: underline;
}

/*********/
/* Forms */
/*********/

fieldset {
	border: none;
	padding-bottom: 2px;
}

#searchbox {
	border: 1px dotted grey;
	margin: 5px 0px 5px 0px;
	width: 160px;
}

#searchsubmit {
	margin: 2px 0px 0px 95px;
}


/**********/
/* tables */
/**********/

.page-table {
	border-collapse: collapse;
} 


.page-table tr {
	margin: 0px;
	padding: 0px;
	border: 1px solid #000;
}


.page-table td, .page-table th{
	border-bottom: 1px solid #000;
	padding: 5px 5px 5px 20px;
	margin: 0px;
	min-width: 150px;
	text-align: left;
}

.page-table th {
	background-color: #CCC;
}


tr.even {
	background-color: #eeD;
}

/***********/
/* Gallery */
/***********/

div.gallery {
	margin: 0px!important;
	padding: 0px!important;
}

dl.gallery-item {
	margin: 10px!important;
	width: auto!important;
	display: inline-block!important;
	float: none!important;
	/* min-height: 180px; */
	
}
dd.gallery-caption {
		float: left;
		text-indent: 4px;
}

dt.gallery-icon {

}

dt.gallery-icon img{
	padding: 0px!important;
	margin: 0px!important;
	border: 4px solid #ddd!important;
}

div.gallery br {
	clear: none!important;
	
}

/***************/
/* Main Layout */
/***************/

#container {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 1000px;
}

#header{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#header img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: bottom;
}

#midbar {
	width: 649px;
	margin: 0px 0px 0px 154px;
	min-height: 550px;
	padding: 0px;
}

#content {
	min-height: 550px;
	padding: 5px;
	color: #303030;
	background-color: #F9F9F9;
}

#sidebar-left {
	width: 150px;
	float: left;
}

#navmenu {
	color: #404040;
	background-color: #F9F9F9;
}

#sidebar-right {
	width: 193px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#search, #contact, #news{
	padding: 5px;	
	color: #404040;
	background-color: #F9F9F9;
}



#footer {
	margin: 0px 0px 5px 154px;
	padding: 0px;
	width: 649px;
	clear: both;
}

#cred {
	border-top: 1px dashed black;
	margin: 0px;
	padding: 0px;
	color: #404040;
	background-color: #F9F9F9;
	text-align: center;
	
}


.sidebar-spacer {
	height: 6px;
}

/************/
/* Nav Menu */
/************/



.pagelist, .pagelist ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

li.page_item {
	border-top: 1px dashed grey;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.sidebar a {
	text-decoration: none;
	color: black;
	display: block;
	padding: 3px 0px 0px 8px;
	
}

.sidebar a:hover {
	color: #dddddd;
	background-color: #333333;
}

.page_item ul {
	border-top: 1px dashed grey;
}

.page_item li{
	padding-left: 12px;
	border: 0px;
}
.page_item li:hover {
	Background-color: #333333;
}





/*****************/
/* Round Corners */
/*****************/

/* All four */
/* <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> */
/*  <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> */
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block; background: #F9F9F9}
.b1 {height:1px; margin:0 5px;}
.b2 {height:1px; margin:0 3px;}
.b3 {height:1px; margin:0 2px;}
.b4 {height:2px; margin:0 1px;}



/* Right Only */
/* <b class="b1r"></b><b class="b2r"></b><b class="b3r"></b><b class="b4r"></b> */
/* <b class="b4r"></b><b class="b3r"></b><b class="b2r"></b><b class="b1r"></b> */
.b1r, .b2r, .b3r, .b4r{font-size:1px; overflow:hidden; display:block; background: #F9F9F9}
.b1r {height:1px; margin:0 5px 0 0;}
.b2r {height:1px; margin:0 3px 0 0;}
.b3r {height:1px; margin:0 2px 0 0;}
.b4r {height:2px; margin:0 1px 0 0;}