html
{
	width : 100%;
	min-width : 760px;
/**	background-image : url(../images/bg-grad.jpg);
**/
	background-repeat: repeat-x;
/**	background-color: #000099;
**/
	background-color: #2a7fff;
	height : 100%;
}

h1,h2,h3
{
	line-height: 1em;
	padding: 0;
	margin: 0;
}

body
{
	font-family : verdana, arial, sans-serif;
	font-size : 14px;
	margin : 0;
	width : 100%;
	min-width : 800px;
	height : 100%;
}

a
{
	color:#008000;
}

div, ul
{
	padding : 0;
	margin : 0;
}

a#header:link, a#header:visited, a#header:active
{
	text-decoration : none;
}

div#header
{
	background-image : url(../images/banner.png);
	color : #ffdd55;
	height : 80px;
	text-decoration : none;
}

div#header img#krilogo
{
	float : right;
	border : none;
}

div#header img#geologo
{
	float : left;
	border : none;
}

div#header h1
{
	margin : 0;
	margin-left : 5em;
	line-height : 78px;
	padding : 0;
	text-decoration : none;
	font-size: 24px;
	font-weight: bold;
}

form#search
{
	position : absolute;
	top : 80px;
	right : 0;
	padding : 0.7em;
	height : 2em;
	vertical-align : middle;
	overflow : hidden;
}

ul.siteMenu
{
	margin : auto;
	width : 80%;
	padding : 0;
	margin-top : 1.5em;
	text-align : center;
	clear : both;
	position : relative;
}

ul.siteMenu li
{
	display : inline;
	float : left;
	margin : 0;
	margin-left : 0.9em;
	margin-top : 0.3em;
	padding : 0;
	border: 1px solid #666;
/**	background-color : #415BAD;
**/
	background-color : #ffdd55;
}

ul.siteMenu li#current
{
	border-bottom : 1px solid #F0F0FF;
	background-color: #F0F0FF;
	color : #000;
}

ul.siteMenu li a
{
	padding : 0.3em 0.9em;
	text-decoration : none;
	color : #008000;
	font-weight: bold;
	display : block;
}

ul.siteMenu li a:hover
{
/**	background-color : #6075BC;
**/
	background-color : #ffbb22;
}

ul.siteMenu li#current a
{
	color : #000;
}

ul.siteMenu li#current a:hover
{
	color : #000;
	background-color: #F0F0FF;
}

div#content
{
	width : 80%;
	margin : auto;
	min-width : 640px;
	min-height :55%;
/**	background-color: #F0F0FF;
**/
	background-color: #ffdd55;
	clear : both;
	overflow : auto;
	padding : 1em;
	padding-bottom: 2em;
	border: 1px solid #666
}

div#presentations
{
	float : right;
	width : 10em;
	border-left : 1px solid #7C7C7C;
	padding : 1em;
}

div#presentations h1
{
	font-size : 1em;
}

ol.minipresentations
{
	list-style-type : none;
	font-size : 0.8em;
	padding : 0;
	margin : 0;
	margin-left: 2.1em;
}

ol.minipresentations li
{
	float: left;
	border : 1px solid #666;
	width : 21em;
	padding: 0;
	margin-right: 2em;
	margin-bottom: 1.6em;
}

ol.minipresentations a
{
	color : #008000;
}

ol.minipresentations .thumb
{
	display : block;
	text-align : center;
	padding : 0;
        width: 8em;
}
ol.minipresentations .info
{
    float: left;
    width: 12em;
    padding-top: 0.6em;
    text-align: left;
}

ol.minipresentations img
{
	border : none;
	width: 71px;
	height:71px;
	padding: 1em;
}

ol.minipresentations span
{
	width : 100%;
}

ol.minipresentations div.title
{
	font-weight: bold;
	padding: 1em;
	padding-bottom: 0;
}

ol.minipresentations span.title
{
	font-weight: bold;
}

