/*************************************************

BEHIND THE LINES				 									
BY 76design			

***************************************************/

@import url(home.css); 
@import url(widgets.css);
@import url(comments.css);
@import url(admin.css);

/***************************************************
	GENERIC
*/
HTML {
	background:#FFF url('../images/html-bkg.jpg') repeat-x;
	}
	
BODY {
	background:url('../images/mountain.gif') center top no-repeat;
	text-align: center;
	font: 68.5% 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; }
	
A{ text-decoration:none; }
A IMG{ 
	border: none; }
	
FIELDSET{
	padding: 10px 10px 0 7px;
	border: none; }

.alignleft{
	list-style-type:
	text-align: left; }
.alignright{
	text-align: right; }
	
.clear{
	clear: both; }
.clear-left{
	clear: left; }
	
*{ margin: 0; padding: 0 }

#content H1{
	margin: 15px 0; 
	font-size: 200%;
	padding: 0 0 1em 0;
	background: url(../images/browseheader.png)  -200px bottom no-repeat; }



/***************************************************
	STRUCTURE
*/
#wrapper{
	/*padding: 0 0 0 8px  - whats the deal with the 8px ben? */
	padding:0;
	width: 971px; 
	margin: 0 auto;
	text-align: left;
	overflow: hidden; }

#content #left-cols{
	position:relative;
	overflow:hidden;
	width: 189px; 
	float: left; }
	
#content #right-cols{
	width: 775px; 
	float: right; }

#content #inner-main.slim,
.main.slim{
	width: 582px; }
#content #inner-main.wide{
	position: relative; /* ie6 hiding bug */
	margin: 0 8px 0 0; }
#content #inner-main.wide.ochre{ /* ochre grunge at the top of the header */
	padding: 20px 0 0 0;
	background:url(../images/headers/ochre-grunge.jpg) top center no-repeat; }
		
#content #inner-right{
	width: 188px;
	float: right; }
	
#inner-main .edit-link {
	font-size:50%;
	text-decoration:none;
	color:#FFF;
	background:#FF0303;
	padding:3px 5px;
	margin:0 0 5px 0;
	vertical-align:middle;
	}
#inner-main .edit-link:hover {
	background:#ddd;
	}
	
#content #publish-choices{
	margin:0;
	padding:0;
}
#content #publish-choices LI {
	margin:0 6px;
	display: inline;
	padding:0;
	list-style:none;
	float:left;
}
/***************************************************
	ALERTS/ERRORS/SUCCESS
*/
#content #right-cols .alert{
	margin: 1em 193px 1em 0;
	padding: 5px 10px }

/* - ALERTS */
#inner-main .alert{
	color: #fff;
	font-weight: bold;
	margin: 1em 0;  }
	
.success{
	background: #76af1b; }
.error {
	padding: 5px 10px;
	color: #fff;
	background: #c32222;  }
#inner-main FORM.fc-form .error LABEL{
	font-weight: bold; 
	color: #000; }
#inner-main .error a,
#inner-main .success a{
	color: #fff; }
	
	
/* - Login forms */
FORM.fc-form{ /* the login form */ }
 
#wrapper FORM.fc-form LI{
	overflow: hidden;
 	margin: 0 0 0.5em 0;
	padding: 0;
 	list-style: none;
	list-style-image:none; }
	
FORM.fc-form LI LABEL,
DIV.input LABEL{
	display: block; 
	float: left;
	width: 110px; }
	
#inner-main FORM h3{
	text-transform: uppercase;
	color: #9E4222;
	padding: 8px 0 0 0;
	font-size: 100%;
	font-weight: bold }
	
FORM.fc-form OL{
	margin: 0 0 8px 0; }
FORM.fc-form OL INPUT {
	margin: 2px;
	color: #000;
	font: 110%/2 "Trebuchet MS", Verdana, Arial, sans-serif;
	padding: 2px 4px; }
