/*

	Theme Name: Portland Swing Dance Club

	Theme URI: http://www.portlandswing.org

	Description: Version 3.2 of the PSDC Web Site

	Version: 3.2

	Author: David Lim

	Author URI: http://www.davidandjennilyn.com



	PSDC v3.2

	http://www.portlandswing.org/



	This theme was designed and built by David Lim,

	whose blog you will find at http://www.davidandjennilyn.com/



*/



a {

	font: bold 12px arial, sans-serif;

	color: #06f;

	text-decoration: none;

}



blockquote {

	margin: 20px 10px;

	padding: 10px 0;

	border-width: 1px 0; border-color: #ccc; border-style: solid;

	font: bold 14px georgia, serif;

	text-align: center;

}



body {

	min-width: 800px;

	top: 0; bottom: 0; left: 0; right: 0;

	font: 12px arial, sans-serif;

	background-color: white;

	color: black;

	margin: 0; padding: 0;

	text-align: center;

}



div.spacer {

	clear: both;

	margin: 0; padding: 0;

}



div.psdc {

	border: 2px solid #444;

	margin: 10px auto 0 auto;

	overflow: hidden;

	padding: 0;

	text-align: left;

	width: 800px;



}



div#header {

	margin: 0;

	padding: 0;

	height: 50px;

	width: 800px;

	background-image: url('images/header.gif');

	background-repeat: no-repeat;

	text-align: right;

}



div#header h1 {

	margin: 0;

	padding: 20px 20px 0px 10px;

	font: 24px georgia, serif;

	letter-spacing: 2px;

	word-spacing: 4px;

	color: #bbb;

}



div#navigation {

	background-color: #555;

	padding: 5px 0;

}



	#navigation ul {

		display: inline;

		margin: 0;

		padding: 5px 5px 5px 15px;

	}



	#navigation ul li {

		margin: 0;

		padding: 0;

		list-style-type: none;

		display: inline;

	}



	#navigation ul li a {

		padding: 5px 15px;

		color: white;

		background-color: #555;

		letter-spacing: 1px;

		text-decoration: none;

	}



	#navigation ul li a.current,

	#navigation ul li a.current:hover {

		background-color: white;

		color: #222;

	}



	#navigation ul li a:hover {

		background-color: #59aaee;

		color: white;

	}



div.announcement {

	margin: 0;

	padding: 0;

	color: white;

	background-color: black;

	height: 200px;

	max-height: 200px;

}



div.announcement div.dance_news {

	float: left;

	width: 180px;

	color: white;

	background-color: black;

	margin: 0;

	padding: 10px 10px 0 10px;

}



div.announcement a {

	color: #59aaff;

	background-color: black;

	font: bold 12px arial, sans-serif;

}



div.announcement div.image {

	float: left;

	width: 600px;

	margin: 0;

	padding: 0;

}



div.announcement div.image img {

	margin: 0;

	padding: 0;

}



div.body {

	clear: both;

	margin: 0;

	color: black;

	background-color: white;

}



div.center {

	text-align: center;

}



div.leftsidebar, div.rightsidebar {

	margin-top: 12px;

	text-align: left;

}



div.leftsidebar p {

	margin: 0 0 20px 0;

	color: #888;

}



div.rightsidebar {

	padding: 10px;

}



div.leftsidebar h3, div.rightsidebar h3 {

	font: 24px geogia, serif;

	color: #999;

	background-color: white;

}



div.rightsidebar ul.default {

	margin: 10px 0;

	padding: 0;

}



div.rightsidebar ul.default li {

	list-style-type: square;

	margin-left: 15px;

	padding: 0px;

}



div.column {

	float: left;

}



div.news, div.features {

	width: 250px;

	padding: 10px 20px 0 10px;

	margin: 0;

}



div.calendar {

	width: 250px;

	padding: 10px 20px;

	margin: 0;

}



div.calendar table {

	margin: 10px 0 5px 0;

	padding: 0;

	border: 1px solid #888;

	border-collapse: collapse;

}



div.calendar table tr:hover, div.calendar table tr.gray:hover {

	background-color: #FFF5A1;

	color: black;

}



div.calendar table tr.gray {

	background-color: #eee;

	color: black;

}



div.calendar table td {

	font: 10px arial, sans-serif;

	padding: 5px;

	border: 1px solid #aaa;

}



div.calendar table td.date {

	vertical-align: top;

	text-align: center;

	width: 30px;

}



div.calendar table td a {

	font: bold 10px arial, sans-serif;

}



div.post {

	margin: 10px 0;

	padding: 0;

}



div.post h4 a, div.post h4 {

	font: bold 12px arial, sans-serif;

	text-decoration: none;

	margin: 0;

	padding: 0;

	letter-spacing: 1px;

	line-height: 14px;

}



