/*
Theme Name: Paperstreet Theme
Theme URI: http://www.pbacala.org
Description: PBCALA.org
Version: 1.0
Author: Paperstreet
Author URI: http://www.paperstreet.com
*/

body {
	font-size: 75%; 
	font-family: Arial, Verdana, Sans-Serif;
	background: #ecdeba url('images/body_bg.jpg') top left repeat-x;
	color: #16344c;
	text-align: center;
	line-height: 1.45em;
	margin: 0;
	padding: 0;
	}
.clr { line-height: 0; margin: 0; padding: 0; clear: both; }
a { text-decoration: none; }
a.img { border: none !important; }
a img { border: none; }
.alignright { float: right; clear: both; }


h1 { font-size: 23px; font-weight: normal; color:#790f33; margin-top: 15px; margin-bottom: 15px; line-height: 1.25em; }
h2 { font-size: 15px; font-weight: bold; color:#790f33; margin-top: 16px; margin-bottom: 12px; }
#content2 h1 { margin-top: 20px; }
#content2 h1.first { margin-top: 9px; }
#content2 table { border-collapse: collapse; border-left: 2px solid #b9c2c9; border-top: 2px solid #b9c2c9; }
#content2 table tr td { border-right: 2px solid #b9c2c9; border-bottom: 2px solid #b9c2c9; padding: 5px; }
#content2 table .heading { background:#e7e7e7; color:#670c2b; font-weight: bold; padding: 9px 5px 9px 5px; }

/* PNG fix elements */
#logoarea, #content, .png, #login { behavior: url("/iepngfix.htc") }


/* WRAPPER & HEADER SECTIONS */
#wrapper {
	background: url('images/wrapper_bg.jpg') top center no-repeat;
	/* width: 1280px; */
	overflow: hidden;
	margin: 0 auto 0 auto;
}
#wrapper2 {
	width: 950px;
	position: relative;
	margin: 0 auto 0 auto;
}
#header {
	background: url('images/header_bg.jpg') top left no-repeat;
	height: 430px;
	width: 950px;
	position: relative;
	text-align: left;
}
#logoarea {
	position: relative;
	background: url('images/logo_area.png') top left no-repeat;
	height: 110px;
	width: 523px;
	left: 0px;
	top: 50px;
}
#logoarea img { position: relative; top:20px; left:20px; display: block; }



/* EXPANDABLE LOGIN AREA / QUICKLINKS */
#login { position:absolute; right:0px; top:-79px; height:100px; width:380px;  
	background: url('images/login_bg.png') bottom left no-repeat; font-size: 11px; color: #ffffff; padding: 8px 14px 8px 14px; }
#login p.collapsed { margin:0; padding:0; background: url('images/lock.png') top left no-repeat; 
	font-weight: bold; position:absolute; bottom: 12px; padding-left: 20px; }
#login p.expand { height:22px; width:137px; background:url('images/expand.jpg') top right no-repeat; position:absolute; bottom: 13px; right: 12px; 
	text-align: right; padding: 2px 0 0 0; margin: 0;
}
#login p.expand:hover { background:url('images/expand.jpg') bottom right no-repeat;  }
#login p.expand a { display: block; color: #faf5f5; width: 72%; height: 100%; float: right; font-style: italic; padding-right: 30px; }
#login p.expand a:hover { color: #ebf99b; }

#login h4 { font-size:12px; color:#faf5f5; padding: 0; margin: 0 0 6px 0; }
#loginExpanded { display:none; width:380px; padding-top: 20px; }
#loginExpanded input.txt { border: none; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; color:#564c31; padding: 3px 4px 3px 4px; height: 15px; width: 128px;  }
#loginExpanded .collapse { position: absolute; right: 10px; bottom: 77px; }
#login form { float: left; width: 165px; margin: 0; padding: 0 25px 0 0;  }
#login .submit { float: right; background: url('images/login_submit.png'); width:22px; height:23px; border: none; cursor:pointer; }
a.printpage { float:right; background: url('images/print.png') top left no-repeat; height: 27px; width: 97px; display: block; }
a.printpage:hover { background: url('images/print.png') bottom left no-repeat; }

