/* CSS Document */
/*   
Theme Name: CDFL
Theme URI: http:/www.playcdfl.com
Description: 
Author: Jessica Ricco
Author URI: http://www.jessicaricco.com
Template: 
Version: 1

*/

body		{
		background-color:#000033;
		background-image:url(images/background.jpg);
		font-weight: normal;
			}
		
.clear{clear:both}

.clearbot{clear:both; height:1px; width:100%}
body{color:#000033; font-family: Century gothic, Verdana, Helvitica, sans-serif;}
.alignleft{float:left}
.alignright{float:right}
.border{border:#DDDDDD solid 1px;}
.padding{padding:10px;}

p {font-size:13px;}

a{color:#1dacd6; text-decoration:none;
}

a:hover{text-decoration:underline;}

a:visited{color:#1dacd6; font-style:italic;}

a img{border:none;}

.margin5 {margin:5px}
.marginbot{margin-bottom:10px;}

#wrapper{
			width: 950px;
			height: auto;
			border: 4px solid #ffffff;
			
			margin: auto;
			background:#ffffff;
			
			}
			
#top{		
			width: 950px;
			height: 100px;
			background-color:#FFFFFF;
			background-image:url(images/header.jpg) no-repeat;
			margin-bottom:35px;
			}
			
#logobanner {
			height: 100px;
			background:url(images/header.jpg) top;
			}
			
			#logobanner img{
							float:right;
							margin:0px;
							padding:0px;
							border:none;
						}
						

.cdflborder{
			background:url(images/bluegreyborder.jpg) no-repeat;
			height: 8px;

			}
		
#navmenu  	{
			width: 950px;
			height:30px;
			background-color:#000033;
			background:url(images/menu.jpg) repeat-x;
			display:block;
			padding:0px 0 0px 0px;
			font: 14px "Century gothic",verdana, Arial, sans-serif;
			font-weight:normal;
			}
			
					#navmenu a, #navmenu a:hover{
						text-decoration:none;
						}
			

					.menu,.menu ul {
						margin: 0px;
						padding: 0px;
						list-style: none;
						height:29px;
						
						}
					
					.menu a {
						background:url(images/menu.jpg) repeat-x;
						color: #e0e5eb;
						display: block;
						font-weight: normal;
						padding: 4px 10px 6px 10px;
						}
						
					.menu a:hover {
						background:url(images/menu-hover.jpg) repeat-x;
						color: #fff;
						display: block;
						text-decoration: none;
					  
						}
					
					.menu li {
						float: left;
						margin: 0px 0 0px 0;
						padding: 0px;
						}
						
					.menu li li {
						float: left;
						margin: px 0px 0px 5px;
						padding: 0px;
						width: 130px;
						}
						
					.menu li li a, .menu li li a:link, .menu li li a:visited {
						background:url(images/menu.jpg) repeat-x;
						width: 130px;
						float: none;
						margin: 0px;
						padding: 4px 10px 5px 10px;
						color:#fff;
						
						}
						
					.menu li li a:hover, .menu li li a:active {
						background:url(images/menu_hov.jpg) repeat-x;
						width: 130px;
						float: none;
						margin: 0px;
						padding: 4px 10px 5px 10px;
					
						}
					
					.menu li ul {
						position: absolute;
						width: 10em;
						left: -999em;
						}
					
					.menu li:hover ul {
						left: auto;
						display: block;
						}
						
					.menu li:hover ul, #menu li.sfhover ul {
						left: auto;
						}
						
					.menu ul li.special{
						
						float:right;
					}	
					
					.menu li.special a{
						/*background:url(images/menu-hover.jpg) repeat-x;*/
						border-left:1px solid #fff;
					}
					
					.menu li.special a:hover{
						background:url(images/menu-hover-orange.jpg) repeat-x;
					}	
			
#casing		{
			clear:both;	
			}
			
