/*
CSS File for
www.JoshuaCMagic.com

All content on this site
is Copyright 2007 by Joshua Chaikin

All code on this site
is Copyright 2007 by Eternal Second Designs

Questions and comments can be directed to josh@joshuacmagic.com
*/

/* Zero everything out */
* {border: 0;
   padding: 0;
   margin: 0;
   float: none;}

/* Alignment classes */
.center {text-align: center;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;
   display: block;}
.txtRight {text-align:right;}

/* Link and Text Styling */
H2 {font-size: 22px}
H3 {font-size: 19px;}
p {font-size: 16px;}
A:link {color: #0cd;}
A:active {color: #9ff;}
A:visited {color: #A7FCC6}
A:hover {color: #4FF;}
ADDRESS {}
hr {}

/* Give block elements a little bit of room at the top and bottom */
h1,h2,h3,h4,h5,h6,div,p {margin: 0 0 1.2em 0;}
ul {margin: 0 0 0 2em;}
cite {text-decoration: underline;}
body {background: #354C3B url('/images/cards.jpg') no-repeat center top fixed;
   color:#A7FCC6;}
body#sitemap {background: #354C3B; background-image: none;}
img.galPic {border:solid 2px #956A38;}

/* Container for Everything */
#pageWrapper {
	width: 700px;
	height: 100%;
	position: absolute; left: 50%; top: 0;
	background: transparent;
	margin-left: -350px;}
#leftContent {float: left;
   width: 513px;
	margin-bottom: 0;}
#rightContent {float: right;
   width: 187px;}

/* Header CSS */
div#header {background: url('/images/header.jpg') no-repeat top;
   width:700px;
   height:111px;
   margin:0;}
div#header h1 {display: none;}
div#header a#headerLink {display: block;
   height: 111px;
   width: 700px;
   text-decoration: none;
   margin: 0;}

/* Menu CSS */
div#menu {margin:-1px 0 0 -32px;
   height: 20px;}
div#menu ul {list-style-type: none;}
div#menu ul li {display: block;
   float: left;
   width: 99px;
   height: 24px;}
div#menu ul li.first {margin: 0;}
div#menu ul li.last {width: 106px;}
div#menu ul li a {display: block;
   width: 100%;
   height: 100%;}
div#menu ul li a span {display: none;}
div#menu ul li#menuMain a {background: url('/images/menu.jpg') no-repeat 0 -24px;}
div#menu ul li#menuMain a:hover {background-position: 0 1px;}
div#menu ul li#menuAbout a {background: url('/images/menu.jpg') no-repeat -99px -24px;}
div#menu ul li#menuAbout a:hover {background-position: -99px 1px;}
div#menu ul li#menuSchedule a {background: url('/images/menu.jpg') no-repeat -198px -24px;}
div#menu ul li#menuSchedule a:hover {background-position: -198px 1px;}
div#menu ul li#menuShows a {background: url('/images/menu.jpg') no-repeat -297px -24px;}
div#menu ul li#menuShows a:hover {background-position: -297px 1px;}
div#menu ul li#menuClients a {background: url('/images/menu.jpg') no-repeat -396px -24px;}
div#menu ul li#menuClients a:hover {background-position: -396px 1px;}
div#menu ul li#menuContact a {background: url('/images/menu.jpg') no-repeat -495px -24px;}
div#menu ul li#menuContact a:hover {background-position: -495px 1px;}
div#menu ul li#menuPics a {background: url('/images/menu.jpg') no-repeat -594px -24px;}
div#menu ul li#menuPics a:hover {background-position: -594px 1px;}

/* Main Body CSS */
div#leftContent {width:513px;}
div#leftContent h2, div#leftContent h3 {display:block;
   background: url('/images/body_top.jpg') no-repeat;
   width: 513px;
   height: 32px;
   padding: 4px 0 0 20px;}
div#leftContent h2 a {text-decoration: none;}
div#leftContent h3 {display:block;
   height: 31px;
   padding-top: 5px;}
div#leftContent div#content {width: 513px;}
div#leftContent .paraTop {display:block;
   background: url('/images/body_mid_header.jpg') no-repeat;
   width: 513px;
   height:6px;}
div#leftContent .clientName {font-size: 1.3em;
	font-weight:bold;}
div#leftContent .clientDesc {margin-top:.5em;
	display:block;}
div#leftContent textarea {width:450px;
	display: block;
	border:solid 2px #956A38;
	margin:0 auto 0px auto;}
div#leftContent .firstPara {margin-top: -29px;}
div#leftContent .picPara{margin-top: -30px;}
div#leftContent .para {background: url('/images/body_mid.jpg') repeat-y;}
div#leftContent .paraContent {display:block;
   padding: 5px 10px 10px 20px;}