.loggedin { padding-left: 24px; position: absolute; bottom: 12px; width: 346px; background: url('images/lock.png') top left no-repeat; 
	color:#faf5f5; font-size: 12px; margin:0;
}
a.logout { font-size: 12px; padding-left: 10px; float: right; color: #cff040; }
a.logout:hover { text-decoration: underline; color:#e7f4b1; }

/* NAVIGATION */
#navarea { position: absolute; bottom: 30px; left:0; width: 960px; height: 196px; z-index: 200;  }

#nav-wrap { display: table; padding: 0 0 0 18px; }
ul.nav { height: 196px; padding:0; margin: 0; display: table-row;  position: relative; overflow: hidden; }
ul.nav li { width: 296px; list-style-type:none; margin: 0; padding: 0 0 0 15px; 
	list-style-type:none; min-height:100%; vertical-align:middle; display:table-cell; }
ul.nav li a { font-size:15px; color:#ffffff; font-weight: bold; position: absolute; display: block; top: 50%; width: 95px; }
ul.nav li a:hover { border-bottom: 1px dotted; }

ul.nav li ul { padding:0 44px 0 140px; margin:0; }
ul.nav li ul li { float: none; height: auto; width: auto; padding: 0; display: block; margin: 6px 0 6px 0; line-height: 1.25em; }
ul.nav li ul li a { font-size: 12px; color: #ffffff; font-weight: normal; display: inline; top: auto; position: relative; }
ul.nav li ul li a:hover { border-bottom: 1px dotted; text-decoration:none; }

ul.nav li.page-item-28 a { top: 45.5%; } /* second menu, two line text */

/* Dropdown navigation */
#secondnav {
	background: url('images/secondnav_bg.jpg') top left no-repeat;
	height: 94px;
	width: 950px;
	padding-top: 1px;
	z-index: 300;
	position: relative;
}

#secondnav ul { list-style-type:none; padding:12px 0 0 40px; margin:0; }
#secondnav ul li { background:url('images/secondnav_top.jpg') top left no-repeat; 
	width:164px; height:35px; float:left; list-style-type:none; text-align: left; padding: 0 0 0 12px; position: relative; margin: 0 50px 0 0; }
#secondnav ul.closer { padding-left: 30px; }
#secondnav ul.closer li { margin-right: 3px; }
#secondnav ul li a { font-size: 13px; color: #f5efdf; line-height: 29px; }
#secondnav ul li a:hover { text-decoration: none; }
#secondnav ul li ul { background: url('images/drop_bg.png') bottom left no-repeat; position: absolute; top: 25px; left: 0; width: 164px;  
	padding: 10px 10px 10px 3px;  display: none;
}
#secondnav ul li ul li {  background: none; font-size: 12px; margin: 3px 0 3px 0; height: auto; }
#secondnav ul li ul li a { font-size: 12px; line-height: 1.4em;}
#secondnav ul li ul li a:hover { text-decoration: underline; }
#secondnav ul li ul li a.plus { display: none; }

#secondnav a.plus { position:absolute; right:11px; top:5px; display:block; width:21px; height:21px; cursor: pointer; }
#secondnav a.plus:hover { background:url('images/plus_hover.jpg') top left no-repeat; }


/* CONTAINERS & CONTENT AREA */
#container {
	background: url('images/container_top.jpg') top left no-repeat;
	width: 950px;
	position: relative;
	padding-top: 23px;
	margin: 0;
}

#content {
	min-height:650px;
  	height:auto !important;
  	height:650px;
	width: 516px;
	margin: 0 auto 0 auto;
	z-index: 100;
	position: relative;
	background: url('images/content_bg.png') top left repeat-y;
	padding: 1px 0 30px 0;
	text-align: left;
}
#content div.overlay {
	margin: 0 auto 0 auto;
	width: 504px;
	height: 393px;
	background: url('images/content_overlay.jpg') bottom left no-repeat;
	position: absolute;
	bottom: 19px;
	left: 6px;
	z-index: 101;
}
#content div.bot { 
	background: url('images/content_bottom.jpg') bottom left no-repeat; position:absolute; bottom:-1px; left:0; 
	z-index:101; width:516px; height:30px;  
}
#content a { color: #790f33; }
#content a:hover { color: #0231e1; text-decoration: underline; border: none; }
#content p a, #content li a, #content td a { border-bottom: 1px dotted #9a4965; }
#content p a:hover, #content li a:hover, #content td a:hover  {text-decoration: underline; border: none; }

#content2 { z-index: 110; position: relative; padding: 0 32px 0 32px; }