#left		{
			width: 644px;
			float: left;
			margin-top:15px;						/*fixes content displaying over navbar in safari*/
			
			}
			
			#headlines{
						width: 636px;
						height: 310px;
						margin:auto;
						margin-bottom: 5px;
												}
						
			
			
			
			#image{
						float: left;
						width:412px;
						height: 290px
						
						}
						
			#headlines .text{
						float: right;
						width: 200px;
						clear: none;
						border: #dddddd solid 1px;
						margin:5px;
						padding:0px;
						}
						
						.text ul, .text ul li, .text li{
									list-style-type:none;
									margin:0px;
									padding:0px;
									color: #ffffff;
									}
									
						.text a:hover{
									background: url(images/h1_subscribe.jpg) repeat-x scroll 0 0;
									color:#000033;
									}
									
						.text li a{
									font-size: 14px;
									float: left;
									background: url(images/h2_title.jpg) repeat-x scroll 0 0;
									color:#dddddd;
									text-align: left;
									font-family:Arial, Helvetica, sans-serif;
									height: 24px;
									border-top:1px solid #1dacd6;
									font-weight: lighter;
									height: 26px;
									line-height: 26px;
									text-decoration:none;
									padding-left:3px;
									width:198px;
									overflow:hidden;
									}
									
						#headlines .text h1{
										font-family:"Century Gothic", arial;
										font-size:16px;
										color:#000033;
										font-weight:normal;
										text-align:center;
										}
						/*Image styling for headline images*/				
						ul.gallery_demo {margin:0px; padding:0px;}

						ul.gallery_demo li{display:inline; margin: 0px; padding-right:1px;}
						
						ul.gallery_demo li a img{border:#1dacd6 1px solid;}
						ul.gallery_demo li a:hover img{border:#000033 1px solid;}

						
			#mission{
						width: 616px;
						height:auto;
						margin: auto;
						margin-bottom: 5px;
						background:#ffffff;
						padding:10px;
						}
						
						#mission p{
							margin:0px;
						}
						
						
						
						#slider{}	
						#slider ul, #slider li{
							margin:0;
							padding:0;
							list-style:none;
							}
						#slider li{ 
							width:696px;
							height:241px;
							overflow:hidden; 
							}	
						#prevBtn, #nextBtn{ 
							display:block;
							width:30px;
							height:77px;
							position:absolute;
							left:-30px;
							top:71px;
							}	
						#nextBtn{ 
							left:696px;
							}														
						#prevBtn a, #nextBtn a{  
							display:block;
							width:30px;
							height:77px;
							background:url(http://www.gr8tings.com/wp-includes/images/btn_prev.gif) no-repeat 0 0;	
							}	
						#nextBtn a{ 
							background:url(http://www.gr8tings.com/wp-includes/images/btn_next.gif) no-repeat 0 0;	
							}	
						
			
						
			#homeentry_container{
						border: 3px solid #00033;
						width: 634px;
						height: auto;
						margin: auto;
						margin-bottom: 5px;
						background:#ffffff;
						overflow: hidden;
						font-weight: normal;
						}
						
			#homeentry_container img{
				
			}
						
			.homeentry{
						width: 605px;
						
						padding: 8px;
						
						font-weight: normal;
						margin-bottom:20px;
						}
						.content{clear:both; margin-top:5px;}
						.content img, .content a img {padding:5px;}
						.content_home{clear:both; margin-top:5px; height:550px; overflow:hidden;}
						
			#entry{
						border: 3px solid #00033;
						width: 618px;
						height: auto;
						padding: 8px;
						margin: auto;
						margin-bottom: 5px;
						background:#ffffff;
						font-weight: normal;
						}
						
			.homeentry blockquote, #entry blockquote{
						margin-left:17px;
						padding-left:3px;
						background:#CCCCCC;
						margin-right:20px;
						
						}
						
			.homeentry ul li, #entry ul li{
						font-size:12px;
						}
						
			.homeentry a img, #entry a img, .homeentry img a, #entry img a{
						border:none;
						}
						
			.homeentry a, .homeentry a:visited, #entry a, #entry a:visited{
						color:#000033;
						text-decoration: underline;
							}
							
			.homeentry a:hover, #entry a:hover{
						color: #1dacd6;
						text-decoration:none;
							}
							
			.homeentry a img, #entry a img{
						border: none;
						}
						
			.homeentry img, #entry img{
						margin: 3px;
						}
						
						#homeentry_container h1 a, #entry h1 a, #entry h1{
							background: url(images/h1_subscribe.jpg) repeat-x scroll 0 0;
							color:#000033;
							text-align: left;
							font-family:Arial, Helvetica, sans-serif;
							border-top:1px dotted #000033;
							border-bottom:1px dotted #000033;
							font-weight: lighter;
							display:block;
							line-height: 26px;
							font-size: 19px;
							text-decoration:none;
							padding-left:3px;
							margin-top:0px;
							padding-top:0px;

							}
							
							#homeentry_container h1, #entry hi{
							padding:0px;
							margin:0;
							}
							
							#homeentry_container h1 a:hover, #entry h1 a:hover{
							text-decoration:none;
							color:#FFFFFF;
							}
						
						
						#homeentry_container h2, #entry h2{
						font-family: Century gothic, Verdana, Helvitica, sans-serif;
						font-size: 14px;
						float: left;
						}
						
						#homeentry_container p, #entry p{
						font-family: Century gothic, Verdana, Helvitica, sans-serif;
						font-size: 13px;
						font-weight:normal;
						
						}
						
						#homeentry_container p a, #entry p a{
						text-decoration:none;
						color:#333333;}
						
						#homeentry_container p a:visited, #entry p a:visited, #homeentry_container h2 a:visited, #entry h2 a:visited, 
						#homeentry_container h1 a:visited, #entry h1 a:visited{
							color:1dacd6;}
						
						#homeentry_container p a:hover, #entry p a:hover{
						text-decoration:underline}
						
						#entry h4, .homeentry h4{
								border-bottom: #000033 dotted 1px;
								font-style:italic;
						}
						
						#entry h4.name a, .homeentry h4.name a{
						text-decoration:none;
						font-weight:normal;
						}
						
			.readmore{
						height: 20px;
						clear: both;
						text-align:right;
						display:block;
						font-size:12px;
						
						}
						
									
						
			#navigation{
						clear:both;
						background:url(images/menu.jpg);
						height:30px;
						color: #ffffff;
						margin-top: 5px;
						padding-top:5px;
						padding-right:3px;
						padding-left:3px;
						}
						
			#navigation a:link, #navigation a:visited {
						color: #ffffff;
						text-decoration:none;
						}
						
			#navigation a:hover{
						text-decoration:underline;
						}
			
			.cdflborder_left{
						background:url(images/bluegreyborder_618.jpg);
						height: 8px;}
										
										
							ul.roster, ul.roster li ul{
										list-style-type:none;
										margin:0px;
										padding:0px;
										}
										
							li.player{
										border-bottom:1px #000000 solid;
										height:20px;
										
										list-style-type:none;
										margin:none;
										text-align:left;
										
										}
										
							.number{
									width:50px;
									float:left;
									
									}
									
							.name	{
									width:200px;
									float:left;
									
									}
									
							.position{
									width:100px;
									float:left;
									
									}
									
							.home	{
									width:150px;
									float:left;
									
									}		
						
			
