/* 
** ------------------------------------------------------------------------------------------------------
** OCALAPHOTO - v2.1a ocala photo directory  - (c)2007 kdm- 11-25-07 kdm
*  ----- 2-column layout --------( ocalaphoto )-----------------------------------------------
*		Default global width=1000px (for 1024 monitors w/browser chrome)
*  
* 
*  
*
*  ------------------------------------------------------------------------------------------------------
*/

/*-- layout blocks------------------------------------------------------------------------------------ */
/* CSS EXPOSE MEMBERS PANEL */
	#memPanel {					/* full width container for member tools */
		background					: transparent url(../images/10b.png) repeat;
		clear							: both;
		color							: #fff;
		display						: block;
		float							: left;
		height						: 64px;
		left							: 0;
		margin						: 0 auto;
		padding						: 0;
		position						: fixed;
		top							: -66px;
		width							: 100%;
		z-index						: 99;
		}
		#memTarget {margin:0 auto; width:1000px;}
		#memPanel:hover {		/* simple onhover displays */
			top						: -1px;
			height					: 66px;
			padding					: 2px 0 0 0;
			}
		#memTab {				/* members tools tab */
			color						: #fffeec;
			background				: url(../images/10b.png) repeat;
			float						: right;
			font-size					: 11px;
			font-weight				: normal;
			height					: 18px;
			margin					: 2px 17.5% 0 auto;
			padding					: 4px 0;
			position					: relative;
			text-align				: center;
			width						: 88px;
			z-index					: 99;
			}
			#memTab a,
			#memPanel a {
				z-index				: 100;
				}
			#memTrigger:hover {
				color					: #accc39;
				cursor				: pointer;
				position				: relative;
				}
#top {								/* navigation jump to top */
	background-color				: transparent!important;
	height							: 80px;
	left								: 0;
	margin							: 0;
	padding							: 0;
	position							: relative;
	top								: 24px; 
	width								: 100%;
	}
	#top_inner {
		background-color			: transparent!important;
		display						: block;
		height						: 120px;
		margin						: 0 auto;
		padding						: 0;
		position						: relative;
		text-align					: left;
		width							: 1000px;
		}				
	#topleft {						/* for logo */
		display						: block;
		float							: left;
		height						: 120px;
		margin						: 0;
		width							: 50%;
		}
		#top #topleft a img {	/* logo, a img link to index */
			border					: 0;
			float						: right;
			height					: 86px; 
			margin					: 28px 162px 0 0;
			width						: 212px;
			}	
		#topright {					/* for search and menu */
			display					: block;
			float						: left;
			position					: relative;
			text-align				: left;
			width						: 50%;
			}
			#top_nav {}
			/* pure unordered menu for global links and menu items */
			ul#mainlevel-topmenu {
				margin				: 0 12px 4px 24px; 
				text-align			: center;  
				}
			ul#mainlevel-topmenu li {
				font-weight			: bold;
				list-style-type		: none;
				text-decoration	: none;
				text-transform		: uppercase;
				}
				ul#mainlevel-topmenu li a{
					color				: #fffeec;
					float				: left;
					list-style-type	: none; 
					margin			: 78px 4px 2px 12px;
					text-align		: center;
					}
				ul#mainlevel-topmenu li a:hover {
					color				: #accc39;
					}
			/* subMenu for logged in members (not used) */	
			#member_nav {}										
			ul#mainlevel-membersmenu {
				margin				: 0 12px 4px 24px; 
				text-align			: center;  
				}
			ul#mainlevel-membersmenu li {
				float					: left;
				list-style-type		: none; 
				margin				: 2px 4px 2px 12px;
				text-align			: center;
				}
			ul#mainlevel-membersmenu li a {
				color					: #a0ac01;
				font-weight			: bold;
				text-decoration	: none;
				text-transform		: uppercase;
				}
			ul#mainlevel-membersmenu li a:hover {
				color					: #ececde;
				}

