body {
	margin: 0;
	padding: 0;
	background: url(../i/freshy.gif) no-repeat right 160px;
}
body, p {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 0.99em;
	line-height: 1.3em;	
	color: #E5E5E5;
}
body {background-color: #929292;}
body.viewer {background: #929292;}
a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #b9b9b9;
	padding: 0 3px 0px 3px;
	margin-left: -3px;
}
a.under {
	border-bottom: 6px solid #b9b9b9;
}
a:visited {
	/*color: #E5E5E5;*/
}
a img, a.img {
	border: 0;
	margin:0;
	padding: 0;
}
p {
	margin: 0 0 0.5em;
	padding: 0;
}
table, td {
	margin: 0;
	padding: 0;
}
td {
	vertical-align: top;
}
h1 {
	font-size: 1.9em;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 14px 0;
	padding: 0;
}
h1 a {
	border: none;
	background: url(../i/h1_link_bg.gif) repeat-x bottom;
}
h2, h3, #context_menu h2 {
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	margin: 1.2em 0 0.5em 0;
	padding: 0;
}
h3 {
	margin: 0.5em 0pt 0.5em;
}
.hr {
	clear: both;
	background: url(../i/hr.png) top repeat-x;
	line-height: 3px;
	height: 3px;
	margin-left: -2%;
	width: 104%;
}

/* Parties */

#main_container {
	min-width: 860px;
	max-width: 1280px;
	margin: 0 40px 0 80px;
}
#header {
	margin: 50px 0 0;
	height: 110px; /* ! */
}
#header .sub {
	font-size: 1.2em;
	color: #c3c3c3;
}
#header .epigraph {
	float: right;
	font-style: italic;
	text-align: left;
	width: 26em;
}
#header .epigraph, #header .epigraph p {
	font-size: 0.88em; 	
	line-height: 1.6em;
 }
#header .epigraph p.author {
	text-align: right;
	margin-right: 3em;
}
#header.name {
	float: left;
}

#content {
	clear: both;
}

/* MAIN PAGE */
table#newholder {
	width: 100%;
	border: 0;
}
td.thumbs {
	padding-left: 20px;
}
td.thumbs div {
	overflow: hidden; 
	height: 405px;
}
td.thumbs img {
	border: 0;
	float: left;
	margin: 2px;
}
td.thumbs a {
	margin: 0;
	padding: 0;
	border: 0;
}

.container {
	width: 100%;
	margin-bottom: 2em;
}
.container .rubric, .hrubric {
	margin: 1em 2em 1em 0;
	width: 240px;
	height: 16em;
	float: left;
	position: relative; /*  */
}
.container .allrub {
	clear: both;
	margin: 1em 2em 0 0;
	width: 240px;
	height: 3em;
	float: none;
/*	float: left;*/
}
.allrub span.right {
	margin-left: 0.5em;
}
.allrub span.left {
	margin-right: 0.5em;
}

.container .rubric span {
	font-size: 1em;
}

.cat_container .thumbnails {
	margin: 0 16px 16px 0;
	width: 100px;
	height: 100px;
	float: left;
}
.cat_container img {
	margin: 6px 13px 3px 0;
	width: 100px;
	height: 100px;
	float: left;
}

.cat_container h3 {
	margin: 0 0 0 0;
	padding: 1px 0;
	font-size: 1.2em
}
.cat_container .section {
	margin: 0 0 1.5em 0;
	clear: both;
}

/* Viewer page */
a.arleft {
	display: block;
	position: absolute;
	z-index: 10;
	left: 30px; /* 31px */
	top: 160px;
	background-color: #afafaf;
	width: 41px;
	height: 33px;
	padding: 15px 0 0 7px;
	border: none;
}
a.arright {
	display: block;
	background-color: #afafaf;
	width: 41px;
	height: 33px;
	padding: 15px 0 0 7px;
	border: none;
	margin-left: -1px;
}
#photoholder {
	width: auto;
}
#right_button {
	width: 48px;
	padding-left: 6px;
	padding-right: 46px;
}
#context_menu {
	width: auto;
}
#context_menu h2 {
	margin: 0 0 0.5em;
}
#context_menu ul {
	list-style: none;
	margin: 0.75em 0;
	padding: 0 0 0 1em;
}
#context_menu li {
	list-style: none;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	line-height: 160%
}
#context_menu .all {
	margin-top: 4em;
	padding-left: 1em;
}
#context_menu .all span {
	display: block;
	font-size: 0.75em;
	margin-left: -0.9em;
}
#tones {
	margin-top: 1.5em;
	padding-left: 1em;
	position: relative;
}
#tones span {
	font-size: 0.75em;
	margin-left: -0.7em;
	border-bottom: 1px dotted #b9b9b9;
}

