* { margin:0;
	padding: 0;}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/bg_blackwhite.jpg);
	background-repeat:no-repeat;
	background-color: #C4C4C4;
}

.plain {
	background-position: -410px 0px;
}

#wrapper {
	margin: 0 auto;
	width: 100%;
  	text-align: left;
  	position: relative;
  	min-height: 100%; /* For Modern Browsers */
  	height: auto !important; /* For Modern Browsers */
  	height: 100%; /* For IE */
}

a  {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;		
	color: #777777;
	}

a img {
	border: 0
}

h1 {
	font-size: 1.3em;
	margin-bottom: 0.25em;
	}
h2 {
	font-size: 1.2em;
	margin-bottom: 0.25em; 
	}

h3 {
	margin-top: 1em;
	margin-bottom: 0.25em;
	}
h4 {
	font-size: 1em;
	margin-bottom: 0.25em;
	}
.bold {
	font-weight: bold;
	}
.italic {
	font-style: italic;
	}
.interspace {
	padding-bottom: .35em;
	}
.label {
	font-weight: bold;
	color: #666666;
	}

#header {
  	height: 125px;
}

#content {
	float: left;
	padding: 3em;
}

#content-left {	
	float: left;
	width: 413px;
	height: auto;
	}
	
#content-right {
	float: left;
	height: auto;
	width: 45%;
	padding-top: 1em;
		}

#footer {
	float: left;
	margin-left: 4em;
	padding-top: 1em;
	padding-bottom: 2em;
	font-style: italic;
        font-size: 0.7em;
	color: #444444;
}
		
/*Logo*/

#title-cmml {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/logo-cmml.jpg);
	background-repeat:no-repeat;
	height: 32px;
	width: 87px;
	margin-left: 315px;
	margin-top: 37px;
	position: absolute;	
	}

#title-wiki-story, #title-wiki-search, #title-wiki-detail, #title-wiki-edit, #title-wiki-profile {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/wikiStory.jpg);
	background-repeat:no-repeat;
	height: 125px;
	width: 300px;
	margin-left: 410px;
	position: absolute;	
	}
#title-wiki-search {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/wikiSearch.jpg);
	}
#title-wiki-detail {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/wikiDetail.jpg);
	}	
#title-wiki-edit {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/wikiEdit.jpg);
	}
#title-wiki-profile {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/wikiProfile.jpg);
	}	
	
/*sub-title-left*/

.sub-title {
	margin-top: 0.8em;
	color: #BFBFBF;
	text-transform: lowercase;
	letter-spacing: .2em;
	}
	
/*sub-title right*/

.sub-title-right {
	color: #333333;
	text-transform: lowercase;
	letter-spacing: 0.2em;
	}
	
/*menu main*/

/* main */
#menu-main ul {
	float: left;
	margin-top: 96px;
	#margin-left: 408px;
	padding-left: .5em;
	font-weight: bold;
	position: absolute;	
	}
#menu-main li {
	float: left;
	padding-right: .9em;
	list-style-type: none;	
	}
	
#menu-main a {
	font-size: 0.65em;
	color: #000000;
	text-decoration: none;		
	}
#menu-main a:hover {
	text-decoration: underline;		
	}

/*left*/
#menu-main-left ul {
	float:left;
	margin-top: 96px;
	padding-left: 1.2em;
	font-weight: bold;
	width: 400px;
	position: absolute;	
	}
#menu-main-left li {
	float: left;
	padding-right: .9em;
	list-style-type: none;	
	}
	
#menu-main-left a {
	font-size: 0.65em;
	color: #FFFFFF;
	text-decoration: none;		
	}
#menu-main-left a:hover {
	text-decoration: underline;		
	}

/*right*/
#menu-main-right ul {
	float: left;
	margin-top: 96px;
	margin-left: 408px;
	padding-left: .5em;
	font-weight: bold;
	position: absolute;	
	}
#menu-main-right li {
	float: left;
	padding-right: .9em;
	list-style-type: none;	
	}
	
#menu-main-right a {
	font-size: 0.65em;
	color: #000000;
	text-decoration: none;		
	}
#menu-main-right a:hover {
	text-decoration: underline;		
	}
		
