/*

Theme Name: Eastern Kentucky PRIDE

Theme URI: http://www.centertech.com/

Description: Custom theme for kypride.org

Author: The Center for Rural Development

Version: 1.0



*/



/*----- RESET CSS -----------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

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, hr {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	/*font-weight: inherit;*/

	/*font-style: inherit;*/

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	line-height: 1;

	color: black;

	background: white;

}

ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}





/*------ BODY STYLES -----------------------------------------------------------------*/



body{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	line-height: 18px;

	

	background-image:url(images/background.jpg);

	background-repeat:repeat-x;

	background-position:left top;

	background-color: #0a557f; /*#0f5984;*/

	}

	

/*------ WRAPPER STYLES -----------------------------------------------------------------*/	



#main_wrapper{

	text-align: center; /* centers content for IE */

	margin-left: auto; /* centers content for Mozilla */

	margin-right: auto; /* centers content for Mozilla */

	

	width:960px;

	}

	

	#header_wrapper{

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

	background-repeat: no-repeat;

	background-position: center top;

	height: 186px;

	position: relative;

	}

		#logo{

			position: absolute;

			height: 150px;

			width: 130px;

			left: 40px;

			top: 25px;

			}

			

		#social_media{

			position: absolute;

			height: 70px;

			width: 160px;

			top: 25px;

			right: 260px;

			}

			

		#search{

			position:absolute;

			text-align:right;

			top: 35px;

			right: 10px;

			}

	

				#searchform	{}



				#searchform input#s	{

					color:#2878A4;

					border:1px dashed #5FADD8;

					background-color:#c1dff0;

					width:175px;

					padding:3px 2px;

						}

						

				#searchform input#searchsubmit {

						border:1px dashed #5FADD8;

						padding:2px;

						width:30px;

						text-align:center;

						background-color:#84C0E1;

						color:#2878A4;

						font-weight:bold;							

											}

								

	#menu_wrapper{

		background-image: url(images/menu-bkgd.jpg);

		background-repeat: no-repeat;

		background-position: center top;

		

		height: 43px;

		}

		

		#content_wrapper{

			background-color: #FFF;

			min-height: 850px;

			overflow: auto;

			text-align: left;

						}

		

			#fullwidth_wrapper{ 

				float:left;

				width:912px;

				padding:0 24px;

				}

				

			#leftcolumn_wrapper{

				float:left;

				/*width: 585px;*/

				width: 595px;

				padding: 0 24px;

				}

				

				#slider{margin: 24px 0;}

				

				#flickr_wrapper{

					margin-top: 24px;

					border-top-width: 1px;

					border-top-style: solid;

					border-top-color: #CCC;

					clear: both;

					}

								

			#rightcolumn_wrapper{

				float:left;

				/*width:300px;*/

				width:290px;

				height: 100%;

				border-left: 1px solid #ccc;

				margin: 24px 0px;

				padding: 0px;

				/*padding: 0px 24px 0px 0px;*/

				}

				

				#rightcolumn_wrapper div{ 

					padding-left:5px;

					padding-bottom:24px;

					border-bottom-width: 1px;

					border-bottom-style: solid;

					border-bottom-color: #CCC;

					}

				#rightcolumn_wrapper div div{

					padding:0px 0px 0px 10px; 

					margin:0px;

					border:none;

					}

				#rightcolumn_wrapper div div div {
					padding: 0px;
					}
					

					#rightcolumn_wrapper #mc_embed_signup {

						margin:0px; 

						padding:0px; 

						border-bottom: none; 

						}

					

					#rightcolumn_wrapper #mc_embed_signup div{

						margin:0px; 

						padding:0px; 

						border-bottom: none;

						}

					

					#rightcolumn_wrapper #mc_embed_signup input { /* input fields */

						margin: 5px 0px;

						color: #666; 

						width: 200px;

						}

					.indicate-required{

						margin: 5px 0px;

						color: #666;

						}

					#rightcolumn_wrapper #mc_embed_signup #mc-embedded-subscribe{

						color: #000; 

						width: auto;

						}	

					

					div.mce_inline_error{ XXX !important} /* for Mail Chimp script */

					

				div#facebook_widget{

					border-bottom-width: 1px;

					border-bottom-style: solid;

					border-bottom-color: #fff;

					}

				

