/*
	$Id: styles.css 39111 2008-06-23 10:21:53Z bvanderpoel $
	$URL: http://10.134.130.125/svn/CodeDB/trunk/webroot/comedychamp/styles.css $
*/

body {
	background-color	: #b00033;
	background-image	: url(files/images/bg_body02.gif);
	background-repeat	: repeat-y;
	background-position	: center;
	margin				: 0px;
	padding				: 0px;
	/*margin-left			: -32px;*//* This is clearly madness - but it seems to do a job */
	text-align			: left;
}


#champ-wrap {
	width				: 1024px;
	font-family			: arial, verdana, sans-serif;
	font-size			: 100%;
	background-color	: #fff;
	margin				: 0 auto;
	text-align			: left;
	padding				: 0px;

}

/* home page has a big header */
#champ-homepage {

}
/* normal pages have standard height header */
#champ-defaultpage {

}

#champ-homepage #champ-header-comedy {
	background			: url(files/images/bg_header03.jpg);
	width				: 1024px;
	height				: 462px;
}

#champ-defaultpage #champ-header-comedy {
	background			: url(files/images/bg_header_small.jpg) no-repeat;
	width				: 1024px;
	height				: 204px;
}

#champ-login {
	border-left			: 2px solid #ff6600;
	margin-left			: 825px;
	color				: #ff6600;
	height				: 171px;

}
#champ-login-lists {
	padding-top			: 50px;
}
#champ-login ul {
	list-style			: none;
	text-align			: center;
	margin				: 0px;
	padding				: 0px;
	margin-bottom		: 10px;
}
#champ-login li {
	font-size			: 0.8em;
	display				: inline;
	text-align			: center;
	font-weight			: bold;
}
#champ-login a {
	color				: #ff6600;
	text-decoration 	: none;
}
#champ-login a:hover {
	color				: #fff;
}
#champ-login p img {
	margin-left			: 16px;
	width				: 164px;
	height				: 34px;
	border				: 0px;
}

#champ-nav {
	margin-left			: 390px;
	padding-top			: 7px;
}

#champ-defaultpage #champ-nav {
	margin-left			: 305px;
}

#champ-nav ul {
	list-style			: none;
	margin				: 0px;
	padding				: 0px;
	margin-bottom		: 10px;
}
#champ-nav li {
	font-size			: 0.8em;
	display				: inline;
	font-weight			: bold;
	color				: #fff;
	margin-right		: 15px;
	text-transform		: uppercase;
}
#champ-nav a {
	color				: #fff;
	text-decoration		: none;
}
#champ-nav a:hover {
	color				: #B00033;
	text-decoration		: underline;
}

#champ-homepage #champ-search {
	margin-top			: 185px;
	width				: 195px;
	float				: left;
	/*background-color	: #6A9ABE;*/
	/*padding-bottom:2px;*/
	}
#champ-defaultpage #champ-search {
	width				: 195px;
	float				: left;
	background:#6A9ABE url(files/images/bg_search.gif) repeat-x;
	padding-bottom:10px;
	}

*html #champ-textual-content{
	padding:0px 5px;

}

#champ-search h1 {
	font-size			: 1.2em;
	margin				: 10px 0px 5px 5px;
	font-weight			: bold;
	color				: #fff;
	padding				: 0px;
}
#champ-search p {
	margin				: 0px;
}
#champ-search form {
	display				: inline;
}
#champ-search form input {
	padding				: 0px;
	margin				: 5px;
	float				: left;
	}

/* IE6 fix */
*html #champ-search form input {
	margin				: 0px 1px 0px 3px;
	}

#champ-search input[type=text] {
	width				: 110px;
}

.champ-search-form{

	float:left;
	width				: 195px;
}
.champ-search-form-input{
	float				: left;
	width				: 132px;
}
.champ-search-form-button{
	float				: left;
	width				: 32px;
}
#champ-search a,
.champ-submit-button a{
	color				: #fff;
	text-decoration		: none;
}

.champ-liteblue{
	color				: #c5e4f8;
}

