/*  
Theme Name: John Marshall Family
Theme URI: http://www.johnmarshallfamily.com/
Description: Custom theme for John Marshall Family
Version: 2.0
Author: Perusion
Author URI: http://www.perusion.com/
*/

body {
	background: #191918 url(img/bg.jpg) repeat;
	color: #444;
	margin: 0;
	padding: 0;
	font: 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
}

a {
	color: #5ad;
	text-decoration: none;
}

a:visited {
	color: #5ad; /*38b*/
}

a:hover {
	text-decoration: underline;
}

#wrapper {
	padding: 0;
	margin: 0;
	width: 720px;
	background: #fff url(img/wrapperbg.gif) repeat-y;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	color: #952;
	font: 23px/normal Georgia, "Times New Roman", Times, serif;
}

h2 {
	padding: 15px 0 0;
	font-size: 16px;
}

h3 {
	font-size: 14px;
	padding: 1px 0 0;
}

/* @group head */

#head {
	height: 331px;
	background: #eef url(img/header.jpg);
}

#head h1 {
	text-indent: -2000px;
	padding: 0;
}

#head h1 a {
	display: block;
	margin: 0 auto;
	padding: 0px 50px;
	width: 220px;
	height: 100px;
}

/* @end */

#content {
	margin-bottom: 15px;
	float: left;
	width: 480px;
}

#content.widecolumn {
	margin-bottom: 0;
}

/* @group copy */

#copy {
	padding: 29px;
}

div.widecolumn #copy {
	width: 662px;
	background: #fff;
}

#copy p img, .imgr {
	float: right;
	margin: 0 0 10px 10px;
}

#copy img.imgl {
	float: left;
	margin: 0 10px 10px 0;
}

#content a img {
	border: 0;
}

dt {
	font-weight: bold;
	color: #952;
}

.alignleft {
	float: left;
	margin-bottom: 15px;
}

.alignright {
	float: right;
	margin-bottom: 15px;
}

hr {
	display: none; clear: both;
}

div.rule {
	height: 15px;
	width: 100%;
	background: url(img/fancyswirl.png) no-repeat center top;
	margin: 15px 0 20px;
	padding: 0;
}

body#sec_about #copy div {
	overflow: auto;
}

ol.commentlist li.alt {
	background: #efd;
}
	
/* @end */

/* @group side */

#side {
	float: right;
	width: 231px; /*240*/
	padding: 0 5px 0 4px;
	font-size: 95%;
	color: #ddd;
	line-height: normal;
	background-color: #191918;
}

div.widecolumn + div#side {
	height: 331px;
	background: #191918 url(img/widesidebg.png) repeat-x 0 bottom;
}

#sidesale a {
	display: block;
	text-indent: -10000px;
	width: 218px;
	height: 125px;
	background: url(img/sidesale.png);
}

#sidesale a:hover {
	background-position: 0 -125px;
}

/* @group nav */

ul#nav, ul#nav li {
	padding: 0; margin: 0;
}

ul#nav {
	list-style: none;
	width: 171px;
	margin: 20px 0 30px;
}

ul#nav li {
	background: #000;
}

ul#nav li a {
	display: block;
	color: #def;
	padding-left: 18px;
	text-decoration: none;
	width: 121px;
	font: 15px/36px Georgia, "Times New Roman", Times, serif;
}

ul#nav li#home {
	padding-top: 25px;
}
ul#nav li#contact {
	padding-bottom: 15px;
}

ul#nav li a:hover {
	color: #c83;
	background: #333;
}

#nav ul li.current_page_item a, body#sec_home li#home a, body#sec_about li#about a, body#sec_journal li#journal a, body#sec_photos li#photos a, body#sec_music li#music a, body#sec_contact li#contact a {
	color: #c83;
	background: #def url(img/navhilite.png);
	width: 153px; /*171*/
}

/* @end */

#side p {
	margin: 10px 20px;
}

#side p em {
	text-transform: uppercase;
	font-style: normal;
	color: #666;
	font-size: 90%;
}

#side .section {
	padding: 25px 0 15px;
	margin-bottom: 30px;
	background: url(img/sidesecbg.png) repeat-y;
}

#side h2 {
	color: #c83;
	padding: 0 0 0 18px;
	font-size: 15px;
	line-height: 36px;
	background: #333 url(img/sidesech2bg.png);
}

#side div.rule {
	margin-left: 20px;
	width: 171px;
	border-bottom: 1px dotted #fff;
}

#side .section ul, #side .section p {
	width: 181px; /*199*/
	margin-left: 18px;
}

#side .section ul {
	list-style: none;
	margin-top: 10px;
	padding: 0;
}

#side li {
	margin-bottom: 10px;
}

/* @group side form */

#side form, #side fieldset {
	padding: 0; margin: 0;
}

#side label {
	color: #ddd;
	padding: 5px 0 0;
}

#side input.text {
	margin: 3px 0;
	font-size: 11px;
	background: #aaa;
}

#side input.text, #side label {
	width: 150px;
	margin-left: 18px;
}

#side input:focus, #side input.sffocus {
	background: #def;
}

#side input.submit {
	margin: 15px 18px 5px;
}

/* @end */

/* @end */

/* @group forms */

form {
	padding: 0; margin: 0 0 20px;
}

fieldset {
	border: none;
	padding: 20px 0;
}

label {
	color: #600;
	cursor: pointer;
	display: block;
	padding: 10px 20px 0;
}

input.text {
	width: 230px;
}

input.text, textarea, select {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 3px;
	margin: 5px 0px;
	display: block;
	border: 1px solid #aaa;
}

input#submit, input.submit, input.btn {
	cursor: pointer;
}

input#submit, input.submit {
	cursor: pointer;
	display: block;
	margin: 0 20px;
	padding: 0 15px;
}

input:focus, textarea:focus, select:focus, input.sffocus, textarea.sffocus, select.sffocus {
	background: #def;
	border-color: #666;
}
	
/* @end */

/* @group foot */

#foot {
	clear: both;
	padding: 20px 29px;
	color: #888;
	font: 10px/15px Geneva, Arial, Helvetica, sans-serif;
	background: #333;
}

#foot a {
	text-decoration: none;
}

#foot a:hover {
	text-decoration: underline;
}

#foot h3 {
	color: #c83;
}

#foot ul {
	list-style: none;
	clear: both;
	padding: 0;
	margin: 10px 0 0;
}

#foot li {
	display: inline;
	border-left: 1px solid #555;
	padding: 0 0.4em 0 0.5em;
	margin: 0 0.4em 0 -0.5em;
}

#foot li:first-child {
	border: none;
}

#foot p {
	margin: 0; padding: 0;
}

#foot a.stealth {
	color: #888;
	text-decoration: none;
}

/* @end */

/* @group store */

body#sec_music #copy h3 a {
	/*color: #952;*/
}

body#sec_music #copy table h3 {
	margin-top: 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #952;
}

body#sec_music #copy table select, body#sec_music #copy table input.text {
	margin: 0;
	display: inline;
	width: auto;
}

table.cart {
	width: 100%;
	border: 1px solid #aaa;
	border-collapse: collapse;
}

table.cart td {
	border: 1px solid #aaa;
	padding: 5px;
}

table.cart table td {
	border: none;
	padding: 0;
}

table.cart thead, table.cart tfoot {
	background: #def;
	color: #952;
}

table.cart tfoot td {
	border: none;
}

#content .contentbar1 {
	color: #ffe;
	background: #952;
}

#content .contentbar1 h2 {
	color: #ffe;
	padding: 4px;
	border-bottom: none;
}
	
/* @end */