#viewport {							/* two column container */
	background-color				: transparent!important;
	display							: block;
	height							: 100%;
	margin							: 120px auto 32px auto;
	padding							: 0;
	position							: relative;
	text-align						: left;
	width								: 1000px;
	}				
	#left {							/* left  column */
		background-color			: transparent!important;
		position						: absolute;
		left							: 0;
		width							: 50%;
			}
			#content {
				display				: block;
				float					: right;
				margin				: 0;
				padding				: 0;
				position				: relative;
				width					: 100%;
				}
				#breadcrumbs {display:block; float:right; margin: 2px auto; position:relative; width:100%;}
				#mainBody {}
					/* Displays IF upper modules load */
					#topc {display:block; float:right; margin: 0 auto 12px auto; position:relative; width: 100%;} 
						#topc .moduletable-featuredPhotogMod { margin: 0 0 80px 0;}
							.slideInfoZone {background:inherit!important;}
							.slideInfoZone h2 a {color:#333; margin: 0 0 0 24px;}
							.slideInfoZone p {color:#222; font-size: 11px!important; margin: 0 0 0 24px;}
					#main {display:block; float:right; position:relative; width:100%;}
					/* Displays IF lower modules load */
					#bottom {display:block; float:right; margin: 12px auto; position:relative; width: 100%;} 

	#right {						/* right column */
		background-color			: transparent!important;
		margin						: 0;
		padding						: 0;
		position						: absolute;
		right							: 0;
		width							: 50%;
		}
	#footer {
		background					: transparent url(../images/film_bg.png) repeat-x;
		bottom						: -18px;
		clear							: both;
		color							: #fff;
		display						: block;
		float							: left;
		height						: 24px;
		left							: 0;
		margin						: 0 auto;
		padding						: 0;
		position						: fixed;
		width							: 100%;
		}
		#footer:hover {
		background					: transparent url(../images/film_bg.png) repeat-x;
			bottom					: -1px;
			clear						: both;
			display					: block;
			float						: left;
			height					: 24px;
			left						: 0;
			margin					: 0 auto;
			padding					: 2px 0 0 0;
			position					: fixed;
			text-align				: center;
			width						: 100%;
			}
			ul#mainlevel-footermenu {
				font-family			: arial, sans-serif;
				font-size				: 10px;
				height				: 20px; 
				margin				: 2px auto; 
				text-align			: center;
				width					: 600px; 
				}
			ul#mainlevel-footermenu li {
				float					: left;
				list-style-type		: none; 
				margin				: 0 4px;
				text-align			: center;
				}
			ul#mainlevel-footermenu li a {
				color					: #fff;
				text-decoration	: none;
				text-transform		: uppercase;
				}
			ul#mainlevel-footermenu li a:hover {
				color					: #accc39;
				}
			.attribs, .copyright {
				color					: #accc39;
				font-family			: arial, sans-serif;
				font-size				: 10px;
				padding				: 0 4px;
				text-align			: center;
				}
				.attribs a, .copyright a{
					color				: #fffecd;
					text-decoration:none;
					}

/*--------------------------------------------------------------------------- MODULE BLOCKS -------------------------*/
/* UPPER BLOCKS; #top, #top_nav */
/* CONTENT BLOCKS; #topc, mainBody, botc */
/* RIGHT BLOCKS; #user1, #user2, #user3, #user4 */
/* BOTTOM BLOCKS; #footer */

/* sponsored ads -below main*/
.moduletable-sponsors {
	color								: #ccc;
	display							: block;
	font-size							: 9px;
	margin							: 0 auto;
	padding							: 4px 2px;
	text-align						: center;
	}
	.moduletable-sponsors h3 {margin: 0 0 6px 0;}