.champ-subheader{
	display:none;
}


#champ-below-header{
	float				: left;
	width				: 100%;
	background-color 	: #b00031;

	}


#champ-lh-nav-col {
	width				: 195px;
	background-color 	: #b00031;
	color				: #fff;
	float				: left;
}

#champ-submit
, #champ-lh-nav {
	background			: url(files/images/bg_submit.gif) repeat-x;
	float				: left;
	width				: 100%;
	padding-bottom		: 15px;
}
#champ-submit h1
, #champ-lh-nav h1 {
	font-size			: 1.2em;
	font-weight			: bold;
	padding				: 10px 0px 10px 5px;
	margin				: 0px;
}
.champ-submit-text {
	font-size			: 0.7em;
	font-weight			: bold;
	margin				: 0px 3px;
	float				: left;
	padding				: 0px;
}
.champ-submit-text-copy {
	float				: left;
	margin				: 3px 3px;
}
.champ-submit-text-image {
}
.champ-submit-button {
	display				: inline;
	background			: url(files/images/bg_button_submit.gif);
	border				: 1px solid #fff;
	width				: 77px;
	font-size			: 0.7em;
	font-weight			: bold;
	padding				: 2px 5px;
}

#champ-lh-nav ul {
	list-style			: none;
	margin				: 0px;
	padding				: 0px 5px;
	margin-bottom		: 10px;
}
#champ-lh-nav li {
	font-size			: 0.7em;
	font-weight			: bold;
	margin-right		: 15px;
	line-height			: 20px;
}
#champ-lh-nav li a {
	color				: #fff;
	text-decoration		: none;
}
#champ-lh-nav li a:hover {
	color				: #000;
}
#champ-lh-nav hr {
	width 				: 180px;
	border				: 0px;
	border-top 			: 1px solid #fff;
}


#champ-main-content {
	float				: left;
	width				: 829px;
	/*width				: 724px;*/
	background-color	: #fff;

}



#champ-videos {
	float				: left;
	width				: 690px;
	padding				: 5px;
	color				: #444;
}

/*IE6 fix*/
*html #champ-videos {
	width				: 685px;
	margin				: 0px;
	float				: left;
	padding				: 0px 2px;

}

#champ-videos h1 {
	color				: #dd7701;
	font-size			: 1.3em;
	margin				: 5px 10px;
	font-family			: "Trebuchet MS", verdana, arial, sans-serif;
}

.champ-form {
	padding-left		: 10px;
	font-size			: 0.8em;
	color				: #444;
}
.champ-form div {
	float				: left;
	width				: 150px;
}
.champ-form input[type=text]
, .champ-form input[type=password]
, .champ-form input[type=file]
, .champ-form textarea
, .champ-form select {
	width				: 250px;
}

#champ-search-results input[type=submit],
.champ-form input[type=submit]{
	color				: #000;
	padding				: 0px;
}

#champ-top-row {
	width				: 100%;
	float				: left;
}
#champ-videos #champ-top-row h1,
#champ-videos #champ-second-row h1 {
	color				: #DD7701;
	font-size			: 1.1em;
	margin				: 5px 20px;
	font-family			: "Trebuchet MS", verdana, arial, sans-serif;
}
#champ-second-row {
	width				: 824px;
	float				: left;

}

/*IE6 fix*/
*html #champ-second-row {
	width				: 700px;

}


.champ-second-row-col1 {
	float				: left;
	width				: 230px;
}

#champ-ad-col {
	float				: left;
	width				: 120px;
	height				: 620px;
	padding-top:10px;
}


/* DISPLAY HANDLER: CHAMP DEFAULT */

.champ-default {
	width				: 220px;
	margin				: 10px 5px;
	float				: left;
	background-color 	: #d5e1ea;
}
/* IE6 bug */
* html .champ-default{
	margin				: 10px 3px;
}

.champ-default div {
	float				: left;
}