/*searcharea*/

#searcharea {
	width: auto;
	padding-left: 1.2em;
	margin-bottom: 2em;
	margin-top: 1em;
	margin-right: 0.8em;
	float: right;
	}

#searcharea input#button {
	height: auto;
	background: none;
	color: #999999;
	border: none;
	font-weight: bold;
	padding-left: 0;
}

#searcharea input#button:hover{
	color: #FFFFFF;
}

#searcharea input, text {
	font-size: 0.7em;
	border: 1px solid #FFFFFF;
	color:#FFFFFF;
	padding-left: 5px;
	padding-top: 2px;
	height:15px;
	background-color: #666666;
}

/*random storys*/
/*AP: This could change later. It depends on how we put up random storys.*/

#random-storys {
	padding-top: 2em;
	color: #FFFFFF;
	text-align: center;
	}

/*tags*/

#recent-tag-box, #more-tags {
	color: #FFFFFF;
	padding-left: 1.2em;
	padding-right: 3em;
	height: auto;
	text-align: justify;
	line-height: 1.35em;
	}
.more-tags-title{
	color: #CCCCCC;
	font-size: 0.7em;
	margin-left: 1em;
	line-height: 4px;
	vertical-align: text-top;
	letter-spacing: .1em;
}

#recent-tag-box a, #more-tags a {
	text-decoration: none;
	color: #FFFFFF;
	}
.tag-arrows {
	width: auto;
	margin-left: 1.3em;
	margin-top: .7em;
	}	
.tags-arrows-up {
	float: left;
	width: 8px;
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/arrow_gray_up.gif);
	background-repeat:no-repeat;
	}
.tags-arrows-down {
	margin-left: 10px;
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/arrow_gray_down.gif);
	background-repeat:no-repeat;
	}
.tags-arrows-up:hover {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/arrow_white_up.gif);
	background-repeat:no-repeat;
	}
.tags-arrows-down:hover {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/arrow_white_down.gif);
	background-repeat:no-repeat;
	}
.tag-size01 {
	font-size: 70%;		
	}
.tag-size02 {
	font-size: 74%;		
	}
.tag-size03 {
	font-size: 78%;		
	}
.tag-size04 {
	font-size: 82%;		
	}
.tag-size05 {
	font-size: 85%;		
	}
.tag-size06 {
	font-size: 88%;		
	}
.tag-size07 {
	font-size: 90%;		
	}
.tag-size08 {
	font-size: 93%;		
	}
.tag-size09 {
	font-size: 95%;		
	}
.tag-size10 {
	font-size: 98%;		
	}
.tag-size11 {
	font-size: 100%;		
	}
.tag-size12 {
	font-size: 103%;		
	}
.tag-size13 {
	font-size: 105%;		
	}
.tag-size14 {
	font-size: 108%;		
	}
.tag-size15 {
	font-size: 110%;		
	}
.tag-size16 {
	font-size: 112%;		
	}
.tag-size17 {
	font-size: 116%;		
	}
.tag-size18 {
	font-size: 119%;		
	}
.tag-size19 {
	font-size: 122%;		
	}
.tag-size20 {
	font-size: 125%;		
	}
.tag-size21 {
	font-size: 128%;		
	}
.tag-size22 {
	font-size: 130%;
	}

/*content right*/
	
#menu-video-content  {
	margin-top: 0.8em;
	margin-left: 2.5em;
	}	
#menu-video-content ul  {
	font-size: 0.7em;
	padding-left: 10px;
	float:left;
	}
#menu-video-content li  {
	padding-right: 10px;
	width: auto;
	float:left;
	list-style-type: none;
	}
.menu-title {
	margin-left: 1em;
	color: #999999;
	line-height: 4px;
	vertical-align: text-top;
	}	
.arrows-up {
	float: left;
	width: 8px;
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/arrow_black_up.gif);
	background-repeat:no-repeat;
	}
.arrows-down {
	margin-left: 10px;
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/arrow_black_down.gif);
	background-repeat:no-repeat;
	}
.arrows-up:hover {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/arrow_gray_up.gif);
	background-repeat:no-repeat;
	}