#footer_wrapper{

	background-image: url(images/footer-bkgd2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	clear:both;

	width:100%;

	height:568px;

	background-color: #f2e5b1;

	}

	

	#footer_content{

		text-align: center; /* centers content for IE */

		margin-left: auto; /* centers content for Mozilla */

		margin-right: auto; /* centers content for Mozilla */

		width:960px;

		padding-top:145px;

		font-size:14px;

		line-height: 24px;

		}

		

		#footer_action_bar{

			width:100%; 

			height:240px;

			}

			#footer_action_bar div{

				float:left;

				text-align: center;

				color:#4a4235;

				font-weight:bold;

				

				}

							

				#volunteer{

					width: 190px; 

					padding: 0px 20px;

				

					}

				#educate{

					width: 190px; 

					padding: 0px 20px;

					

					}

				#nominate{

					width: 190px; 

					padding: 0px 20px;

					}

				#map{

					width:265px; 

					padding:0px 0px 0px 5px;

					}

				

				

			

		

		#footer_copyright{/*clear:both;*/ color:#92846d; width:100%;}





/*------ TABLE STYLES -----------------------------------------------------------------*/

	

	#leftcolumn_wrapper table, #fullwidth_wrapper table{

			border: none;

			margin: 10px -1px 10px 0;

			text-align: left;

			width: 100%;

			clear: both;

			}

	#leftcolumn_wrapper table tr th,

	#fullwidth_wrapper table tr th,

	#leftcolumn_wrapper table thead tr td,

	#fullwidth_wrapper table thead tr td {

		font-size: 12px;

		padding: 5px;

		background-color: #C1EBFF;

		font-weight: bold;

		}

	#leftcolumn_wrapper table tr td,

	#fullwidth_wrapper table tr td {

		padding: 5px;

		border-bottom: 1px solid #ccc;

		border-right: 1px solid #fff;

		background-color: #F4F4F4;

	}

	#leftcolumn_wrapper table tr.odd td,

	#fullwidth_wrapper table tr.odd td{

		background: #f2f7fc;

	}



/*------ TEXT STYLES -----------------------------------------------------------------*/



p {margin: 10px 0px;}



#leftcolumn_wrapper blockquote,

#fullwidth_wrapper blockquote{

	padding:30px;

	background-color: #EEE;

	border: 1px solid #ccc;

}



.reader{

	margin: 0 0 0 -9000px;

	}



#leftcolumn_wrapper hr,

#fullwidth_wrapper hr{

	background-color: #CCC;

	clear:both;

	width: 100%;

	color: #CCC;

	height: 1px;

	margin: 10px 0px;

	}



/*------ HEADER STYLES -----------------------------------------------------------------*/



#leftcolumn_wrapper h1, #fullwidth_wrapper h1,

#leftcolumn_wrapper h2, #fullwidth_wrapper h2,

#leftcolumn_wrapper h3, #fullwidth_wrapper h3,

#leftcolumn_wrapper h4, #fullwidth_wrapper h4, 

#leftcolumn_wrapperh5,  #fullwidth_wrapper h5,

#leftcolumn_wrapper h6, #fullwidth_wrapper h6 {

	color:#6a9a31; 

	margin: 15px 0px;

	clear:both; 

	font-weight: normal;

	}



#leftcolumn_wrapper h1, #fullwidth_wrapper h1 {font-size: 24px; line-height:24px;}

#leftcolumn_wrapper h2, #fullwidth_wrapper h2 {font-size: 22px; line-height:22px;}

#leftcolumn_wrapper h3, #fullwidth_wrapper h3 {font-size: 18px;}

#leftcolumn_wrapper h4, #fullwidth_wrapper h4 {font-size: 16px;}

#leftcolumn_wrapper h5, #fullwidth_wrapper h5 {font-size: 14px;}

#leftcolumn_wrapper h6, #fullwidth_wrapper h6 {font-size: 12px;}





#rightcolumn_wrapper h1, 

#rightcolumn_wrapper h2, 

#rightcolumn_wrapper h3, 

#rightcolumn_wrapper h4, 

#rightcolumn_wrapper h5, 

#rightcolumn_wrapper h6 {

	color:#6a9a31;

	margin: 15px 0px;

	clear:both;

	font-weight:normal;

	}



#rightcolumn_wrapper h1 {font-size: 22px;}

#rightcolumn_wrapper h2 {font-size: 20px;

	background-image: url(images/hover_arrow.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 15px;}

#rightcolumn_wrapper h3 {font-size: 18px;}