/* right moduleBlocks */
#right .moduletable,
#right .moduletable-right,
#right .moduletable-featuregallerythmb,
#right .moduletable-dirmenu,
#right .moduletable-login {
	clear								: both;
	color								: #fffeec;
	display							: block;
	float								: left;
	margin							: 0 auto 12px 32px; 
	padding							: 0; 
	position							: relative;
	width								: 460px;
	}
	#right .moduletable h3,
	#right .moduletable-latest h3, 
	#right .moduletable-groups h3,
	#right .moduletable-mygroups h3,
	#right .moduletable-groupsannounce h3	{color:#5182a8;}		
	#right .moduletable ul { list-style-type:none; margin: 8px 0;}
	#right .moduletable ul li {border-bottom:1px solid #58564f; border-top:1px solid #58564f; margin: 0 0 16px 0; width:440px;}
	#right .moduletable ul li:hover {background:#2c2800; color:#accc39; border-bottom:1px solid #222; border-top:1px solid #222;}
	#right .moduletable ul li a { color:#ddd; padding: 0 0 0 4px; text-decoration:none;}
	#right .moduletable ul li a:hover {color:#accc39; padding: 0 0 0 4px; text-decoration:none;}

	#right .moduletable ul { list-style-type:none; margin: 8px 0;}
	#right .moduletable ul li.menulinks {border:none!important; margin: 0 0 4px 0; width:460px;}
	#right .moduletable ul li.menulinks:hover {background:#2c2800; }
	#right .moduletable ul li.menulinks a { color:#ced665; font-size: 16px; padding: 0 0 0 4px; text-decoration:none;}

	#right .moduletable ul li.menulinks a:hover {color:#996633; padding: 0 0 0 4px; text-decoration:none;}
	
/* MOST RECENT */
	#right .moduletable ul.most_recent {margin: -8px 0 0 0;}
	#right .moduletable ul.most_recent li {color: #ececde; padding:2px 0;}
	#right .moduletable ul.most_recent li:hover {background: #3c3827 !important; border-bottom:1px solid #58564f; border-top:1px solid #58564f; color: #ececde;}
	#right .moduletable ul.most_recent li a{color:#5182a8;}

/* DIRECTORY MENU */	
#right .moduletable-dirmenu {
	margin						: 16px auto 12px 32px; 
	padding						: 0; 
	position						: relative;
	width							: 460px;
	}
/*JOIN MENU LINK IN DIRECTORY */
	#right .moduletable	ul li.menulinksHilite { border:0!important;}
	#right .moduletable	ul li.menulinksHilite a { color:#fffeec!important; font-size: 16px; padding: 0; text-decoration:none;}

	#right .moduletable-dirmenu ul { list-style-type:none; margin: 8px 0;}
	#right .moduletable-dirmenu ul li.menulinks {border:none!important; margin: 12px 0; padding: 4px 0; width:460px;}
	#right .moduletable-dirmenu ul li.menulinks:hover {}
	#right .moduletable-dirmenu ul li.menulinks a { color:#ced665; font-size:1.4em; padding: 0 0 0 4px; text-decoration:none;}
	#right .moduletable-dirmenu ul li.menulinks a:hover {color:#accc39; padding: 0 0 0 4px; text-decoration:none;}
	#right .moduletable-dirmenu ul li.menulinks a b { color:#fff;  text-decoration:none;}

/* CATEGORY DROP DOWN in DIRECTORY MENU (hack)*/

a img#jsobi2Cats3,a img#jsobi2Cats4,a img#jsobi2Cats5,a img#jsobi2Cats6,
a img#jsobi2Cats7,a img#jsobi2Cats8,a img#jsobi2Cats9,a img#jsobi2Cats10,
a img#jsobi2Cats12,a img#jsobi2Cats29,a img#jsobi2Cats34,a img#jsobi2Cats45
 {background-color:inherit!important; border:0!important;}

/* Modified dTree style */
/* -------------------------------------------------------- */
#isobi2Cats0 {display:none;}
.dtree {
	overflow						: auto;
	white-space				: nowrap;
	}
	.dtree h3 {margin-bottom:-18px;}
.dtree img {
	border						: 0;
	vertical-align				: middle;
}
.dTreeNode img {padding:0 0 0 5px;}
.dtree a {
	color							: #ececde!important;
	font-weight					: normal;
	text-decoration			: none;
}
.dtree a.node, .dtree a.nodeSel {
	padding						: 1px 2px 1px 2px;
	white-space				: nowrap;
}
.dtree a.node:hover, 
.dtree a.nodeSel:hover {
	text-decoration			: underline;
}
.node {
	color							: #ccc!important;
}
.dtree .clip {
	overflow						: hidden;
}
a.treeNode:hover {
	text-decoration			: none;
}
a.treeNode:visited {
	text-decoration			: none;
}
a.treeNode:active, a.treeNode:focus {
	color							: #333!important;
	font-weight					: normal;
	text-decoration			: none;
}
/*
END LAYOUT 
	see also: 
		-op.css for default theme specific styles
		-op_directory.css for specific component styles
		(c) 2007 kdm for ocalaphoto.com a.r.r.
*/

