#tags { display: none; border: 1px solid #999999; background-color: #ffffff; width: 200px; position: absolute; text-align: left; }
#tags .tag { height: 18px; clear: both; border-bottom: 1px solid #cccccc; height: 18px; padding: 1px; }
#tags .tag input { float: right; padding: 1px; font-family: Verdana; font-size: 10px; }
#tags .tag label { line-height: 18px; }
	
/* Global Styles */

	/* Text Styles */
		
		html, body												{ padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 100%; }
		html													{ background-color: #ffffff; background-image: url('./images/html.gif'); background-position: center top; background-repeat: repeat-x; }
		body													{ background-image: url('./images/body.gif'); background-position: center top; background-repeat: no-repeat; }
		ul, li													{ padding: 0px; margin: 0px; border: 0px; }
		fieldset												{ border: 0px; padding: 0px; margin: 0px; display: inline; }
		
		.clear													{ clear: both; }
		.construction											{ color: #999999; margin: 20px; text-align: center; }
		.spacer													{ height: 1px; margin: 5px 0px; overflow: hidden; border-bottom: 1px dashed #dddddd; }
		.more													{ font-size: 11px; text-align: right; }
		.empty													{ color: #bbbbbb; text-align: center; }
		
	/* Link Styles */
		
		a														{ color: #3a6ea5; text-decoration: none; cursor: pointer; }
		a:hover													{ text-decoration: underline; }
		a img													{ border: 0px; }
		
	/* Image Styles */
		
		.panel_image											{ margin: 0px 5px -30px; position: relative; top: -28px; left: 5px; float: right; }
	
		.framed													{ border: 1px solid #aaaaaa; padding: 3px; background-color: #ffffff; }
		a:hover .framed											{ border: 1px solid #2f75c3; }
	
		.img_full												{ background-image: url('../../images/frames/full.gif'); width: 318px !important; height: 204px !important; padding: 18px 11px 12px 9px !important; }
		.img_thumb												{ background-image: url('../../images/frames/thumb.gif'); width: 126px !important; height: 82px !important; padding: 18px 11px 12px 9px !important; }
		.img_tiny												{ background-image: url('../../images/frames/tiny.jpg'); width: 62px !important; height: 40px !important; padding: 6px 1px 2px 1px !important; }
		
	/* Form Styles */
		
		.button_float_right										{ float: right; }
		.button_float_right INPUT								{ padding: 0px 2px; }
		div.page div.panel div.title .button_float_right INPUT	{ position: relative; top: 4px; }
	
	/* List Styles */
	
		.selections												{ padding: 0px; overflow: hidden; }
		.selections *											{ font-size: 11px; line-height: 16px; }
		.selections .selection									{ height: 16px; overflow: hidden; white-space: nowrap; }
		.selections .selection img								{ display: block; float: left; margin-right: 3px; }
		.selections .selection-long								{ overflow: hidden; white-space: nowrap; padding-left: 19px; position: relative; }
		.selections .selection-long img							{ display: block; position: absolute; top: 0px; left: 0px; }
		.selections .selection-long span						{ display: block; color: #999999; }
		.selections .row_count									{ font-size: 10px; float: right; width: 40px; text-align: right; color: #999999; }
		.selections a.selection									{ margin-left: 11px; }
		
/* Layout Styles */
		
	/* Container */
		
		div.container											{ padding: 0px; position: relative; }
	
	/* Header */
	
		div.header												{ position: relative; height: 150px; width: 960px; left: 50%; margin-left: -480px; }
	
		div.header ul.projects									{ display: none; }
	
		div.header ul.tabs										{ position: absolute; top: 60px; right: 0px; line-height: 30px; font-size: 14px; }
		div.header ul.tabs li									{ display: inline; float: left; color: #cccccc; list-style: none; padding: 0px; margin: 0px 4px 0px 0px; }
		div.header ul.tabs a									{ color: #666666; display: block; display: inline-block; height: 36px; padding: 0px 5px; }
		div.header ul.tabs li.selected a						{ text-decoration: none; font-weight: bold; color: #000000; }
		div.header ul.tabs li.selected a:hover					{ text-decoration: none; cursor: default; }
		div.header ul.tabs li.page								{ position: relative; padding: 0px 4px; }
		div.header ul.tabs li.page .left						{ width: 4px; height: 36px; position: absolute; top: 0px; left: 0px; }
		div.header ul.tabs li.page .right						{ width: 4px; height: 36px; position: absolute; top: 0px; right: 0px; }
		div.header ul.tabs li.page span							{ margin: 0px 5px; }
		div.header ul.tabs li.selected .left					{ background-image: url('./images/tab-left.gif'); }
		div.header ul.tabs li.selected .right					{ background-image: url('./images/tab-right.gif'); }
		div.header ul.tabs li.start								{ display: none; }
		div.header ul.tabs li.end								{ display: none; }
		div.header ul.tabs li.splitter							{ display: none; }
		
		div.header div.login									{ width: 450px; position: absolute; top: 8px; right: 8px; z-index: 2; text-align: center; font-size: 11px; height: 31px; }
		div.header div.login .loggedin							{ height: 31px; line-height: 31px; text-align: right; color: #666666; }
		div.header div.login .loggedin input					{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
		div.header div.login .loggedin .logout					{ width: 20px; height: 16px; display: block; float: right; margin-left: 5px; position: relative; top: 4px; }
		div.header div.login .loggedout							{ height: 31px; line-height: 31px; text-align: right; color: #666666; }
		div.header div.login .loggedout input					{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin-left: 3px; }
		div.header div.login .loggedout input.input				{ padding: 2px 3px; border: 1px solid #777777; border-bottom-color: #dddddd; border-right-color: #dddddd; width: 80px; }
		div.header div.login .loggedout input.email				{ width: 150px; }
		div.header div.login .register							{ position: absolute; top: 28px; right: 0px; line-height: 19px; }
		div.header div.login .btn								{ position: relative; top: 5px; }
		div.header div.login .btns								{ position: relative; top: 0px; }
		
		div.header ul.breadcrumbs								{ margin: 0px; padding: 0px; display: block; height: 30px; line-height: 30px; font-size: 14px; color: #999999; clear: both; overflow: visible; position: absolute; bottom: 11px; left: 9px; width: 942px; background-image: url('./images/breadcrumbs.gif'); border: 1px solid #cccccc; }
		div.header ul.breadcrumbs LI							{ padding: 0px 8px; float: left; list-style: none; padding-right: 16px; height: 31px; background-image: url('./images/spacer.gif'); background-position: right top; background-repeat: no-repeat; }
		div.header ul.breadcrumbs img.logo						{ height: 16px; width: 16px; display: block; position: relative; top: 8px; }
		div.header ul.breadcrumbs li.spacer						{ display: none; }
		div.header ul.breadcrumbs li.current					{ padding-right: 8px; background-image: none; }
		div.header ul.breadcrumbs li a							{ color: #666666; }
		
		div.header div.title									{ display: none; }
		div.header div.slogan									{ display: none; }
		
		.header													{ background-position: 0px 22px; background-repeat: no-repeat; }
		.beliefproductions .header								{ background-image: url('./images/site_beliefproductions.jpg'); }
		.jackl .header											{ background-image: url('./images/site_jackl.jpg'); }
		.jamppod .header										{ background-image: url('./images/site_jamppod.jpg'); }
		.protasyte .header										{ background-image: url('./images/site_protasyte.jpg'); }
		.joshuadees .header										{ background-image: url('./images/site_joshuadees.jpg'); }
		
	/* Page */
		
		div.page												{ clear: both; text-align: left; position: relative; padding: 0px; width: 960px; left: 50%; margin-left: -480px; }
		div.page div.body										{ padding: 0px; border-top: 0px; }
		
		div.picture												{ height: 146px; background-image: url('./images/projects.jpg'); margin-bottom: 10px; }
		div.picture td.project									{ padding: 16px 10px; width: 33%; vertical-align: top; }
		div.picture td.first									{ padding-right: 0px; padding-left: 16px; }
		div.picture td.last										{ padding-left: 0px; padding-right: 16px; }
		div.page td.project a.project							{ display: block; border: 1px solid #cccccc; text-decoration: none; height: 112px; }
		div.page td.project a.project:hover						{ text-decoration: none; border: 1px solid #2f75c3; }
		div.page td.project a.project .image					{ float: left; margin: 8px; height: 82px; width: 126px; }
		div.page td.project a.project div.title					{ height: 20px; color: #5f698c; line-height: 20px; font-weight: bold; font-size: 13px; margin: 8px; margin-left: 144px; margin-bottom: 0px; border-bottom: 1px solid #cccccc; }
		div.page td.project a.project div.subtitle				{ height: 30px; line-height: 14px; font-weight: normal; font-size: 11px; padding-top: 4px; color: #666666; margin: 8px; margin-left: 144px; margin-top: 0px; border-top: 1px solid #ffffff; }
	
		div.page table.cols										{ width: 100%; margin: 0px; padding: 0px; border: 0px; }
		div.page table.cols tr, table.cols td					{ margin: 0px; padding: 0px; border: 0px; }
		div.page table.cols td.left_col							{ vertical-align: top; padding: 0px 5px; width: 240px; text-align: left; }
		div.page table.cols td.left_col .panel					{ width: 240px; overflow: hidden; }
		div.page table.cols td.center_col						{ vertical-align: top; padding: 0px 5px; text-align: left; }
		div.page table.cols td.right_col						{ vertical-align: top; padding: 0px 5px; width: 240px; text-align: left; }
		div.page table.cols td.right_col .panel					{ width: 240px; overflow: hidden; }
		
		div.page div.panel										{ width: 100%; }
		div.page div.panel div.title							{ height: 32px; color: #666666; border-bottom: 1px solid #dddddd; padding: 0px 5px; font-size: 19px; line-height: 32px; }
		div.page div.panel div.data								{ padding: 5px; line-height: 24px; color: #666666; }
		
		td.left_col div.panel div.data							{ font-size: 11px; line-height: 20px; }
		td.right_col div.panel div.data							{ font-size: 11px; line-height: 20px; }
		
		div.page div.panel_splitter								{ height: 20px; clear: both; overflow: hidden; }
		
	/* Footer */
	
		div.footer												{ position: relative; background-image: url('./images/bottom.gif'); background-position: center top; background-repeat: repeat-x; background-color: #F1F2F3; }
	
		div.footer div.inner									{ position: relative; width: 980px; left: 50%; margin-left: -490px; background-image: url('./images/footer.gif'); background-position: center 2px; background-repeat: no-repeat; padding-top: 20px; }
		
		div.footer table.tree									{ width: 100%; }
	
		div.footer ul.footer									{ margin: 0px; display: block; text-align: left; clear: both; padding: 10px; height: 100px; }
		div.footer ul.footer li.site							{ font-weight: bold; margin: 0px 10px; padding: 0px; display: block; font-size: 12px; list-style: none; }
		div.footer ul.footer li.site a							{ text-decoration: none; color: #666666; }
		div.footer ul.footer li.site a:hover					{ text-decoration: underline; }
		div.footer ul.footer li.site ul.pages					{ margin: 0px; padding: 0px; margin-top: 4px; }
		div.footer ul.footer li.site ul.pages li.page			{ display: block; font-weight: normal; font-size: 10px; line-height: 16px; color: #cccccc; list-style: none; }
		
		div.footer div.validated								{ height: 36px; float: right; padding: 5px 12px; }
		div.footer div.validated IMG							{ height: 15px; width: 80px; margin-top: 0px; }
		
		div.footer div.copy										{ text-align: left; height: 36px; padding: 5px 12px; float: left; white-space: nowrap; }
		div.footer div.copy div.logo							{ width: 36px; height: 36px; float: left; margin-right: 10px; background-image: url('./images/logo.gif'); }
		div.footer div.copy div.title							{ font-weight: bold; color: #000000; line-height: 18px; font-size: 12px; }
		div.footer div.copy div.copyright						{ color: #666666; line-height: 18px; }
		
	/* Admin */
	
		form.admin												{ font-size: 11px; margin: 10px 0px; }
		form.admin *											{ font-family: Verdana; font-size: 11px; }
		form.admin div.item										{ clear: both; padding: 2px; }
		form.admin div.item LABEL								{ width: 120px; float: left; position: relative; top: -3px; }
		form.admin div.item INPUT								{ padding: 1px; width: 300px; }
		form.admin div.item TEXTAREA							{ padding: 1px; width: 300px; height: 160px; }
		form.admin div.item INPUT.submit						{ padding: 0px; width: 80px; }
		
/* Applications */

	/* Blog */
	
		.blog-preview-splitter									{ height: 20px; }
		.blog-preview											{}
		.blog-preview-header									{ margin-bottom: 10px; }
		.blog-preview-header a									{ font-size: 15px; }
	
	/* Calendar of Events */
	
		.events-calendar										{}
		.events-calendar td.day									{ border: 1px solid #cccccc; height: 95px; width: 95px; }
		.events-calendar td.day .date							{ float: right; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color: #f4f4f4; font-size: 10px; width: 14px; text-align: center; padding: 0px 2px; }
		.events-calendar td.today								{ border: 1px solid #5a8faf; background-color: #eef3f7; }
		.events-calendar td.today .date							{ border-left: 1px solid #5a8faf; border-bottom: 1px solid #5a8faf; background-color: #5a8faf; color: #ffffff; }
		.events-calendar .hdr									{ position: relative; }
		.events-calendar .selected_month						{ font-weight: bold; font-size: 15px; text-align: center; }
		.events-calendar .go_to_current							{ color: #999999; text-align: center; font-size: 11px; }
		.events-calendar .previous								{ float: left; font-size: 11px; width: 100px; }
		.events-calendar .next									{ float: right; font-size: 11px; width: 100px; text-align: right; }
		.events-calendar .event									{ font-family: Arial; font-size: 10px; line-height: 12px; margin: 2px; padding: 1px 2px; border: 1px solid #ffffff; }
		.events-calendar .whole									{ border: 1px solid #dddddd; background-color: #f4f4f4; }
		
		.events-event											{}
		.events-event .fieldset									{}
		.events-event .fieldset LABEL							{ width: 120px; float: left; font-weight: bold; }
	
	/* Contact */
	
		.contact-ways											{}
		.contact-ways .way										{ width: 60px; float: left; font-weight: bold; }
		
	/* Dashboard */
	
		.subtitle												{ font-weight: bold; color: #666666; margin-bottom: 16px; }
		
		
	/* Membership */
	
		.register												{}
		.register FORM											{ font-size: 11px; margin: 10px 0px; }
		.register FORM *										{ font-family: Verdana; font-size: 11px; }
		.register FORM div.item									{ clear: both; padding: 2px; }
		.register FORM FIELDSET									{ border: 1px solid #dddddd; display: block; padding: 4px; margin: 8px 0px; }
		.register FORM FIELDSET	LEGEND							{ font-weight: bold; }
		.register FORM div.item LABEL							{ width: 120px; float: left; position: relative; top: -3px; }
		.register FORM div.item INPUT							{ padding: 1px; width: 290px; }
		.register FORM div.item SELECT							{ padding: 1px; width: 296px; }
		.register FORM div.item SELECT OPTION					{ padding: 1px; }
		.register FORM div.item INPUT.submit					{ padding: 0px; width: 80px; }
		.register FORM FIELDSET.submit							{ border: 0px; display: block; padding: 5px; margin: 8px 0px; }
		.register FORM FIELDSET.submit div.item					{ text-align: center; }
		
	/* Photo Albums */
	
		.photos-albums .albums									{ padding: 10px; height: 115px; overflow: hidden; }
		.photos-albums .albums .details							{ width: 120px; height: 120px; float: left; margin-right: 20px; }
		.photos-albums .albums .details table					{ padding: 0px; margin: 0px; height: 100%; width: 100%; }
		.photos-albums .albums .details table tr				{ padding: 0px; margin: 0px; height: 100%; width: 100%; }
		.photos-albums .albums .details table tr td				{ padding: 0px; margin: 0px; text-align: center; vertical-align: middle; height: 100%; width: 100%; }
		.photos-albums .albums .album_title						{ font-weight: bold; }
		.photos-albums .albums .date							{ color: #999999; margin-bottom: 4px; background-color: #F0F0F4; border-top: 1px solid #CCCCCC; padding: 4px 0px; line-height: 16px; }
		.photos-albums .albums .description						{ padding: 5px 0px 6px 20px; height: 54px; overflow: hidden; line-height: 18px; }
		.photos-albums .albums .tags							{ padding: 0px 0px 5px 20px; height: 14px; overflow: hidden; line-height: 14px; font-size: 11px; }
		.photos-albums .albums .count							{ color: #999999; }

		.photos-album .album									{ width: 120px; padding: 10px; float: left; }
		.photos-album .album .details							{ width: 120px; }
		.photos-album .album .details table						{ padding: 0px; margin: 0px; height: 120px; width: 120px; }
		.photos-album .album .details table tr					{ padding: 0px; margin: 0px; height: 120px; width: 120px; }
		.photos-album .album .details table tr td				{ padding: 0px; margin: 0px; text-align: center; vertical-align: middle; height: 120px; width: 120px; }
		.photos-album .album .details table tr td img			{ padding: 5px; background-color: #ffffff; border: 1px solid #cccccc; }
		.photos-album .album .caption							{ height: 17px; line-height: 17px; text-align: center; overflow: hidden; white-space: nowrap; }
		
		.photos-photo											{ padding: 15px; }
		.photos-photo .details table							{ padding: 0px; margin: 0px; width: 100%; }
		.photos-photo .details table tr							{ padding: 0px; margin: 0px; width: 100%; }
		.photos-photo .details table tr td						{ padding: 0px; margin: 0px; text-align: center; vertical-align: middle; width: 100%; }
		.photos-photo .details table tr td img.full				{ padding: 5px; background-color: #ffffff; border: 1px solid #cccccc; }
		.photos-photo .details .caption							{ margin-top: 5px; text-align: center; font-size: 15px; font-weight: bold; }
		.photos-photo .details .description						{ padding: 5px; text-align: center; color: #cccccc; }
		.photos-photo .details .tags							{ text-align: center; }
		.photos-photo .details .tags input						{ padding: 1px; font-size: 10px; font-family: Verdana; }
		
		.photos-video											{}
	
	/* Portfolio */
	
		.portfolio-sites .sample								{ font-size: 11px; margin-right: 16px; margin-top: 10px; height: 235px; float: left; width: 214px; text-align: center; }
		.portfolio-sites .sample img							{ float: none; width: 128px; height: 96px; margin-right: 5px; border: 0px; }
		.portfolio-sites .sample span							{ display: block; width: auto; overflow: hidden; white-space: nowrap; margin-bottom: 3px; font-size: 14px; font-weight: bold; }
		.portfolio-sites .sample div							{ line-height: 20px; height: 100px; overflow: hidden; color: #999999; font-size: 12px; text-decoration: none; text-align: left; }
		.portfolio-sites .sample a								{ display: block; text-decoration: none; }
		.portfolio-sites .sample a:hover span					{ text-decoration: underline; }
		
		/* Different */
		.portfolio-sites .sample								{ float: none; height: 120px; width: auto; text-align: left; }
		.portfolio-sites .sample img							{ float: left; }
		
		.portfolio-details										{}
		.portfolio-details .caption								{ font-weight: bold; float: left; width: 80px; }
		.portfolio-details .details								{ color: #666666; }
		
		.portfolio-site											{}
		.portfolio-site .caption								{ font-weight: bold; }
		
		.portfolio-preview										{}
		.portfolio-preview .title								{ font-weight: bold; }
		.portfolio-preview .article								{ overflow: hidden; clear: both; }
		.portfolio-preview .image								{ height: 41px; width: 63px; float: left; margin-right: 4px; margin-bottom: 4px; }
		
	/* Resume */
	
		.resume													{}
		.resume .data label										{ width: 200px; float: right; text-align: right; }
		.resume .data label.small								{ width: 100px; float: left; text-align: left; }
		.resume .data br										{ clear: both; }
		.resume .data span										{ font-weight: bold; }
		.resume .data span a									{ font-size: 16px; }
		.resume .data ul										{ padding: 0px 0px 0px 8px; }
		.resume .data ul li										{ list-style: inside; padding: 0px 0px 0px 20px; }