FORM.fc-form INPUT:focus{
	color: #000; }
FORM.fc-form .buttons INPUT{
	text-transform:uppercase;
	width: auto;
	height: 2.5em;
	color: #fff;
	padding: 4px; }

/* Main column forms > Buttons */
#inner-main FORM.fc-form {
	padding: 5px;
	text-align: left;
	background: #ddd; }
 FORM.fc-form INPUT{
 	font: 110%/2 "Trebuchet MS", Verdana, Arial, sans-serif;
	padding: 2px 4px;
	margin: 2px;
	color: #fff;
	font-weight: bold;
	background:#333;
	border: solid 1px #333;
	padding: 3px 6px; }
#inner-main FORM.fc-form INPUT:focus{
	background-color:#fff;
	background-position:left 100px ;
	color: #333;
	 }
		
	
/* Main column forms */
#inner-main FORM.fc-form {
	margin: 10px 0; 
	border: solid 1px #ccc;
	background: #eee; }
#inner-main FORM.fc-form UL,
#inner-main FORM.fc-form OL{ }
	
#inner-main FORM.fc-form SMALL { /* forgot your password? */
	display: block;
	margin: 0 0 0 100px  }
#inner-main FORM.fc-form SMALL A{
	text-decoration: none; }
#inner-main FORM.fc-form SMALL A:hover{
	text-decoration: underline; }
	
#inner-main FORM.fc-form LABEL{ /* form field labels */
	padding: 0 3px 0 0;
	line-height: 2em;
	color: #666; }
	
#inner-main FORM.fc-form OL INPUT,
DIV.input INPUT{
	margin: 0 0 2px 0;
	border: solid 1px #999;
	width: 200px;
	color:#000;
	background: #fff url(../images/inputfield-top.jpg) top left repeat-x; }
	
#inner-main INPUT#PhotoCertify,
#inner-main INPUT#VideoCertify{ /* checkbox in the photo page should not be 200px wide */
	width: auto;
	margin-right: 5px; }
	
	

/***************************************************
	HEADER
*/

#header {
	position: relative;
	height:232px;
	background:url(../images/header.jpg) no-repeat; }
	
h1#logo a{ 
	display:block;
	text-indent: -900em;
	overflow: hidden;
	width: 275px;
	height: 155px;
	position: absolute;
}



/***************************************************
	TOP NAV
*/
#topmenu {

	height: 38px;
	background: url(../images/topnav.gif) top left no-repeat;
	margin: 160px 0 15px 0; }

#topmenu UL LI  {
	list-style: none;
	float: left;
	margin: 0; }
	
#topmenu UL A {
	display:block;
	padding:0;
	margin:0;
	text-decoration:none;
	text-indent: -900em;
	overflow: hidden;}

LI#menu-home A{ margin-left: 8px; width: 83px; height: 38px; }
LI#menu-home A:hover{ background: url(../images/topnav.gif) -8px -38px no-repeat; }
LI#menu-home A.selected{ background: url(../images/topnav.gif) -8px -76px no-repeat; }

LI#menu-videos A{ width: 85px; height: 38px; }
LI#menu-videos A:hover{ background: url(../images/topnav.gif) -91px -38px no-repeat; }
LI#menu-videos A.selected{ background: url(../images/topnav.gif) -91px -76px no-repeat; }

LI#menu-photos A{ width: 89px; height: 38px; margin-right: 10px;}
LI#menu-photos A:hover{ background: url(../images/topnav.gif) -176px -38px no-repeat; }
LI#menu-photos A.selected{ background: url(../images/topnav.gif) -176px -76px no-repeat; }

LI#menu-profiles A{ width: 89px; height: 38px; margin-right: 4px; }
LI#menu-profiles A:hover{ background: url(../images/topnav.gif) -275px -38px no-repeat; }
LI#menu-profiles A.selected{ background: url(../images/topnav.gif) -275px -76px no-repeat; }

LI#menu-safesnow A{ width: 111px; height: 38px; margin-right: 5px;}
LI#menu-safesnow A:hover{ background: url(../images/topnav.gif) -368px -38px no-repeat; }
LI#menu-safesnow A.selected{ background: url(../images/topnav.gif) -368px -76px no-repeat; }

LI#menu-about A{ width: 87px; height: 38px; margin-right: 5px; }
LI#menu-about A:hover{ background: url(../images/topnav.gif) -484px -38px no-repeat; }
LI#menu-about A.selected{ background: url(../images/topnav.gif) -484px -76px no-repeat; }

