/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Times, Georgia, serif;
 font-size: 13px;
 background-image:url("/images/bg.gif");
 background-repeat: repeat-y;
 background-position: center;
}

#wrapper { 
 margin: 0 auto;
 width: 650px;
}

#header {
 color: #333;
 width: 650px;
 float: left;
 padding: 10px 0 0 0;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #FFF;
}

#piczone {
 color: #333;
 width: 650px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 /*height: 478px;*/
/* Full height should be 433px */
 margin: 0px 0px 0px 0px;
 background: #FFF;
}

#piczone-small {
 color: #333;
 width: 650px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 234px;
/* Full height should be 433px */
 margin: 0px 0px 0px 0px;
 background: #FFF;
}


#topzone {
 color: #333;
 width: 630px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;

/* Full height should be 433px */
 margin: 0px 0px 0px 0px;
 background: #FFF;
text-align:center;
}

#wallzone {
 color: #333;
 width: 630px;
 float: left;
 padding: 10px;
 margin: 0px 0px 0px 0px;
 background: #FFF;
text-align:center;
height:100%;
}


#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height: 350px;
 width: 305px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height: 350px;
 width: 305px;
 display: inline;
}
#footer { 
 width: 630px;
 clear: both;
 color: #333;
 border-top: 1px solid #999;
 background: #F6F6F6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
text-align:center;
}

/* A */

#leftcolumn a, a:visited{
	color: #527575;
}

#leftcolumn h2 a {
	color: #000;
	text-decoration: none;
}

#leftcolumn a:hover {
	color: #85BABB;
}

#leftcolumn h2 a:hover {
	color: #599235;
	text-decoration: underline;
}

#rightcolumn a, a:visited{
	color: #527575;
}

#rightcolumn h2 a {
	color: #000;
	text-decoration: none;
}

#rightcolumn a:hover {
	color: #85BABB;
}

#rightcolumn h2 a:hover {
	color: #599235;
	text-decoration: underline;
}

#topzone a, a:visited{
	color: #527575;
}

#topzone a:hover {
	color: #85BABB;
}

#footer a, a:visited{
	color: #527575;
}

#footer a:hover {
	color: #85BABB;
}

/* H */


h2 {
font-size:1.3em;
font-weight:normal;	
color:#7D5D62;
font-variant:small-caps;
text-transform:capitalize;
padding:0 0 5px 10px;
}

h3 {
font-size:1.1em;
font-weight:bold;
font-variant:small-caps;	
color:#4E4F53;
padding:0 0 0px 10px;
}

p {
	padding: 0 10px 20px 10px;
	line-height:125%;
	color:#4E4F53;
	font-size:1.1em;
}

p.bigT {
	font-size:1.5em;font-variant:small-caps;padding-top:10px;color:#7D5D62;
}

p.smallT {
	font-size:1.2em;font-style:italic;color:#4E4F53;
}

p.dir {
	padding: 0 10px 5px 10px;
	font-size:1.1em;
}

/* -- Contact Form -- */

#contactForm {
padding: 20px;
}

#musicForm {
padding: 0px 10px 10px 10px;
}

input {
background: #ffffcc;
margin:0px 0px 0px 0px;
padding:0px 0 0 0px;
vertical-align: middle;
}

.c input {
width: 240px;
vertical-align: middle;
margin-bottom: 10px;
padding:5px;
}

.n input {
background: #ffffcc;
margin:0px 0px 2px 0px;
padding:0px 0 0 0px;
vertical-align: middle;
}

label {
text-align: left;
margin-right: 0.5em;
display: block;
padding:10px 0 10px 0;
vertical-align: middle;
margin:0px 0px 0px 0px;
font-weight: normal;
font-size:1.2em;
color:#7D5D62;
font-variant:small-caps;
}

.n label {
text-align: left;
margin-right: 0.5em;
display: block;
padding:0px;
vertical-align: middle;
margin:0px 0px 0px 0px;
font-weight: normal;

}

form .primaryAction {
color: #000000;
background: #eeeeee;
border: 2px outset #999999;
padding:2px;
margin: 10px 0 10px 0px;
width: 150px;
}

form .errMsg {	
	color: #CC3333 !important;
	display: inline;
	font-size: 0.9em;
}

textarea {
	background: #ffffcc;
	margin: 0px 0 0px 0px;
	font-family: Times, Georgia, serif;
	font-size: 13px;
}

/*form fieldset {
 margin-bottom: 10px;
 padding: 10px 0 0px 0px;
 border: none;

}
form legend {
  padding: 0;
  font-weight: bold;
}
*/


#leftcolumn ul {
	padding: 0px 0px 0px 10px;
	font-style: italic;
	font-size: 1.1em;
}

#leftcolumn li {
	list-style: none;
	background: url("/images/arrow.gif") no-repeat 0px 0px;
	padding: 0px 0px 10px 15px;
}

#leftcolumn li {
	display: block;
	margin: 0 0 0 0px;
}

#leftcolumn li a {

	text-decoration: underline;
	padding: 5px 5px 5px 5px;
}

#rightcolumn ul {
	padding: 0px 0px 0px 10px;
	font-style: italic;
	font-size: 1.1em;
}

#rightcolumn li {
	list-style: none;
	background: url("/images/arrow.gif") no-repeat 0px -2px;
	padding: 0px 0px 10px 15px;
}

#rightcolumn li {
	display: block;
	margin: 0 0 0 0px;
}

#rightcolumn li a {

	text-decoration: underline;
	padding: 5px 5px 5px 5px;
}

#songs ul {
	padding: 0px 0px 0px 10px;
	font-style: italic;
	font-size: 1.1em;
}

#songs li {
	list-style: none;
	background: url("/images/arrow.gif") no-repeat 0px -2px;
	padding: 0px 0px 2px 15px;
}

#songs li {
	display: block;
	margin: 0 0 0 0px;
}

#songs li a {
	text-decoration: none;
	padding: 5px 5px 5px 5px;
}

.sqtn {
	float:right;
	border:0;
}