/*

Theme Name: The Hyannis Youth & Community Center Foundation Theme

Theme URI: http://hyannisyouth.org/

Description: This theme was designed for The Hyannis Youth &amp; Community Center Foundation by <a href="http://www.davesday.com" target="_blank">Dave</a>.

Version: 1.0

Author: Dave Chase

Tags: 

*/

body {
	background-color:#CBECBB;
	font-family:Helvetica, sans-serif;
	font-size:85%;
	background-image:url('images/hycc-bg.jpg');
	background-attachment:fixed;
	background-position:top center;
}
/* HTML Element Styles */



img {
	border:none;
}
a {
	color:#0066CC;
}
a:hover {
	color:#EE4051;
}
a:visited {
	color:#6396F5;
}
h2, h3, h4, h5 {
	margin:0px;
 margin-bottom::8px;
	padding:0px;
	padding-bottom:5px;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration:none;
}
h1 a:hover {
border:none;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration:none;
	border-right:2px solid;
	padding-right:5px;
	color:#EE4051;
}
h1, h2, #sidebar h3 {
	color:#EE4051;
	border-bottom:1px dashed;
	margin-bottom:5px;
}
h2 {
	color:#6396F5;
	font-size:2em;
}
#sidebar h3 {
	font-size:1.5em;
}
h3 {
	color:#6396F5;
	font-size:1.3em;
}
h4 {
	color:#6396F5;
	font-size:1.1em;
}
h5 {
	color:#6396F5;
	font-size:1em;
}
/* Structure */



#header {
	width:875px;
	margin:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:15px;
}
#main-wrapper {
	width:915px;
	margin:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}
#top {
	background-image:url('images/hycc-top.png');
	background-repeat:no-repeat;
	background-position:top center;
	float:left;
	padding:0px;
	padding-bottom:0px;
	margin:0px;
	width:100%;
	height:20px;
}
#wrapper {
	background-image:url('images/hycc-middle.png');
	background-repeat:repeat-y;
	background-position:top center;
	float:left;
	width:855px;
	padding:15px;
	padding-right:30px;
	padding-left:30px;
}
#bottom {
	background-image:url('images/hycc-bottom.png');
	background-repeat:no-repeat;
	background-position:bottom center;
	width:100%;
	;
	float:left;
	padding:0px;
	margin:0px;
	height:20px;
}
#footer {
	width:875px;
	margin:auto;
	margin-top:0px;
	margin-bottom:15px;
	padding:15px;
	color:#0066CC;
	font-size:1.3em;
}
/* Menu */



#menu {
	margin:0px;
	margin-top:15px;
	padding:0px;
	text-align:center;
	width:850px;
	text-align:center;
	border-top:1px dashed #EE4051;
	padding:10px;
	float:left;
}
#menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	text-align:center;
	font-size:1.2em;
	z-index:1;
}
#menu li {
	list-style:none;
	display:inline-block;
	margin:0px;
	padding:0px;
	text-align:center;
	float:left;
}
#menu a {
	display:block;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	color:#0066CC;
	font-weight:bold;
	z-index:1;
}
#menu a:hover {
	color:#FFFFFF;
	background-color:#EE4051;
}
#menu a:active {
}
/* menu */



#menu ul ul {
	width:100px;
	margin-top:-2px;
	font-size:.9em;
	/*border-top:4px dashed #000066;*/

	z-index:99;
}
#menu li {
	float:left;
	position:relative;
	z-index:1;
}
#menu ul ul li {
	border-top:1px solid #FFF;
	text-align:left;
	z-index:99;
}
#menu ul ul ul li {
}
* html #menu a, * html #menu a:visited {
	w\idth:88px;
}
#menu ul ul a, #menu ul ul a:visited {
	color:#FFFFFF;
	background-color:#0066CC;
}
#menu ul ul a:hover {
	color:#FFFFFF;
}
#menu ul ul ul a, #menu ul ul ul a:visited {
	background:#000066;
}
#menu ul ul ul a:hover {
	color:#FFFFFF;
}
#menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
}
* html #menu ul ul {
	top:30px;
	t\op:31px;
}
#menu ul ul ul {
	left:149px;
	margin-left:-1px;
	top:-1px;
	width:149px;
}
#menu ul ul ul.left {
	left:-149px;
}
#menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
#menu ul ul a, #menu ul ul a:visited {
	color:#FFFFFF;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:128px;/*border-width:0 1px 1px 1px;*/

}
* html #menu ul ul a, * html #menu ul ul a:visited {
	width:150px;
	w\idth:128px;
}
#menu a:hover, #menu ul ul a:hover {
	color:#FFFFFF;
}
#menu :hover > a, #menu ul ul :hover > a {
	color:#FFFFFF;
	background-color:#EE4051;
}
#menu ul ul li a:hover {
	color:#FFFFFF;
	background-color:#EE4051;
}
#menu ul li:hover ul, #menu ul a:hover ul {
	visibility:visible;
}
#menu ul :hover ul ul {
	visibility:hidden;
}
#menu ul :hover ul :hover ul {
	visibility:visible;
}
/*End Menu */

/* Header Styles */







