@font-face { font-family: "Cham"; src: url("/pub/fonts/Champagne_LimousinesBold.ttf"); }
@font-face { font-family: "ChamBold"; src: url("/pub/fonts/Champagne_Limousines-ThickBold.ttf"); }

/*
@font-face { font-family: "MankSans"; src: url("/pub/fonts/MankSans.ttf"); }
@font-face { font-family: "MankSansObl"; src: url("/pub/fonts/MankSans-Oblique.ttf"); }
*/

html {
    height              :   101%;
    overflow            :   auto;
}

body
{
    padding             :   0;
    margin              :   0;

    background-color	:	#000;
    background-image    :   url('/pub/images/backdrop.png');
    background-repeat   :   no-repeat;
    background-position :   50% 100%;
    background-attachment:  fixed;

    color				:	#eee;	

    font-family			:	"MankSans", "Helvetica", verdana, sans-serif;
    font-size           :   15px;
    line-height         :   130%;
}

h1, 
h2, 
h3, 
h4,
h5,
h6
{
    font-family         :   "ChamBold", sans-serif;
    margin				:	0px 0px 10px 0px;
    text-align          :   left;
    font-weight         :   normal;
}

hr 
{
	background-color	:	#000;
	height				:	0px;
	border				:	0px;
	border-bottom		:	1px rgba(110,90,80,0.6) solid;	
}

i {
    font-family         :   "MankSansObl", verdana, sans-serif;
}

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

a:hover
{
	color				:	#efefef;
}

.date {
    float               :   right;
    font-size           :   0.8em;
    color               :   #666;
}

#pageHolder
{	
	width				:	888px;
	margin				:	0 auto;
	text-align			:	center;
	overflow			:	hidden;
	opacity				:	0.0;
}

#topBar {
    margin              :   0 0 5px 0;
}

#menuBar
{
	float				:	left;
	text-align			:	left;
}

#menuBar a
{
    font-family         :   'Cham', sans-serif;
    font-size           :   1.22em;
	display				:	block;
	text-decoration		:	none;
	line-height			:	110%;
	color				:	#cecece;	
}

#menuBar a.current
{
	color				:	#ef1010;
}

#menuBar a:hover
{
    color               :   #fefefe;
}

#menuBar a.current:hover
{
    color               :   #ef1010;
    cursor              :   default;
}

#calendar-content {
    float               :   left;
    width               :   740px;
    overflow            :   hidden;
}

#content
{
	float				:	left;
	width				:	470px;
	overflow			:	hidden;
	padding-right		:	20px;
	text-align			:	justify;
	font-size			:	0.88em;
}


#right
{
	float				:	right;
	width				:	240px;
	overflow			:	hidden;
	text-align			:	justify;
}

#commentform {
    
}

#commentform p {
	padding : 0 0 0 5px;
	overflow : hidden;
}

#commentform .errorlist {
	background : rgba(220,220,220,0.2);
}

#commentform ul.errorlist {
	width  :50%;
	height : 20px;
	padding : 5px 10px;
	margin : 0 10px;
	clear : both;
}

#commentform ul.errorlist li {
	display : inline;
	padding : 0;
	margin : 0;
}

#commentform p input,
#commentform p textarea,
#commentform p select
{
	background-color : rgba(240,240,240,0.3);
    width : 98%;
    float   :right;
    margin : 0 0 15px 15px;
    border : 1px transparent solid;
    padding : 2px 5px;
}

#commentform p input:focus,
#commentform p textarea:focus
{
    border :   1px rgba(220,220,220,0.7) solid;
    outline : 0;
}

#commentform .submit {
    margin  :   20px 0;
}

#commentform .submit input {
    width : 20%;
    float : left;
    margin : 0 10px 0 5px;
}

.fullcourse {
    background : rgb(90,10,10);
    padding	: 0 5px;
    margin	: 0 10px;
    -webkit-border-radius : 4px;
    -moz-border-radius : 4px;
    cursor	: default;
}

#calendar-content #oversigt {
	clear	:	both;
}

#calender-nav {
	float	:	right;
}

#calender-nav span {
	cursor		:	pointer;
}

.calnav {
	padding	: 0 5px;
	margin : 10px 20px;
	font-size : 12px;
	font-weight : bold;
	color	: #eee;
	cursor		:	pointer;
	opacity : 0.6;
}

#calendar-content table.month {
    width               :   100%;

    border-top             :   1px rgba(220,220,220,0.4) solid;
    border-left              :   1px rgba(220,220,220,0.4) solid;
}

#calendar-content .month th {
    background          :   rgba(220,0,0,0.2);
    font-size           :   1.2em;
    padding             :   10px;
}

#calendar-content .month th:last-child {
    border-right        :   1px rgba(220,220,220,0.4) solid;
}

#calendar-content .month tr {
}

#calendar-content .month tr td {

    min-width               :   40px;
    max-width               :   40px;
	height				:	90px;
    padding             :   8px;
    text-align          :   left;
    border-right              :   1px rgba(220,220,220,0.4) solid;
    border-bottom              :   1px rgba(220,220,220,0.4) solid;
	vertical-align		:	top;
}

#calendar-content .month td.sat,
#calendar-content .month td.sun 
{
    background          :   rgba(220,0,0,0.1);
}

#calendar-content .month td.event {
    background          :   rgba(220,220,220,0.2);
}

#calendar-content .month td.event a {
	display				:	block;
	font-size			:	0.8em;
    padding             :   0;
    cursor              :   pointer;
}

#calendar-content .month td.event a:hover {
    background          :   rgba(80,80,80,0.6);
}

#bottomspacer {
    height : 200px;
}