/*------------------------------------------------------------------
Global CSS

--------------------------------------------------------------------*/

/* Global Styles
--------------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

body {
    color: #666;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    text-align: center;
    background: url(../images/tile.gif) repeat;
}

ul, ol { margin-left:4em; margin-bottom:1em; }

.gallery_image { margin-right:10px; margin-bottom:10px; width:177px; height:120px; float:left;}

img,
fieldset {
    border: 0;
}

.clear { clear: both; }
.right { float: right; }
.left { float: left; }

/* Links
--------------------------------------------------------------------*/
a {
    color: #51747f;
    text-decoration: none;
}
a:hover {
    color: #cc6600;
    text-decoration: underline;
}


/* Containers
--------------------------------------------------------------------*/
#container {
    margin: 0 auto;
    text-align: left;
    width: 814px;
    background: #fff url(../images/body_bg.gif) repeat-y;
}

/* Header
--------------------------------------------------------------------*/
div#header {
    height: 180px;
    position: relative;
}

div#header h1 {
    text-indent: -5000px;
    height: 46px;
    width: 495px;
    position: absolute;
    right: 14px;
    top: 109px;
    background: url(../images/danish_film_fest_title.jpg) no-repeat;
}


/* Navigation
--------------------------------------------------------------------*/

#navigation { 
  width: 800px;
  height: 40px;
  list-style: none;
  background: #3a3a3c;
	margin-left:0px;
	margin-bottom:0px;
}

#navigation li {
  position: relative;
  float: left;
  width: 133px;
  margin: 0;
  text-align: center;
  z-index: 2;
}

#navigation a {
  display: block;
  font: 14px/40px helvetica, arial, sans-serif;
  color: #fff;
}

#navigation a:hover {
  text-decoration: none;
	background-color:#ED2027;
}

#navigation li ul {
  position: absolute;
  top: 40px;
  left: 0;
  width: 133px;
	margin-left:0px;
  display: none;
  list-style: none;
  border: 1px solid #ccc;
  background: #999;
}

#navigation ul li {
  float: none;
  width: 100%;
  margin: 0;
  text-align: left;
  border: none;
  position: relative;
}

#navigation ul li a {
  font: 12px/14px helvetica, sans-serif;
  color: #fff;
  padding: 5px 5px;
}

#navigation ul li a:hover { color: #fff; background: #ec1f24; }

/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li { float: left; height: 1%; }
* html #navigation ul li a { height: 1%; }
/* End */

#navigation li:hover ul, #navigation li.over ul { display: block; }



/* Body
--------------------------------------------------------------------*/

div#main_left h1 {
  font-size: 64px;
  font-weight: normal;
  color: #bdbec0;
  margin: 0 0 10px 0;
}

div#main_left h2 {
  font-size: 28px;
  font-family: Helvetica;
  font-weight: normal;
  color: #5d5d5d;
  margin: 10px 0 4px 0;
 }
 
.wrap {
	float:left;
	margin-right:10px;
}

div#main_left p, div#main_left h4, div#main_left strong {
  margin: 0 0 14px 0;
  color: #666;
}

div#main_left {
  width: 575px;
  /* width: 600px; */
  float: left;
  margin: 0 10px 10px 10px;
}

div#content {
  width: 589px;
  float: left;
  margin: 0 0px 10px 10px;
}


div#content ul#full_width,
div#content ul#images {
  clear: both;
  list-style: none;
  margin: 6px;
}

div#content ul#full_width li {
  background: url(../images/bgrnd_vid_sub.jpg) repeat-x;
  display: block;
  border: 2px solid #666;
  margin: 0 0 4px 0;
  padding: 10px;
}

div#content ul#full_width li p {
  clear: both;
  color: #fff;
  font-size: 13px;
  margin:  0;
}

div#content ul#full_width li img {
  padding: 4px;
  border: 1px solid #fff;
  float: left;
}

div#content ul#full_width li .info {
  float: left;
  margin: 10px;
}

div#content ul#images li {
  float: left;
  border: 1px solid #304929;
  margin: 1px;
  padding: 4px;
}

div#content ul#videos li img {
}

ul#subnav {
	margin-left:0px;
}

ul#subnav h2 a {
	font-size: 32px;
  font-weight: normal;
  color: #BDBEC0;
}


ul#subnav li {
	margin-left:0px;
	list-style:none;
	height:54px;
	padding-left:20px;
	line-height:50px;
}

ul#subnav li:hover {
	background-color:#ED2027;
}

ul#subnav li:hover a {
	color:#FFFFFF;
}

ul#subnav li a:hover { text-decoration:none; }

div#side_right {
	width:160px;
	margin-right:15px;
	padding:20px;
	float:right;
}

div#side_right img {
	margin-bottom:1em;
}

div#side_right h2 {
  font-size: 30px;
  font-weight: normal;
  color: #ffffff;
  margin: 0 0 10px 0;
}

div#side_right p {
  
  color: #ffffff;
  margin-bottom:1em;
}

div#side_right a {
  color:#ED2027;
}

.sponsor_logo {
	float:left;
	margin:10px;
}

/* Footer
--------------------------------------------------------------------*/

div#footer {
  width: 819px;
  height: 15px;
  margin: 0 auto;
  background: url(../images/footer.gif) 100% 0 no-repeat;
}



/* Clearfix  (http: //www.positioniseverything.net/easyclearing.html)
--------------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block; /* IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */