/*  
Theme Name: Heart of the Valley Choir with tabs and breaking news column
Theme URI: http://hvcchoir.com
Description: Based on the original default theme by Michael Heilemann at http://binarybonsai.com/,  with tabbed menus by David Burton's , and  Breaking News theme ShinRa at http://www.idsg.it/.
Version: 1.4
Author: Pam Van Londen
Author URI: http://pamvanlonden.coM
*/


body {
font-family:"Lucida Grande", "Lucida Grande CE", "Lucida Grande CY", Verdana, "Trebuchet MS";
margin: 0 0 20px 0;
padding: 0; 
font-size:13px; 
line-height:1.6em;
background-color:#fff;
color: #000;
text-align: center;
}

a{
text-decoration:none;
color:#62001d;}

#page {
text-align:left;
margin:0 auto 0 auto;
padding:0;
width:850px;
background-color:#fff;
border:1px solid #62001d;
}
	




/*             header         */
#header{

padding:0; 
margin:0;
background-color:#fff;
width:850px;
text-align:left;

}

#header h2{display:none;
letter-spacing:2px;
font-size:10px;
}

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

#header .logo a {text-decoration:none;}

#header #headerimg 	{ 
background-color:transparent;
margin:0 0 0 0;
padding:0 0 0 0;	
background-image:url(/wp-content/themes/hvcc/images/hvccbannerbg.png);
background-repeat:repeat-y;
height:200px;
} 

#header #headerimg ul {list-style-type:none; padding:0 0 0 20px;}
#header #headerimg ul li {margin: 0 0 10px 0; padding:0;}

#header #headerimg a img {
text-decoration:none; 
border:0; 
z-index:20; 
position: relative; 
top: 0px; 
left: 22px; 
margin:0;
}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	
	}


/*                     TOOLBAR        */

#toolbar {
padding:0 10px 0px 0; 
margin:0 0 20px 0;
font-size:10px;
text-align:right;
background-color: transparent;
display:inline;

}


#toolbar ul {list-style:none; margin:0; padding:0;}
#toolbar ul li {display:inline; margin:0; padding:3px 5px;}
#toolbar ul li a {color:#000;margin:0; padding:0; text-decoration:none; }
#toolbar form {float:right;   margin:0 0 0 20px; padding:0; height:20px; }
#toolbar input {font-size:10px;  }
#toolbar a img {border:0; vertical-align:middle;}

/*.safari div#header form {float:right;   margin:0 0 0 20px; padding:0; line-height:20px; }
.safari div#header input {font-size:10px; line-height:10px;  }
.safari div#toolbar { height:20px; line-height:20px; }
*/





/*                        dTABS menu horizontal  */

#tabbar {
	margin: -30px 0 0 300px;
	padding: 0px 20px 0px 20px;
	height:27px;
	display: block;
	width: 650px;
	z-index:30;
}

#tabbarbox {
	margin: 0 auto;
	padding: 0;
	height:27px;
	background: url("") no-repeat bottom center;
	
}
.tab, .tabselected{
	display: table-cell;
	text-align: center;
	width: 80px;
	height: 27px;
	padding: 0 20px 0 0;
	margin: 0px;
	font-weight:bold;
}
.tab {
	
	/*background: url("/wp-content/themes/hvcc/images/tab_grey.png") no-repeat top;*/
}
.tabselected{
	border-bottom-style: none;
	/*background: url("/wp-content/themes/hvcc/images/tab_white.png") no-repeat top;*/
}

