/*
- body bg			#000000
- links				#ff9900
- links hover		#ffffff
- profile-box bg	#111111
- H tags			#cccccc
- H tags bg			#222222 + bg gradient image
- .grey				#888888 - for vid stats
*/

.imgmap-logo {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll 0px 0px;
	width: 155px;
	height: 60px;
	margin: 0 0 0 12px;
}
/* main nav */
.navbox #nav {
	margin: 0;
	position: relative;
	display: block;
	float: right;
	height: 31px;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}
.navbox #nav ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
	width: auto;
}
.navbox #nav ul li {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	text-align: center;
}
.navbox #nav ul li a {
	background: transparent url(images/mega-bgv17.png) -188px -70px no-repeat;
	display: block;
	width: 125px;
	float: left;
	color: #ddd;
	text-decoration: none;
	padding: 12px 0 0 0;
	height: 19px;
}
.navbox #nav ul li a:hover {
	color: #f9f9f9;
	background: transparent url(images/mega-bgv17.png) -332px -70px no-repeat;
}
/* topbar-links */
.box-align-right {
	display: block;
	text-align: right;
}
ul.topbar-links {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.topbar-links li {
	float: left;
	margin: 0 0 0 15px;
}
.imgmap_mail {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -347px -28px;
	width: 20px;
	height: 18px;
	margin: 3px 0 0 3px;
}
.imgmap_requests {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -367px -29px;
	width: 20px;
	height: 18px;
	margin: 0 0 0 3px;
}
.imgmap_feeds {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -323px -28px;
	width: 20px;
	height: 18px;
	margin: 0 0 0 3px;
}
.imgmap_speed_dial {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -302px -27px;
	width: 20px;
	height: 18px;
	margin: 0 0 0 3px;
}
.upload-button {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -372px -3px;
	display: block;
	width: 75px;
	height: 24px;
	margin: 5px 5px 0 0;
}
.searchbar {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll 0px -115px;
}
.searchbar-left {
	float: left;
	width: 300px;
}
.searchbar-mid {
	float: left;
}
.searchbar-right {
	float: right;
	padding-right: 10px;
}
#announcements {
	overflow: hidden;
	width: 300px;
}
.top-space {
	height: 10px;
}
 . 

