/* 
Theme Name: whiteboard
Theme URL: http://whiteboard.plainbeta.com/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 2.0

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

/* html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
/*

/*
Here is a list of all the <DIV>s in Whiteboard.
*/
body{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/sand.jpg
);
background-repeat: repeat;
background-position: top center;}


#header a, #homeheader a {outline: none; border: none;}

#white{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/white.png
);
background-repeat: no-repeat; width: 1000px; height: 773px; margin-left: auto; margin-right: auto;

}


#docwhitetop{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/dwtop.png
);
background-repeat: no-repeat; width: 1000px; height: 45px; margin-left: auto; margin-right: auto;
}
#docwhitemid{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/dwmid.png
);
background-repeat: repeat-y; width: 1000px;  margin-left: auto; margin-right: auto;}


#postwhitemid{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/dwmid.png
);
background-repeat: repeat-y; width: 1000px;  margin-left: auto; margin-right: auto;}

#postwhitebottom{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/dwbot.png
);
background-repeat: no-repeat; width: 1000px; height: 83px; margin-left: auto; margin-right: auto; margin-top: -35px;}


#docwhitebottom{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/dwbot.png
);
background-repeat: no-repeat; width: 1000px; height: 83px; margin-left: auto; margin-right: auto;}
.docpage{width:911px;  margin-left: 45px;  background-color: white; }


.page{width:911px; height: 683px; margin-left: 45px;  background-color: white; position: relative; top: 45px;}

#home{ width: 911px; height: 683px; margin-left: 45px; margin-right: auto; padding-left: 0px;}


#history{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/history.jpg
);
background-repeat: no-repeat;}

#albums{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/albums.jpg
);
background-repeat: no-repeat;}

#rentals{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/rentals.jpg
);
background-repeat: no-repeat;}

#calendar {background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/calendar.jpg
);
background-repeat: no-repeat;
background-position: top center;}

#contact-list{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/calendar.jpg
);
background-repeat: no-repeat;
background-position: top center;}

#resources{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/resources.jpg
);
background-repeat: no-repeat;}

#login{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/login.jpg
);
background-repeat: no-repeat;}

#corp{background-image: url(
http://www.chapeda.com/site/wp-content/themes/whiteboard/images/corpbg.jpg
);
background-repeat: no-repeat;


  
  width:911px; margin-left: 45px;  background-color: white; position: relative; }


}

#corp a {outline: none; border: none;}
#header img {outline: none; border: none;}

#header{ width: 911px; height: 45px;}

.arrow {position: absolute; top: 181px;}

#arrow-home{margin-left: 88px; z-index: 11; position: absolute; top: 234px;}

#arrow-history{margin-left: 172px;}

#arrow-albums{margin-left: 304px;}

#arrow-rentals{margin-left: 436px; }

#arrow-calendar{margin-left: 563px; margin-top: 53px;}

#arrow-contact-list{margin-left: 822px; margin-top: 53px;}


#arrow-resources{margin-left: 695px;}

#arrow-login{margin-left: 822px;}

#homeheader{position: absolute; top: 53px; z-index: 10;  width: 911px;  margin-left: 45px;}

#homeheader img {outline: none; border: none;}



#container{}

.singlepage{width: 610px;  margin-top: 180px;  margin-left: 150px; min-height:400px;
  height:auto !important;
  height:400px;
   }
  
 #sptop{ width: 610px; height: 26px;
 background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/sptop.png');
background-repeat: no-repeat;
}
 #spmid{width: 550px; padding-left: 30px; padding-right: 30px; 
 background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/spmid.png');
background-repeat: repeat-y;
min-height:300px;
  height:auto !important;
  height:300px;
  padding-top: 20px; padding-bottom: 20px;
}
 #spbot{background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/spbot.png');
background-repeat: no-repeat;
height: 21px;
width: 610px;  }
 
 
.singlepost{width: 600px;  margin-top: 180px; padding: 20px; margin-left: 135px; min-height:400px;
  height:auto !important;
  height:400px;
  margin-bottom: 20px;
  background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/corpbg.png');
background-repeat: repeat; }
  
 

.post{margin-top:200px; margin-left: 75px; width: 300px;   padding: 20px; float: left;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/corpbg.png');
background-repeat: repeat;}

.postright{margin-top:200px; margin-left: 75px; width: 300px;   float: left; padding: 20px;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/corpbg.png');
background-repeat: repeat;}


.corptop{width: 360px; height: 30px;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/corptop.png');
background-repeat: no-repeat;}
.corpmid{  


  
  width: 360px;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/corpmid.png');
background-repeat: repeat-y; 
}

.corpbot{width: 360px; height: 21px;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/albot.png');
background-repeat: no-repeat;}



#postcontainer{}

#clear{clear: both; float: none; height: 50px;}



.pics {  
    height:  911px;  
    width:   683px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 0px;  
    border:  none; 
    background-color: #fff;  
    width:  911px; 
    height: 683px; 
    top:  0; 
    left: 0 
} 


#historyslide{background: transparent;}


#historyleft, #rentalsleft {width: 295px; height: 306px;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/history-left.png');
background-repeat: no-repeat; margin-top: 200px; margin-left: 66px; float: left;}


#resourcesleft{width: 306px; height: 452px; margin-top: 165px; margin-left: 45px; padding-top: 10px; 
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/resourcesleft.png');
background-repeat: no-repeat; }

#resourcesleft p a{text-decoration: none; color: black; outline: none; font-family: Georgia, sans-serif; font-size: .85em; margin-left: 16px; line-height: 1.05em;}

#resourcesleft p a:hover{color:#4d92bc;}



#historyright, #rentalsright {width: 402px; height: 306px;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/history-right.png');
background-repeat: no-repeat; margin-top: 199px; margin-left: 76px; float: left;}


