body {
	background: url(main-bg.png) repeat-y left;
	font: 12px Arial, Verdana, Sans-Serif;
	min-width: 780px;
}
a {
	color: #689d26;	
}
a:hover {
	color: #000;
}
a:visited {
	color: #6c9e2f;
}
strong {
	font-weight: bold;
}
div.left {
	width: 250px;
	float: left;
	background: url(left-bg.png) repeat-x top;
	min-height: 205px;
}
#logo {
	margin: 18px;
}
div.left div.text {
	margin: 0 29px 0 21px;
}
div.left h2 {
	font-size: 14px;
	margin-bottom: 14px;
	text-align: center;
}
div.left div.register strong {
	display: block;
	font-weight: bold;
	font-size: 14px;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	border: 1px outset #333;
	background: #545454 url(bg-gradient.png) repeat-x top center;
	text-align: center;
}
div.left div.register strong a {
	color: #fff;	
}
div.left div.register strong a:hover {
	color: #fff200;
}
div.left div.register,
div.left div.login,
div.left div.news {
	background: url(bg-dots.png) repeat-x top;
	margin-top: 20px;
	padding-top: 20px;
}
div.left div.login {
	padding-right: 21px;
}
div.left div.login fieldset legend, 
div.left h3 {
	text-transform: uppercase;
	font-size: 16px;
	color: #777;
	margin-bottom: 6px;
}
div.left h4 {
	font-weight: bold;
}
div.left div.block {
	margin-left: 21px;	
}
div.left div.login fieldset div.block {
	margin-left: 21px;
	margin-bottom: 8px;
}
div.left div.login fieldset input.text {
	width: 100%;
	font-size: 14px;
	padding: 2px;
}
div.left div.login fieldset input.submit {
	background: #fff;
	border: 1px solid #aaa;
	padding: 4px;
	font: bold 11px Verdana, Serif;
}
div.left div.login fieldset div.block div.addtl {
	font-size: 11px;
	float: right;
	padding-top: 1px;
}
div.left div.login fieldset div.block div.addtl a {
	font-size: 10px;
	color: #333;
}
div.left div.navigation {
	text-align: center;
	font: bold 11px Verdana, Sans-Serif;
	overflow: auto;
}
div.left div.navigation a {
	margin: 0 3px;
	color: #777;
}
div.left div.navigation a:hover {
	color: #000;
}
div.right {
	padding-left: 270px;
}
div.useractive {
	font: 11px/18px Verdana;
	float: left;
	width: 234px;
	padding-top: 10px;
	padding-left: 16px;
}
div.useractive ul {
	font-size: 11px;
}
div.useractive ul li {
	margin-bottom: 4px;
}
div.useractive ul li a {
	color: #555;
}
div.useractive a.entry {
	background: url(ic-12-journal.gif) no-repeat center left;
	padding-left: 14px;
}
div.useractive a.album {
	background: url(ic-12-gallery.gif) no-repeat center left;
	padding-left: 14px;
}
div.content {
	padding-top: 20px;
	font-size: 14px;
	padding-right: 4px;
	font-family: Verdana, Sans-Serif;
}
div.content ul {
		
}
div.content li {
	list-style-type: disc;
	margin-left: 2em;
	padding-left: 0.5em;
}
div.content p,
div.content h2,
div.content h3,
div.content ul, 
div.content blockquote, 
div.content dl {
	margin-bottom: 8px;
	line-height: 20px;
}
div.content dl dt {
	font-weight: bold;
	margin-left: 1.5em;
}
div.content dl dd {
	margin-left: 3em;
}
div.content blockquote {
	margin-left: 2em;
}
div.content li {
	margin-bottom: 4px;
}
div.content h2, 
div.content h3, 
div.useractive h3, 
div.content fieldset legend  {
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
	font-size: 14px;
	margin-bottom: 8px;
}
div.content div.screenshot {
	margin-left: 3px;
	margin-bottom: 3px;
	width: 162px;
	padding: 6px;
	float: right;
	text-align: center;
	border: 1px solid #ddd;
	color: #888;
	font-size: 11px;
}
div.content div.screenshot a.description {
	background: url(ic-search.gif) no-repeat center right;
	padding-right: 14px;
	text-decoration: none;
	color: #888;
}
div.content div.screenshot a.description:hover {
	text-decoration: underline;
	color: #333;
}
div.content div.screenshot a.image {
	
}
div.footer {
	clear: both;
	background: url(bg-dots.png) repeat-x top;
	margin-left: 250px;
	padding-top: 10px;
	top: 16px;
	position: relative;
}

div.footer {
	font-size: 11px;
}
div.footer ul {
	margin-left: 8px;
}
div.footer ul li {
	display: inline;
	margin-right: 8px;
}
div.footer ul li a {
	color: #888;
}
div.footer ul li a:hover {
	color: #333;
}
div.statistics {
	margin-left: 0.5em;
	margin-top: 0.5em;
	color: #888;	
}
div.rykorp {
	margin-left: 12px;
}

form.form div.submit {
	margin-left: 3em;
}
/***
 * register account
 */