#rightcolumn_wrapper h4 {font-size: 16px;}

#rightcolumn_wrapper h5 {font-size: 14px;}

#rightcolumn_wrapper h6 {font-size: 12px;}





#footer_content h1, 

#footer_content h2, 

#footer_content h3, 

#footer_content h4, 

#footer_content h5, 

#footer_content h6 {

	color:#6a9a31;

	margin: 18px 0px;

	font-weight: normal;

	text-align:center;

	}



#footer_content h1 {font-size: 24px;}

#footer_content h2 {font-size: 22px;}

#footer_content h3 {font-size: 18px;}

#footer_content h4 {font-size: 16px;}

#footer_content h5 {font-size: 14px;}

#footer_content h6 {font-size: 12px;}



#map h2{text-align: center;}





/*------ LINK STYLES -----------------------------------------------------------------*/



div#slider div#myGallery.jdGallery div.slideInfoZone h2 a{color:#ffffff;}



#leftcolumn_wrapper a:link, #fullwidth_wrapper a:link,  #rightcolumn_wrapper a:link, #footer_content a:link {color:#018acf; text-decoration:none;}

#leftcolumn_wrapper a:visited, #fullwidth_wrapper a:visited, #rightcolumn_wrapper a:visited, #footer_content a:visited {color:#639; text-decoration:none;}

#leftcolumn_wrapper a:hover, #fullwidth_wrapper a:hover, #rightcolumn_wrapper a:hover, #footer_content a:hover {color:#67CDFE; text-decoration: underline;}

#leftcolumn_wrapper a:active, #fullwidth_wrapper a:active, #rightcolumn_wrapper a:active, #footer_content a:active {color:#018acf; text-decoration:none;}



#footer_menu a:link{color:#92846d; text-decoration:none;}

#footer_menu a:visited{color:#22190b; text-decoration:none;}

#footer_menu a:hover{color:#92846d; text-decoration:underline;}

#footer_menu a:active{color:#92846d; text-decoration:none;}



 

/*------ LIST STYLES -----------------------------------------------------------------*/



#leftcolumn_wrapper ul,

#fullwidth_wrapper ul{

	list-style-type: circle;

	list-style-position: outside;

	margin: 15px 0px;

	padding-left: 25px;

	line-height: 20px;

}



#leftcolumn_wrapper li,

#fullwidth_wrapper li{padding:0px 0px 0px 5px;}



#leftcolumn_wrapper li ul,

#fullwidth_wrapper li ul{

	margin: 10px 0px;

	padding-left: 20px;

	}



#leftcolumn_wrapper ol,

#fullwidth_wrapper ol{

	list-style-position: outside;

	list-style-type: upper-roman;

	margin: 15px 0px;

	padding-left: 25px;

	line-height: 20px;



}

#leftcolumn_wrapper li ol,

#fullwidth_wrapper li ol{

	list-style-position: inside;

	list-style-type: upper-roman;

	margin: 10px 0px;

	padding-left: 20px;}



	#rightcolumn_wrapper ul{

		list-style-type: none;

		margin: 5px 0px;

		padding-left: 10px;

		}

	

	#rightcolumn_wrapper ul li{}

	#rightcolumn_wrapper ul ul li{}

	

	div#events ul{

		padding:0px;

		margin:0px;

		list-style-type:none;

		}



/*------------ CALENDAR STYLES ---------------------------------------------------------------*/



table#wp-calendar{ 

	width: 100%; 

	}

		

div#calendar_wrap table#wp-calendar caption{

	font-weight:bold; 

	text-align:center;

	}

div#calendar_wrap table#wp-calendar thead tr th{

	background-color: #FC0; 

	text-align: center; 

	border: 1px solid #ffffff; 

	font-weight: bold; 

	color: #ffffff;

	}

	

div#calendar_wrap table#wp-calendar tbody tr td{

	text-align:center;

	background-color: #E9E9E9;

	border: 1px solid #ffffff;

}



div#calendar_wrap table#wp-calendar tbody tr td#today{

	font-weight:bold; 

	background-color: #CCC;

	}

	

div#calendar_wrap table#wp-calendar tfoot tr td{

	font-weight: bold;

	}


div#fullwidth_wrapper table.my-calendar-table tbody tr.mc-row td div h3.event-title.summary {font-size:12px;}


/*------ MENU STYLES -----------------------------------------------------------------*/

	 

