html {
	height:100%;
}

body {
	min-height:100%;
	font-family:Arial, sans-serif;
	font-size:11pt;
	background:#fff;
	margin:0 0;
	background:#fdfdfd;
}

.marginless {
	margin:0 0;
}

a, .a {
	color:#24f;
}

.outer {
	width:960px;
	margin:0 auto;
	padding:10px;
}

.header {
	background-color:#B3B4BB;
	background-image:url('/assets/graphics/interface/header-bg.png');
	border: 1px solid #aaaaaa;
	border-bottom:none;
	background-repeat:repeat-x;
	border-radius: 8px 8px 0 0;
	color:#523;
	position:relative;
}

.header .centerpiece {
	position:absolute;
	top:10px;
	left:290px;
}

.header a.logo {
	width:223px;
	height:64px;
	display:block;
	background:url('/assets/graphics/brand/logo.png');
}

.header .links {
	display:inline-block;
	right:10px;
	position:absolute;
	bottom:10px;
	text-align:right;
}

.header .links a {
	margin-left:10px;
}

.navigation {
	background-color:#2D7Aff;
	background-image:url('/assets/graphics/interface/navigation-bg.png');
	background-repeat:repeat-x;
	border:1px solid #46d;
	padding:2px 10px;
}

.navigation a {
	display:inline-block;
	text-decoration:none;
	color:#fff;
	padding:2px 10px;
}

.navigation a:hover {
	text-decoration:none;
}

.navigation a.selected {
	background:#fff;
	border-radius:3px;
	color:#46f;
}

.footer {
	background-color:#B3B4BB;
	background-image:url('/assets/graphics/interface/footer-bg.png');
	background-repeat:repeat-x;
	border: 1px solid #aaaaaa;
	border-top:3px solid #48f;
	border-radius:0 0 8px 8px;
	padding-bottom:8px;
	text-align:center;
	color:#235;
}

/*dashboard*/

.content-body {
	border-left:1px solid #46d;
	border-right:1px solid #46d;
	background:#fff;
	position:relative;
}

.side-nav {
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:200px;
	border-right:1px solid #46d;
	background:#e8eaff;
}

.side-nav .inner {
	padding: 10px 0 10px 10px;
}

.side-nav .inner .heading {
	color:#24f;
	font-weight:bold;
	padding:2px 0;
}

.side-nav .inner > p {
	padding-right:10px;
}

.side-nav .inner > a, .side-nav .inner > .a {
	display:block;
	padding:2px 0px 2px 10px;
	position:relative;
	background:#cdf;
	border:1px solid #48f;
	border-right:none;
	margin:2px 0;
	color:#48f;
	border-radius:4px 0 0 4px;
	text-decoration:none;
	overflow:hidden;
}

.side-nav .inner > a.selected, .side-nav .inner > .a.selected {
	background:#48f;
	color:#fff;
}

.content {
	display:inline-block;
	position:relative;
	top:0;
	left:201px;
	right:0;
	padding:10px;
	width:534px;
}

/*Account pages*/

.input-error {
	color:#e01;
}