#register {
	font-size: 12px;
}
#register form {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}
#register fieldset {
	margin: 0;
	border: 1px solid #cacaca;
	margin-bottom: 8px;
	padding: 8px 8px 8px 16px;
}
#register legend {
	margin: 0;
	padding: 0;
	color: #000;
	font: bold 14px Verdana;
}
#usernameSuccess {
	font-weight: bold;
	background: url(ic-success.gif) no-repeat center left;
	padding: 1px 0px 1px 18px;
	font-size: 11px;
	color: #aaa;
}
#usernameFailure {
	font-weight: bold;
	background: #fffcd6 url(ic-failure.gif) no-repeat center left;
	padding: 1px 0px 1px 18px;
	padding-left: 18px;
	font-size: 11px;
	color: #9E0B0E;
}
#register p.required {
	color: #000;
	font-weight: bold;
	background-color: #fffcd6;
	padding: 4px;
	font-size: 14px;
}
#register div.dt {
	margin: 6px 0 0 0;
	padding: 0;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}
#register div.dd {
	margin: 2px 0 6px 0;
	padding: 0;
}
#register div.options {
	line-height: 16px;
}
#register div.form {
	padding: 0 0 0 12px;
}
#register div.pwd {
	overflow: auto;	
}
#register div.pwd div.block {
	width: 180px;	
	float: left;
}
#register input.input-password,
#register input.input-text {
	padding: 2px;
	width: 150px;
	color: #444;
}
#register input.error {
	background-color: #9E0B0E;
	color: #fff;	
}
#register input.input-text:focus,
#register input.input-password:focus {
	background-color: #fffcd6;
	color: #000;
}
#register .fauxdd {
	padding-left: 8px;
	text-align: left;
}
#register .fauxdd a {
	color: #333;
}
#register .doclinks {
	padding-left: 22px;
	font-size: 10px;
	color: #444;	
}
#register input.input-submit {
	background: #fff;
	border: 1px solid #aaa;
	padding: 4px;
	font: bold 14px Verdana, Serif;
}
.forgot {
	margin-left: 22px;
	font-size: 11px;
	margin-top: 10px;	
}
/* (messages) ----------------------------------------------------------------*/
div.content div.message {
	margin-bottom: 12px;	
}
div.content div.message ul {
	padding-left: 0;
	margin-left: 8px;
	list-style-type: none;
}
div.content div.message li {
	padding-left: 22px;
	line-height: 1.5em;
	list-style-type: none;
}
div.content div.message div.msg {
	font-weight: bold;
}
div.error {
	border: 1px solid #933;
	padding: 5px;
	background: #fff0f6 url('ic-32-error.gif') no-repeat 3px 3px; 
}
div.error div,
div.success div,
div.warn div {
	padding-left: 36px;	
	text-align: left;
}
div.success {
	border: 1px solid #007236;
	padding: 5px;
	background: #ECF3E6 url(ic-32-success.gif) no-repeat 3px 3px; 
}
div.warn {
	border: 1px solid #333;
	padding: 5px;
	background: #dedede url(ic-32-stop.gif) no-repeat 3px 3px; 
}
/***
 * home page
 */
div.homepage {
	padding: 14px 0 0 260px;
}
div.homepage h3, 
div.recent-images h3, 
div.facebook h3 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #aaa;
	margin-bottom: 8px;
}
div.home {
	padding-right: 350px;
}
div.homepage div.more {
	padding-top: 4px;
	font-size: 18px;
}
div.facebook {
	float: right;
	padding-right: 15px;
	width: 315px;
}
div.home div.icon {
	width: 90px;
	float: left;
	text-align: center;
}
div.home div.userinfo {
	padding-left: 100px;
}
div.home div.user, 
div.recent-images div.block-user {
	overflow: auto;
	padding: 6px 0;
	margin-bottom: 6px;
	border-bottom: 1px solid #aaa;
}
div.home div.user div.name a, 
div.recent-images a.userlink {
	color: #000;
	text-decoration: none; 
	font-weight: bold;
}
div.home div.user div.name a:hover, 
div.recent-images a.userlink:hover {
	text-decoration: underline;
}
div.home div.user div.posted {
	font-weight: normal;
	font-size: 11px;
	padding-left: 12px;
}
div.home div.user div.posted a, 
div.recent-images div.album a.album {
	color: #36c;
	font-weight: bold;
	font-size: 12px;
}
div.home div.info {
	padding: 4px 0;
}
div.home div.name {
	font-size: 14px;
	color: #000;
}
div.home div.item {
	font-size: 11px;
}
div.home div.item a {
	font-size: 12px;
}
div.home .location, 
div.home .updated, 
div.recent-images span.count, 
div.recent-images .updated {
	font-size: 11px;
	color: #aaa;
}
div.home div.description {
	padding: 4px 0 4px 12px;
}
/***
 * recent images
 */
div.nav {
	padding: 0 0 16px 0;
	font-size: 11px;
}
div.recent-images ul {
	overflow: hidden;
	display: block;
}
div.recent-images div.album {
	padding-top: 2px;
	font-size: 11px;
}
div.recent-images ul li a {
	display: block;
	width: 160px;
	height: 160px;
	color: #000;
}
div.recent-images ul li {
	width: 160px;
	height: 160px;
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0 12px 0 0;
	background-position: left center;
	background-repeat: no-repeat;
}