.champ-default .details {
	width				: 115px;
	padding				: 0px 0px 0px 5px;

}
.champ-default .thumbnail img {
	width				: 100px;
	height				: 75px;
}
.champ-default .details h2 {
	color				: #ad0033;
	font-size			: 0.7em;
	margin				: 0px;
}
.champ-default .details .artist {
	font-size			: 0.7em;
	color				: #ad0033;
}
.champ-default .details .nickname {
	font-size			: 0.7em;
	color				: #777;
}
.champ-default .details .button-rating {
	margin-top			: 5px;
}
.champ-default .details .button-rating .button {
	margin-top			: 0px;
	float				: left;
}
.champ-default .details .button-rating .rating {
	margin				: 5px;
	float				: left;
}

/* DISPLAY HANDLER: CHAMP FULL */

.champ-full {
	width				: 100%;
	padding				: 5px;
	font-size			: 0.8em;
	color				: #444;
}
.champ-full h1 {
	color				: #dd7701;
	font-size			: 2.1em;
	margin				: 5px 10px;
	font-family			: "Trebuchet MS", verdana, arial, sans-serif;
}
.champ-full h2 {
	font-size			: 1.2em;
	margin				: 2px;
}
.champ-full .col-left {
	float 				: left;
	width 				: 360px;
}
.champ-full .col-left .object {
	width				: 100%;
	height 				: 350px;
	text-align			: center;
}
.champ-full .col-left .info
, .champ-full .col-left .comment {
	float 				: left;
	padding-bottom		: 20px;
}
.champ-full .col-left .info .left
, .champ-full .col-left .info .right{
	float 				: left;
	line-height			: 30px;
	padding-left		: 20px;
}
.champ-full .col-left .info .left {
	width				: 168px;
}
.champ-full .col-left .info .right{
	width				: 148px;
}
.champ-full .col-left .comment {
	font-size			: 0.9em;
	line-height			: 25px;
}
.champ-full .col-left .comment .header {
	background-color	: #eee;
	width				: 100%;
	padding				: 5px 5px;
}
.champ-full .col-left .comment .header a {
	float				: right;
}
.champ-full .col-left .comment .body {
	width				: 100%;
	/*height				: 30px;*/
	padding				: 0px 5px;
	margin-bottom:5px;
	/*border:1px dashed purple;*/
}
.champ-full .col-right {
	float 				: left;
	width 				: 300px;
	padding-left		: 20px;
	padding-right		: 10px;
}

*html .champ-full .col-right {

	width 				: 290px;
	padding-left		: 10px;
	padding-right		: 10px;

}

.champ-full .col-right div {
	margin-bottom 		: 20px;
}
.champ-full .col-left .comment textarea
, .champ-full .col-right input {
	width				: 100%;
	font-family			: arial, verdana, sans-serif;
	font-size			: 1.0em;
	padding				: 2px;
	color				: #666;
	background-color 	: #fff;
}
.champ-full .col-right .share a {
	height				: 50px;
	margin-right		: 10px;
}
.champ-full .col-right .share a img {
	margin-right		: 5px;
}

/* DISPLAY HANDLER: CHAMP EDIT */

.champ-edit {
	width				: 100%;
}
.champ-edit .thumbnail {
	font-size			: 0.8em;
	color				: #444;
	float				: left;
	width				: 190px;
}
.champ-edit .thumbnail img {
	width				: 100px;
	height				: 75px;
}
.champ-edit .champ-form {
	float				: left;
	width				: 500px;
}

/* DISPLAY HANDLER: CHAMP FAVOURITE */

.champ-favourite {
	float 				: left;
	width				: 100%;
	/*height				: 90px;*/
	font-size			: 0.8em;
	color				: #444;
	border-top			: 1px solid #ccc;
	padding-top:10px;
	margin-bottom:10px;

}
.champ-favourite .selector {
	float 				: left;
	width				: 30px;
}
.champ-favourite .thumbnail {
	float 				: left;
	width				: 110px;

}