#header h1 {
	width:100%;
	float:left;
	font-family:Garamond;
	font-size:3.5em;
	margin-top:0px;
	border:none;
	z-index:1;
	text-align:left;
}
#header h1 a {
	text-decoration:none;
}
#header h1 img {

}
#header-right {
	float:right;
	position:relative;
	z-index:5;
	padding:15px;
	background-image:url('images/transparentbg.png');
	border:1px dashed #EE4051;
	margin-bottom:-70px;
}
.headertext {
	font-size:1.9em;
	margin:0px;
	padding:0px;
	text-align:right;
	color:#EE4051;
}
/* End Header Styles */



/* Main Styles */



#main {
	width:600px;
	float:left;
	margin-right:25px;
}

#main-home {
	width:500px;
	float:left;
	margin-right:25px;
}

#content-right {
	float:left;
	width:200px;
	padding:0px;
	margin:0px;
}
#sidebar {
	float:left;
	width:200px;
	padding:10px;
	border:2px dashed #FFFF66;
	background-color:#FFFFCC;
}

#sidebar-home {
	float:left;
	width:300px;
	padding:10px;
	border:2px dashed #FFFF66;
	background-color:#FFFFCC;
}
#sidebar ul, #sidebar-home ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;
}
#sidebar ul li, #sidebar-home ul li {
	margin-bottom:10px;
}
#sidebar ul li ul, #sidebar-home ul li ul {
	list-style:disc;
	padding-left:15px;
}
#sidebar ul li ul li, #sidebar-home ul li ul li {
	margin-bottom:2px;
}
#email-signup {
	float:left;
	padding:10px;
	border:2px dashed #000066;
	background-color:#6396F5;
	margin:0px;
	width:200px;
	margin-bottom:15px;
	text-align:center;
	color:#FFFFFF;
	font-size:2em;
	text-decoration:none;
}

#email-signup form {
	padding:0px;
	margin:0px;
	float:left;
	margin-top:8px;
	width:100%;
}
#email-signup a {
	font-size:2em;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	padding:0px;
	margin-bottom:2px;
}
#email-signup:hover , #email-signup a:hover {
background-color:#6396F5
}
#email-signup button {
	color:#FFFFFF;
	background-color:#000033;
	border:1px dashed #FFFFFF;
	margin-top:2px;
}
.email-highlight {
	font-size:1.5em;
	color:#000033
}
.post {
	margin-bottom:30px;
	float:left;
	width:100%;
}
.post h2 {
	font-size:1.5em;
}
.meta {
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	width:100%;
}
.single-meta {
	margin-top:10px;
	padding-top:10px;
	border-top:1px dashed;
}
.lightbox img {
	border:2px solid #6396F5;
}
.lightbox img:hover {
	border:2px solid #000066;
}
/* End Main Styles */



/* Wordpress Styles */



.aligncenter,  div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #6396F5;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */

   -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: 5px 4px 5px;
	margin: 0;
}
/* End Wordpress Styles */





/* Global CSS definitions for WP-Table Reloaded

inspired by "blue" theme of TableSorter 2.0 Plugin */



/* on how to change column widths, see below */



/* general table styles */

table.wp-table-reloaded {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
/* Styles for the tablehead (<th>) (if enabled) */

table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.wp-table-reloaded thead tr .header {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.wp-table-reloaded tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
/* Styles for alternating row colors (if enabled) */

table.wp-table-reloaded tbody tr.even td {
	background-color:#FFFFFF;
}
table.wp-table-reloaded tbody tr.odd td {
	background-color:#F0F0F6;
}
/* Styles for the sorting (if Tablesorter is enabled) */

table.wp-table-reloaded thead tr .headerSortUp {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}
table.wp-table-reloaded thead tr .headerSortDown {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}
table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp {
	background-color: #8dbdd8;
}
/* Style for the Table Name (in <h2>-Tag) (if printed above the table) */

h2.wp-table-reloaded-table-name {
	font-size: 16px;
}
/* Style for the Table Description (if printed under the table) */

span.wp-table-reloaded-table-description {
	font-size: 10px;
}
/* Naming Oppertunities Table Highlights

To add or remove a highlight, just add or remove the number of the row below.

NOTE: Please keep the same structure as below to ensure cross browser compataiblity. 

*/



table.wp-table-reloaded tbody tr.row-2 td,  table.wp-table-reloaded tbody tr.row-6 td,  table.wp-table-reloaded tbody tr.row-7 td,  table.wp-table-reloaded tbody tr.row-14 td,  table.wp-table-reloaded tbody tr.row-20 td,  table.wp-table-reloaded tbody tr.row-21 td,  table.wp-table-reloaded tbody tr.row-22 td,  table.wp-table-reloaded tbody tr.row-23 td,  table.wp-table-reloaded tbody tr.row-26 td,  table.wp-table-reloaded tbody tr.row-27 td,  table.wp-table-reloaded tbody tr.row-28 td,  table.wp-table-reloaded tbody tr.row-29 td,  table.wp-table-reloaded tbody tr.row-30 td,  table.wp-table-reloaded tbody tr.row-31 td {
	background-color:#FFFF66;
!important  font-weight:bold;
}



/* End Table Styles */