div#leftContent .paraBottom {display:block;
   background: url('/images/body_bottom.jpg') no-repeat;
   width: 513px;
   height: 8px;}
div#leftContent input.button {margin: 0 auto;
	padding: 2px;
	border:solid 2px #956A38;
	background: #10462e; color: #aff}
div#leftContent input#pic_desc,
	input#cat_title,
	input#showName,
	input#pic_title {display: block;
		margin-top: 4px;
		border:solid 1px #956A38;
		color: black;
		width:200px;}
div#leftContent input {border:solid 1px #956A38;}
div#leftContent span.moveButtons {float:right;
	margin-top:-5px;}
div#leftContent span.moveButtons a {font-size:25px;
	text-decoration:none;}
div#leftContent div#footer {}
.galNav {margin-bottom: -30px;
	padding-bottom: 0px}
.picNav {margin: 0 10px;}

/* Sidebar */
div#rightContent div#content2 {display:block;
   background: url('/images/sidebar_mid.jpg') -1px 0;
   width: 186px;}
div#scheduleBar {display:block;
   background: url('/images/sidebar_top.jpg') no-repeat -2px 0;
   padding-top:40px;}
div#scheduleBar #scheduleBarHead {display:block;
   margin:-32px 0 10px 0;
   text-align:center;
   font-size: 19px;
   font-weight: bold;}
div#scheduleBar p.schedPara {padding: 0 7px 0 7px;;
   margin-bottom:7px;
   text-align:center;}
div#scheduleBar p.schedPara span.schedDate,
	div#leftContent span.schedDate {display: block;
	   font-weight:bold;}
div#scheduleBar p.schedPara span.schedTimes,
	div#leftContent span.schedTimes {display: block;}
div#scheduleBar p.schedPara span.schedLocation,
	div#leftContent span.schedLocation {display: block;
   	font-weight:bold;}
div#scheduleBar p.schedPara span.schedDesc,
	div#leftContent span.schedDesc {display: block;}
div#scheduleBar p.schedPara span.schedCost,
	div#leftContent span.schedCost {display: block;}

/* This is the bar that will hold the divider image between schedule elements */
div#scheduleBar span.schedDivider {display:block;
   background: url('/images/sidebar_divider.jpg') no-repeat -2px 0;}
p#imageBar {display:block;
   background: url('/images/sidebar_mid_header.jpg') no-repeat -2px 0;
   padding-top:45px;
   text-align:center;}
p#imageBar #imageBarHead {display:block;
   margin:-38px 0 15px 0;
   text-align:center;
   font-size: 19px;
   font-weight: bold;}
p#imageBar img {padding-bottom:0px; }
hr, span.hr {border-bottom:solid 1px;
   width:80%;
   display:block;
   margin: -15px auto 5px auto;}
span.imageTitle {display:block;
	font-weight:bold;
	text-align:center;
	margin-top:0px;}
p#copyright {display:block;
   background: url('/images/sidebar_divider.jpg') no-repeat -2px 0;
   padding:15px 7px 0 7px;
   margin-bottom: 0px;
   text-align:center;
   font-size: 13px}
span#copyFooter {display:block;
   background: url('/images/sidebar_bottom.jpg') no-repeat -2px bottom;}

/* Footer CSS */
#footer {height: 75px;
   width: 513px;
   background: #354c3b;
	margin-top: -20px;}

/* Pics */
.viewGal {float: right;
	font-size: 16px;
	margin: 2px 45px 0 0;}
.picCatDesc {width: 245px;
	margin: 0 15px;}
.picGalThumb {width: 150px;
	text-align: center;}
.picPara {padding-top: 10px;}

/* Making the background not show up where we don't want it */
#cut p#lastpara .paraBottom {
	background: #354c3b no-repeat scroll 0% 0%;
	display:block;
	height: 1px;
	width: 513px;
	float: left;
	margin-top: -21px;
	margin-bottom: -10000px;
	padding-bottom: 10000px;}
#cut {overflow:hidden;
	float:left;}

/* Sitemap stuff */
body#sitemap #sitemapHead {width: 700px;
	margin: 0 auto;}
body#sitemap #sitemapHead #headLink {display: block;
	width: 700px;
	height: 109px;
	background: url('/images/header.jpg') top left no-repeat;}
body#sitemap #sitemapHead h1 {margin-top: -.5em;
	background: #354c3b;}
body#sitemap table {width: 700px;
	margin: 0 auto;
	border: 2px solid #76532d;}
body#sitemap tr.header td {background: url('/images/body_mid2.jpg') no-repeat scroll -5px -25px;}

/* Thank you for viewing our CSS.  If you have any comments or questions you may contact us at: contact@eternalsecond.com (for the web developers) or josh@joshuacmagic.com (for the guy who hired us). */