.arrows-down:hover {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/arrow_gray_down.gif);
	background-repeat:no-repeat;
	}
	
/*story, comment, transcription*/	

.storybox, .comment, .transcription {
	font-size: .8em;
	color: #333333;
	float:left;
	height: auto;
	margin-top: 0.5em;
	padding-left: 4em;
}

.storytext {
	padding-left: 6em;
	margin-left: 6em;
	}

.comment_posted {
	color: #FFFFFF;
	font-size: 0.75em;
	}

/*search-result*/

.search-result, .detail-result  {
	padding-left: 2em;
	}
.searchblock{
	float: left;
	}
.search-result-items, .detail-result-headline {
	font-size: .75em;
	margin-bottom: .8em;
	}	
.monitor-small{
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/monitorframe-small.gif);
	background-repeat: no-repeat;
	height: 135px;
	width: 176px;
	margin-bottom: 2em;
	float:left;
	}
.centre-small-video {
	width: 178px;
	text-align:center;
	padding-top: 9px;	
	}
.searchresult-text {
	font-size: .75em;
	margin-left: 184px;
	}
.headline-text-search a {
	font-weight: bold;
	#text-decoration: underline;		
	}
.video-text {
	padding-top: .5em;
	padding-bottom: .5em;
	}
.video-info {
	font-size: .6em;
	font-weight: bold;
	padding-top: 7px;
	text-align: center;
	}

/*detail-page (see searchresult too)*/

.metadata-box {
	color: #FFFFFF;
	padding-left: 1.2em;
	padding-right: 3em;
	height: auto;
	line-height: 1.35em;
	}
.metadata-box p{
	font-size: .8em;
	color: #FFFFFF;
	}
.metadata-box a  {
	text-decoration: underline;
	color: #FFFFFF;
	}
	
/*Clips*/

.block-clips{
	float: left;
	margin-top: 0.4em;
	margin-left: 40px;
	}
.clips-result {
	font-size: .75em;
	#margin-left: 142px;
	width: 80%;
	margin-bottom: 1em;
	}
.tools-main-clip {
	#font-size: .7em;
	font-weight: bold;
	padding-top: 5px;
	padding-left: .8em;
	}
.tools {
	#font-size: .6em;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 2.5em;
	}
.tools ul, .tools-main-clip ul {
	Float: left;
	margin-top: .5em;
	}
.tools li, .tools-main-clip li{
	Float: left;
	list-style:none;
	color: #666666;
	}
.tools li a, .tools-main-clip li a{
	text-decoration: none;
	color:#000000;
	}
.tools li a:hover, .tools-main-clip li a:hover{
	color: #999999;	
	}

.monitor-clips{
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/monitorframe-clips.gif);
	background-repeat: no-repeat;
	height: 102px;
	width: 134px;
	margin-bottom: 2em;
	float:left;
	}
.centre-clip-video {
	width: 136px;
	text-align:center;
	padding-top: 7px;	
	}

.clips-result a  {
	text-decoration: underline;
	color: #000000;
	}
.title-clips {
	width: 100%;
	height: 56px;
	float:left;
	margin-left:3.5em;
	}
.time {
	margin-bottom: .5em;
	}
	
/*edit*/

.clip {
  padding-left:2em;
  padding-top:1em;
}
.clip input {
	margin-bottom: .8em;	
	}
.explaine {
	font-size: .8em;
	margin-bottom: 1em;
	}

/* autocomplete */
.auto_complete {
	background: #D7D7D7;
	border: 1px solid #FFFFFF;
	#border: 1px solid #333333;
	padding-top: .1em;
	padding-bottom: .3em;
	}
	
.auto_complete li {
	#float: left;
	padding-left: .6em;
	list-style-type: none;	
	}
* { margin:0;
	padding: 0;}
	
#monitor-big {
	background-image: url(http://media.kfish.org/cmmlwiki-htdocs/images/monitorframe-bigger.gif);	
	background-repeat:no-repeat;
	width: 340px;
	#height: 280px;
	height: 260px;
	margin-top: 2.0em;
	#margin-left: 1.2em;
	margin-left: 2.0em;
	background-color: #FFFFFF;
	}
	