LI#menu-partners A{ width: 88px; height: 38px; }
LI#menu-partners A:hover{ background: url(../images/topnav.gif) -576px -38px no-repeat; }
LI#menu-partners A.selected{ background: url(../images/topnav.gif) -576px -76px no-repeat; }


LI#menu-contact A{ width: 101px; height: 38px; }
LI#menu-contact A:hover{ background: url(../images/topnav.gif) -664px -38px no-repeat; }
LI#menu-contact A.selected{ background: url(../images/topnav.gif) -664px -76px no-repeat; }

/* -- Search Form */
#topsearch{
	margin:7px 8px 0 0;
	float: right; }
	
#topsearch INPUT{
	border: none;
	font: 110% 'trebuchet ms', verdana, arial, sans-serif; }
	
INPUT#search{
	color: #a9a4a4;
	padding:3px 3px 3px 10px; 
	background: url(../images/searchfield.gif) top left no-repeat;
	border:none;
	width: 122px; height: 18px; }
INPUT#search-submit{
	padding: 0;
	background: url(../images/searchfield-btn.gif) top left no-repeat;
	text-indent: -900em;
	overflow: hidden;
	width:25px; height:22px; }
	
	


/***************************************************
	CONTENT
*/
#content{ 
	height: 1%;
	background: #fff; }

P.headergraphic{
	text-align: center; }
	
#content .pageheader.onecol{
	width: 570px; }	
#content .pageheader h2{ 
	margin: 0 0 30px 0;
	color: #9e4222;
	font: 250% 'trebuchet ms', verdana, arial, sans-serif; }
#content .pageheader h2 span{
	color: #616149; }

#content .pageheader h4{ 
	margin: 50px 0 0 0;
	font: bold 110% 'trebuchet ms', verdana, arial;
	text-transform: uppercase; }
	
/* -- general content styles */
#inner-main{
	color: #62625b;
	font: 110% 'trebuchet ms', verdana, arial, sans-serif; }
	
#inner-main p{
	margin: 0.5em 0 1em 0; }
#inner-main ul{
	margin: 1.5em 0 1.5em 2em;
	padding: 0 0 0 1em; }
#inner-main li{
	margin: 0 0 0.25em 0;
	list-style-image: url(../images/bullet.gif); }
	
#inner-main a{
	color: #9e4222;
	text-decoration: underline; }
#inner-main a:hover{
	color: #333; }
		
#inner-main h2{
	font-size: 170%;
	color:#3f6997;
	margin: 1em 0 0.5em 0; }
#inner-main h2.browse{ /* browse header style */
	padding: 0 0 1em 0;
	background: url(../images/browseheader.png)  bottom no-repeat;
	font-size: 14pt; 
	color: #9e4222; }

#inner-main h3{
	font-size: 12pt;
	color:#616149;
	margin: 0.5em 0 .25em 0; }
	

/***************************************************
	VIDEO PREVIEWS
*/
#content UL.media-gallery{
	margin: 10px 0 0 0; 
	padding: 0; }
#content UL.media-gallery li{
	list-style: none;
	margin: 0 9px 10px 0;
	width: 180px; 
	float: left; 
	line-height: 1.2em;
	display: inline; /* for ie6 margin doubling */ }
#content .media-gallery .inner{
	padding: 0 0 5px 0;
	background: #e5f3ff;}
#content .media-gallery  LI.mvideo .inner{
	padding: 0 0 5px 0;
	background: #c8c8bf; }
	
UL.media-gallery img{}
	
#content .vidtitle{ /* title of the video, bluish */
	padding: 0 6px;
	display: block;
	height: 2.5em;
	overflow: hidden;
	margin-bottom: 0; }	
#content A .vidtitle {
	text-decoration: none;
	font-weight: bold;
	color: #145ea8; }
#content A:hover .vidtitle {
	text-decoration: underline; }
#content LI.mvideo .vidtitle A{
	color: #3e3e2e; }
	
.minipreview{ /* smaller version of the thumbnail */
	margin: 0 12px 0 0;
	float: left; }

