body {
    background: #fff;
}

a:link, a:visited, a:hover, a:active {
	color: #14ad2d;
}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#site {
    width: 840px;
    margin: 0 auto;
	padding-top: 100px;
	position: relative;
}

#header {
    position: relative;
}

h1 {
    position: absolute;
    bottom: 100px;
    background: transparent url(../img/rewindle.png) no-repeat;
    width: 298px;
    height: 92px;
    text-indent: -9999px;
}

h1.login {
	bottom: 82px;
}

h2 {
	margin-bottom: 15px;
}

h2 a {
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
}

h2 {
	font-size: 24px;
	font-family: arial;
	color: #14ad2d;
}

.side {
    padding: 0 18px 18px;
	background: transparent url(../img/box-bottom.png) no-repeat bottom center;
    width: 305px;
    float: right;
}

.side form, .side div, .side p {
    font-family: Georgia, serif;
    padding: 25px;
	background-color: #eaf6ec;
}

.side div.input, .side div.submit {
	padding: 0;
}
.side p {
	padding-top: 0;
	text-align: center;
}

.side p.padded {
	padding-top: 100px;
	padding-bottom: 100px;
}

form div.message, form div.error-message  {
	padding: 0 0 20px;
	font-size: 11px;
}

form #UserAutoLogin {
	display: none;
}

form div.error-message {
	padding: 0 0 20px;
}

form fieldset {
    padding: 0;
    border: none;
}

form fieldset ul {
    margin: 0 0 15px;
}

form legend {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}

form label {
    display: block;
	margin-bottom: 5px;
}

form input {
    display: block;
    height: 26px;
    margin-bottom: 20px;
    width: 100%;
}

form div.input input {
    font-size: 20px;
    line-height: 26px;
    color: #4bcb60;
}

form div.input.error input {
    font-size: 20px;
	margin-bottom: 5px;
	background-color: #f6eaea;
    line-height: 26px;
    color: #4bcb60;
}

form div.submit input {
    float: right;
    margin-bottom: 0;
    width: 100px;
}

p.login, p.create {
	float: right;
	font-family: Georgia;
	font-size: 12px;
	text-align: center;
	width: 340px;
}

#loginContainer {
	display: none;
}

.controls {
	float: right;
	display: block;
	height: 26px;
	line-height: 26px;
	font-size: 11px;
	font-family: georgia;
	text-decoration: none;
}

.controls li {
	float: left;
	margin-left: 15px;
}

.bookmarklet {
	float: left;
	width: 103px;
	height: 26px;
}

#tooltip {
	padding-bottom: 15px;
	background: transparent url(../img/tooltip.png) no-repeat bottom left;
}

#tooltip span {
	font-family: Arial;
	padding: 4px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #14ad2d;
}

#tooltip span a {
	color: #fff;
	text-decoration: underline;
}
#videoHolder {
	width: 525px;
	float: left;
	overflow: hidden;
}

#video {
	width: 525px;
	height: 400px;
	overflow: visible;
}

#video embed, #video object {
	width: 525px !important;
	font-size: 1px;
	color: #fff;
}


object.full, object.full embed,  {
	width: 100% !important;
}

#video p {
	color: #00aa00;
	font-family: arial;
	font-size: 24px;
}

#playlist {
	width: 287px;
	float: right;
}

#playlist li {
	margin-bottom: 5px;
	position: relative;
	left: 0;
}

#playlist li a {
	background-color: #dbeadd;
}

#playlist li a.video {
	display: block;
	overflow: hidden;
	padding-left: 10px;
	height: 32px;
	line-height: 32px;
	font-size: 11px;
	text-decoration: none;
	font-family: arial;
	font-color: #14ad2d;
}

#playlist a.video:hover {
	background-color: #cae1cd;
}

#playlist a.button {
	position: absolute;
	right: 0;
	top: 0;
	height: 32px;
	width: 32px;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	font-family: arial;
	background-color: #dbeadd;
	text-align: center;
	text-decoration: none;
	display: none;
	text-indent: -9999px;
}

#playlist.edit li a.button {
	display: block !important;
}

#playlist.edit li a.button:hover {
	color: #fff !important;
	background-color: #83ac88 !important;
}

#playlist.edit li a.button.edit {
	right: 64px;
	background: #dbeadd url(../img/edit.png) no-repeat center center;
}

#playlist.edit li a.button.order {
	right: 32px;
	cursor: move;
	background: #dbeadd url(../img/order.png) no-repeat center center;
}

#playlist.edit li a.button.delete {
	background: #dbeadd url(../img/delete.png) no-repeat center center;
}

.feed div {
	float: right;
}

.feed div input, .feed div label {
	float: left;
	display: block;
}

.feed div label {
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	line-height: 28px;
	margin-right: 8px;
}

.feed div input {
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	width: 260px;
	margin-bottom: 50px;
}
