/* colors 						*/
/* ============================ */
/* lavender:			#d1baff */
/* dk purple:			#534078 */
/* purple:				#947cc5 */
/* gold:				#797534 */
/* taupe:				#c5c17c */
/* taupe (80%):			#d1cd96 */
/* ============================ */

/* all of the styles bbetween these comments are to reset standard html styles. 
after this, all styling is dependant on the designer */

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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end style resets */

body
{
background-color:	#C5C17C;
font-family:		"trebuchet ms", verdana, sans-serif;
font-family:		georgia,palatino,times,serif;
font-size:			11px;
width:				750px;
margin:				0 auto;
padding:			0;
}

em
{
font-style:			italic;
}

h1
{
font-size:			3em;
}

h2
{
font-size:			2em;
line-height:		100%;
margin-top:			.5em;
color:				#534078;
border-bottom:		1px solid #534078;
}

div.comments h3
{
font-size: 1.6em;
line-height:		100%;
margin-top:			.5em;
color:				#797534;
}

strong
{
font-weight:		bold;
}

a:link
{
color:				#534078;
text-decoration:	underline;
}
a:visited 
{
color:				#534078;
text-decoration:	underline;
}
a:active 
{
color:				#534078;
}
a:hover
{
color:				#797534;
text-decoration:	underline;
}

#content
{
margin:				0 0 1em 0;
}

#utility
{
background-color:	#fff; /*#d1cd96;*/
text-align:			right;
margin:				0;
padding:			.5em;
font-size:			1em;
font-weight: 		bold;
}

div.sitename
{
/*	background-image:	url(mosaic.gif);
background-repeat: 	repeat;
background-position:right top;*/
}

.sitename h1
{
font-family:		georgia,palatino,times,serif;
text-shadow:		#797534 2px 2px 4px;
color:				#534078;
font-size:			40px;
/*	background-color:	#fff;*/
line-height:		60px;
margin:				0 65% 0 0;
padding: 			10px 20px;
font-weight:		normal;
}

#topnav
{
background:			#947cc5;
height:				33px;
margin:				0;
padding:			0;
}
#topnav ul
{
margin:				0;
padding:			0;
}
#topnav ul li
{
list-style-type:	none;
padding: 			0;
margin: 			0;
display: 			block;
float: 				left;
font: 				11px/33px "trebuchet ms", verdana, sans-serif;
text-align:			center;
}

#topnav a
{
color:				#C5C17C;
text-decoration:	none;
display:			block;
width:				106px;
border-top:			none;
border-right:		1px solid #C5C17C;
border-bottom:		none;
}

#topnav li#active 
{
background: 		#534078; 
color: 				#fff; 
border-bottom:		 none; }

#topnav a:hover 
{
background: 		#797534; 
color: 				#fff;
border-bottom: 		none;
}

#details
{
background:			url(/images/uploads/maccracken.jpg) top left no-repeat;
background-color:	#fff;
height:				200px;
margin:				0;
font-size:			10px;
padding:			0 0 0 550px;
border-bottom: 		4px solid #534078;
}

#details h2, #side h2
{
color:				#fff;
background-color:	#797534;
font-size:			13px;
font-weight:		normal;
margin:				0;
padding:			6px;
text-align:			center;
border:				none;
}

#details th
{
text-align:			right;
font-weight:		bold;
}

#details td
{
border-bottom:		1px solid #ccc;
font-family:		"trebuchet ms", verdana, sans-serif;
}

#details th, #details td
{
vertical-align:		top;
padding:			2px 4px;
line-height:		1.2em;
}

#central
{
/*	padding: 0 250px 0 180px;*/ 
padding:			0 200px 0 0;
margin:				0 auto;
background-color:	#fff;
background-image:	url(/images/uploads/body-back.gif);
background-repeat:	repeat-y;
}

#central .column
{
float:				left;
position:			relative;
}

#main
{
width:				100%;
}

#side
{
width:				200px;
margin-right:		-200px;
padding-bottom:		0;
}

div.entry, div.navi-pages, div.comments
{
padding:			4px 1em;
font-size:			1.1em;
}

div.entry p, div.unit p, div.comments p
{
line-height:		1.5em;
margin-bottom:		1em;
}

div.entry p.attr, div.comments p.attr
{
text-align:			left;
color:				#947cc5;
font-style:			italic;
margin-bottom:		0; 
}

div.entry h3
{
font-weight: bold;
margin-top: 1em;
color: #534078;
}

div.comment
{
clear: right;
border-top:		1px solid #797534;
}

div.count
{
	font-family: "trebuchet ms", verdana, sans-serif;
	color: #fff;
	background-color: #D1CD96;
	width: 2.5em;
	font-size: 20px;
	padding: 10px 2px;
	margin: 6px 0 6px 1em;
	float: right;
	text-align: center;
	border: 2px solid #c5c17c;
	background-image: url(/images/uploads/count-bkg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
p.info
{
font-family:		"trebuchet ms", verdana, sans-serif;
padding-bottom:		1em;
font-size: .9em;
text-align:			right;
}

h4.date
{
padding:			0 .5em 0 0;
margin:				.5em 0 -1em 0;
font-size:			2em;
color:				#d1cd96;
text-align:			right;
}

#central ul
{
margin:				0;
font-size:			1em;
line-height:		1em;
color:				#333;
}

#central li
{
margin:				0 0 0 30px;
padding:			0;
list-style-type:	disc;
}
	
div.unit
{
margin: 			1em 4px 0 4px;
}

div.unit h3
{
font-family:		"trebuchet ms", verdana, sans-serif;
font-size:			1.2em;
line-height:		1.5em;
border-bottom:		1px solid #797534;
text-align:			right;
color:				#797534;
}

div.unit dl
{
border-top: 1px solid #797534;
border-top: 1px solid #797534;
margin: 2px;
padding: 2px
}

div.unit dt, div.unit dd
{
display: inline;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 1em;
line-height: 1.5em;
}

div.unit dt
{
color: #797534;
font-weight: bold;
padding-right: 4px;
}

#side ul
{
font-family:		"trebuchet ms", verdana, sans-serif;
margin:				0;
padding:			0;
}

#side li
{
margin:				0 0 0 1em;
padding:			2px 0 4px 0;
list-style-type:	none;
}

div.navi-pages
{
border-top: 1px solid #d1cd96;
}

#footer
{
padding: 			0;
background-color:	#534078;
color:				#c5c17c;
background-image:	url(/images/uploads/footer-corner.gif);
background-repeat:	no-repeat;
background-position:right bottom;
}

#footer p
{
line-height:		1.2em;
padding:			1em;
background-image:	url(/images/uploads/footer-corner-left.gif);
background-repeat:	no-repeat;
background-position:left bottom;
}

table.data
{
margin: 1em 0;
font-family: "helvetica neue", helveticaneue, verdana, sans-serif;
font-size: 10px;
}

table.data td, table.data th
{
padding: 2px 4px;
}

table.data th
{
vertical-align: bottom;
font-weight: bold;
border-bottom: 2px solid #947cc5;
border-right: 1px solid #947cc5;

}

table.data td
{
vertical-align: top;
border-right: 1px dotted #947cc5;
border-bottom: 1px dotted #947cc5;
}