#sidebar	{
			width: 294px;
			float: right;
			background:#ffffff;
			margin-bottom: 8px;
			margin-top:15px;
			list-style-type:none;
			padding:0px;
			clear:none;
			
			}
			
#sidebar ul, #sidebar li {
			list-style-type:none;
			}
			
.widget		{
			float:right;
			width:294px;
			list-style-type:none;
			padding-bottom:8px;
			}
			#sidebar ul	{margin:0px; padding:0px;}
			#sidebar ul li{margin-bottom:5px;}
			
			li#subscribe{
					background-repeat:no-repeat;
					height:150px;
					margin-bottom: 5px;
					border:#DDDDDD solid 1px;
					width: 294px;
					float: right;
					list-style-type:none;
					}
					
					
					.textwidget h3, .textwidget h3 a{
							
							margin: 0px;
							padding:0px;
							text-decoration: none;
							text-align:right;
							}
							
					.textwidget h3 a, .textwidget a:visited, .textwidget h3{
							font-size:13px;
							color:#000033;
							padding: 4px;
							display: inline;
							text-decoration: none;
							margin-top: 0px;
							margin-left: 3px;
							}
							
					.textwidget h3 a:hover, .textwidget h3 li a{
							text-decoration:underline;
							}
					
					#subscribe h2, #shop h2 {
							background: url(images/h1_subscribe.jpg) repeat-x scroll 0 0;
							color:#000033;
							font-size: 16px;
							text-align: center;
							font-family:Arial, Helvetica, sans-serif;
							height: 26px;
							border-top:1px dotted #000033;
							border-bottom:1px dotted #000033;
							font-weight: lighter;
							display:compact;
							line-height: 26px;
							width: 294px;
							margin-top:0px;
							padding-top:0px;
							}
							
					
								
			li#search, li#search-2{
							margin-top: 0px;
							padding-top:0px;
							height: 74px;
							background:url(images/search.jpg) bottom;
							background-repeat:no-repeat;
							margin-bottom: 5px;
							border:#DDDDDD solid 1px;
							width: 294px;
							float: right;
							list-style-type:none;
								}
					
					#search h2, #watch h2, #login h2, h2.widgettitle{
								background: url(images/h2_title.jpg) repeat-x scroll 0 0;
								color:#DDDDDD;
								font-size: 16px;
								text-align: center;
								font-family:Arial, Helvetica, sans-serif;
								height: 26px;
								border-top:1px solid #1dacd6;
								border-bottom:1px solid #1dacd6;
								font-weight: lighter;
								display:block;
								line-height: 26px;
								width:294px;											/*HERE*/
								float: right;
								margin-top:0px;
								padding-top:0px;
								}
							
					li#search ul {
							padding-top: 0px;
							list-style-type:none;
							}
			
				
			
			li#watch{
					background-repeat:no-repeat;
					height: 250px;
					margin-bottom: 5px;
					border:#DDDDDD solid 1px;
					float: right;
					list-style-type:none;
					}
					
					li#daikos-video-widget-1 {border:#DDDDDD solid 1px;}
					
			
					
			li#login{
					background-repeat:no-repeat;
					float: right;
					width: 294px;
					height:auto;
					list-style-type:none;
					}
					
					li#login ul{
							margin-top:30px;
							list-style-type:none;
							}
					
			li#calendar, li#ad, li#recentposts, li#archives{
					float: right;
					width: 294px;
					height:auto;
					list-style-type:none;
					}
					
			li#calendar ul, li#ad ul, li#recentposts ul, li#archives ul{
					list-style-type:none;
						}
					
					li#recentposts ul li{		
									border-bottom: #000033 dotted 1px;
									list-style-type:none;
									}
					
					
					li#categories ul, li#categories ul li, li#recentposts ul, li#recentposts ul li
					li#archives ul, li#archives ul li{
								margin:0px;
								padding:0px;
								}
						
						
						
					li#categories ul li a, li#categories ul li a:visited, li#recentposts ul li a, li#recentposts ul li a:visited,										
					li#archives ul li a, li#archives ul li a:visited{
								color: #000033;
								text-decoration:none;
								list-style-type:none;
								}
								
					li#categories ul li a:hover, li#recentposts ul li a:hover, li#archives ul li a:hover{
								text-decoration:underline;
								color:#1dacd6;
								
								}
			
			
													
								
			#sidebar li ul, #sidebar li ul li{
				margin:0px;
				padding:0px;
				}
			#sidebar ul li ul li{
				border-bottom:1px dotted #dddddd;
			}
			
			#sidebar li ul li a, #sidebar li ul li a:visited{
					color: #000033;
					text-decoration:none;
					}
					
			#sidebar li ul li a:hover{
					text-decoration:underline;
					color:#1dacd6;
			}
			
			
			