#content .vidauthor{ /* person who posted the video, with icon */
	font-size: 8pt;
	margin: 0 0 0 0;
	padding: 3px 6px; }
#content .vidauthor A{
	text-decoration: none;
	background: url(../images/user.gif) left center no-repeat;
	padding: 0 0 0 20px; 
	color: #62625b; }
#content .vidauthor A:hover{
	text-decoration: underline;
	color: #000; }
	
/* -- VIDEO BROWSE ( prev, next, more)  */
.moviegrid-browsing{
	clear: left;
	font-size: 10pt;
	font-weight: bold;
	background: #eff7fe;
	margin: 0 12px 10px 0;
	padding: 4px 6px; }
	
#inner-main .moviegrid-browsing A{
	text-decoration: none;
	padding: 3px;
	color: #6180a5; }
#inner-main .moviegrid-browsing A:hover{
	text-decoration: underline;
	color: #333; }
	
.moviegrid-browsing .more{
	float: right; }
	
/* -- VIDEO BROWSE ( prev, next)  */
#inner-main .browse-controls{
	float: right; }
#inner-main .browse-controls a{
	font-weight: bold;
	padding: 15px 10px 0 0;
	text-decoration: none; }



/***************************************************
	PROFILE
 */
 #profileheader{
	margin: 12px 0; }
 
#profileheader .photo{
	float: right;
	text-align: right;
	width: 385px;
 	margin: 0;}
	
#profileheader .photo IMG{
	border: solid 2px #232323; }

#inner-main .photo p{
	position: relative;
	font-size: 8pt;
	margin: 0; padding: 0; }
#inner-main .photo A{ /* add/change avatar link */
	padding: 2px 0;
	position: absolute; 
	right: 0;
	display: block; 
	width: 160px;
	border: solid 1px #232323;
	border-top: none;
	background: #656565;
	color: #dcedfb;
	text-align: center;
	text-decoration: none;}
#inner-main .photo A:hover{
	color: #fff; }

#profileheader .pageheader{
	overflow: auto;
	width: 375px;
	float:left; }
#profileheader .pageheader H2{
	margin: 0 0 15px 0; }
	
	
.galleryheader{
	display: block; 
	position: relative; 
	/*border: solid 1px #fff;*/
	border-bottom: solid 3px #c58e7a; }
.galleryheader .browse{
	position: absolute; 
	top: 8px; right: 0; }
#inner-main .galleryheader .browse A{
	font-size: 8pt;
	padding: 3px 8px;
	background: #c58e7a;
	text-decoration: none;
	color: #fff;}
#inner-main .galleryheader .browse A:hover{
	color: #333; }
	
#inner-main .galleryheader H2{
	letter-spacing: -0.05em;
	margin: 10px 0 0 0; padding: 0;
	color: #9f4221; }
	
	
.member-stats{
	margin: 0 0 15px 0; }
#inner-main .member-stats P{
	line-height: 1em;
	clear: left;
	border-bottom: solid 1px #eee;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;	}
.member-stats strong{ 
	color: #3f6997;
	display: block;
	float: left; 
	width: 110px;
	line-height: 2em;
	padding: 0 0 4px 0;
	margin: -3px 0 4px 0; }
	
	
/* -- Recent > Comments */
#content UL.media-gallery.comments{
	margin: 10px 0 0 0; 
	padding: 0; }
#content UL.media-gallery.comments li{
	padding: 10px 0 5px 0;
	margin: 0 11px 15px 0;
	width: 372px;  }

#content .media-gallery.comments .vidtitle{
	margin: 0 0 10px 0;
	font-size: 10pt; }
#inner-main .media-gallery.comments .comment-date{
	margin: 0;
	padding: 0 6px 0 6px;
	float: right;
	font-weight: bold;
	font-size: 7.5pt; }
#inner-main .media-gallery.comments .comment-excerpt{
	font-style: italic;
	margin:10px 8px 15px 8px; }
	
	
	
/***************************************************
	PROFILE LIST
*/

/* alphabetical letter list */
#inner-main UL.letter-index{
	border: solid 1px #ccc;
	background: #eee;
	text-align: center;
	margin: 0 0 10px 0; padding: 1px 3px; }