/* MEMBERS GALLERY */
table.gallery {margin: 0 auto; width:1000px;}
 table.gallery table {background: url(../images/50w.png) repeat; border:1px solid #fff; padding:12px 0;}
.sectiontableheader {display:none;}
.sectiontableentry2 strong {font-size:15px; margin: 0 0 4px 0;}
.sectiontableentry2 .small {color:#555; font-size:10px; margin: 0 0 4px 0;}
.sectiontableentry2 p {font-size: 12px; padding: 5px; }
 td .sectiontableentry2 {color:#222; padding: 0 4px 6px 4px;}
.pagenav {
	background						: url(../images/button_bg.png) repeat-x;
	border							: 3px double #cccccc;
	display							: none;
	font-size							: 11px;
	line-height						: 20px;
	margin							: 1px;
	padding							: 0px 10px;
	text-align						: center;
	width								: auto;
}
.page span {display:none;}


	/* mojo_login module */
	.moduletable-login {}
	.moduletable-login form {font-size:11px; height:40px; margin: 12px auto;}
	.moduletable-login form label {}
	.moduletable-login form label a{}
	.moduletable-login form input#mod_login_username.memberfield,
	.moduletable-login form input#mod_login_password.pwfield
	{background:#fffeec; border:1px solid #ccc; color:#666; font-size:11px; padding: 2px; width: 100px;}
	.moduletable-login form input#mod_login_password.pwfield {}
	.moduletable-login form input.mojo_button {background: #222; border:1px solid #fff; color:#accc39; cursor:pointer; font-size:10px; margin: 0 3px; padding:2px;}
	.moduletable-login form input.mojo_button:hover {background: #accc39; color:#666; cursor:pointer;}
	.forgottxt,
	.registertxt,
	.noaccounttxt {padding: 0 2px;}
	.moduletable-login form span.mod_logout {float:left; margin: 0 auto;}
	.moduletable-memberNotes h3 {color:#5182a8; font-size:12px; font-weight:bold;}
	.moduletable-memberNotes {color:#525252; float:left; font-size:11px; font-weight:normal; margin: 0 auto 12px auto!important; padding:0!important; width: 520px;}
/* @end */

/* GROUP MODULES */
#right .moduletable-groups,
#right .moduletable-mygroups {color:#ececde; margin-top: 10px;}
#right .moduletable-groups ul li{ background:transparent url(../images/10w.png) repeat; border-bottom:1px solid #58564f; border-top:1px solid #58564f; list-style-type:none; padding: 2px 0 2px 4px;}

#right .moduletable-groups,
#right .moduletable-mygroups,
#right .moduletable-groupsannounce {
	clear								: both;
	color								: #fffeec;
	display							: block;
	float								: left;
	margin							: 0 auto 12px 12px; 
	padding							: 0; 
	position							: relative;
	width								: 460px;
	}

/* GROUP COMPONENT */
h3.componentheading,
.groupname h2 {color:#5182a8; font-size:13px; }
.groupinfo ul#func-inc_group_info li {font-size:11px;}
#main-float-left { margin: 0 0 12px 0; padding: 0 0 12px 0;}
#logo-and-info-wrap,
#links-and-actions-wrap,
columnSmall2, columnSmall3, columnSmall4 {margin: 0 0 4px 0;}
ul#func-inc_moderator_func li {font-size:11px; list-style-type:none;}

/* FORUM */
#fireboard {margin: 4px 24px 12px 0;}



/* GALLERY MODULES*/
.thumb a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; opacity:0.7;
}
.thumb a:hover img {
 filter: Alpha(opacity=100, finishopacity=100, style=1);
 -moz-opacity: 1.00; opacity:1;
}