/*
   main.css
   trunk
   
   Created by Ben McRedmond on 2009-02-25.
   Copyright 2009 Ben McRedmond. All rights reserved.
*/

html {
	background: none;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
	background-color: #E6F6F9;
/*	background-image: url('../images/bg-x.png');
	background-repeat: repeat-x;
*/}

h1 {
	font-size: 140%;
}

small {
	display: block;
	margin-top: 3px;
	font-size: 83%;
}

hr {
	border: 0;
	border-top: 1px solid #aaa;
	margin: 10px 0;
}

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

a:hover {
	text-decoration: underline;
}

ol, p {
	line-height: 20px;
}

ol {
	margin-left: 10px;
}

ol li {
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 20px;
	font-weight: bold;
}

ol li img {
	margin-left: -10px;
}

/* !Containers */

#container {
	width: 500px;
	margin: 20px auto;
}

.container {
	padding: 10px;
}

/* !Header */
#header {
	margin-bottom: 10px;
}

#header .logo {
	float: left;
}

#header #top_nav {
	float: right;
	margin-top: 11px;
	color: #aaa;
}

#header #top_nav ul li {
	display: inline;
	margin-left: 20px;
}

#header #top_nav ul li a {
	color: inherit;
	text-decoration: none;
}

#header #top_nav ul li a.active, #header #top_nav ul li a:hover {
	color: #000;
}

/* !Page */
#body {
	clear: both;
	border: 1px solid #ccc;
	background-color: #fff;
}

/* !Sidebar */
#sidebar {
	width: 180px;
	float: right;
	background-color: #e1e1e1;
}

/* !Box at top for entering link */
#body .box {
	padding: 10px;
	background-color: #DCE3EA;
}

/* Forms */
#body .container {
}

#body form {
	margin: 10px auto;
	width: 320px;
}

#body form .item {
	margin-bottom: 10px;
}

#body form label {
	font-weight: bold;
	margin-bottom: 2px;
	font-family: Helvetica, Arial, sans-serif;
	display: block;
}

#body form button {
	margin-top: 10px;
}

/* !Settings form */
#body input {
	font-size: 120%;
	padding: 3px;
	width: 300px;
}

#body input.check {
	width: auto;
}

/* !Link Feed */
#body #feed {
	padding: 10px 0;
	margin: 10px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#body #feed ul {
	margin-left: 5px;
	line-height: 20px;
	height: 400px;
	overflow: auto;
}

#body #feed ul li {
	font-size: 13px;
	margin-bottom: 15px;
}

#body #feed ul li .meta {
	font-size: 93%;
	color: #444;
}

#body #feed a.username {
	color: #0E1A31;
}

/* !Pagination */
.pagination {
	color: #aaa;
	font-size: 93%;
	text-align: center;	
	margin-top: 10px;
	margin-bottom: 10px;
}

.pagination a {
	color: inherit;
	text-decoration: none;
}

.pagination strong {
	color: #111;
	font-weight: normal;
}

/* !Footer */
#footer {
	text-align: center;
	font-size: 73%;
	margin: 20px 0;
}

/* !Misc */
.top_10 {
	margin-top: 10px;
}

.bottom_10 {
	margin-bottom: 10px;
}

.bottom_5 {
	margin-bottom: 5px;
}

.float_fix {
	clear: both;
	height: 1px;
	width: 100%;
}

.notice, .message {
	background-color: #FFFF99;
	padding: 10px;
	margin-bottom: 10px;
}

.message {
	font-size: 120%;
	margin-top: 5px;
	line-height: 25px;
}

.border_bottom {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
}

.picomark {
	font-weight: bold;
	background-color: #FFFF99;
	padding: 8px;
	font-weight: bold;
	font-size: 110%;
}

.highlight {
	text-decoration: underline;
	font-size: 120%;
}

.center_200 {
	width: 200px;
	margin: 20px auto;
	display: block;
}

.signup_image {
	float: left;
}

.signup {
	font-size: 120%;
	float: left;
	margin-left: 10px;
	margin-top: 4px;
}

.error {
	margin: 4px auto;
	text-align: center;
	width: 300px;
	font-weight: bold;
	color: #991821
}

.big {
	font-size: 130%;
	text-align: center;
	margin: 10px auto;
}

.center {
	text-align: center;	
}

.faded {
	color: #555;
}

.small {
	font-size: 93%;
}

/* Anonymous Home */
body.anon #container {
	width: 900px;
}

body.anon #container .container {
	background-color: #67C4DE;
	padding: 10px;
}

body.anon .description {
	float: left;
	width: 400px;
}

body.anon .video {
	float: right;
	width: 465px;
}

body.anon #container .container.bottom {
	border: 1px solid #aaa;
	border-top: 0;
	background-color: #fff;
	padding: 10px;
}

body.anon #body {
	border: 0;
}

body.anon .column {
	width: 280px;
	margin-right: 19px;	
	float: left;
}

body.anon .column.last {
	margin: 0;
}