body {
	/** TODO: Mangler der noget af toppen i denne fil? Tjek SVN */
	background-image: url('../images/layout/mainbg.png');
	background-repeat: repeat-x;
	background-color: #01181e;
}

div {
	font-weight: normal;
}

#top {
	background-image: url('../images/layout/topbg.png');
	height: 144px;
	padding-top: 1px;
	width: 1002px;
}

#top .innercontainer {
	background-color: #0098CB;
	height:120px;
	margin:11px 12px 12px;
	position: relative;
	background-position: left;
	background-repeat: no-repeat;
	/* see application.html.erb for more on this class (the dynamic part) */
}

#horizontal_videoline {
	/*width: 570px;*/
}

#top_login_area {
	position: absolute; 
	bottom: 0px; 
	right: 3px; 
	text-align: right; 
	margin: 0px;
	font-weight: bold;
}
#top_login_area a {
	color: #ffffff;
	text-transform: uppercase;
}
#top_login_area a:hover {
	color: #F8981D;
}

#horizontal_videoline a {
	margin-right: 16px; 
}
#horizontal_videoline a:hover { }
#horizontal_videoline a.last {
	margin-right: 0px;
}

.form_line {
	margin-bottom: 15px;
}

.link_row {
	margin-top: -10px;
	margin-bottom: 20px;
	color: #ffffff;
}

.link_row a {
	font-size: 120%;
}

.videoplayer h4, .gray_box h4 {
	color: #c0c0c0;
	text-align: left;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 2px;
	float: left;	
}
	
.tabs .tab_heading {
	width: 120px;
	float: left;
	margin: 0px 6px 0px 0px;
	background-color: #06AAD0;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
	padding-left: 7px;
	font-size: 1.1em;
	text-transform: uppercase;
	background-image: url('../images/layout/gradient_wide_130.png');
}

.tab_area {
	clear: both;
	padding: 10px;
	border: solid 2px #06AAD0;
	width: 286px; /* 310 minus (border-width + padding) times 2 */
	margin-bottom: 10px;
}

#page .span-8 .element, #page .span-9a .element {
	margin: 10px 0px 10px 0;
	border: 1px solid #06AAD0;
}

#page .span-8.dotted, #page .span-9a.dotted {	
	border: dotted 1px #999999;
}

#content .span-7 .element {
	border:1px solid #06AAD0;
	margin: 20px 10px 10px 0;
}

.span-16a h1, .span-16a h2 {
	background-image: url('../images/layout/gradient_wide_658.png');
}
.span-8 h1, .span-8 h2 {
	background-image: url('../images/layout/gradient_wide_310.png');
}
.span-8 h3, .span-9a h3 {
	color: #06AAD0;
	text-transform: uppercase;
	margin-bottom: 3px;
	font-size: 13px;
}
.span-6 h1, .span-6 h2 {
	background-image: url('../images/layout/gradient_wide_230.png');
}
.span-9 h1, .span-9 h2 {
	background-image: url('../images/layout/gradient_wide_350.png');
}


h2, h1 {
	color: #ffffff;
	font-size:14px;
	font-weight: bold;
	padding-left: 4px;
	margin-bottom: 0px;
	padding: 5px;
	line-height: 1em;
	margin-bottom: 15px;
	text-transform: uppercase;
}

div.hr {
	background-image: url('../images/layout/hr.png');
	height: 3px;
	width: 100%;
	clear: both;
	margin: 15px 0px 15px 0px;
}

div.hr1 {
	border-bottom: dotted gray 1px;
	margin-bottom: 7px;
	padding-top: 7px;
	clear: both;
}
a.hide {
	display: none;
}

#latest_active_users {
	text-align: center;
}
#latest_active_users h2 {
	text-align: left;
}
#latest_active_users img {
/*	width: 60px;
	height: 60px;
*/
}
.bold {
	font-weight: bold;
}
#video_quote_7 a {
	height: 145px;
	display: block;
	position: relative;
	color: #ffffff;
	text-shadow: #000 2px 2px 2px;
}
#video_quote_8 h2 {
	margin-bottom: 0px;
}
#video_quote_8 a {
	height: 175px;
	display: block;
	position: relative;
	color: #ffffff;
	text-shadow: #000 2px 2px 2px;
}
#video_quote_7 p, #video_quote_8 p {
	font-weight: bold;
	margin-bottom: 6px;
	padding-left: 10px;
	margin-right: 15px;
}
#video_quote_7 div {
	position: absolute; bottom: 0px; width: 258px; left: 0px;
}	
#video_quote_8 div {
	position: absolute; bottom: 0px; width: 310px; left: 0px;
	font-size: 14px;
	font-weight: normal;
}
form.edit_video td, form.edit_video th {
	padding: 0px;
}