.champ-favourite .thumbnail p{
	margin-top:0px;
}
.champ-favourite .thumbnail img {
	width				: 100px;
	height				: 75px;

}
.champ-favourite .details {
	float 				: left;
	width				: 430px;
}
.champ-favourite .info {
	float 				: left;
	width				: 120px;
	padding-left		: 10px;

}

.champ-favourite .details p{
	margin:0px 0px 5px 0px;

}

/* ADMIN - CATEGORIES */

#champ-grid {
	float				: left;
	width				: 100%;

}
#champ-grid #header
, #champ-grid #lines .line
, #champ-grid #button {
	float				: left;
	width				: 100%;
	/*height				: 22px;*/


}
#champ-grid #header div {
	background-color 	: #fff;
	font-weight			: bold;

}
#champ-grid div div {
	float				: left;
	width				: 200px;
	line-height			: 20px;
	padding				: 2px 5px;

}
#champ-grid #lines .line input {
	width				: 100%;
}
#champ-grid #lines .line div a {
	margin-left			: 10px;
	line-height			: 25px;
}

#champ-search-form {
	width:100%;
}
#champ-search-form .icon {
	float: left;
	width: 50px;
}
#champ-search-form .champ-form {
	float: left;
	width: 620px;
}
#champ-search-results {
	width:100%;
}
#champ-search-results #champ-grid #header div
, #champ-search-results #champ-grid .line div {
	width:80px;
	font-size:0.8em;
}
#champ-search-results #champ-grid #header div.small
, #champ-search-results #champ-grid .line div.small {
	width:45px;
	font-size:0.8em;
}
#champ-search-results #champ-grid #header div.large
, #champ-search-results #champ-grid .line div.large {
	width:120px;
	font-size:0.8em;
}
/* ADMIN - CATEGORIES - table version */
#champ-search-results table{
	width:100%;
	font-size:0.7em;
	float:left;
}
.myaccount-user-edit{
	background-color: #fff;
	width:700px;
	margin-left:50px;
	padding:5px;
}
.myaccount-user-edit h1{
	font-size:1em;
}
.myaccount-user-edit p{

	margin:0px;
	padding:0px;
}

.myaccount-user-edit-buttons{
	margin-bottom:10px;
	float:left;

}
.button-alike{
	border:1px solid #000;
	color:#000;
	background-color: #E0DFE3;
	padding:3px 5px;
	margin:0px 5px 0px 0px ;
	font-size:0.8em;
	float:left;

}
.myaccount-user-edit-buttons input[type=submit]{
	line-height:normal;
	float:left;
	padding:1px 3px;


}

.button-alike a{
	color:#666666;
	text-decoration:none;
	}

.objects table{
	clear:both;
	margin-top:10px;
	border:1px solid gray;
	padding:5px;
}

.objects th{
	padding:0px 5px;
	border-bottom:1px solid gray;
	border-collapse: collapse;

	}

.objects tr td{
	text-align: center;
	padding:5px;
}

/* MISC */

.iconbox {
	width : 340px;
	height : 200px;
	text-align : center;
	float: left;

}

button
, input[type=submit] {
	border				: 1px solid	#000;
	cursor				: pointer;
}
a {
 color: #00adef;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
strong {
	color: #333;

}
textarea {
	font-family			: arial, verdana, sans-serif;
	font-size			: 1.0em;
	padding				: 2px;
	color				: #666;
}
input {
	padding				: 2px;
	color				: #666;
}
img {
	border				: 0px;
}

div.middle {
	width 				: 800px;
	display 			: block;
	float 				: left;
}
div.sidemenu {
	width 				: 150px;
	float 				: left;
	padding 			: 10px;
}
#champ-dialog-content {
	width 				: 600px;
	float 				: left;
	padding 			: 10px;
	background-color	: #fff;
	margin-left			: 32px;
}

#footer {
	width 			: 100%;
	height 			: 50px;
	float 			: left;
	background-color : #b00031;
	text-align		: center;
	font-size		: 0.7em;
	line-height :50px;
}
#footer a {
	color : #e8a1b6;
}