div.post small {

	color: #777;

}



div.post div.entry {

	margin: 0;

	padding: 0;

	text-align: left;

}



div.entry p {

	margin: 10px 0;

	padding: 0;

}



div.entry ul, div.entry ol {

	margin: 0 0 0 15px;

	padding: 0 0 0 10px;

}



div.entry ul li {

	margin-bottom: 5px;

}



div.archive_link, div.archive_link h3 a {

	text-align: right;

	font: 24px georgia, serif;

}



div.alignleft { float: left; }

div.alignright { float: right; }



div#footer,

div#footer a {

	clear: both;

	letter-spacing: 1px;

	margin: 0 auto;

	padding: 0;

	text-align: center;

}



div#search {

	margin: 0 auto 20px auto;

	padding: 0;

}



	div#search form, div#search form p {

		margin: 0;

		padding: 0;

	}



	#search input[type=text] {

		border-collapse: collapse;

		border: 1px solid #777;

	}



#logos {

	text-align: center;

	vertical-align: top;

}



div.w100 { width: 100px; }

div.w150 { width: 150px; }

div.w180 { width: 180px; }

div.w200 { width: 200px; }

div.w250 { width: 250px; }

div.w275 { width: 275px; }

div.w300 { width: 300px; }

div.w350 { width: 350px; }

div.w400 { width: 400px; }

div.w450 { width: 450px; }

div.w500 { width: 500px; }

div.w550 { width: 550px; }



div.w49p { width: 49%; }



.pad5 { padding: 5px; }

.pad10 { padding: 10px; }

.pad20 { padding: 20px; }

.pad30 { padding: 30px; }



.mar5 { margin: 5px; }

.mar10 { margin: 10px; }



