/* 
** ------------------------------------------------------------------------------------------------------
** OCALAPHOTO - v2.1a ocala photo directory  - (c)2007 kdm- 11-26-07 kdm
*  ----- Global Styles --------( ocalaphoto )-----------------------------------------------
*  
* 
*  
*
*  ------------------------------------------------------------------------------------------------------
*/
/* reset global and layout style defaults */
* { margin: 0; padding: 0;}

* html>body .clearfix {			/*for IE6 -no need to crunch w3c with inline-block*/
	display							: inline; 
	width								: 100%;
	}
	* html .clearfix {
		/* Hides from IE-mac \*/
		height						: 1%;
		width							: 100%;
}
/* SELECTIVE-- Div and Float clearing */
.clR {clear:right; display:none;}
.clB {clear:both; display:inline;}
.clL {clear:left; display:none;}

body#bg1c {}						/* see 1col_layout.css */
body#bg2c {						/* see 2col_layout.css */	
	background						: #000 url(../images/bg.gif) top center;
	background-repeat			: repeat-y;
}
body, html {
	height							: 100%;
	margin							: 0px;
	padding							: 0px;
	text-align						: center; /* ie hack to float center */
	width								: 100%;
	z-index							: 1;
}

/* ACCESSIBILITY */
	#accessibility {}			/* for screen readers and keyboard nav */
     .accessibility {				/* moves titles offscreen but, legible to screen readers-se */
     	position						: absolute;
     	top							: -999em;
     	left							: -999em;
     	}		
     	.access {
			display					: none;
			text-indent				: -999em; /* off visible screen yet readable by 508 appliances */			
			}

/*GENERAL TYPOGRAPHY*/
body {
	color								: #333;
	font-family						: trebuchet, tahoma, verdana, arial, sans-serif;
	font-size							: 0.86em;
	line-height						: 1.4em;
	}
h1,h2,h3,h4,h5 {
	font-family: arial, sans-serif; font-weight:lighter; letter-spacing:1px; 	line-height: 1.1em;
	}
	h2 span, h3 span {color: #1470d6;} /* brite blueish */
/* general links */
a, a:link, 
a:visited, 
a:hover {
	color								: #71863d; 
	text-decoration				: none;
	}
a:hover {color:#333;}

/*--- global link and content navigation settings ---*/
.back_button {color:#ccc; font-size:0.76em; margin: 24px auto; text-align:center;}
.back_button a:link,
.back_button a:visited {color:#ccc; text-decoration:none;}
.back_button a:hover {color:#1f2f46;}

.pagenav_next a,
.pagenav_prev a {font-size:11px; margin:0;}

/* General Content styles and layouts */
.mosimage_caption {color:#ccc; display:none;font-size:10px;}

/* TABULAR CONTENT */

/* content styles -articles */
.contentitem {padding: 0 12px;}
.contentitem h1 {margin: 12px 0 0 0; padding:0;}
.contentitem h1 a:link,
.contentitem h2 a:link,
.contentitem h1 a:visited,
.contentitem h2 a:visited {
	color								: #ccc;
	text-decoration				: none;	
	}
	.contentitem h1 a:hover,
	.contentitem h2 a:hover {
		color							: #1f2f46;
		}
	.contentintro h3 {color:#a0ac01; font-size:1.4em; margin: 12px 0 0 0;}
	.contentintro h4 {color:#a0ac01; font-size: 1.3em;}

/* SECTION --front-page - leadin */
.leadimg {
	display							: block;
	float								: right;
	padding							: 0 12px 0 0;
	}
.leadintro {
	clear								: both;
	color								: #444;
	display							: block;
	float								: right;
	font-size							: 1em;
	padding							: 0 12px 0 12px;
	text-align						: left;
	width								: 450px;
	}
	.leadintro h3 {font-size: 14px; margin: 12px 0;}
	.leadintro p.more a,
a.readon { display:block; margin: 8px 0; text-align:right; width:80%;}

/* SECTION -- front-page - ProPhoto Intro */
.contentitem-proIntro {}
.contentitem-proIntro a {}
.contentitem-proIntro p { padding: 12px 0;}
.contentitem-proIntro p.fineprint { color:#333; padding: 12px 24px 12px 0;}

/* SECTION --registration page-intro */
.credentials {margin: 12px 0;}
.row {margin:12px 0;}
.row label {color:#666; display:block;font-size: 11px; text-align:left; padding: 0 4px 0 0; width:110px;}
.row input {clear:both; display:block; width: 300px;}
.row input.button {background-color:#accc39; border:1px solid #ccc; color:#fffeec; cursor:pointer; font-size:11px; margin: 0 auto; padding: 1px 2px; width: 120px;}
.contentitem-register {
	display							: block;
	float								: right;
	margin							: 0px 0px 24px 0px;
	}
	.contentintro ul {
		color							: #222;
		font-size						: 12px;
		list-style-type				: square;
		margin						: 12px 0 12px 24px;
		}
	.contentintro ol, {
		color							: #222;
		line-height					: 36px;
		margin						: 0 0 0 24px;
		}
	.register {
		background					: url(../images/register.jpg) no-repeat;
		display						: block;
		float							: right; 
		height						: 94px; 
		width							: 220px;
		}
		.register a {
			font-size					: 1.8em; 
			line-height				: 94px; 
			margin-left				: 28px;
			}
div.reghelp {
	color								: #ececde;
	margin							: 24px 0;
	}
	div.reghelp b {color: #5182a8;}
	

/* SECTION --TERMS OF SERVICE */
.tos {
	display							: block;
	width								: 96%;
	}
	.tos p strong {color: #5182a8; display:block; padding: 12px 0 6px 0;}