/* videos */
.video_box {
float: left;
position: relative;
margin: 10px 17px 0 10px;
padding: 0;
}
.video_box img {
	border: 1px solid #777;
}
.video_box img:hover {
	border: 1px solid #ff9900;
}
.video_box_browse {
	float: left;
	position: relative;
	margin: 10px 0 0 6px;
	padding: 0;
}
.video_box_browse img {
	border: 1px solid #777;
}
.video_box_browse img:hover {
	border: 1px solid #ff9900;
}
.video_box_short {
	float: left;
	height: 145px;
	margin: 10px 25px 20px 13px;
}
.video_box_short img {
	border: 1px solid #777;
}
.video_box_short img:hover {
	border: 1px solid #ff9900;
}
.video_box_webmasters {
	float: left;
	margin: 10px 15px 10px 7px;
	width: 160px;
	height: 240px;
	padding: 0;
}
.video_box_webmasters img {
	border: 1px solid #777;
}
.video_box_webmasters img:hover {
	border: 1px solid #ff9900;
}
.box-left {
	float: left;
	color: #999;
	font-size: 10px;
	text-align: left;
}
.box-right {
	float: right;
	color: #999;
	font-size: 10px;
	text-align: right;
}
.player-switch {
	text-align: center;
	margin-top: 6px;
}
.player-switch a {
	font-weight: bold;
}
.video-wrapper {
	margin-left: 0;
}
.video-menu-wrapper {
	margin: 0 20px 0 0;
}
.attach-video-wrapper {
	margin: 0 100px 0 160px;
}
.attach-video-wrapper-reply {
	margin: 0 120px 0 10px;
}
.video-menu {
	margin: 10px 10px 5px 0;
	padding: 5px;
}
.video-menu-left {
	float: left;
	margin: 0;
	padding: 0;
	width: 275px;
} /* specify width for linux */
.video-menu-right {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}
.video-menu-right a {
	color: #999;
	font-size: 14px;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 0;
}
.video-actions {
	margin: 5px 20px 0 0;
	padding: 5px;
	text-align: center;
}
.video-actions a {
	color: #999;
	font-size: 14px;
	font-weight: bold;
	margin: 0 15px 0 0;
	padding: 0;
}
.video-info {
	margin: 5px 20px 0 0;
	padding: 5px;
	background-color: #111;
	border: 1px solid #222;
}
.video-info-left {
	float: left;
	margin: 0;
	padding: 0;
	width: 33%;
}
.video-info-mid {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 30%;
}
.video-info-right {
	float: right;
	margin: 0 3px 0 0;
	padding: 0;
	text-align: right;
}
.video-info-left-bottom {
	float: left;
	margin: 0;
	width: 400px;
	padding: 0;
}
.video-info-right-bottom {
	float: right;
	margin: 0 3px 0 0;
	padding: 0;
	text-align: right;
}
.rater-message {
	margin: 0 0 0 5px;
	color: #999;
	font-size: 14px;
	font-weight: bold;
}
.star {
	background-repeat: no-repeat;
	height: 20px;
	width: 25px;
	float: left;
	cursor: pointer;
}
.star_full {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -243px -5px;
}
.star_empty {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -215px -5px;
}
.star_half {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -272px -5px;
}
.star_full_small {
	float: left;
	margin-right: 2px;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -228px -29px;
	width: 10px;
	height: 12px;
}
.star_empty_small {
	float: left;
	margin-right: 2px;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -212px -29px;
	width: 10px;
	height: 12px;
}
.star_half_small {
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -246px -29px;
	width: 10px;
	height: 12px;
}
.favorites-message {
	color: #00ff00;
	text-align:center;
}
/* related videos */
.navboxrel #navrel {
	margin: 0;
	position: relative;
	display: block;
	height: 21px;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
}
.navboxrel #navrel ul {
	margin: 0px;
	padding: 0;
	list-style-type: none;
	width: auto;
}
.navboxrel #navrel ul li {
	display: block;
	float: left;
	margin: 0 1px 0 0;
	text-align: center;
}
.navboxrel #navrel ul li a {
	background: transparent url(images/mega-bgv17.png) -770px -9px no-repeat;
	display: block;
	width: 184px;
	float: left;
	color: #ddd;
	text-decoration: none;
	padding: 3px 0 0 0;
	height: 21px;
}
.navboxrel #navrel ul li a:hover {
	color: #f9f9f9;
	background: transparent url(images/mega-bgv17.png) -770px -42px no-repeat;
}
.related-wrapper {
	margin: 0;
	padding: 0;
}
.related-left {
	width: 36px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.related-mid {
	width: 880px;
	float: left;
	margin: 0;
	padding: 0;
}
.related-right {
	width: 25px;
	float: left;
	text-align: right;
	margin: 0;
	padding: 0;
}
a img.related-left-button {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -964px -3px;
	margin: 90px 0 0 0;
}
a:hover img.related-left-button {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -984px -3px;
}
a img.related-right-button {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -1004px -3px;
	margin: 90px 0 0 0;
}
a:hover img.related-right-button {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -1024px -3px;
}
/* add to icons */
.addtos {
	margin: 5px;
	padding: 5px 0 0;
	border-top: 1px dotted #333;
}
.addto {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}
.addto_blink {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -117px -92px;
	width: 18px;
	height: 16px;
	margin: 0;
	cursor: pointer;
}
.addto_delicious {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -99px -92px;
	width: 18px;
	height: 16px;
	margin: 0;
	cursor: pointer;
}
.addto_digg {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -81px -92px;
	width: 18px;
	height: 16px;
	margin: 0;
	cursor: pointer;
}
.addto_furl {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -136px -92px;
	width: 18px;
	height: 16px;
	margin: 0;
	cursor: pointer;
}
.addto_google {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -63px -92px;
	width: 18px;
	height: 16px;
	margin: 0;
	cursor: pointer;
}
.addto_simpy {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -45px -92px;
	width: 18px;
	height: 16px;
	margin: 0;
	cursor: pointer;
}
.addto_spurl {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -27px -92px;
	width: 18px;
	height: 16px;
	margin: 0;
	cursor: pointer;
}
.addto_yahoo {
	display: block;
	float: left;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -9px -92px;
	width: 18px;
	height: 16px;
	margin: 0;
	cursor: pointer;
}
/* photos */
.album-box {
	float: left;
	margin: 10px 20px 10px 10px;
	width: 116px;
	height: 205px;
	position: relative;
}
.album-box img {
	border: 1px solid #777;
}
.album-box img:hover {
	border: 1px solid #ff9900;
}
.album-row {
	margin-bottom: 20px;
}
.photo-box {
	float: left;
	margin: 0 10px 10px;
}
.photo-box img {
	border: 1px solid #777;
}
.photo-box img:hover {
	border: 1px solid #ff9900;
}
.photo-menu {
	margin: 5px;
	padding: 5px;
	background-color: #000;
	border: 1px solid #222;
}
.photo-menu-left {
	float: left;
	margin: 0;
	padding: 0;
}
.photo-menu-right {
	float: right;
	margin: 0;
	padding: 0;
}
.photo-menu-right a {
	color: #999;
	font-size: 14px;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 0;
}
.caption-box {
	width: 400px;
}
/* slideshow */
.slideshow-controls {
	background-color: #222;
	margin: 0;
	padding: 10px;
}
.start-stop {
	float: left;
	margin-right: 10px;
}
.slider {
	float: left;
	margin-right: 10px;
}
.slider-speed {
	float: left;
}
.photo-wrapper {
	margin-top: 20px;
}
.slider-knob {
	width: 20px;
	height: 20px;
}
.knob {
	background: #F98E00 url(images/mega-bgv17.png) no-repeat scroll -175px -8px;
}
.slider-box {
	width: 200px;
	height: 20px;
	background-color: #000;
	border: 1px solid #a76400;
}
/* search/create/login/user prefs */
.advanced-search {
	float: left;
	margin: 8px 0 0 5px;
	padding: 0;
	font-size: 10px;
	color: #999;
}
.advanced-search a {
	color: #999;
}
.advanced-search a:hover {
	color: #ff9900;
}
ul.prefs-nav {
	margin: 0 0 0 4px;
	padding: 0;
}
ul.prefs-nav li {
	display: block;
	float: left;
	padding: 5px;
	margin: 0 15px 0 0;
	cursor: pointer;
	border-left: 1px solid #222;
	border-top: 1px solid #222;
	border-right: 1px solid #222;
}
ul.prefs-nav li a:hover {
	color: #fff;
}
/* image cropper */
#cropper {
	text-align: center;
	display: block;
	visibility: visible;
}
#cropper-container-border {
	padding-bottom: 10px;
}
#cropper-container {
	position: relative;
}
#cropper-mover {
	position: absolute;
	cursor: move;
	border: 1px solid #990000;
	background-position: -1px -1px;
}
#cropper-resizer {
	height: 10px;
	width: 10px;
	background: #fff;
	position: absolute;
	cursor: nw-resize;
	background-image: url(../../images/resize_NW_SE.gif);
}
#thumb_preview {
	display: none;
	visibility: hidden;
	text-align: center;
}
#preview_holder {
	border: 1px solid #000;
}
#cropper-animation {
	display: none;
	visibility: hidden;
	width: 200px;
	text-align: center;
}
#cropper-black-border {
	border: 2px solid #000;
}
.cropped-avatar {
	margin: 0 10px;
}
/* profile */
.profile-box {
	background-color: #111;
	margin-bottom: 10px;
	border: 1px solid #222;
	overflow: hidden;
} /* used across whole site */
.profile-box-narrow {
	background-color: #000;
	border: 1px solid #222;
	margin: 10px 20px 10px;
} /* extra margin for share, flag, embed containers */
.sideadvert-site {
	background-color: #111;
	margin-bottom: 10px;
	border: 1px solid #222;
	margin: 0 0 0 760px;
}
.sideadvert-browse {
	background-color: #111;
	margin-bottom: 10px;
	border: 1px solid #222;
	margin: 0 0 0 785px;
	height: 1350px;
	width: 162px;
*margin: 0 0 0 780px;
}
.sideadvert-home {
	background-color: #111;
	margin-bottom: 10px;
	border: 1px solid #222;
	margin: 0 0 0 760px;
	height: 2150px;
}
/* two columns inside a profile-box */
.profile-box-left {
	float: left;
	margin: 0;
	padding: 0;
}
.profile-box-right {
	float: right;
	margin: 0;
	padding: 0;
}
.profile-box-content-center {
	padding: 0px 10px;
	margin: 0px;
	clear: both;
}
/* two icons on upload page */
.upload-box-left {
	float: left;
	margin: 20px 0 20px 70px;
	padding: 0;
}
.upload-box-right {
	float: right;
	margin: 20px 70px 20px 0;
	padding: 0;
}
/* sub headings for profile boxes */
.link-bar {
	background-color: #111;
	height: 18px;
	border-bottom: 1px dotted #333;
	margin: 0 0 5px;
	padding: 0;
}
.link-barnb {
	background-color: #111;
	height: 18px;
	margin: 0 0 5px;
	padding: 0;
} /* no bottom border - used in edit profile */
.link-bar-bottom {
	background-color: #222;
	height: 18px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #333;
} /* for blog controls */
.link-bar-bottomnb {
	background-color: #222;
	height: 18px;
	margin: 0;
	padding: 0;
}
.bar-left {
	float: left;
	font-size: 11px;
	color: #999;
	padding: 0 10px;
}
.bar-right {
	float: right;
	font-size: 11px;
	color: #999;
	padding: 0 10px;
}
ul.quick-links {
	margin: 0 0 0 10px;
	padding: 0;
}
ul.quick-links li {
	float: left;
	width: 140px;
	margin: 4px 0;
	padding: 0;
}
.profile-avatar {
	float: left;
	width: 110px;
	margin: 7px 0 0 10px;
	padding: 0;
}
ul.profile-info {
	float: left;
	width: 160px;
	margin: 3px 5px 10px 0;
	padding: 0;
}
ul.profile-info li {
	margin: 0 0 5px;
	padding: 0;
	color: #d2d2d2;
}
ul.profile-moreinfo {
	margin-top: 10px;
	padding: 0;
}
ul.profile-moreinfo li {
	margin: 0 0 5px;
	padding: 0;
	color: #d2d2d2;
}
.comment-box {
	background-color: #000;
	border: 1px solid #333;
	margin: 0 10px 10px;
} /* <p> styled in typography.css */
.comment-avatar-box {
	float: left;
	margin: 10px;
}
.comment-info-box {
	border: 1px solid #333;
	background-color: #222;
	margin: 10px 10px 5px 85px;
	padding: 3px 10px;
}
.comment-text-box {
	margin: 5px 5px 5px 85px;
	padding: 3px 10px;
	color: #f1f1f1;
	overflow: hidden;
}
.comment-controllers-box {
	margin: 5px 10px 0 85px;
	border-top: 1px dotted #444;
	padding: 3px 10px;
	font-size: 11px;
}
.add-comment-wrapper {
	margin: 0;
	padding: 0;
	width: 500px;
}
.add-comment-left {
	float: left;
	width: 165px;
	padding: 5px 0;
}
.add-comment-mid {
	float: left;
	width: 165px;
	padding: 0;
}
.add-comment-right {
	float: left;
	width: 165px;
	padding: 5px 0;
}
.user-box {
	float: left;
	height: 160px;
	width: 110px;
	margin: 10px 10px 20px;
}
.user-box img {
	border: 1px solid #777;
}
.user-box img:hover {
	border: 1px solid #ff9900;
}
.add-photo-row {
	margin: 10px 10px 20px;
	background-color: #333;
}
.drag-n-drop {
	margin: 0 10px;
	border-bottom: 1px dotted #555;
}
.drag-n-drop-lower {
	margin: 0 10px;
}
.recent-sub-orderby {
	margin: 5px 0 2px 10px;
} /* for subscriptions nav */
.feedback-msg {
	color: #ff0000;
}
/* speed dial drag n drop */
.draggable {
	float: left;
	margin: 10px;
	cursor: move;
	position: relative;
}
.droppable {
	border: 1px dotted #555;
	padding: 5px;
}
.drop_area {
	float: left;
	margin: 5px;
}
/* attach videos to comments */
.video_attach_panel {
	width: 130px;
	height: 130px;
	margin: 10px 12px 0 10px;
	float: left;
	border: 1px solid #000;
}
.video_attach_box {
	background-color: #000;
	border: 1px solid #222;
}
ul.video-attach-nav {
	margin: 0;
	padding: 0;
}
ul.video-attach-nav li {
	float: left;
	margin-right: 10px;
	padding: 0;
	cursor: pointer;
}
/* feeds */
.feed-box {
	margin: 5px 10px 0 10px;
	padding: 0;
	border-bottom: 1px solid #222;
}
.feed-img {
	float: left;
	margin-right: 5px;
}
.feed-date {
	float: left;
	margin-right: 5px;
}
.feed-text {
	float: left;
}
/* community nav */
ul.community-nav {
	margin: 10px 0;
	padding: 0;
}
ul.community-nav li {
	margin: 0;
	padding: 0 0 3px 10px;
}
img.videos-community {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -305px -51px;
	margin-right: 5px;
}
img.photos-community {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -324px -50px;
	margin-right: 5px;
}
img.members-community {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -344px -51px;
	margin-right: 5px;
}
img.blogs-community {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -362px -51px;
	margin-right: 5px;
}
/* threads */
.message-box {
	padding: 5px;
	margin: 5px;
	border-bottom: 1px solid #222;
}
.message-box-avatar {
	float: left;
	width: 80px;
}
.message-box-username {
	float: left;
	text-align: right;
	width: 100px;
	margin-right: 15px;
}
.message-box-message {
	float: left;
	width: 460px;
}
.message-box-delete {
	float: left;
	width: 40px;
}
.message-box-unread {
	background-color: #333;
}
.reply-box {
	margin-left: 110px;
}
a img.reply {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -742px -78px;
}
a.message-preview-link {
	color: #fff;
}
a:hover.message-preview-link {
	color: #FF9900;
}
/* blog */
.format_button {
	font-size: 14px;
	cursor: pointer;
	margin: 0 4px;
	padding: 2px;
	color: #FFF;
	border: none;
	display: block;
	float: left;
}
.spacer {
	float: left;
	margin: 8px 5px 0;
	width: 1px;
	height: 10px;
	border-left: 1px solid #666;
}
.blog_formatting {
	margin: 10px 0 10px 145px;
}
.colourPicker {
	width: 15px;
	height: 15px;
	cursor: pointer;
	float: left;
	margin-left: 5px;
}
.object_pane {
	float: left;
	cursor: pointer;
	margin: 2px;
}
.blog-header-wrap {
	margin: 5px 0 0;
}
.blog-content-wrap {
	margin: 0 10px 5px;
	padding-bottom: 10px;
}
/* share flag favorite embed */
a img.share {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -479px -3px;
}
a:hover img.share {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -479px -24px;
}
a img.favorite {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -505px -5px;
}
a:hover img.favorite {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -505px -27px;
}
a img.flag {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -528px -3px;
}
a:hover img.flag {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -528px -25px;
}
a img.embed {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -557px -3px;
}
a:hover img.embed {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -557px -25px;
}
a img.playlist {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -480px -46px;
}
a:hover img.playlist {
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -480px -67px;
}
/* pagination */
.next-prev-bar {
	margin: 5px 10px;
	padding: 5px;
	border: 1px solid #333;
	background-color: #000;
	text-align: center;
}
/* footer */
.footer {
	text-align: center;
}
.footer a {
	color: #999;
}
/* player */
.flv-player {
	width: 608px;
	height: 490px;
	border: 1px solid #333;
}
.flv-player-new {
	width: 608px;
	height: 476px;
	border: 1px solid #333;
}
/* Columns */
.container {
	width: 950px;
	margin: 0 auto;
	background-color: #000;
	margin-top: 50px;
}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
	float: left;
	margin-right: 10px;
}
div.last {
	margin-right: 0;
}
.span-1 {
	width: 30px;
}
.span-2 {
	width: 70px;
}
.span-3 {
	width: 110px;
}
.span-4 {
	width: 150px;
}
.span-5 {
	width: 190px;
}
.span-6 {
	width: 230px;
}
.span-7 {
	width: 270px;
}
.span-8 {
	width: 310px;
}
.span-9 {
	width: 350px;
}
.span-10 {
	width: 390px;
}
.span-11 {
	width: 430px;
}
.span-12 {
	width: 470px;
}
.span-13 {
	width: 510px;
}
.span-14 {
	width: 550px;
}
.span-15 {
	width: 590px;
}
.span-16 {
	width: 630px;
}
.span-17 {
	width: 670px;
}
.span-18 {
	width: 710px;
}
.span-19 {
	width: 750px;
}
.span-20 {
	width: 790px;
}
.span-21 {
	width: 830px;
}
.span-22 {
	width: 870px;
}
.span-23 {
	width: 910px;
}
.span-24, div.span-24 {
	width: 950px;
	margin: 0;
	color: #333333;
}
div.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #222;
}
div.colborder {
	padding-right: 14px;
	margin-right: 15px;
	border-right: 1px solid #222;
}
.clearfix:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, .container {
	display: inline-block;
}
* html .clearfix, * html .container {
	height: 1%;
}
.clearfix, .container {
	display: block;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
.clear-right {
	clear: right;
	margin: 0;
	padding: 0;
}  /* for invite/support links in header */
.center {
	text-align: center;
}
.left {
	float: left;
	margin: 10px;
}
.right {
	float: right;
	margin: 10px;
}
.left-blogimg {
	float: left;
	margin: 5px 10px 5px 5px;
}
.left-nomargin {
	float: left;
	margin: 0;
}
/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

	scrollbar-base-color: #333333;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #999999;
	
	scrollbar-shadow-color: black;
	scrollbar-lightshadow-color: black; 
	scrollbar-darkshadow-color: gray;
	
	scrollbar-highlight-color: #999999;
	scrollbar-3dlight-color: #333333;
}