.centre-video {
	text-align:center;
	#padding-top: 10px;	
	padding: 5px;	
	}

.centre-cliplengthBar {
	margin-top: .2em;
	text-align:center;
	}
	
.menu-video ul{
  display:table;
  padding:0;
  margin:0 auto;
  white-space:nowrap;
  list-style-type:none;
  padding-top: .4em;
	}
.menu-video {
  margin:0 auto;
  }
  
/*hack for IE*/
* html .menu-video {
  display:inline-block;
  width:1px;
  padding:0 2px;
  } 
/*  end hack */

.menu-video li {
  display:table-cell;
  }
/* hack for IE*/
* html .menu-video li {
  display:inline;

  }
/* end hack*/

.back {
	background-image:url(http://media.kfish.org/cmmlwiki-htdocs/images/button-back-up_.gif);
	background-repeat:no-repeat;
	height: 12px;
	width: 18px;
	padding-right: 2em;
	}
.back:hover {
	background-image:url(http://media.kfish.org/cmmlwiki-htdocs/images/button-back-down_.gif);
	}
	
/*IE JS hack for hover*/	
li.back{
	hover:expression(
		this.onmouseover=new Function ("this.style.background='url(http://media.kfish.org/cmmlwiki-htdocs/images/button-back-down_.gif)';"),
		this.onmouseout=new Function  ("this.style.background='url(http://media.kfish.org/cmmlwiki-htdocs/images/button-back-up_.gif)';")
	);
	}
.play {
	background-image:url(http://media.kfish.org/cmmlwiki-htdocs/images/button-play-up_.gif);
	background-repeat:no-repeat;
	height: 12px;
	width: 14px;
	padding-right: 2em;
	}
.play:hover {
	background-image:url(http://media.kfish.org/cmmlwiki-htdocs/images/button-play-down_.gif);
	}
	
/*IE JS hack for hover*/	
li.play{
	hover:expression(
		this.onmouseover=new Function ("this.style.background='url(http://media.kfish.org/cmmlwiki-htdocs/images/button-play-down_.gif)';"),
		this.onmouseout=new Function  ("this.style.background='url(http://media.kfish.org/cmmlwiki-htdocs/images/button-play-up_.gif)';")
	);
	}
/*end*/

.pause {
	background-image:url(http://media.kfish.org/cmmlwiki-htdocs/images/button-pause-up_.gif);
	background-repeat:no-repeat;
	height: 12px;
	width: 14px;
	padding-right: 2em;
	}
.pause:hover {
	background-image:url(http://media.kfish.org/cmmlwiki-htdocs/images/button-pause-down_.gif);
	}
	
/*IE JS hack for hover*/	
li.pause{
	hover:expression(
		this.onmouseover=new Function ("this.style.background='url(http://media.kfish.org/cmmlwiki-htdocs/images/button-pause-down_.gif)';"),
		this.onmouseout=new Function  ("this.style.background='url(http://media.kfish.org/cmmlwiki-htdocs/images/button-pause-up_.gif)';")
	);
	}
/*end*/


.forward {
	background-image:url(http://media.kfish.org/cmmlwiki-htdocs/images/button-forward-up_.gif);
	background-repeat:no-repeat;
	height: 12px;
	width: 18px;
	}
.forward:hover {
	background-image:url(http://media.kfish.org/cmmlwiki-htdocs/images/button-forward-down_.gif);
	}
	
/*IE JS hack for hover*/	
li.forward{
	hover:expression(
		this.onmouseover=new Function ("this.style.background='url(http://media.kfish.org/cmmlwiki-htdocs/images/button-forward-down_.gif)';"),
		this.onmouseout=new Function  ("this.style.background='url(http://media.kfish.org/cmmlwiki-htdocs/images/button-forward-up_.gif)';")
	);
	}

.menu-video a {
  display:block;
  text-decoration:none;
  }
  
/* hack for IE*/
* html .menu-video a {
  display:inline-block;
  margin:0 -2px; 
  }
/* end hack*/

.menu-video a:hover {
/*  color:#fff; 
  background:#08c;*/
  }
a.current {
/*  color:#fff; 
  background:#08c;
  cursor:default;*/
  }