body {
	font-family: luxi sans, trebuchet ms, sans-serif;
	color: #888;
	margin: 12px;
	background-color: #3c3c3c;
}


#title {
	color: #bbb;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-left: 3px;
	font-size: large;
	letter-spacing: .5em;
}


a {
	text-decoration: none;
	color: #c49200;
}

div.container {
	width: 860px;
	margin: auto;
}

div.landing img {
	padding: 4px;
	margin: 24px 3px;
	border: 0px;
}

div.landing  {
	clear: both;
	padding: 6px;
	text-align: center;
}

div.landing a {
	margin: 6px;
	display: block;
	/*float: center;*/
	border: 2px solid #727272;
	background-color: #282828;
	-moz-border-radius: 10px;
}

div.landing a:hover {
	border-color: #c49200;
}

div.thumbs img {
	padding: 4px;
	margin: 24px 3px;
	border: 0px;
}


div.thumbs  {
	clear: both;
	padding: 6px;
	text-align: left;
}

/*div.thumbs a {
	margin: 6px;
	display: block;
	float: center;
	border: 1px solid #727272;
	background-color: #282828;
	-moz-border-radius: 5px;
}*/

div.thumbs img {
	padding: 4px;
	margin: 24px 3px;
	border: 0px;
}

div#gallery_description {
	clear: both;
	padding: 10px 12px 0px 12px;
}

div.photo img {
	padding: 16px;
	border: 1px solid #555;
	-moz-border-radius: 7px;
	background-color: #333;
	margin: 20px;
}

/*div.thumbs a:hover {
	background-color: #222;
	border: 2px solid #c49200;
	margin: 5px;
}*/

div.photo div {
	text-align: center;
	margin-top: 6px;
	font-size: 12px;
	font-family: Luxi Serif, Georgia, Helvetica;
}



div#styleboxcontainer {
	position: fixed;
	bottom: 0px;
	right: 8px;
	font-size: 10px;
	margin: 4px;
	padding: 4px;
}

#stylebox ul {
	list-style-type: none;
	padding-left: 0px;
}




/**************************************************************************
 *** STUFF WE USE *********************************************************
 **************************************************************************/

/* Tag Styles */

p b {
color: #ccc;
}

q {
margin: 6px 24px;
padding: 12px;
border: 2px solid #666;
display: block;
background-color: #333;
font-family: monospace;
-moz-border-radius: 10px;
color: #aaa;
}

dt {
display: list-item;
margin-bottom: 6px;
list-style: disc inside;
font-weight: bold;
}

dd {
margin-bottom: 18px;
}

/* Header */

div.header {
width: 100%;
margin-bottom: 6px;
padding: 0px;
background: url('/images/dotted.gif') repeat-x bottom left;
font-size: 12px;
}


/* Navigation Buttons */

div.navipage, div.navipage-current {
float: right;
margin-top: 12px;
margin-left: 12px;
font-size: 12px;
}

div.navipage a, div.navipage-current a {
display: block;
width: 84px;
height: 20px;
text-align: center;
padding-top: 4px;
background-image: url('/images/navi.gif');
}

div.navipage a:hover {
background-position: 0px 72px;
}

div.navipage-current a {
background-position: 0px 48px;
}

div.navipage-current a:hover {
background-position: 0px 24px;
}


/* Content Box */

div.content_box {
color: #999;
background-color: #282828;
clear: both;
margin-top: 12px;
}

div.content_box .tl, div.content_box .tr, div.content_box .bl, div.content_box .br {
width: 12px;
height: 12px;
background-image: url('/images/content_corner.gif');
line-height: 0px;
font-size: 2px;
}

.content_box .tl {
background-position: -12px -12px;
}

.content_box .tr {
float: right;
background-position: 0px -12px;
}

.content_box .bl {
background-position: -12px 0px;
}

.content_box .br {
float: right;
background-position: 0px 0px;
}

div.content {
padding: 0px 18px;
font-size: 13px;
}

/* Userinfo */

div.userinfo {
-moz-border-radius: 10px;
background-color: #333;
padding: 6px 12px;
margin: 12px 6px;
}

div.userinfo .nameinfo {
margin: 0px 3px;
}

div.userinfo .nick {
font-size: 18px;
}

div.userinfo .name {
font-size: 14px;
}

div.userinfo .fold {
margin: 6px 0px;
padding-right: 6px;
height: 245px;
overflow: auto;
}

html:first-child div.userinfo .fold {
height: inherit;
}

div.userinfo img {
float: left;
border: 1px solid #999;
margin: 0px 12px 0px 0px;
padding: 0px;
}

div.userclear {
clear: left;
margin-bottom: 6px;
}


/* Footer */

div.footer {
clear: both;
text-align: center;
padding: 2px 10px 0px 10px;
font-size: 10px;
margin: 12px auto;
background: url('/images/dotted.gif') repeat-x top left;
}