#news {
	float: right;
}

#twitter .alt, #twitter .alt a {
	color: #808080;
	
}

img.invideo_related_video, a.invideo_related_video {
	float: none;
	clear: both;
	display: inline;
}

#related_videos a {
}
#related_videos img {
	margin: 1px;	
}
#related_videos h2 {
	margin-bottom: 0px;
}

#tagcloud {
	text-align: justify;
}
#tagcloud div {
	line-height: 16px;
}
#tagcloud h2 {
	margin-bottom: 0px;
}
#tagcloud a:hover {
	color: #ffffff;
}
div.margin {
	margin: 5px 10px 0px 10px;
}


#page {
	
	border-top: none;
	border-right: solid 1px #06AAD0;
	border-bottom: solid 1px #06AAD0;
	border-left: solid 1px #06AAD0;
	padding-top: 1px;
	/*background-repeat: no-repeat;*/
	background-image: url('../../images/layout/contentbg.png');
}
#page .innercontainer {
	margin:10px 11px 10px;
}

#toplogo {
	margin-left:20px;
	width:450px;
}

#topmenu {
	border: solid 1px #06AAD0;
	border-top: none;
	border-bottom: solid 2px #06AAD0;
	padding: 12px 0px 8px 0px;
	height: 30px;
}

#topmenubar {
	position: relative;
	background-color:#F8981D;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	padding-left: 8px;
	text-transform: uppercase;
	line-height: 30px;
	height: 30px;
	z-index: 100;
}
#topmenubar a {
	color: #ffffff;
	text-decoration: none;
	float: left;
}

label {
	color: #F8981D;
	display: inline;
	font-style: normal;
}

.alt, .alt_small {
	color: #06AAD0;
	display: inline;
	font-style: normal;
}
.alt2 {
	color: #F8981D;
}
.alt_small {
	font-size: 0.9em;
	font-style: italic;
}


.alt1, .alt1_content {
	color: #808080;
	display: inline;
	font-style: italic;
	font-size: 10px;
}

.alt1_content {
	font-style: normal;
}

.button {
	margin-top: 10px;
}

.user_image {
	border: solid 1px #06AAD0;
}

h4 {
	color: #06AAD0;
	font-size: 1em;
}

h1 a {
	color: #ffffff;
}

h3, h3 a {
	color: #F8981D;
	background: none;	
	margin-bottom: 10px;
}

ul li {
	margin-bottom: 15px;
	font-size: 1.1em;
	margin-left: 20px;
}

.editbox {
	width: 100%;
}
.editbox textarea {
	margin: 0px;
}

#bottom h3 {
	color: #fff;
	text-decoration: none;
}

div.videoplayer 
{
	background-color:#222222;
	margin: 0px;
	padding:15px 11px 0px;
	text-align:center;
	z-index: 99;
	position: relative;
	width: 640px;	/* 568px/640px */
	height: 390px;	/* 346px/405px */
	/*left: -72px;*/
}

div.videoplayer .fb_share {
	float: right;
	padding: 3px 0px 3px 0px;

}

div.videoplayer .flowplayer {
	display:block;
	margin:auto;
	width: 640px;	/* 568px/640px */
	height: 360px;	/* 321px/360px */
}



a.medium_video {
	text-align: center;
	display: block;
	width: 190px;
	height: 107px;
}

a.video_category_tag {
	background-color: blue;
	display: inline-block;
	width: 110px;
	text-align: center;
	line-height: 14px;
}

a.small_video {
	text-align: center;
	display: block;
	height: 73px;
	width: 130px;
	float: left;
}
/*a.empty_video_thumbnail {
	border: none;
	float: left;
	margin-right: 13px;
	text-align: center;
}
*/
/*.video_mosaik {
	background-color: #222222;
	text-align:center;
	padding: 0px 16px 15px 15px;	
	
}
.video_mosaik a {
	margin-right: 13px;
	border: solid 1px #06AAD0;
	border: none;
}
.video_mosaik .clear {
	margin-bottom: 16px;
	height: 0px;
	padding: 0px;
}
.video_mosaik a:hover { }
.video_mosaik a.last {
	margin-right: 0px;
}*/