/* Square box
#tone_choose {
	display: none;
	background-color: #afafaf;
	width: 132px;
	height: 132px;
	padding: 6px 4px 4px 6px;
	position: relative;
	top: -4.5em;
	left: 0.5em
	z-index: 20;
}
*/
#tone_choose {
	display: none;
	background-color: #afafaf;
	width: 42px;
	height: 234px;
	padding: 6px 6px 4px 6px;
	position: absolute;
	top: -7em;
	left: 1em;
	z-index: 20;
}
/* Squares
#tone_choose a {
	display: block;
	width: 42px;
	height: 42px;
	padding: 0;
	margin: 0 2px 2px 0;
	border: none;
	float: left;
}
*/
#tone_choose a {
	display: block;
	width: 42px;
	height: 24px;
	padding: 0;
	margin: 0 0 2px 0;
	border: none;
	float: left;
	cursor: pointer;
	position: relative;
}
.tone1 {background-color: #2b2b2b;}
.tone2{background-color: #454545;}
.tone3{background-color: #5e5e5e;}
.tone4{background-color: #787878;}
.tone5{background-color: #929292;}
.tone6{background-color: #ababab;}
.tone7{background-color: #c4c4c4;}
.tone8{background-color: #dedede;}
.tone9{background-color: #f2f2f2;}


/* FOOTER */
#footer {
	clear: both;
	padding-top: 0.5em;
	height: 3em;
	text-align: center;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 0.9em;
}
#footer .copy {
	float: left;
	text-align: left;
	font-size: 1em;
}
#footer .creator {
	float: right;
	text-align: right;
}

/* about */
div.text {
	width: 68.2%;
	float: left;

}
div.text p {
	line-height: 1.4em;
	font-size: 1em;
	margin: 0 3em 2em 0;
	
}
.form {
	clear: both;
}
.form h2 {
	margin: 3em 0 1em 0;
}
.form span {
	display: block;
	width: 30em;
	margin: 0.5em 0 0 0;
}
.form input.field, .form textarea {
	background-color: #efefef;
	border-top: 1px solid #5e5e5e;
	border-left: 1px solid #5e5e5e;
	border-right: none;
	border-bottom: none;
}
.form input.field, div.form textarea {
	width: 400px;
	padding: 4px;
}
.form input.button {
	width: 8em;
	padding: 2px 0;
	margin: 1em 0 0 0;
}
.form textarea {
	height: 180px;
}

.form dl {
	line-height: 1.3em;
	margin: 0;
	width: 600px;
	clear: both;
}
.form dt {
	display: block;
	width: 170px;
	float: left;
	padding-bottom: 1em;
}

.form dd {

}

/* editor */
#editor {
	min-width: 860px;
	margin: 40px;
}
#editor form, #editor textarea, #editor input {
	padding: 2px 3px;
	margin: 0 1em 0.5em 0;
}
#editor input {
	width: 10em;
}
#photo_holder {
	margin: 0em 3em 1em 0;
	position: relative;
	float: left;
}

#dragger {
	width: 100px;
	height: 100px;
	position: absolute;
	z-index: 20;
	background: transparent url(../i/selector.png) repeat;
	overflow: hidden;
	border: 1px solid #ffffff;
}

/* specials */

.comma {
	margin-left: -2px;
}
.clearer {
	width: 100%;
	clear: both;
	overflow: hidden;
}
/**
 * This clearing technique was developed by Tony Aslett, of csscreator.com
 * http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.laquo {
	margin-left: -0.5em;
}
.bull {
	margin: 0 3px 0 0px;
}
.b05em {margin-bottom: 0.5em;}
.b1em {margin-bottom: 1em;}
.t1em {margin-top: 1em;}
.l1em {margin-left: 1em;}
.r1em {margin-right: 1em;}
.t3em {margin-top: 3em;}
.t-2em {margin-top: -2em;}
.tm0{margin-top:0;}