/* PAGE/CONTENT SPECIFIC */
div.board { clear: both; }
div.photo { background: url('images/photo_frame.jpg') top left no-repeat; padding:4px 0 10px 4px; width:154px; height:164px; float:right; clear:both;  margin-right: 16px; margin-top: 0px; } 
div.photo img { border: none; }
#directors h2 {  }


/* SIDEBARS */
#side1 h1, #side2 h1 { color: #4e442b; font-size: 18px; }
#side1 h2, #side2 h2 { color: #203f58; font-size: 15px; font-weight: bold; clear: both; margin-top:16px; margin-bottom: 12px;  }
#side1, #side2 { color: #16344c; }

#side1 p a, #side2 p a, #side1 td a, #side2 td a { border-bottom: 1px dotted #9a4965; } 
#side1 a, #side2 a { color: #790f33; }
#side1 a:hover, #side2 a:hover { color: #0231e1; text-decoration: underline; border: none;}

#side1 {
	position: absolute;
	left: 0;
	top: 23px;
	width: 192px;
	padding: 0 14px 0 22px;
	min-height:620px;
	background: #C1AC73 url('images/side_bg.jpg') top left repeat-x;
	text-align: left;
}
#side2 {
	position: absolute;
	right: 0;
	top: 23px;
	width: 196px;
	padding: 0 10px 0 16px;
	min-height:620px;
	background: #C1AC73 url('images/side_bg.jpg') top left repeat-x;
	text-align: left;
}
#side1 .bot { position:absolute; width: 223px; height: 12px; bottom:-11px; left:0; background:url('images/side1_bot.png') bottom left no-repeat; }
#side2 .bot { position:absolute; width: 223px; height: 12px; bottom:-11px; right:0; background:url('images/side2_bot.png') bottom left no-repeat; }
#side1 .sponsorsbot { display:block; position:absolute; width:161px; height:33px; bottom:-35px;  
	left:34px; background:url('images/viewpartners.jpg') bottom left no-repeat; z-index: 150; }


#side1 .sub {  }
#side1 .sub p { padding-left: 10px; }
#side1 .sub p.noindent { padding-left: 0; margin-top: 12px; }
#side1 .sub h2 { padding-top: 9px; }


#side1  a.button { background:url(images/button_right.png) top right no-repeat; height: 28px; display: block; float: left; 
	padding-right: 9px; border: none; clear: both; color:#16344c; line-height: 25px; margin-bottom: 2px; }
#side1 a.button:hover { color: #790f33; text-decoration:none; }
#side1 a.button span { background:url(images/button_left.png) top left no-repeat; position: relative; display: block; 
	line-height: 27px; padding: 1px 5px 0 12px; }
#side1 .even a.button { width: 90%; margin-bottom: 2px; }

/* FOOTER */
#footer { color: #564c31; width: 960px; padding: 5px 0 20px 0; margin-top: 0;  }
#footer a { color: #564c31; border-bottom: 1px dotted #9e8d61; }
#footer a:hover { color: #2a2925; }
#footer a.notNav { border: none; }


/* CALENDAR */
.cal-heading { line-height: 1.0em; position: relative; text-align: right; width: 196px; height: 60px; }
.cal-day-name { 
	color:#85193e; 
	font-size:18px; 
	background: #D3C193;
	line-height: 20px; 
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	position: absolute; 
	display: block;
	right: 68px; 
	bottom: 19px;
}
.cal-day-num { color:#4e442b; font-size:60px; line-height: 1.0em; padding-right: 10px; font-weight: bold; }

#wp-calendar { position: relative; background: url('images/calendar_bg.jpg') top left no-repeat; width: 196px; height: 198px; padding-bottom:1px; }
#wp-calendar div.bot { background: url('images/calendar_bg.jpg') bottom left no-repeat; height:8px; position: absolute; bottom:-7px; left:0; width: 196px;  }

#wp-calendar table { }
#wp-calendar tr th { color:#790f33; border-bottom: 1px solid #d9d6d0; }
#wp-calendar table tbody tr td { border-bottom: 1px solid #d9d6d0; }
#wp-calendar table tbody tr td:hover { background: #d9d6cc; }
#monthname { position: absolute; top: 5px; left: 8px; display: block; color: #4e442b !important; font-weight: bold; text-transform:uppercase; }
#monthname a { color: #4e442b !important; font-weight: bold; text-transform:uppercase; }
#next a, #prev a { border: none !important; }
#next img, #prev img { vertical-align: bottom; }
div.calendarnav { text-align: right; height: 32px; padding-right: 8px; }