.large_video_teaser {
	padding: 0px;
	margin-left: 10px;
	text-shadow: #000 3px 3px 3px;
	font-size: 12px;
}

.large_video_teaser .intro_text {
	width: 400px;
}
.large_video_teaser p {
	color: #ffffff;
	line-height: 13px;
	padding-left: 0px;
	margin-top: 10px;
}
.large_video_teaser .intro_text {
	margin: 10px 0 0 7px;
}

.intro_text p {
	width: 180px;
}

.large_video_teaser .intro_text h2, .large_video_teaser .intro_text h2 a {
	background: none;
	text-transform: none;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	font-size: 22px;
	font-weight: normal;
}
.large_video_teaser .intro_text h3, .large_video_teaser .intro_text h3 a {
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	font-weight: normal;
	
}
.large_video_teaser .intro_text h4, .large_video_teaser .intro_text h4 a {
	color: #ffffff;
	padding: 0px;
	margin: 5px 0 0 0;

	
}
.large_video_teaser p a { color: #ffffff; } /*Dette er for firefox!!??*/
.large_video_teaser #horizontal_videoline {
	margin-top: 10px;
	margin-left: 120px;
}
.large_video_teaser .small_video {
	width: 85px;
	height: 48px;
	border: solid 3px;
	border-color: #000000;
/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}
.large_video_teaser .small_video.selected {
	border-color: #ffffff;
}
.large_video_teaser .small_video img {
	margin: 0px;
}

.right {
	text-align: right;
}
.goright {
	float: right;
}
.goleft {
	float: left;
}

.comment {
	margin-bottom: 5px;
	padding: 10px;
}

.small_post_list {
	line-height: 13px;
}

.post p {
	margin-bottom: 5px;
}

.post .author img {
	float:left; 
	margin-right:0.5em;
}
.post .body {
	margin-left: 70px;
}


.small_comment {
	clear: both;
	margin-bottom: 15px;
}

a.highlighted {
	color: #F8981D;
	font-weight: bold; 
}

a { 
	color: #06AAD0;
	text-decoration: none; 
	outline: none;
}

object {
	outline: none;
}

a:hover { 
	color: #ffffff;
}

p { }

pre {
	background-color: #eee;
	padding: 10px;
	font-size: 11px;
}

.show_news h1 {
	color: #F8981D;
	background: none;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}
.show_news .alt {
	font-style: normal;
	text-align: right;
	display: block;
	margin-top: 10px;
}

.fieldWithErrors {
	padding: 2px;
	background-color: red;
	display: table;
}

.flash_notice {
	color: #008000;
	padding-bottom: 10px;
	font-size: 115%;
	font-weight: bold;
}

#errorExplanation {
	border: 2px solid red;
	padding: 7px;
	width: 75%;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	background-color: #F8981D;
	color: #fff;
	background-image: none;
}

#errorExplanation p {
	margin-bottom: 5px;
	font-size: 13px;
	padding: 5px;
	font-weight: bold;
}

#errorExplanation ul li {
	font-size: 12px;
	list-style: square;
}

#right_column .span-8 {
	border:1px solid #06AAD0;
	background-image: url('../images/layout/righttabbedboxbg.png');
}

textarea {
	height: 250px;
	font-family:Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#search_area {
	background-color: #000000;
	float: right;
	text-align: right; 
	padding: 0px;
	margin: 5px 4px 4px 0px;
	line-height: 0px;
	position: relative;
}
#search_status {
	width: 20px;
	height: 14px;
	float: right;
	padding-right: 5px;
	padding-top: 1px;
	
}
#search_area img {
	

}
#search_area input {
	border: none; 
	text-align: left;	
	padding: 3px;
	background-color: rgba(10,10,10,0.9);
	color: #ffffff;
	
}

#video_submenu {
	position: absolute;
	top: 30px;
	left: 90px;
	width: 195px;
	background-color: #000000;
	color: #FFFFFF;
	
	padding: 10px;
	text-align: left;
	z-index: 100;
	font-size: 12px;
}
#video_submenu td {
	padding: 0px; 
	line-height: 24px;
}
#video_submenu a {
	float: none;
	color: #C0C0C0;
	
}

#video_submenu a:hover {
	color: #ffffff;
}

#video_favoritetags {
	text-transform: lowercase;
	letter-spacing: 0px;
	line-height: 13px;
	font-size: 11px;
}
#video_favoritetags td {
	line-height: 13px;
}
#video_favoritetags h4 {
	color: #ffffff;
	margin: 0px;
	text-align: center;
	text-transform: uppercase;
}