ol.minipresentations span.cat
{
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

ol.minipresentations span.userid
{
	display:block;
	padding-bottom: 0.5em;
}

ol.minipresentations span.length
{
	display:block;
}

ol.profileview
{
	float : right;
	width : 60%;
}

div#static
{
	padding : 2em;
	padding-top: 1em;
	padding-bottom: 0;
	text-align: justify;
}

div#footer
{
	margin-top: 2em;
	padding-bottom: 2em;
	text-align : center;
	clear : both;
	font-size : 0.8em;
}

div#footer a
{
	color: black;
}

/* form layout */

form.cssform
{
	padding : 0em 2em 0em 2em;
	width: 20em;
	margin : 2em auto 2em auto;
}

form.leftform
{
	margin-left: 0;
}

form.cssform span.formItem
{
}

form.cssform label
{
	float:left;
	text-align:right;
	width : 120px;
}

form.cssform label
{
	padding-top: 2px;
}

form.cssform #submit
{
	margin-left: 120px;
}

form.cssform select
{
	width : 11em;
}

a.addinput
{
	float : right;
}

form.cssform fieldset
{
	width : 30em;
}

form.cssform fieldset input
{
	margin-top: 1em;
	margin-left : 1em;
	margin-bottom: 1em;
	display:block;
}

form.cssform fieldset#length input
{
	display : inline;
	width : 2em;

}

form.cssform
{
	overflow : hidden;
}

form.password
{
	width : 30em;
}

form.password label
{
	width : 200px;
}

span.errormessage
{
	float : right;
}

span.rating
{
	display : block;
	width : 88px;
	margin : auto;
	margin-top : 1em;
}

span.rating a, span.rating span, span.rating img
{
	padding : none;
	border : none;
}

span.ratingmessage
{
	display : block;
}

iframe#presembed
{
	width : 700px;
	height : 525px;
	border : 1px solid #000000;
	margin-left : auto;
	margin-right : auto;
	display : block;
}

a#presembed
{
	text-align : center;
	display : block;
}
/* Presentation controls */
table.presentationcontrols
{
	margin: 10px auto;
	padding: 5px;
	width : 75%;
	background-color: #ffFF77;
}
table.presentationcontrols td
{
	text-align: left;
	padding:5px;
}
/* Presentation and user details lists */
div.presentationdetails
{
	margin-right : 2em;
	width : 200px;
	border : 1px solid #666;
	margin-top : 2em;
	padding : 2em;
	text-align : center;
}
div.presentationdetails dt, dl.userdetails dt
{
	padding : 0.3em;
	text-align : left;
}
/*ie6 hack to stop it choking on floats and absolutes and killing the layout*/
div.presentationdetails dl>dt, dl.userdetails>dt, dl.userdetails>dd dt
{
	position : absolute;
}
dl.userdetails dl
{
	margin-top : 1.5em;
}
dl.userdetails
{
	padding : 0.2em;
	width : 20em;
	border : 1px solid #CCC;
	float : left;
}
div.presentationdetails dd, dl.userdetails dd
{
	text-align : right;
	margin : 0;
	margin-bottom : 0.2em;
	padding : 0.2em;
	min-height : 1em;
	border : 1px solid #CCC;
}
div.presentationdetails dd.description, div.presentationdetails dd.title, dl.userdetails dd.biography
{
	padding-top : 1.5em;
}

div.presentationdetails dd.status#flagged
{
	color : red;
}
div.presentationdetails dd.status#approved
{
	color : green;
}
#presentationMain
{
	width: 500px;
	margin: 20px auto;
	text-align: center;
	background-color: #ffFF77;
	padding: 20px 0 0 0;
}
#presentationDetails
{
	width:500px;
	margin:0px auto;
}
#presentationDetails td
{
	padding: 5px;
	margin: 2px;
}
#presentationDetails td.title
{
	background-color: #ffFF77;
	color: #333;
}
#presentationDetails td.info
{
	width:500px;
	border: 1px #000 solid;
	margin:0px auto;
}
#presentationDetails td.associatedfiles
{
	padding-left: 20px;
}
dd.associatedfiles ul
{
	list-style-type : none;
	clear : both;
	margin-top : 1em;
}
dd.associatedfiles form
{
	padding : 0;
	display: inline
}
dd.associatedfiles form input
{
	display : none;
}
dd.associatedfiles form button
{
	margin-left : 1em;
	padding : 0;
	height : 20px;
	width : 19px;
}
span.modcontrols form
{
	padding : 0;
	margin : 0;
	width : 100%;
}
span.modcontrols button
{
	width : 100%;
}
a#addComment
{
	display : block;
}
span.commentnav
{
	display : block;
}
div#comments
{
	width: 500px;
	margin: 10px auto;
}
div#comments h1
{
	font-size : 1em;
}
div#comments div.comment
{
	background-color : #white;
	border-bottom: 1px dotted #AAA;
	clear : both;
	margin-bottom: 10px;
}
div#comments div.comment span.userid
{
	float : right;
	width: 100%;
	color : gray;
	background-color: orange;
	margin-bottom : 0.5em;
	padding-left:2px;
	margin-left:2px;
	font-size: 0.8em;
}
div#comments div.comment span.comment
{
	clear : right;
	display : block;
	padding: 10px 7px;
}
form#addComment
{
	padding-top: 20px;
}
form#addComment textarea
{
	width : 100%;
	display : block;
	margin : 0.5em 0;
}
form#addComment input
{
	top : 4em;
	left : 18em;
}
ol.minipresentations
{
	width: 69.7em;
	margin-left: auto;
	margin-right: auto;
}
/* usermenu.php */
ul.userMenu
{
	padding : 2em;
	list-style-type: none;
}