/* CSS Document */

body {
	padding:0 0 15px 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(/images/flipside/bg.png);
}

form {
	margin:0;
	padding:0;
}

img {
	border:0;
}

.break {
	height:1px;
	overflow:hidden;
	clear:both;
}

a {
	text-decoration:none;
}


#container {
	margin:0px auto 0 auto;
	width:900px;

}

#header {
	width:900px;
	height:137px;
}

#logo {
	width:307px;
	height:137px;
	float:left;
}

#header-right {
	width:593px;
	height:137px;
	float:left;
	background-image:url(/images/flipside/header-right.png);
	background-repeat:no-repeat;
	background-position:right;
}

#content-top {
	width:900px;
	height:33px;
	clear:both;
	background-image:url(/images/flipside/content-bg.png);
	background-repeat:no-repeat;
}

#content {
	width:850px;
	background-color:#000000;
	padding:0 25px 0 25px;
}

#left {
	width:505px;
	float:left;
	margin:0 20px 0 0;
}

#menu {
	width:505px;
	height:34px;
	margin:0 0 20px 0;
}

#menu ul {
	list-style:none;
	padding:0;
	margin:0;
}

#menu ul li {
	margin:0 12px 0 0;
	padding:0;
	display:block;
	float:left;
	width:114px;
	height:34px;
}

#menu ul li#menu-right {
	margin:0;
}



#video-buttons {
	width:505px;
	height:27px;
	margin:10px 0 21px 0;
}

#video-buttons img {
	float:left;
	margin:0 18px 0 0;
}

#video-buttons img#share {
	margin:0;
}

#sort-top {
	width:500px;
	height:75px;
	background-image:url(/images/flipside/sort-top.png);
	background-repeat:no-repeat;
}

#sort {
	width:500px;
	background-image:url(/images/flipside/sort-bg.png);
	background-repeat:repeat-y;
}

#sort-left {
	width:228px;
	float:left;
	padding:0 0 0 29px;
}

#sort-left select {
	width:200px;
	margin:0 0 10px 0;
	background-color:#000000;
	color:#FFFFFF;
	font-size:9px;
}

#sort-right {
	width:221px;
	float:left;
	font-size:12px;
	color:#FFFFFF;
	padding:0 0 0 22px;
}

#sort-right a {
	color:#FFFFFF;
}

#sort-bottom {
	clear:both;
	width:500px;
	height:16px;
	background-image:url(/images/flipside/sort-bottom.png);
	background-repeat:no-repeat;
	overflow:hidden;
}

#cats-top {
	width:500px;
	height:62px;
}

#cats {
	width:479px;
	background-color:#ff5e00;
	padding:0 0 0 21px;
	background-image:url(/images/flipside/cats-bg.png);
	background-repeat:no-repeat;
	background-position:top;
}

#cats h1 {
	color:#000000;
	margin:10px 0 0 0;
	padding:0;
	font-size:14px;
}

.vid-cat {
	width:68px;
	height:85px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	float:left;
	margin:7px 7px 0 0;
}

.vid-cat.cat-right {
	margin:7px 0 0 0;
}

.cat-heading {
	width:66px;
	padding:5px 1px 0 1px;
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.cat-bottom {
	width:60px;
	padding:5px 4px 0 4px;
	height:45px;
	text-align:center;
}

#cats-bottom {
	clear:both;
	width:500px;
	height:19px;
	background-image:url(/images/flipside/cat-bottom.png);
	background-repeat:no-repeat;
}

#right {
	width:325px;
	float:left;
}

#right-intro {
	width:325px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#right-intro span {
	color:#ff6600;
}

#right-intro p {
	margin:0;
	padding:0;
}

#video-info {
	width:325px;
	background-image:url(/images/flipside/right-bg.png);
	background-repeat:no-repeat;
	background-position:center -40px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:0 0 20px 0;
}

#video-info p {
	margin:15px 0 0 0;
	padding:0;
}

#video-info span {
	color:#ffcc00;
}

#video-info-top {
	width:325px;
	height:35px;
	padding:25px 0 0 0;
}

#comments-top {
	width:325px;
	height:68px;
	overflow:hidden;
}

#comments {
	width:314px;
	background-image:url(/images/flipside/shout-bg.png);
	background-repeat:no-repeat;
	background-color:#ffff00;
	padding:0 0 0 11px;
	overflow:hidden;
}

