body {font-size: 14px; font-family: Georgia, Times New Roman; background-image: url('../images/pj_bg.jpg'); background-color: #faf9f8; background-repeat: repeat-x; margin: 0; width: 100%; height: 100%;}

img {border: none;}

.clear {clear: both; }
h1 {margin: 0; padding: 0; }
h2 {color: #990000;}
h3.head {color: #990000; font-size: 22px;}
h4 {color: #000; font-size: 18px;}
h5 {color: #000; font-size: 18px; font-style: italic;}

a, a:hover, a:visited {color: #93391d}
.tmp {color: black; background-image: url('../images/tmp.gif'); }
.paddtop20px {padding: 20px 0 0 0;}
.paddtop10px {padding: 10px 0 0 0;}
.mrgle190px {margin: 0 0 0 190px;}

#body {text-align: center; width: 100%; height: 100%;}
#overall {width: 1000px; margin: 0 auto; background-image: url('../images/pj_main_bg.jpg') ; background-repeat: no-repeat; background-position: left top; background-color: #FFF; height: 100%; text-align: left;}
	#overall .overall_in {padding: 25px 30px;}
	#overall .head {}
		#overall .head .logo {float: left; width: 331px; height: 90px;}
		#overall .head .menu {float: left; margin: 0 0 0 49px; background: url('../images/pj_menu.jpg') repeat-x top left #8c3318; height: 65px; width: 560px; }
		#overall .head .menu .menu_l {float: left; background: url('../images/pj_menu_left.jpg') no-repeat left top; width: 28px; height: 65px;}
		#overall .head .menu .menu_r {float: right; background: url('../images/pj_menu_right.jpg') no-repeat left top; width: 28px; height: 65px;}
		#overall .head .menu .menu_list {float: left; width: 504px; height: 65px;}

		#overall .head .menu .menu_list ul {margin: 0; padding: 0;}
			#overall .head .menu .menu_list ul li {list-style-type: none; float: left; margin: 0; padding: 20px 11px 0 11px; font-size: 18px;}
			#overall .head .menu .menu_list ul li a {color: #FFF; }

		#overall .header {padding: 40px 0 0 190px;}
			#overall .header h2 {margin: 0; padding: 0; font-size: 38px; font-weight: normal;}
			
		#overall .header_ {padding: 40px 0 0 0px;}
			#overall .header_ h2 {margin: 0; padding: 0; font-size: 38px; font-weight: normal;}			


/* main page custom */
#overall_main {width: 1000px; margin: 0 auto; background-image: url('../images/pj_index_bg.jpg') ; background-repeat: no-repeat; background-position: left top; background-color: #FFF; height: 100%; text-align: left;}
	#overall_main .overall_in {padding: 25px 30px;}
	#overall_main .head {}
		#overall_main .head .logo {float: left; width: 331px; height: 90px;}
		#overall_main .head .menu {float: left; margin: 0 0 0 49px; background: url('../images/pj_menu.jpg') repeat-x top left #8c3318; height: 65px; width: 560px; }
		#overall_main .head .menu .menu_l {float: left; background: url('../images/pj_menu_left.jpg') no-repeat left top; width: 28px; height: 65px;}
		#overall_main .head .menu .menu_r {float: right; background: url('../images/pj_menu_right.jpg') no-repeat left top; width: 28px; height: 65px;}
		#overall_main .head .menu .menu_list {float: left; width: 504px; height: 65px;}

		#overall_main .head .menu .menu_list ul {margin: 0; padding: 0;}
			#overall_main .head .menu .menu_list ul li {list-style-type: none; float: left; margin: 0; padding: 20px 11px 0 11px; font-size: 18px; }
			#overall_main .head .menu .menu_list ul li a {color: #FFF; }

		#overall_main .header {padding: 40px 0 0 190px;}
			.header h1 {margin: 0; padding: 0; font-size: 38px; font-weight: normal;}
			.header h1.big {margin: 30px 0 0 0; color: #990000; font-size: 26px;}
			.header h2 {margin: 0; padding: 0; font-size: 38px; font-weight: normal;}
			.header h3.big {margin: 0; padding: 0; font-size: 38px; font-weight: normal;}
			.header h3.big a {color: #000;}

		#main_text {}
		#main_text blockquote h1 {font-size: 26px; margin: 0 0 10px 0; color: #990000; font-weight: normal; line-height: 40px; padding: 0; }

			#main_text blockquote h1 sup {color: #212121; font-style: italic;}

		#main_text blockquote .date {color: #625a5a; font-size: 12px; padding: 0 0 10px 0;}

		#main_text blockquote {margin: 22px 0 0 190px; padding: 0; width: 560px; font-size: 16px; color: #050505; line-height: 20px;}
			#main_text blockquote p {font-size: 16px; color: #050505; line-height: 20px;}
		.pixeljack_blockquote {padding: 0 0 0 40px; }
			.pixeljack_blockquote .image {width: 110px; margin: -20px 0 0 0; float: left;}
			.pixeljack_blockquote .bbl {margin: 10px 0 0 120px; padding: 0; width: 560px; }

			.bbl .bbl_arr {background: url('../images/bbl_arr.gif') no-repeat left 35%;}
			.bbl .bbl_left {background: url('../images/bbl_left.gif') repeat-y left top;}
			.bbl .bbl_top {background: url('../images/bbl_top.gif') repeat-x left top; }
			.bbl .bbl_bottom {background: url('../images/bbl_bottom.gif') repeat-x left bottom;}
			.bbl .bbl_right {background: url('../images/bbl_right.gif') repeat-y right top; }
			.bbl .bbl_lt {background: url('../images/bbl_lt.gif') no-repeat left top; }
			.bbl .bbl_rt {background: url('../images/bbl_rt.gif') no-repeat right top; }
			.bbl .bbl_lb {background: url('../images/bbl_lb.gif') no-repeat left bottom; }
			.bbl .bbl_rb {background: url('../images/bbl_rb.gif') no-repeat right bottom; }

			.bbl .bbl_in {padding: 20px 20px 20px 55px; /*min-height: 100px; */}
				.bbl .bbl_in .nick .name {font-size: 16px; font-style: italic;}
				.bbl .bbl_in .nick .date {color: #625a5a; font-size: 12px;}
				.bbl .bbl_in p {margin: 0; padding: 5px 0; font-size: 14px; line-height: 20px;}

		#main_index {}
			#main_index .l_col {float: left; width: 370px; }
			#main_index .l_col .persona {height: 360px; }
			/* tags */
			#main_index .l_col .tags_block {width: 370px;}
			#main_index .l_col .clear_line {height: 15px; clear: both;}
				#main_index .l_col .tags_block h3 {font-size: 20px; font-style: italic; font-weight: normal;}
				#main_index .l_col .tags_block .tag_its {font-size: 20px; font-style: italic; font-weight: normal;}
					#main_index .l_col .tags_block .tag_its .tag_it {float: left; margin: 0 15px 15px 0;}
			/* pixels */
			#main_index .l_col .pixels_block {width: 370px;}
				#main_index .l_col .pixels_block h3 {font-size: 20px; font-style: italic; font-weight: normal;}
				#main_index .l_col .pixels_block h3 a {color: #000;}
				#main_index .l_col .pixels_block .pixels_its {}
					#main_index .l_col .pixels_block .pixels_its .pixel_it {float: left;}

			#main_index .r_col {margin: 0 0 0 425px; width: 500px;}
			#main_index .r_col .header {margin: 25px 0 0 0; width: 100%; padding: 0; }
			#main_index .r_col .header h2 {margin: 0; padding: 0; font-size: 38px; font-weight: normal; color: #000;}
			#main_index .r_col .header h2 a {color: #000;}
			#main_index .r_col blockquote {margin: 0; width: 100%;}


		/* news and content */
		#main_text .anno_block {margin: 0 0 0 190px; width: 560px;}
		#main_text .anno_block h2 {color: #990000; margin: 0; padding: 0;}
			#main_text .anno_block .row {}
				#main_text .anno_block .row .date {color: #625a5a; font-size: 10px; padding: 3px 0 0 0;}
				#main_text .anno_block .row .anno_image {margin: 15px 0 0 0;}
				#main_text .anno_block .row .anno_text {margin: 15px 0 0 0;}
			#main_text .result_rows {margin: 20px 0 0 190px; width: 560px;}
				#main_text .result_rows .result_row {margin: 20px 0 0 0;}
				#main_text .result_rows .result_row h3 {margin: 0; padding: 0;}
				#main_text .result_rows .result_row .tags {margin: 5px 0 0 0; padding: 0;}
				#main_text .result_rows .result_row .date {color: #625a5a; font-size: 10px; padding: 3px 0 0 0;}


		/* gallery */
		#main_text .gallery_anno {margin: 40px 0 0 190px; width: 760px; }
		#main_text .gallery_anno h2 {color: #990000; margin: 0; padding: 0;}
			#main_text .gallery_anno .rows {}
				#main_text .gallery_anno .row {float: left; width: 180px; margin: 0 10px 10px 0; }
					#main_text .gallery_anno .row .photo4 {background: url('../images/pj_gal_bg.jpg') repeat-x left top #ebebeb;}
					#main_text .gallery_anno .row .photo4 .photo {padding: 18px;}
					#main_text .gallery_anno .row .photo4 .imgs4 {width: 144px; height: 144px;}
				#main_text .gallery_anno .row h2 {font-size: 14px; margin: 10px 0 0 0;}
					#main_text .gallery_anno .row h2 a {color: #000;}
					#main_text .gallery_anno .alcenter {text-align: center; }

		#gallery_block {margin: 40px 0 0 190px; }
			#gallery_rows .l {float: left; /*padding: 0 10px 10px 0; */width: 190px; height: 190px;}
			#gallery_rows .l div {}
			#gallery_rows .l h3.names {font-size: 18px; margin: 0; padding: 0; font-weight: bold;}
			#gallery_rows .l .anno {font-style: italic; font-size: 14px;}


		.kwords {font-size: 12px; color: #625a5a; line-height: 20px; padding: 20px 0;}
			.kwords a {color: #93391d;}

		.tags {font-size: 12px; color: #625a5a; line-height: 20px; padding: 20px 0;}
			.tags a {color: #93391d;}

		#clouds_page {margin: 0; padding: 0;}
			#clouds_page li {margin: 0; padding: 10px 10px 0 0; display: inline}

.weight8	{
	font-size:				8px;
}
.weight10	{
	font-size:				10px;
}
.weight12	{
	font-size:				12px;
}
.weight14	{
	font-size:				14px;
}
.weight16	{
	font-size:				16px;
}
.weight18	{
	font-size:				18px;
}
.weight20	{
	font-size:				20px;
}
.weight22	{
	font-size:				22px;
}
.weight24	{
	font-size:				24px;
}

	.footer {clear: both; background: url('../images/pj_footer_bg.gif') repeat-x left top #010101; height: 50px; margin: 30px 0 0 0;}
	.footer .footerleft {background: url('../images/pj_footer_left.gif') no-repeat left top; height: 50px;}
	.footer .footerright {background: url('../images/pj_footer_right.gif') no-repeat right top; height: 50px;}
	.footer .footerin {padding: 12px;}
	.footer .footerin .fleft {padding: 0 0 0 28px; float: left;}
	.footer .footerin .fright {padding: 3px 0 0 380px; float: left;}
		.footer .footerin .fright ul {margin: 0; padding: 0;}
			.footer .footerin .fright ul li {margin: 0; padding: 0 0 0 20px; list-style-type: none; float: left; color: #FFF;}
				.footer .footerin .fright ul li a {color: #FFF;}

.padd_content {font-size: 16px; color: #050505; line-height: 20px; margin: 42px 0 0 190px;}

.user_form {clear: both;}
	.user_form h4 {font-size: 1.4em; font-weight: normal}
	.user_form .row {clear: both; margin: 10px 0;}
		.user_form .row label {font-size: 1.2em; margin: 10px 0; color: #333;}
		.user_form .row input.long_edit {font-size: 1.2em; padding: 3px; font-weight: normal; width: 400px;}
		.user_form .row select.long_edit {font-size: 1.2em; padding: 3px; font-weight: normal; width: 410px;}
		.user_form .row input.short_edit {font-size: 1.2em; padding: 3px; font-weight: normal; width: 190px;}
		.user_form .row textarea.long_area {font-size: 1.2em; padding: 3px; font-weight: normal; width: 400px; height: 200px;}
		.user_form .row textarea.small_area {font-size: 1.2em; padding: 3px; font-weight: normal; width: 400px; height: 70px;}
		.user_form .row span.note {display: block; font-size: 0.8em; color: #999}
		.row_short {float: left; margin: 0 10px 0 0;}
/*		img.capt {float: left; margin: 0 20px 0 0;}*/
		.capt_img {float: left; width: 120px ;padding: 10px 0 0 0;}
		.capt_text {float: left; padding: 5px 0 0 0 ;}
		.capt_note {font-size: 0.9em; color: #999}
		.user_form input.submit {font-size: 1.2em; padding: 3px; font-weight: normal; width: 195px; margin: 0;}
		.user_form input.short_submit {font-size: 1.2em; padding: 0; font-weight: normal; width: 195px; margin: 0;}
		.subm_row {clear: both; padding: 20px 0 0 0;}
.in_field {padding: 0 10px; background: #EFEFEF;}

/* citats */
#citats_block {margin: 0 0 0 190px; width: 760px;}
#citats_block h3 {}
.citat_row {width: 740px; height: 400px; overflow:auto; background: #EFEFEF;}
.citat_inrow { padding: 0 10px 0 0;}
code { white-space:pre; width: 500px; font-size: 0.8em;}

#content_downloads {margin: 0 0 0 190px; width: 760px;}