.box { background-color: #eaeaea; border: 1px solid #c8c8c8; margin-bottom: 20px; }



h2 {

	font: 24px arial, sans-serif;

	margin: 0;

	padding: 0;

}



h3, h3 a {

	font: 36px georgia, serif;

	margin: 0;

	padding: 0;

	color: #59aaff;

	background-color: white;

	text-decoration: none;

}



h4 {

	font: 24px georgia, serif;

	margin: 10px 0 5px 0;

	padding: 0;

	color: #3788ff;

}



p+h4 { margin-top: 30px; }



h5 {

	font: 18px georgia, serif;

	color: #777;

	margin: 0 0 5px 0; padding: 0;

}



img {

	border: 0; margin: 0; padding: 0;

}



img.border {

	border: 1px solid black;

	margin: 0;

	padding: 0;

}



img.center {

	text-align: center;

	margin: 0 auto;

	padding: 0;

}



img.left {

	float: left;

	margin: 0 10px 5px 0;

	padding: 0;

}



img.right {

	float: right;

	margin: 0 0 5px 10px;

	padding: 0;

}



p {

	margin: 10px 0;

	padding: 0;

}



p.error {

	display: inline;

	margin: 0 0 0 5px;

	padding: 0;

	color: red;

}



p.font10 {

	font-size: 10px;

}



small {

	margin: 0;

	padding: 0;

}



table.calendar {

	border: 1px solid #777;

	border-collapse: collapse;

	margin: 10px 0;

	padding: 0;

}



col.date {

	width: 100px;

}



col.details {

	width: 425px;

}



table.calendar tr.altrow {

	background-color: #efefef;

	color: black;

}



table.calendar tr.highlight {

	background-color: #ace;

	color: black;

}



table.calendar tr:hover {

	background-color: #eff;

	color: black;

}



table.calendar th {

	border: 1px solid #ccc;

	padding: 5px 10px;

	vertical-align: top;

	background-color: #555;

	color: white;

}



table.calendar td {

	border: 1px solid #ccc;

	padding: 10px;

	vertical-align: top;

}



table.workshop {

	margin: 10px 0;

	padding: 0;

	border: 0;

	border-collapse: collapse;

	width: 100%;

}



table.workshop th, table.workshop th a {

	margin: 0;

	padding: 5px 10px 5px 0;

	border: 0;

	font: bold 14px arial, sans-serif;

}



table.workshop td {

	margin: 0;

	padding: 5px 10px 10px 0;

	border: 0;

	vertical-align: top;

}



	table.workshop td.time {

		width: 125px;

	}


	table.workshop .description {
		color: #777;
		display: block;
	}


table.prices {

	margin: 10px 0;

	border: 0;

	border-collapse: collapse;

}



table.prices th, table.prices td {

	border: 1px solid #bbb;

	margin: 0;

	padding: 10px;

}



table.prices th {

	background-color: #eee;

	font: bold 14px arial, sans-serif;

	text-align: left;

}



table.prices td {

	vertical-align: top;

}



textarea[name=Message] {

	font: 12px arial, sans-serif;

}



ul { list-style-type: square; margin: 0; padding: 0; }

ul li { margin: 0 0 5px 20px; padding: 0; }



ul.photos, ul.photos ul {

	margin: 10px 0 20px 10px;

	padding: 0;

	list-style-type: none;

}



ul.photos ul {

	margin: 0 0 0 15px;

	padding: 0;

}



ul.photos li {

	margin: 5px 0;

	text-indent: -10px;

	padding: 0;

}



ul.leftquickmenu {

	margin: 15px 0 0 0;

	padding: 0;

}



ul.leftquickmenu li {

	margin: 0 0 10px 0px;

	padding: 0;

	list-style-type: none;

}





/* BridgeTown Special Formatting */

div.bridgetown {



}



div.bridgetown p {

	padding: 0 10px 10px 10px;

}



div.bridgetown ul, div.bridgetown ol {

	margin: 0 0 20px 20px;

	padding: 0 0 0 5px;

}



div.bridgetown ul li, div.bridgetown ol li {

	margin: 0;

	padding: 0;

}



div.bridgetown .quiet {

	color: #777;

	font-size: 10px;

}



div.bridgetown .quiet ul {

	margin-bottom: 5px;

}



div.bridgetown .current {

	background-color: #59AAFF;

	color: white;

	margin: 10px -10px 10px -10px;

	padding: 8px;

}



	div.bridgetown .current ul {

		margin-bottom: 5px;

	}



	div.bridgetown .current a,

	div.bridgetown .current h5 {

		color: white;

	}



div.registration {

	margin: 20px 0;

	padding: 10px 0;

}



	.registration h5 {

		font-size: 18px;

		color: black;

	}



	.registration fieldset {

		border: 0;

		padding: 0;

	}



	.registration ul {

		margin: 10px 0 20px 0;

		padding: 0;

	}



	.registration ul li {



	}



	.registration ol {

		margin: 0 0 20px 0;

		padding: 0;

	}



	.registration ol li {

		margin: 0 0 10px 25px;

	}



	.registration label {

		display: block;

	}



	.registration .required {

		font-weight: bold;

	}



	.registration td {

		vertical-align: top;

	}



	.registration .package {

		border-collapse: collapse;

		margin-bottom: 20px;

	}



		.registration .package td {

			border: 1px solid #bbb;

			padding: 10px;

			width: 33%;

		}



	.registration input {

		display: block;

		margin-bottom: 5px;

	}



		.registration .inline {

			display: inline;

			width: auto;

		}



	.registration .nodot {

		list-style-type: none;

		margin-left: 0;

		padding-left: 0;

	}



		.registration .nodot li {

			margin-left: 0;

			padding-left: 0;

		}



	.registration select {

		width: 300px;

	}



	input.offset {

		margin-left: -8px;

		width: auto;

	}



	#adult {

	}



	#junior {

		border-top: 1px solid #ccc;

		color: #555;

	}



	#junior h5 {

		color: #777;

	}



	.schedule {

		border: 0;

		border-collapse: collapse;

		margin: 10px 0;

		padding: 0;

		width: 100%;

	}



	.schedule td {

		border-bottom: 1px solid #ddd;

		padding: 5px 10px 5px 0;

		vertical-align: top;

	}



	.schedule td.time {

		width: 150px;

	}


.bts-nav {
	list-style-type: none;
	margin: 20px 0 10px 0;
	padding: 0;
	width: 100%;
}

	.bts-nav li {
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 0;
	}

	.bts-nav li a {
		background-color: rgb(89, 170, 255);
		color: white;
		display: block;
		font-size: 150%;
		padding: 10px;

	}

	.bts-nav li a:hover {
		background-color: rgb(89, 190, 255);
	}


.hide {
	display: none;
}

#registration summary:hover {
	cursor: pointer;	
}

/* Video Library */

table#videos {

	border: 0;

	border-collapse: collapse;

	margin: 10px auto;

	padding: 0;

}



	#videos th,

	#videos td {

		border: 1px solid #555;

		margin: 0;

		padding: 5px

	}



	#videos th {

		background-color: #444;

		color: white;

		font: bold 12px arial, sans-serif;

		text-align: left;

	}



	#videos tr.shade td {

		background-color: #ccc;

	}



/* E-commerce */

#buy {

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	border-radius: 20px;

	background-color: #3788ff;

	color: white;

	margin: 20px 0;

	padding: 20px;

}



	#buy h4 {

		color: white;

	}

	#buy a {
		color: white;
		text-decoration: underline;
	}