#comments p#intro-p {
	margin:10px 0 10px 10px;
	padding:0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}

#post-comment {
	width:301px;
	height:39px;
}

#other-comments {
	width:301px;
	height:36px;
}

.comment {
	width:284px;
	padding:0 0 0 11px;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}

.comment a {
	color:#000000;
}

.comment-top {
	width:284px;
	background-image:url(/images/flipside/comment-bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0 0 3px 0;
}

.comment-middle {
	width:284px;
	padding:0 0 3px 0;
}

.comment-bottom {
	width:284px;
	text-align:right;
	padding:0 0 3px 0;
}

#comment-pages {
	width:284px;
	padding:3px 0 6px 11px;
	font-size:11px;
	color:#000000;
	font-weight:bold;
}

#comment-pages a {
	color:#000000;
}


#pages-left {
	width:165px;
	float:left;
}

#pages-right {
	width:119px;
	float:left;
	text-align:right;
}

#upload-response {
	clear:both;
	width:301px;
	height:39px;
}

#other-responses {
	width:301px;
	height:32px;
}

.video-response {
	width:88px;
	height:87px;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #000000;
	margin:0 0 10px 8px;
	display:inline;
}

.response-title {
	width:83px;
	height:17px;
	padding:5px 0 0 5px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.response-title a {
	color:#000000;
}

.response-thumb {
	width:84px;
	height:65px;
	padding:0 0 0 4px;
}

#comments-bottom {
	width:325px;
	height:9px;
	background-image:url(/images/flipside/shout-bottom.png);
	background-repeat:no-repeat;
}
	
#content-bottom {
	width:900px;
	height:13px;
	clear:both;
	background-image:url(/images/flipside/content-bottom.png);
	background-repeat:no-repeat;
	margin:0 0 24px 0;
}

#footer {
	width:900px;
	height:95px;
	background-image:url(/images/flipside/footer-bg.png);
	background-repeat:no-repeat;
}

#footer-left {
	width:515px;
	height:62px;
	float:left;
	padding:33px 0 0 25px;
	font-size:14px;
}

#footer-left p.p-top {
	margin:0;
	padding:0;
	color:#ff6600;
	font-size:14px;
}

#footer-left p.p-bottom {
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:12px;
}

#footer-left a {
	color:#ff6600;
}

#footer-right {
	width:336px;
	height:76px;
	float:left;
	padding:19px 24px 0 0;
}

#footer-right img {
	float:left;
}

#footer-logos {
	width:336px;
	height:76px;
	float:right;
}

#content-left {
	width:455px;
	padding:30px 30px 20px 20px;
}

#content-left h2 {
	padding:0;
	font-size:18px;
	color:#FFFFFF;
}


#content-left p {
	padding:0;
	margin:25px 0 0 0;
	font-size:14px;
	color:#FFFFFF;
}

#content-left p a {
	color:#FFFFFF;
}

#content-left p a:hover {
	text-decoration:underline;
}


#content-left li {
	font-size:14px;
	color:#FFFFFF;
}

#content-right {
	width:325px;
	padding:75px 0 0 0;
}

#most-recent {
	width:323px;
	padding:0 0 0 2px;
}

#popup_background {
	display:none;
	background-color:#000000;
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
}

#popup_content {
	display:none;
	position:absolute;
	width:361px;
	height:343px;
	z-index:100;
	background-image:url(/images/flipside/box_post_comment.png);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
}
#popup_content_share, #popup_content_download, #popup_content_comment, #popup_content_tag, #popup_content_questions {
	display:none;
	padding:22px;
} 

#popup_content #popup_content_download {
	font-weight:normal;
}

#popup_content #popup_content_download table {
	font-size:11px;
}

#popup_content #popup_content_download table a {
	color:#000000;
}

#popup_content #popup_content_share textarea {
	width:305px;
	height:45px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#popup_content #popup_content_share input {
	width:305px;
	height:13px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	
}


#popup_content_close {
	position:absolute;
	margin: 300px 0 0 317px;
}

#popup_content_questions ul li a {
	color:#000000;
}

#popup_content_questions ul li a:hover {
	color:#ff5e00;
}

#popup_content_questions ul li {
	margin-bottom:10px;
}