.menu{

	border:none;

	border:0px;

	margin:0px;

	padding:0px;

	font-size:14px;

	font-weight:bold;

	}

.menu ul{

	height:43px;

	list-style:none;

	margin:0;

	padding:0;

	}

	.menu li{

		float:left;

		padding:0px;

		}

	.menu li a{

		color:#ffffff;

		display:block;

		font-weight:normal;

		line-height:43px;

		margin:0px;

		padding:0px 20px;

		text-align:center;

		text-decoration:none;

			}

		.menu li a:hover, .menu ul li:hover a{

			color:#FFFFFF;

			text-decoration:none;

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

			background-repeat: no-repeat;

			background-position: center bottom;

			}

	.menu li ul{

		background:#7ad0fb;

		display:none;

		height:auto;

		padding:0px;

		margin:0px;

		position:absolute;

		width:200px;

		z-index:200;

		}

	.menu li:hover ul{

		display:block;

		

		}

	.menu li li {

		display:block;

		float:none;

		margin:0px;

		padding:0px;

		width:200px;

		border-bottom: 1px solid #5ab5e2;

				

		}

	.menu li:hover li a{

		background:none;

		color:#033a55; 

		

		}

	.menu li ul a{

		display:block;

		height:35px;

		line-height:35px;

		font-size:12px;

		font-style:normal;

		margin:0px;

		padding:0px 10px 0px 15px;

		text-align:left;

		

		}

		.menu li ul a:hover, .menu li ul li:hover a{

			background:#016191 url(images/hover_sub.gif) center left no-repeat;

			border:0px;

			color:#ffffff;

			text-decoration:none;

			

			}

	.menu p{

		clear:left;

		}	

		

		.menu .sub-menu li .sub-menu { /* for 3rd level menu */

           	left: 175px;

			margin-top:-30px;



            display: none;

			position: absolute;

      	  }

        .menu .sub-menu li:hover .sub-menu { /* for 3rd level menu */

            display: block;

     	   }

		.menu .sub-menu li:hover .sub-menu a { /* for 3rd level menu */

			background:none;

			color:#033a55;

			}

		.menu .sub-menu li:hover .sub-menu a:hover { /* for 3rd level menu */

			border:0px;

			color:#ffffff;

			text-decoration:none;

			background-color: #016191;

			background:#016191 url(images/hover_sub.gif) center left no-repeat;

			}



#footer_menu{

	color:#92846d; 

	width:100%; 

	height:55px;

	}



#footer_menu ul{

	list-style: none;

	margin: 0;

	padding: 0;

	width: 100%;

	text-align:center;

	}

#footer_menu li {

	margin: 0;

	padding: 0;

	display: inline;

	}

#footer_menu li ul {display:none;}

#footer_menu li a {

	color:#92846d;

	margin: 0;

	padding: 3px 12px;

	text-decoration: none;

	text-align:center;

	line-height: 12px;

			

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #92846d;	

	background-image:none;

	}

#footer_menu a:hover {

	color:#92846d;

	text-decoration:underline;

	}



/*------ CLASS STYLES -----------------------------------------------------------------*/



.post {}

.entry-date{color: #666;}

.entry {}

.postmetadata{color: #666; clear:both;}

.post_thumbnail{}

img.attachment-post-thumbnail, img.attachment-single-post-thumbnail {float:left; margin: 5px 15px 5px 0px; border: solid 2px #018ACF;}

.clear{clear:both;}



/*------ IMAGE STYLES -----------------------------------------------------------------*/



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 580px !important; /* prevent too-wide images from breaking layout */

	padding: 2px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;

	margin: 5px;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}



#footer_action_bar img{padding:0px; margin:0px;}



#flickr_wrapper a img {/* Homepage Flickr widget */

	float:left;

	margin:0px 18px 0px 0px;

	background:#018acf;

	padding:2px;

	 }

	 

div.flickrGallery a.flickr-image img {

	margin:3px;

	/*background:#018acf;

	padding:2px;*/}





/*------ COMMENTS STYLES -----------------------------------------------------------------*/



.comments-template{

	margin: 10px 0 0;

	border-top: 1px solid #ccc;

	padding: 10px 0 0;

}



.comments-template ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

	border-bottom: 1px solid #ccc;

}



.comments-template h2, .comments-template h3{

	font-family: Georgia, Sans-serif;

	font-size: 16px;

}



.commentmetadata{

	font-size: 12px;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

}