input[type=text], input[type=password], textarea, input[type=checkbox] {
	border:1px solid #026;
	padding:7px 10px;
	background-color:#fff;
	background-repeat:repeat-x;
	font-family:Arial, sans-serif;
	font-size:12px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, input[type=checkbox]:focus {
	border:1px solid #48f;
	outline:none;
	background-color:#fff;
	background-image:url('/assets/graphics/interface/text-input-bg.png');
	background-repeat:repeat-x;
}

textarea {
	min-height:64px;
	display:block;
	margin-bottom:10px;
}

button {
	border:1px solid #46d;
	border-radius:3px;
	padding:4px 8px;
	font-family: Tahoma, Arial, sans-serif;
	background:#48f;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

button:hover {
	background-color:#6fafff;
	background-image:url('/assets/graphics/interface/button-hover.png');
	background-repeat:repeat-x;
}

button:active {
	background-color:#4f6fdf;
	background-image:url('/assets/graphics/interface/button-active.png');
	background-repeat:repeat-x;
}

.form > * {
	display:block;
	width:auto;
}

.form > input, .form > .row {
	margin-bottom:10px;
}

.form .row input[type=checkbox] {
	position:relative;
	top:1px;
	margin-right:10px;
}

.account-form {
	width:560px;
	padding-bottom:20px;
}

.account-form > input[type=text], .account-form > input[type=password], .account-form > textarea {
	min-width:510px;
	max-width:510px;
}

/*Profile styling*/

.content.profile {
	padding:0 0;
	width:757px;
}

.profile-header {
	position:relative;
	top:0;
	left:0;
	background:#B3B4BB;
	background-image:url('/assets/graphics/interface/footer-bg.png');
	background-repeat:repeat-x;
	padding:10px;
	width:737px;
	color:#fff;
}

.profile-header .info {
	width:532px;
	position:relative;
}

.profile-header .info .joined {
	top:10px;
	right:0;
	position:absolute;
}

.profile-header .info .age {
	right:0;
	position:absolute;
	top:-10px;
}

.profile-header .controls {
	position:absolute;
	top:10px;
	right:0;
	width:200px;
}

.profile-header .controls .row {
	margin-top:4px;
}

.profile-header .controls a {
	display:block;
	padding:4px 0;
}

.profile-elements {
	padding-top:10px;
}

.profile-elements .feed-element {
	padding:0 10px 10px 10px;
	display:inline-block;
}

.similar-pane.profile {
	position:relative;
	display:inline-block;
}

.side-nav .user-image {
	padding:10px 10px 10px 0;
	text-align:center;
	position:relative;
}

.side-nav .user-image .link-holder {
	position:absolute;
	top:10px;
	width:180px;
}

.side-nav .user-image .link-holder a {
	display:block;
	width:128px;
	height:128px;
	background:#48f;
	color:#fff;
	text-decoration:none;
	margin:0 auto;
	top:0;
	opacity:0;
	margin:0 auto;
	font-size:10px;
	line-height:128px;
}

.side-nav .user-image .link-holder a:hover {
	opacity:0.7;
}

/* Banner styling */
.banner {
	padding:4px 8px;
	border:2px solid #48f;
	color:#68a;
	background:#fff;
	font-weight:bold;
}

/*card styling*/

.card-element {
	border-bottom:1px solid #48f;
	margin-bottom:10px;
	width:532px;
	border-top:1px solid #cdf;
	position:relative;
	border-radius:3px;
	overflow:hidden;
}

.card-element .inner p img {
	max-width:506px;
	display:block;
	margin: 0 auto;
}

.card-element .inner {
	border:3px solid #5af;
	padding:10px;
}

.card-element .image {
	margin-right:10px;
	position:absolute;
	top:13px;
	left:13px;
	
}

.card-element .image img {
	width:64px;
	height:64px;
}

.card-element .card-heading {
	background:#5af;
	padding:2px 4px 0;
	color:#fff;
}

.card-element .card-heading img {
	position:relative;
	top:2px;
	margin-right:8px;
}

.card-element .post-text {
	font-size:12px;
	word-wrap:break-word;
}

.card-element .info {
	height:64px;
	line-height:16px;
	margin-left:74px;
}

.card-element p.has-buttons {
	padding-bottom:36px;
}

.card-element .buttons {
	position:absolute;
	bottom:13px;
	right:13px;
}

.buttons button {
	margin-left:4px;
}

/*dashboard stream stuff*/

.stream-compose {
	position:relative;
}

.stream-compose .actions {
	position:absolute;
	top:8px;
	right:43px;
}

.stream-compose .attachment-text {
	position:absolute;
	top:8px;
	left:10px;
}

.stream-compose .actions img {
	margin-left:4px;
	cursor:pointer;
}

.stream-compose textarea {
	min-height:16px;
	max-height:16px;
	transition:0.2s min-height;
	resize:none;
}

.stream-compose.open textarea {
	padding-top:32px;
	min-height:100px;
	transition:0.4s min-height;
	-moz-transition:0.1s min-height;
}

.stream-compose .buttons {
	text-align:right;
	width:532px;
}

.attachment-dialogue {
	position:absolute;
	top:24px;
	background:#edeeef;
	right:-10px;
	border:1px solid #a8cfff;
	border-top:none;
	border-radius:3px;
	padding:10px;
	width:400px;
}

.attachment-dialogue .speech-tick {
	position:absolute;
	top:-9px;
	right:11px;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:9px solid #edeeef;
}

.attachment-dialogue .close-button {
	position:absolute;
	top:10px;
	right:10px;
}

.attachment-dialogue input[type=text]{
	width:378px;
}

.attachment-dialogue .row {
	margin-bottom:10px;
}

.attachment-dialogue .buttons {
	width:400px;
}

#compose-error-container {
	position:absolute;
	line-height:22px;
	font-size:11px;
}

/* Page buttons */
.page-buttons a {
	display:inline-block;
	width:22px;
	line-height:22px;
	text-decoration:none;
	text-align:center;
	background:#bcf;
	border-radius:3px;
	margin-right:4px;
}

.page-buttons a.selected {
	background:#24f;
	color:#fff;
	font-weight:bold;
}

/* Similar items */

.similar-pane {
	position:absolute;
	top:0;
	right:0;
	width:200px;
	float:right;
}

.similar-pane p, .similar-pane h4 {
	padding-right:8px;
}

.suggestion-element {
	background:#edeeef;
	margin:0 8px 4px 0;
	border:1px solid #a8cfff;
	border-top:none;
	border-radius:3px;
	padding:4px;
}

.suggestion-element .image {
	display:inline-block;
	margin-right:6px;
	position:relative;
	top:2px;
	
}

.suggestion-element .image img {
	max-width:32px;
	max-height:32px;
}

.suggestion-element .info {
	display:inline-block;
	word-wrap:break-word;
}

.suggestion-element .info a {
	font-size:12px;
}