.bottom{
		height: 125px;
		clear:both;
		
		}	
		
		.bottom a img{
				border:none;
				}					
			
#footer{
			clear: both;
			text-align:center;
			font-size:10px;
			
			}
			
#footer a, #footer a:visited{
			color:#000033;
			text-decoration:none;
			}
						
#footer a:hover{
			color:#1dacd6;
			}				
			
			
			
			
			
/*image rotator*/		
				
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
width: 410px; /*width of featured content slider*/
height: 220px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 410px; /*width of content DIVs within slider. Total width should equal slider's inner width */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 410px; /*Width of pagination DIV. Total width should equal slider's outer width */
text-align: right;
background-color: fff;
padding: 0px 5px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #282828;
background: #e8e8e8;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #282828;
}	

#slider4{
border: 2px #1dacd6 dotted;
background: fff;
margin-left: 0px;
height: 220px;
width: 410px;
}

#paginate-slider4{
border-color: #ffc600;
margin-left: -29px;
width: 410px; /*added*/
}

#paginate-slider4 a img{
width: 70px;
height: 50px;
border: 1px solid #ffc600;
margin-top: 5px;
}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 1px solid #64d9fc;
}


#commentform #author, 
#commentform #email, 
#commentform #url, 
#commentform textarea {
                        background: #ffffff;
                        border: 1px solid #1dacd6;
                        color: #000033;
                        }
						
						#commentform{
						padding:5px;
						}

#commentform textarea {
	width: 95%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	clear:both;
}

ol#commentlist li { 
                  list-style: decimal;
				  font-size: 10px;
				  clear:both;
                  }

#commentlist p{
				font-size:10px;
				}
				
ol#commentlist li a, ol#commentlist li a:visited{

			color: #000033;
}

ol#commentlist li a:hover{

			color: #1dacd6;
}
				  
h2#comments, h2#postcomment{
							background: url(images/h2_title.jpg) repeat-x scroll 0 0;
							color:#DDDDDD;
							font-size: 16px;
							text-align: center;
							font-family:Arial, Helvetica, sans-serif;
							height: 26px;
							border-top:1px solid #1dacd6;
							border-bottom:1px solid #1dacd6;
							font-weight: lighter;
							display:block;
							line-height: 26px;
							width:618px;
}

#authorinfo{
			font-size: 12px;
			}

#authorinfo a, #authorinfo a:visited{
			color: #000033;
			}
			
#authorinfo a:hover{
			text-decoration:none;
			color:#1dacd6;
			}	
			
#submit{
		font-size: 12px;
		border: solid 1px #000033;
		background: #1dacd6;	
		color:#000033;
		}
#submithov{
		font-size: 12px;
		border: solid 1px #1dacd6;
		background: #000033;	
		color:#1dacd6;
		}
			
		
		
		
	
	#main_image{margin:auto;
			height:220px;
			width:410px;
			border: #1dacd6 1px double;
			margin-bottom: 5px;
			}
			
	#main_image img{margin-bottom:4px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	
	#search #searchform{margin-top:30px; margin-left:50px}	


/*Staff*/
.entry-content {
			border-top: #000033 dotted 1px;
			}

.people-bio{
					display:inline;
					width:650px;
					}
					
			.people-bio-text{
					float:right;
					clear:none;
					display:inline;
					}
					
					.people-bio-text h2{
					margin: 4px;
					display:block;
					}
					
			.people-bio-image {
					float:left;
					padding: 3px;
					}
					
			.entry_content h2, .entry_content h3{
					display: inline;
					clear:none;
					}


ul.people-list li{
			margin: 0px;
			padding:0px;
			display: block;
			padding-left:5px;
			}

ul.people-list{
			list-style-type:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#000033;
			margin:0px;
			padding:0px;
			padding-left:5px;
			display: inline;
			}
			
ul.people-list a, ul.people-list a:visited{
			list-style-type:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#000033;
			text-decoration:none;
			margin-right:3px;
			}
			
ul.people-list a:hover{
			color:#1dacd6;
		}

/*styling youtube videos on about page*/

.youtube{
		display:inline;
		float:left;
		clear:none;
		margin:0px;
		width: 200px;
		}


/*profiles*/

#namebox{
		height: 200px;
		overflow-y:scroll;
		border: #000033 solid 1px;
		
		}
		
/*Video Bar*/

#videobar{
			height: 200px;
			width:auto;
			clear:both;
			}
			
/*Hackadelic Sliding Notes*/
.hackadelic-sliderPanel {
border: 1px solid #ccc;
padding: 5px;
 -moz-border-radius: 1em; -webkit-border-radius: 1em;
}


a.hackadelic-sliderButton {
border: 1px solid lightgrey;
 color: #B3960E;
    padding: 0 3px;
   -moz-border-radius: 1em; -webkit-border-radius: 1em;
}
a.hackadelic-sliderButton:hover {
    border: 1px solid #F0F0E0;
    background-color: #F0F0E0;
}
.entry .hackadelic-sliderPanel {
    background-color: #fcfcfc;
}
.textwidget .hackadelic-sliderButton {
    display: block;
    text-align: center;
    margin: .5em;
}
.textwidget .hackadelic-sliderPanel {
    background-color: #F0F0E0;
}
a.hackadelic-sliderButton.left-image-sched {
  padding-left:25px;
  background:url(http://www.playcdfl.org/wp-includes/images/1252108230_schedule_small.png)								/*change!*/
    3px center no-repeat;
}

	
a.hackadelic-sliderButton.left-image-prof {
 padding-left:25px;
  background:url(http://www.playcdfl.org/wp-includes/images/1252116106_16-member-profile.png)								/*change!*/
    3px center no-repeat;
	}
	
a.hackadelic-sliderButton.left-image-reg {
 padding-left:25px;
  background:url(http://www.playcdfl.org/wp-includes/images/registration.gif)								/*change!*/
    3px center no-repeat;
	}


/* Removing piclens link*/
.piclenselink{display:none;}
	
#shopp ul.products li.product div.frame a img{ margin:5px;}