div.homepage .featured {
	float : left;
}
div.homepage .mostplayed
, div.homepage .highestrated
, div.homepage .mostrecent {
	width : 200px;
	float : left;
}
.object {
	width : 200px;
	height : 80px;
	float : left;

}

.object img {
	float : left;
	height : 60px;
	width : 80px;
}
.object .thumbnail {
	float : left;
}
.object .details {
	float:left;
	height : 60px;
	width : 100px;
	background-color : #d1d1d1;

}


div.admin-featured .object .selector
, div.admin-featured .object .details
, div.admin-featured .object .rank {
	float : left;

}
div.admin-featured .object .selector{
	margin-right:5px;
}
.admin-objects,
.admin-comments,
.admin-featured  {
	float:left;
	width:100%;


	}

div.admin-objects .object,
div.admin-comments {
	/*width : 600px;*/
	width:100%;
	/*height: 150px;*/
	font-size:0.8em;
	padding-bottom:25px;
	margin-bottom:15px;
	float:left;
}

div.admin-featured .object {
	width:100%;
	font-size:0.8em;
	margin-bottom:5px;
	float:left;
}

div.admin-featured .object,
div.admin-objects .object {
	border-bottom:1px solid #ccc;

}
div.admin-comments .comment{
	width:100%;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;

}
div.admin-objects .object .thumbnail {
	float : left;
	background-color: #fff;
	width: 150px;
	/*height:150px;*/

}
div.admin-objects .object .thumbnail
, div.admin-objects .object .details
, div.admin-objects .object .info
, div.admin-objects .object .complaints
, div.admin-comments .comment .thumbnail
, div.admin-comments .comment .details
, div.admin-comments .comment .status
, div.admin-comments .comment .info
, div.admin-comments .comment .complaints
, div.admin-featured .object .thumbnail
, div.admin-featured .object .details
, div.admin-featured .object .info
, div.admin-featured .object .complaints
, div.admin-objects .object  .status {
	float : left;
	background-color: #fff;
	width: 150px;
	/*height:150px;*/


}
div.admin-objects .object .details,
div.admin-comments .object .info,
div.admin-featured .object .details,
div.admin-comments .comment .details{
	width:200px;
}

div.admin-objects .object .details{
	width:220px;
}

div.admin-objects .object .thumbnail,
div.admin-featured .object .thumbnail,
div.admin-comments .comment .thumbnail{
	width: 100px;
}

div.admin-comments .comment .info,
div.admin-comments .comment .status,
div.admin-comments .comment .complaints,
div.admin-objects .object .info,
div.admin-objects .object .status,
div.admin-objects .object .complaints    {
	width: 120px;
}

.thumbnail img {
	width				: 80px;
	height				: 60px;
}
div.admin-featured .object .rank input{
	width				: 30px;
}

div.admin-featured button{
	margin-right		: 5px;
}

div.search {
	width 				: 650px;
	float 				: left;
}

div.search .video {
	width 				: 200px;
	height 				: 60px;
	float 				: left;
}

span.message, span.highlight {
	font-weight 		: bold;
}
span.error {
	color 				: red;
}
span.message {
	color 				: blue;
}

.pager{
	float				: left;
	font-size			: 0.9em;
	margin				: 5px;
	/*clear				: both;*/
}
.code input a[type=text]{
	background-color	: #fff;

}
.related{
	float				: left;
}

.related .champ-default {
	height				: 75px;
	min-height			: 75px;
}

.comment{
	float				: left;
}

#commentlisting .line{
	/*border			: 1px dashed blue;*/
	line-height			: normal;
}

.comment .pager{
	font-size			: 1.2em;
	float				: left;
}
.post{
	clear				: both;
}

.info .button{
	line-height			: normal;
	margin-left			: 2px;
}

.post .button{
	margin-top			: 2px;
	line-height			: normal;
}

#champ-textual-content {
	font-size			: 0.8em;
}

#loading {
	display				: none;
	background-color	: #ddd;
	border				: 1px solid #666;
	padding				: 20px;
	top 				: 150px;
	left				: 150px;
	position			: relative;

}