#historyslide, #rentalslide{width: 306px; height: 255px; margin-left: 48px; margin-top: 27px; outline: none;}

#hltext, #rentalstext { width: 250px; height: 260px; overflow: auto; margin-left: 23px;  padding-right: 10px;  margin-top:20px; background: transparent; }

#resourcesltext{width: 250px; height: 390px; overflow: auto; margin-left: 23px; margin-top:20px; padding-right: 10px; }

#hltext p, #rentalstext p{ font-family: Georgia, sans-serif; font-size: .85em; }

#rentalstext p a{text-decoration: none; color:#4d92bc; outline: none; }

#rentalstext p a:hover{text-decoration: underline;}

#albumsleft{width: 121px;  margin-top: 200px; margin-left: 66px; float: left;}



#altop{width: 121px; height: 13px;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/altop.png');
background-repeat: no-repeat;}
#almid{  min-height:200px;
  height:auto !important;
  height:200px;
  
  width: 121px;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/almid.png');
background-repeat: repeat-y;
}
#albot{width: 121px; height: 16px;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/albot.png');
background-repeat: no-repeat;}


#albumsright{width: 440px;  height: 361px; margin-left: 66px; margin-top:194px; float: left;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/albumbg.png');
background-repeat: no-repeat;}

#ssp{width: 400px;  height: 315px; margin-left: 20px; margin-top:23px; outline: none;}

.albums {text-decoration: none; color: black; outline: none; font-family: Georgia, sans-serif; font-size: .8em; margin-left: 13px; line-height: 1.5em;}

a.albums:hover {color: #4d92bc;}



#loginleft{width: 210px; height: 260px; margin-top: 165px; margin-left: 45px; padding-top: 10px; padding-left: 15px;
background-image: url('http://www.chapeda.com//site/wp-content/themes/whiteboard/images/loginleft.png');
background-repeat: no-repeat; }

#loginleft p a{text-decoration: none; color: black; outline: none; font-family: Georgia, sans-serif; font-size: .85em; margin-left: 16px; line-height: .85em;}

#loginleft p a:hover{color:#4d92bc;}

h2{text-decoration: none; color: black; outline: none; font-family: Georgia, sans-serif; font-size: .95em;}

h1{text-decoration: none; color: black; outline: none; font-family: Georgia, sans-serif; font-size: 1.0em;}

.post h1, .postright h1 {text-align: center;}
.post a, .postright a, .singlepost a, .singlepage a{text-decoration: none; color: #4d92bc; outline: none; font-family: Georgia, sans-serif; font-size: .85em; margin-left: 8px;}

.singlepost p, .singlepage p{text-decoration: none; color: black;  font-family: Georgia, sans-serif; font-size: .85em; }

.post a:hover, .postright a:hover{color:black;}

#backcorp {margin-top: -8px; margin-bottom: 25px;}
#back {position: relative; top: -13px;}
#back-contact{ padding-top: 5px;}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-top: 20px;
	margin-left: 10px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


.dot .jScrollPaneTrack {
	background: transparent url(images/track.png) repeat-y;
}
.dot .jScrollPaneDrag {
	background: transparent url(images/dot.png) no-repeat 50% 50% ;
}
.dot .scroll-pane {
	background: transparent;
}



#calendardiv, #contactdiv {margin-top: 155px;}

#contactdiv tr.even{background-color: #acc9db;}

#contactdiv .col_0 {width: 200px;} /*Name*/

#contactdiv .col_1 {width: 230px;} /*Email*/

#contactdiv .col_2 {width: 200px;} /*Street*/

#contactdiv .col_3 {width: 100px;} /*City*/

#contactdiv .col_4 {width: 40px;} /*State*/

#contactdiv .col_5 {width: 60px;} /*Zip*/

#contactdiv .col_6 {width: 120px; } /*Phone*/

#contactdiv .col_7 {width: 70px; } /*Bday*/


.gen-row {background-color: red;}

#contactdiv {font-size: .8em;}

#contactdiv a {color: black; text-decoration: none;}

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

#contactdiv .row_0 th{  visibility: hidden;}

#contactdiv .row_1 td{  font-weight: bold;}


#calendardiv {font-size: .8em; margin-left: 20px; }

#calendardiv table {border-collapse: collapse;}

#calendardiv tr {height: 20px;}

#calendardiv td, #calendar th {border: 1px solid gray; text-transform: capitalize; text-align: center; }

#calendardiv td.even{background-color: #acc9db; }
#calendardiv .col_0 {width: 84px;} /*Name*/

#calendardiv .col_1 {width: 84px;} /*Email*/

#calendardiv .col_2 {width: 84px;} /*Street*/

#calendardiv .col_3 {width: 84px;} /*City*/

#calendardiv .col_4 {width: 84px;} /*State*/

#calendardiv .col_5 {width: 84px;} /*Zip*/

#calendardiv .col_6 {width: 84px; } /*Phone*/

#calendardiv .col_7 {width: 84px; } /*Bday*/

#calendardiv .col_8 {width: 84px;} /*Bday*/

#calendardiv .col_9 {width: 84px; } /*Bday*/


#calendardiv .row_0 th{ font-weight: normal; border: 1px white solid; visibility: hidden;}

#calendardiv .row_1 td{ font-weight: normal; border: 1px white solid; background-color: white; }

#calendardiv .row_2 td{ font-weight: normal; border: 1px white solid; background-color: white;}

#calendardiv .row_0 .col_0{font-weight: bold; }


#calendardiv .row_1 .col_0{font-weight: bold; }

#calendardiv .row_2 .col_0{font-weight: bold;}

#calendardiv .row_2 {border-bottom: 2px solid black; padding-bottom: 5px;}