#inner-main UL.letter-index LI{
	padding: 3px;
	font-size: 160%;
	list-style: none; 
	display: inline; }
#inner-main UL.letter-index A{
	padding: 1px 5px; }
#inner-main UL.letter-index A:hover{
	text-decoration: none;
	background: #9E4222;
	color: #fff; }
	



/* list of profiles */
#inner-main .profileslist{
	margin:0 0 0 0; padding: 0; }
	
#inner-main .profileslist LI.letterheader{ /* alphabetical letter title */
	margin: 15px 0 10px 0;
	display: block;
	background: #fff;
	border: none;
	border-bottom: solid 3px #c58e7a; 
	width: 98%;
	color: #9e4222; }
.letterheader H4{
	font-size: 18pt; }	
#inner-main .letterheader A.toplink{
	margin: 5px 0 0 0;
	text-decoration: none;
	float: right; }


#inner-main .profileslist LI{
	border-bottom: solid 1px #9E4222;
	background: #4c4c4c url(../images/profilebg.jpg) top left no-repeat;
	float: left;
	list-style-image: none;
	list-style: none;
	padding: 0 8px; margin: 0 8px 10px 0;
	width: 351px; }
#inner-main .profileslist LI.alt{
	background: #707070 url(../images/profilebg-alt.jpg) top left no-repeat; } 
	
.profileslist .userinfo{
	width: 218px;
	margin-top: 24px;
	float: right; }
.profileslist IMG{
	margin: 8px 0 4px 0;
	border: solid 2px #3c3c3c; }
.profileslist .alt IMG{
	border-color: #4b4b4b; }

#inner-main .profileslist H3.name{
	color: #fff;
	margin: 0;
	font-size: 13pt;
	text-transform: capitalize; }
#inner-main .profileslist H3.name A{
	color: #fff;
	text-decoration: none; }
#inner-main .profileslist H3.name A:hover{
	text-decoration: underline; }
	
#inner-main .profileslist P{
	color: #bbb;
	font-size: 90%;
	margin: 0; }	
	
/*
#inner-main .profileslist .name a{
	background: #e0e0e0;
	padding: 6px 4px 2px 4px;
	text-decoration: none;
	display: block;
	border-bottom: solid 1px #ccc } 
#inner-main .profileslist .name a:hover{
	background: #ccc;
	border-bottom: solid 1px #aaa; }	
	
#inner-main .profileslist P{
	font-size: 8pt;
	margin: 5px; }
	
.profileslist .membersince{
	border-bottom: dotted 1px #ccc;
	color: #666; }
.profileslist .howmuchmedia{
	color: #425163; }
*/



/***************************************************
	VIDEO PLAYER PAGE
 */
#content .player .pageheader h4{
	margin: 1.5em 0 0 0; }
#content .player .pageheader h2{  /* video title */
	line-height: 1em;
	 font-size: 24pt;	
	 margin: 0 0 15px 0; }
	 
	 
/* - VIDEO PAGE LAYOUT */
#content .player #inner-main{
	width: 460px; }
#content .player #inner-right{
	display: inline; /* ie6 margin doubling */
	margin: 0 15px 0 0;
	width: 285px; }
	
/* - VIDEO PAGE > RIGHT COLUMN */
.player #inner-right{ }
	
.video-desc{
	color: #5c5c5c; }
.video-desc .video-details{
	margin: 0.5em 0;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.2em; }

span.name{ 
	color: #9e4222; }	
span.grey{
	color: #8b8b8b; }
	
A#flagvideo{
	display: block;
	margin: 1.25em 0;
	padding: 0 0 0 25px;
	color: #f00; 
	font-weight: bold;
	background: url(../images/flagvideo.png) left center no-repeat; }
A#flagvideo:hover{
	color: #333; }
	
	
/* RELATED CONTENT */
.video-related{
	margin: 2em 0 0 0; }
.video-related h2{
	color: #425163; }

#content .player .video-related LI{
	display: block;
	float: none;
	background: #C8C8BF;
	margin: 0 0 3px 0;
	width: 100%; }
#content .player .video-related LI A{
	color: #425163; }
	
#content .player .vidtitle A{
	font-size: 10pt;
	font-weight: bold; }
#content .player .video-related LI .vidtitle{
	height: auto;
	padding: 5px 0; }