.tab a, .tabselected a {
	display: table-cell;
	text-align: center;
	width: 120px;
	height: 27px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	font-size:13px;
		font-weight:bold;
		color:#fff;

}
.dmenu {
	display: none;
	margin: 25px 0px 0px 5px;
	padding: 5px 5px 5px 5px;
	border-left: 2px solid #A2A2A2;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color: #fff;
	position: absolute;
	z-index: 100;
	/*filter:alpha(opacity='90');
	opacity: .9;*/
	min-width: 88px;
	text-align: left;
}
.dmenu ul{
	padding:0;
	margin:0px 0px 0px 10px;
	list-style:none;
}
.dmenu ul ul{
	padding:0;
	margin:0px 0px 0px 10px;
}
.dmenu li {font-size:13px; line-height:18px;}
.dmenu ul ul li a:hover {background-color:#999;}


/*   CONTENT COLUMN    */

#content{
padding:20px 10px 0 10px;
margin:40px 390px 0 165px;
width:600px;
font-size:13px;
}

#content h1 {color:#330033; font-size:18px; text-align:center; margin:-20px 0 0 0; padding:0;}

#content pre {font-size:10px;font-family:Arial, Helvetica, sans-serif;}

#content div.post h2 a, #content div.post h2, #content h2 {
font-size:18px;
font-weight:bold;
/*color:#3333CC;*/
color:#6666FF;
margin:0 0 5px 0;
}

#content div.post a {
color:#990000; 
text-decoration:none; 
 }
 
div#content h2.pagetitle {
font-size:18px;
font-weight:bold;
color:#62001d;
margin-bottom:10px;
}

 #content div.post h3 a {
 font-size:16px;
font-weight:bold;
color:#990000;
margin-bottom:5px;
}

#content div.post{
margin:10px 0 10px 0;
padding-bottom:10px;
border-bottom:1px dashed #660066;
color:#000;
/*font-size:14px; font-weight:bold; */

}


#content dl {}
#content dt {font-weight:bold;}
#content dd {line-height:1.5em; padding-bottom:5px;}

#content ul{
font-weight:normal;
list-style-type:square;
padding-left:30px;
}

#content ol{
list-style-type:lower-alpha;
padding-left:30px;
}

#content code{
font-family:courier,"courier new", monospace;
font-size:14px;
background-color:#dfdfdf;
}

#content blockquote{
padding:6px;
font-style:italic;
color:#555;
}

#content blockquote p{
font-style:italic;
}

.navigation div{
line-height:200%;
color: #330033;
font-size: 20px;
}

#content p, #content li, #content dt {font-weight:normal;  }

p.details_small{
margin:5px 0 10px 0;
font-size:9px;
line-height:11px;
color:#663333;
font-family:Arial, Helvetica, sans-serif;

}

p.details_small a{
color:#663333;
text-decoration:none;
}

p.date{
text-align:right;
font-size:12px;
color:#111;
}

#content em{
font-style:italic;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

#content form { }
fieldset {border:0;}
legend {margin:0; padding:0;}
#content form ol {font-size:10px; list-style-type:none;}
label { color:#666; font-weight:bold; font-size:10px; padding:1px; 
	   width:100px; display:block;}
input {border:1px solid #ccc; padding:2px 5px 2px 2px}
textarea {border:2px solid #999; padding:2px 5px 2px 2px; 
	font-family:"Lucida Grande", "Lucida Grande CE", "Lucida Grande CY", Verdana, "Trebuchet MS";
	font-size:10px; width:95%;}
select {border:2px solid #999}
.example {font-size:10px; color:#ccc; padding-left:3px; }
.alert {font-size:11px; color:#990000; }
	


/*                      LEFT SIDEBAR WITH EXTRA CONTENT      */

#sidebarB{
margin: 3px 0 20px 20px;
padding:10px;
float:right;
width:185px;
background-image:url(/wp-content/themes/hvcc/images/hvccsidebarb.jpg);
background-color:#d2d3e5;
line-height:1.4em;
font-size:12px;

}

#sidebarB h3 {font-style:italic; color:#3333CC; font-size:13px; line-height:17px;}

#sidebarB ul.contact {list-style:none; list-style-type:none; padding:0;}
#sidebarB ul.contact li ul li {list-style:none; list-style-type:none;}
#sidebarB div.printlogo {display:none}
#sidebarB div.printstaff {display:none}

#sidebarB h2{
font-size:16px;
line-height:18px;
color:#62001d;
}

#sidebarB div.post{
padding:0 0 15px 0;
margin:0 0 15px 0;
border-bottom:1px dashed #ccc;
}


#sidebarB ul li a, #sidebarB ol li a {
color:#333333; 
margin: 0; padding:0; }