table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}
a img {
	border: none;
}
/* Forms */
label {
	width: 140px;
	float: left;
	clear: both;
	text-align: right;
	margin: 6px;
}
label.long {
	width: 220px;
	float: left;
	clear: both;
	text-align: right;
	margin: 6px;
}
label.short {
	width: 20px;
	float: left;
	clear: both;
	text-align: right;
	margin: 6px;
} /* for flagger radio buttons */
label.semishort {
	width: 28px;
	float: left;
	text-align: left;
	margin: 6px 6px 6px 0;
} /* for embed form on webmasters page */
label.medium {
	width: 80px;
	float: left;
	clear: both;
	text-align: right;
	margin: 6px;
} /* for community search filters */
fieldset {
	padding:1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}
legend {
	font-weight: bold;
	font-size:1.2em;
}
.remove {
	margin: -10px 0 0 0;
	padding: 0;
}
.input-text {
	margin: 0;
	padding: 6px 0;
	float: right;
	text-align: left;
	width: 175px;
}
input.text, input.title, textarea, select {
	margin:0.5em 0;
	border:1px solid #bbb;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {
	border:1px solid #666;
}
input.text, input.title {
	width: 140px;
	padding:1px;
}
input.title {
	font-size:1.5em;
}
input.text-readonly {
	width: 150px;
	padding: 1px;
	margin:0.5em 0;
	background-color: #999;
	border:1px solid #999;
} /* for profile edit page */
input.pref-checkboxes {
	width: 30px;
	padding: 1px;
	margin:9px 0 0;
} /* for user prefs checkboxes */
textarea {
	width: 350px;
	height: 80px;
	padding: 5px;
}
textarea.wall-comment {
	width: 500px;
	height: 100px;
	padding: 5px;
	margin: .5em;
	background-color: #f1f1f1;
	color: #000;
	border:1px solid #000;
}
textarea.message-compose {
	width: 500px;
	height: 150px;
}
textarea.share-flag-embed {
	width: 250px;
	height: 70px;
}
textarea.report-user {
	width: 200px;
	height: 70px;
}
input.button {
	width: 80px;
	padding:0;
	color: #fff;
	margin:0.5em 0;
	border:1px solid #999;
	background-color: #333;
	cursor: pointer;
}
input.button:focus {
	border:1px solid #999;
}
input.edit-button {
	width: 157px;
	height: 37px;
	background: transparent url(images/mega-bgv17.png) no-repeat scroll -596px -10px;
	border: 0;
	cursor: pointer;
}
input.embed {
	width: 110px;
	padding: 1px;
	margin:0.5em 0;
	border:1px solid #ff9900;
	background-color: #000;
	color: #999;
	font-size: 11px;
} /* for webmasters page */
/* blog forms */
input.blog-title {
	width: 450px;
	padding: 1px;
	margin:0.5em 0;
	border:1px solid #fff;
}
textarea.blog-entry {
	width: 450px;
	height: 400px;
	padding: 1px;
}
/* upload form for avatar cropper */
.upload-form-wrapper {
	margin-left: 5px;
}
.upload-form-input {
	float: left;
	margin: 5px 10px 0 0;
	padding: 0;
}
.upload-form-button {
	margin: 0;
	padding: 0;
}
/* Success, notice and error boxes */
.error, .notice, .success, .warning {
	padding: 5px;
	margin-bottom:1em;
	border: 2px solid #ddd;
	text-align: center;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice, .warning {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.error a {
	color: #8a1f11;
}
.notice a {
	color: #514721;
}
.success a {
	color: #264409;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #ccc;
}
h1 {
	font-size: 1.4em;
	line-height: 1;
	margin: 0 10px 5px 0;
	font-weight: bold;
	text-transform: uppercase;
} /* video titles */
h1.hp {
	margin: 0 0 0 12px;
} /* more left margin to align with vid boxes */
h1.blog {
	margin: 0 0 5px 8px;
} /* more left margin to align with content */
h1.grad-bg {
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	margin: 0;
	padding: 10px;
	color: #ccc;
	background: #222 url(images/mega-bgv17.png) 0px -160px no-repeat;
	text-transform: uppercase;
}
h2 {
	font-size: 1.5em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
} /* sidebar titles etc */
h3 {
	font-size: 1.1em;
	line-height: 1;
	font-weight: bold;
	margin: 0;
	padding: 10px;
	color: #ccc;
	background: #222 url(images/mega-bgv17.png) 0px -160px no-repeat;
	text-transform: uppercase;
} /* profile titles */
h4 {
	font-size: 1.2em;
	margin: 0 0 1.25em 10px;
	font-weight: bold;
	line-height: 1.25;
	height: 1.25em;
} /* 10px left margin */
h5 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 0 10px;
	padding-top: 5px;
} /* not used yet */
h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 15px 0 0 10px;
	color: #b0b0b0;
} /* not being used */
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
/* Text Elements */
p {
	margin: 0 0 1.5em;
}
p.last {
	margin: 0;
	padding: 0;
}
p.announcement {
	margin: 8px 0 5px 10px;
	color: #ddd;
}
.profile-box p {
	padding: 0 10px 10px;
	color: #d2d2d2;
}
.grey {
	color: #888;
}
.grey a {
	color: #888;
}
.grey a:hover {
	color: #ddd;
}
a:focus, a:hover {
	color: #fff;
}
a {
	color: #ff9900;
	text-decoration: none;
	outline: none;
}
blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}
.bold {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: bold;
}
sup, sub {
	line-height: 0;
}
/* Lists */
li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin: 0 1.5em 1.5em 10px;
}
ul.bullet {
	list-style-type: disc;
	margin-left: 25px;
	color: #d2d2d2;
}
ul {
	list-style-type: none;
}
ol {
	list-style-type: decimal;
	padding-left: 20px;
	color: #d2d2d2;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
/* Tables */

table {
	margin-bottom: 1.4em;
}
th {
	font-weight: bold;
	border-bottom: 1px solid #444;
}
th, td {
	padding: 4px 10px 4px 5px;
}
td {
	color: #999;
	border-bottom: 1px solid #333;
}
tr.even td {
	background: #E5ECF9;
}
tfoot {
	font-style: italic;
}
caption {
	background: #eee;
}
/* Misc */
.available {
	background-color: #ADADAD;
	height: 16px;
	margin: 10px 10px 3px;
	width: 16px;
}
.booked {
	background-color: #F98E00;
	height: 16px;
	margin: 10px;
	width: 16px;
}
.result-phrase strong {
	color: #fff;
}
.blog-ad {
	margin-top: 400px;
}
.category-box {
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-left: 3px;
	margin-right: 1px;
}
.small {
	font-size: 11px;
}
.xsmall {
	font-size: 9px;
}
.large {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
	color: #888888;
} /* 'views' on vid page */
.hide {
	display: none;
}
.quiet {
	color: #666;
}
.loud {
	color: #ffff00;
	font-size: 11px;
	font-weight: normal;
}
.highlight {
	background:#ff0;
}
.added {
	background:#060;
	color: #fff;
}
.removed {
	background:#900;
	color: #fff;
}
.first {
	margin-left:0;
	padding-left:0;
}
.last {
	margin-right:0;
	padding-right:0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
.cursor_hand {
	cursor: pointer;
}
body {
	margin:.5em 0;
	font-size: 75%;
	line-height: 1.5;
	color: #fff;
	background: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.right-column {
	background-color: #111111;
	float: right;
	height: 475px;
	width: 550px;
	border: solid #444444 1px;
}