#content .player .video-related  .minipreview{
	 }
	
	
/*  -FLASH CONTAINER */
#video{
	padding: 0 0 15px 0;
	background: #fff url(../images/player-hr.gif) repeat-x bottom ;
	margin: 0 0 15px 0;
	text-align: center; }

/* - VIDEO RATING */	
#video-rating{
	color: #5c5c5c;
	font-weight: bold; 
	margin: 20px 16px 10px 16px;
	text-align:left; }
#video-rating P{
	margin: 0; }
#video-rating .videorating{
	float: left; }
#video-rating .yourrating{
	display: inline; /*ie6 */
	margin: 0 1em; }


/* -- VIDEO COMMENTS */
A#postcomment-btn{
	margin: 5px 0 0 0;
	padding: 3px;
	font-size:100%;
 	font-weight: bold;
	display:block;
	width: 100px;
	text-align:center;
	text-transform: lowercase;
	text-decoration: none;
	background: #9e4222;
	color: #fff;
	float: right; }
A#postcomment-btn:hover{
	background: #bb7a64; 
	color: #fff; }
	
#comments h2{
	margin: 14px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: solid 15px #5c5c5c;
	color: #616149; }

	
.player .moviegrid-browsing{
	margin: 4px 0; }
.player .moviegrid-browsing.white{
	background: #fff; }
	
		
/* -- COMMENT LIST */
OL#commentlist{
	padding: 15px 0 0 0;
	background: #fff url(../images/player-hr.gif) repeat-x top ;
	list-style-image:none; }

#commentlist LI{
	padding: 0.5em  1.5em;
	border-bottom: solid 1px #eee;
	list-style: none; }

#commentlist H4{
	margin:0; 
	font-size: 10pt;
	color: #3f6997; }
#commentlist H4 A{
	color: #3f6997; }
	
	
	
/***************************************************
	ADD COMMENT 
*/	
#addcomment textarea{
	width: 450px; 
	margin: 10px 0; }
	
#addcomment .submit input{
	font: bold 100% 'trebuchet ms', arial, sans-serif;
	border: none;
	padding: 3px;
	color: #fff; 
	background: #393939; }
	
	
	
/***************************************************
	EDIT PHOTO/VIDEO 
*/
.c7y-edit{
	width: 180px; 
	padding: 5px; }
.c7y-edit FORM{
	margin: 5px 0 0 0; }
	
.c7y-edit.c7y-photo{
	background: #E5F3FF; }
.c7y-edit.c7y-photo DIV.input{
	border: solid 1px #abc4da; }
	
.c7y-edit.c7y-video{
	background: #C8C8BF; }
.c7y-edit.c7y-video DIV.input{
	border: solid 1px #8b8b82; }
#inner-main .c7y-edit.c7y-video A{
	color: #3E3E2E; }
	
.c7y-edit DIV.input{
	padding: 4px;
	background: #fffae5; }
	
.c7y-edit DIV.input LABEL{
	display: block;
	float: left;
	width: 50px;
	color: #333;
	padding: 4px 0 0 0;	}
	
.c7y-edit DIV.input INPUT{
	width: 110px;
	margin: 0 0 0 0;
	padding: 3px; }
.c7y-edit  DIV.submit INPUT{
	margin-top: 5px;
	font-size: 10px; }
	
	
	
	
/***************************************************
	FOOTER
 */
 
 
#footer{
	clear: both;
	color: #a3a1a1;
	min-height: 120px;
	background: #fff url(../images/footer-snowdrift.png) top right no-repeat; }

#footer A{
	color: #acacac; 
	text-decoration: none; }
#footer A:hover{ 
	color: #000; }
/*	
#home #footer{
	background: #fff url(../images/footer-snowdrift.png) top right no-repeat;
	position: relative; 
	z-index: 500;
 	margin-top: -20px; }
 */

#footer p{
	padding: 0 10px;
	padding-top: 40px;
	width: 47%; 
	float: left; }