#search_results {
	position: absolute;
	left: -400px;
	width: 640px;
	height: 350px;
	background-color: rgba(0,0,0, 0.87);
	color: #000000;
	padding: 10px;
	text-transform: none;
	text-align: left;
	font-size: 12px;
	overflow-x: auto;
	border: solid 1px gray;
	z-index: 99;
}
#search_results h4 {
	color: #ffffff;
	font-size: 14px;
}
#search_results .span-9 {
	margin-bottom: 0px;
}
#search_results p {
	color: #ffffff;
	display: inline;
	font-weight: normal;
	line-height: 15px;
	font-size: 11px;
	
}
#search_results .alt1 {
	line-height: 15px;
}
#search_results h3 {
	margin-bottom: 0px;
}
#search_results h3 a {
	font-size: 0.8em;
	color: #EB901C;
	display: block;
	margin-bottom: 0px;
	float: none;
	clear: both;
}

.center {
	text-align: center;
}

#notice {
	position: absolute;
	top: 190px;
	border: solid 3px green;
	width: 570px;
	padding: 10px 5px 10px 5px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: bold;
	font-size: 1.1em;
	background-color: #32CB00;
	text-align: center;
}
.warning {
	border: solid 3px red;
	color: #000000;
	background-color: #ED5D38;
	font-weight: bold;
	font-size: 1.1em;
}

#produkt_info_box a.active {
	font-size: 1.3em;
}
#produkt_info_box .paginator {
	text-align: center;
}
#produkt_info_box .gearbox_data {
	position: absolute;
	width: 290px;
}


.monitor_icon {
	float: right;
}
.wall .monitor_icon {
	float: left;
}

#identify_guest {
	width: 480px;
	background-color: #04A7CC;
/*	background-color: rgba(4,151,184,0.85); removed BG color in IE... */
	position: fixed;
	bottom: 10px;
}
#identify_guest h3 {
	font-size: 1.6em;
	text-align: center;
	color: #ffffff;
}
#identify_guest h4 {
	font-size: 1.3em;
	color: #F8981D;
	text-decoration: underline;
}
#identify_guest input.field {
	width: 100%;
}
#identify_guest .element {
	width: 170px;
	float: left;
	margin: 0 20px 0 20px;
	background-color: rgba(0,0,0,0.80);
	background-color: #000000;
	padding: 10px 20px 10px 10px;
}
#identify_guest #flash_messages {
	color: #F8981D;
	font-size: 1.1em;
	border: solid 0px #F8981D;
	background-color: rgba(0,0,0,0.80);
	margin: 0 20px 5px 20px;
}
#identify_guest #flash_messages a {
	color: #F8981D;
	text-decoration: underline;
}
.blue h2 {
	margin-bottom: 0px;
	background-image: none;
}
.blue, #right_column .blue {
	background-color: #04AAD0;
	background-image: none;
	color: #ffffff;
}

.video_category_icon {
	font-size: 11px;
	font-family: verdana;
	text-align: center;
	color: #ffffff; 
	padding: 0px; 
	border: solid 1px;
	letter-spacing: 2px;
	width: 30px;
}

#post_video_area_1, #post_video_area_2 {
/*	background-color: rgba(0, 255, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F00FF00', EndColorStr='#7F00FF00'); */
	width: 640px;
	height: 128px;
	position: absolute;
	text-align: left;
}
#post_video_area_2 {
	height: 149px;
	margin-top: 211px;
}

#post_video_area_1 .video_ad, #post_video_area_1 .video_ad  {
	float: left;
	color: #000000;
	font-weight: bold;
	line-height: 13px;
	margin: 12px 0 0 0;
	padding-top: 5px;
	width: 160px;
	height: 100%;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF00', EndColorStr='#FFFFFF00');
}



/* TAG CLOUD */
#tagcloud a { text-decoration: none; color: #F8981D; }
.tag_cloud_bucket_7 { font-size: 75%; }
.tag_cloud_bucket_6 { font-size: 100%; }
.tag_cloud_bucket_5 { font-size: 125%; }
.tag_cloud_bucket_4 { font-size: 150%; }
.tag_cloud_bucket_3 { font-size: 175%; }
.tag_cloud_bucket_2 { font-size: 200%; }
.tag_cloud_bucket_1 { font-size: 225%; }