/* 
	Theme Name: JJJ
	Theme URL: http://www.johnjamesjacoby.com
	Description: A portfolio style based on my Section-508 Wordpress theme/framework.
	Author: John James Jacoby
	Author URI: http://www.johnjamesjacoby.com
	Version: 0.1
	Tags: gray, 508, compliance, fixed width, widgets, gallery
*/

/* Activate Interlock */
	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 {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		text-shadow: 0 0 0 #000;
		}
	body {
		font-size: 62.5%;
		background: #000 url(images/body.jpg) top center no-repeat scroll;
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		color: #eee;
		line-height: 1.2;
		margin: 0 auto 0;
		width: 1000px;
		}
	ol, ul {
		list-style: none;
		}
	a, a:visited {
		color: #000;
		}
		a: hover {
			
			}

/*	Dynotherms Connected	*/
	.hidden, h3, hr, 
	#accessibility,
	#heading h1 span,
	#heading h2,
	#searchform,
	#feeds, #user {
		height: 0;
		width: 0;
		overflow: hidden;
		position: absolute;
		background: none;
		left: -999em;
		}

/*	Infracells UP	*/
	#sidebar {
		clear: both;
		}
	#wrap {
		position: relative;
		height: 1px;
		}
		h, h1, h2, h3, h4, h5, h6, #content legend {
			}
		#heading {
			float: left;
			height: 150px;
			width: 1000px;
			background: url(images/johnjamesjacoby.jpg) 0px 30px no-repeat scroll;
			}
			#heading h1 a {
				position: absolute;
				height: 150px;
				width: 520px;
				top: 0;
				left: 0;
				}
		#content {
			float: left;
			clear: both;
			width: 1000px;
			margin-bottom: 20px;
			}
			#content h1 {
				font-family: Georgia, Times, serif;
				font-size: 4em;
				margin-bottom: 20px;
				}
				dl.meta {
					font-size: 11px;
					}
					dl.meta dd,
					dl.meta dt {
						display: inline;
						float: left;
						padding: 5px;
						}
						dl.meta dt {
							clear: left;
							}
						dl.meta a {
							color: #bbb;
							border-bottom: 1px dotted #ddd;
							}
		#pages {
			position: absolute;
			top: 30px;
			right: 0;
			}
			#pages li {
				float: left;
				padding: 5px;
				}
			#pages a,
			#pages a:visited {
				color: #eee;
				font-size: 12px;
				float: left;
				text-decoration: none;
				}
				#pages a:hover {
					color: #bbb;
					text-decoration: underline;
					}
				#pages li.current_page_item a {
					}
		#categories {
			position: absolute;
			top: 100px;
			right: 0;
			}
			#categories li {
				float: left;
				padding: 8px;
				}
			#categories a,
			#categories a:visited {
				color: #eee;
				font-size: 20px;
				font-family: Georgia;
				letter-spacing: -1px;
				font-style: italic;
				font-weight: bold;
				text-decoration: none;
				}
				#categories a:hover {
					color: #bbb;
					text-decoration: underline;
					}
		#bottom {
			float: left;
			width: 1000px;
			clear: both;
			text-align: center;
			color: #333;
			}
			#bottom span {
				}

/*	Mega Thrusters are Go	*/
/*	Form arms and body	*/
/*	And I'll form the head!	*/
	.the-content {
		float: left;
		width: 960px;
		padding: 20px;
		margin: 20px;
		font-size: 12px;
		line-height: 2em;
		background-color: #333;
		}
		.the-content p {
			margin: 0 auto 10px;
			}
			.the-content a {
				color: #aaa;
				background: #000;
				padding: 10px;
				text-decoration: none;
				}
	.galleria li a {
		display: none;
		}
	.galleria li div {
		position: absolute;
		display: none;
		top: 0;
		left: 180px;
		}
		.galleria li div img {
			cursor: pointer;
			}
			.galleria li.active div img,.galleria li.active div {
				display: block;
				}
	.galleria li img.thumb {
		cursor: pointer;
		top: auto;
		left: auto;
		display: block;
		width: auto;
		height: auto;
		}
	.galleria li .caption {
		display: block;
		padding-top: .5em;
		}
	.galleria li div span {
		width: 290px;
		}
	.gallery {
		list-style: none;
		width: 290px;
		height: auto;
		min-height: 356px;
		float: left;
		left: 0;
		position: absolute;
		overflow: hidden;
		background-image: url(images/slider.png);
		background-repeat: repeat-y;
		background-attachment: scroll;
		background-position: 270px 0px;
		}
	.gallery li {
		overflow: hidden;
		width: 75px;
		height: 75px;
		float: left;
		margin: 0 10px 10px 0;
		border: 3px double #aaa;
		margin: 0 10px 10px 0;
		background: #000;
		}
	.gallery li.hover {
		border-color: #bbb;
		}
	.gallery li.active {
		border-style: solid;
		border-color: #eee;
		}
	.gallery li div {
		left: 240px;
		}
	.gallery li div .caption {
		font: italic 0.7em/1.4 georgia,serif;
		}
	.galleria_container {
		height: 350px;
		width: 700px;
		float: right;
		border: 3px double #eee;
		}
	.nav{padding-top:15px;clear:both;}
	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
	.info p{margin-top:1.6em;}
	.nav{position:absolute;top:410px;left:0;}

	.sliderGallery {
		position: relative;
		overflow: hidden;
		height: 356px;
		width: 1000px;
		float: left;
		left: 0;
		}
	.ui-slider {
		position: absolute;
		top: 8px;
		height: 348px;
		width: 18px;
		left: 270px;
		background: url(images/slider.png) top left repeat-y scroll;
		}
	.ui-slider-handle {
		cursor: pointer;
		position: absolute; 
		z-index: 1;
		height: 8px;
		width: 18px; 
		left: 0;
		background: url(images/handle.png) top left no-repeat scroll;
		}
	.handle-active { border: 1px dotted black;  }
	.slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
	
	.box dl {
		text-align: left;
		margin: 0 10px 20px 10px;
		padding-bottom: 10px;
		float: left;
		width: 304px;
		border: 3px double #555;
		background: #333;
		}
		.box dl dt {
			font-size: 12px;
			background: #555;
			padding: 5px;
			font-weight: bold;
			margin-bottom: 10px;
			}
		.box dl dd {
			line-height: 2em;
			font-size: 11px;
			padding: 0 10px 0 30px;
			background: url(images/box.dd.jpg) 8px 4px no-repeat scroll;
			}
.formcontainer {
	font-size: 1.1em;
	}
	.information {
		background-color: #fffeeb;
		border: 1px solid #ccc;
		color: #555;
		padding: 10px;
		}
	.contact-form {
		margin-top: 20px;
		}
	.contact-form label {
		display: block;
		padding: 5px 0;
		}
		.form-option {
			padding: 10px 0;
			float: left;
			}
		.form-option * {
			float: left;
			}
		.form-submit {
			clear: both;
			padding: 10px 0 0 10px;
			border-top: 1px solid #ccc;
			}
			.form-submit input {
				padding: 2px; 
				font-size: 1em;
				font-family: Tahoma, Arial, sans-serif;
				float: right;
				}
	.contact-form fieldset {
		width: 255px;
		float: left;
		border: 3px double #555;
		background: #333;
		margin: 0 10px 20px 10px;
		padding: 10px;
		}
		.contact-form legend {
			font-size: 12px;
			background: #666;
			padding: 5px 10px;
			font-weight: bold;
			margin-top: 2px;
			}
/* Comments */
.nocomments, #navigation {
	clear: all;
	display: none;
	}