#sidebarB ul {margin:0;padding:0 0 5px 15px;}

#sidebarB ul li h2 a {margin:0;padding:0;}

#sidebarB ul h4, #sidebarB ol h4{
list-style:none;
margin:15px 0 5px -15px;
color:#330066;
font-size:14px;
}

#sidebarB p em {text-align:right;}

#sidebarB blockquote{
padding:6px;
font-style:italic;
color:#555;
}

#sidebarB blockquote p{
font-style:italic;
}

#sidebarB code{
font-family:courier,"courier new", monospace;
font-size:14px;
background-color:#dfdfdf;
}

#sidebarB div.information{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #000;
}


span.more{
font-style:italic;
text-align:right;
}
	
/*  LEFT SIDEBAR WITH MENU   */


#sidebar{
color:#fff;
margin:0;
padding:50px 5px 0 0;
float:left;
width:146px;
font-size:11px;
background-color:transparent;
background-image: url(/wp-content/themes/hvcc/images/hvccsidebarbg.png);
line-height:1.2em;
}
	
#sidebar h2, h2.widgettitle {
font-size: 12px;
margin: 5px 0 0 5px;
padding: 0;
font-weight:bold;
color:#FFCC99;
}

#sidebar ul h4, #sidebar ol h4{
list-style:none;
margin: 10px 0 0 10px;
color:#FFCC00;
font-size:14px;

}



#sidebar .textwidget {font-size:9px; padding:0 0 0 10px; font-weight:normal;}
#sidebar 

#sidebar ul, #sidebar ol {
list-style:none;
margin: 0 0 0 5px;
}

#sidebar ul li, #sidebar ol li  {
font-size:12px;
margin:0 0 0 0;
padding:0;
color:#FFCC99;
font-weight:bold;
}
 
 
#sidebar ul li a, #sidebar ol a {
text-decoration:none;
color:#fff;
font-weight:bold;
}

#sidebar ul ul li a {
font-weight:bold;

}

#sidebar ul ul ul li {margin:0 0 5px 0;}
#sidebar ul ul ul li a {font-weight:normal; color:#fff; 
}
 
#sidebar form {
	margin: 10px 0;
	}
#sidebar select, #sidebar ul select {border:0;margin-left:10px;}
	
small, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

#sidebar input #searchsubmit {width:30px; font-size:10px;}

#searchform {
	margin: 0;
	padding:0 0 0 10px; 
	}

#sidebar #searchform #s {
	width: 125px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

/* WEATHER */

 #weather .widget widget_weather {margin-left:10px;}
 
 
	
/*                 FOOTER */
#footer{
padding:10px;
text-align:center;
font-size:10px;
line-height:1.1em;
color:#999;
border-bottom:2px solid #62001d;
clear:both;
}

#footer p.address {font-weight:bold; font-size:12px; color:#003333;}
#footer a {color:#999;}

#footer ul {list-style-type:none; list-style:none; padding:0;margin:0; }
#footer ul li {display:inline; 
	padding:0 20px; 
	border-right: 1px solid #666; 
	color:#666; 
	font-size:16px; 
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#footer ul li a {color:#990000; text-decoration:none;}
#footer ul li a:hover { }


/* TABLES */

table{
border-collapse:collapse;
border-spacing:0;
}

,th,td{
text-align:left;
font-weight:normal;
}


/*  QUOTES  */
blockquote:before,blockquote:after,
q:before,q:after{
content:"";
}

blockquote,q{
quotes:"" "";
}