#google-ads
{
	width: 234px;
	margin: 0.5em auto;
	padding: 1px;
	border: 1px solid #a0a0a0;
}

#last-fm-radio
{
	position: relative;
	top: 200px;
}

/* override browser defaults */

html {overflow: hidden}

body {width: 100%}

body, h1, h2, h3, h4, h5, h6, p, form, td {margin: 0; padding: 0}

h1, h2, h3, h4, h5, h6 {font-size: 1em; font-weight: normal}

/*
h1 = meta page header / title
h2 = page header
h3 = paragraph header
h4 = non-paragraph header / box header
*/

div {position: relative}

/* Activate hasLayout (for IE) on all block elements... why not? ;-) */
body, div, p, h1, h2, h3, h4, form, input, img.block {zoom: 1;}
/* seems like this gives particular problems on IE6 with absolutely positioned elements without a fixed witdh */

ul {margin: 0; padding-left: 1.2em}

a {text-decoration: none}
a:hover {text-decoration: underline}

a, *[onclick] {cursor: pointer}

a img {border: none}

/* global structural classes */

img.png {_behavior: url(/png_behavior.htc)} /* PNG fix for IE6 */

img.block {display: block}

a.block {display: block; width: 100%; height: 100%}

.clear_float {clear: both; height: 0; line-height: 0}

.blind /* elements which shouldn't be in plain view, but shouldn't be considered hidden either, i.e. popupmenus, elements that should be able to receive focus, elements that should be read by screen readers */
{
	position: absolute;
	width: 1px; height: 1px;
	top: -9999px !important;
}

/* text mod classes */

.b {font-weight: bold}
.u {text-decoration: underline}
.i {font-style: italic}
.upc {text-transform: uppercase}
.loc {text-transform: lowercase}
.cap {text-transform: capitalize}
.tac {text-align: center}
.tar {text-align: right}
.tal {text-align: left}

/* tables and cells */

table
{
	border: none;
	border-collapse: collapse;
}

	/* template.general.css */

/* styles common for all templates on this site */

/* 2 layer fixation: 
- Body is frozen to the viewport. 100%x100%
- Front end layer scrolls within body
- Back end layer lies transparently on top
*/

html {overflow: hidden}

body
{
	width: 100%; height: 100%;
}

.layer
{
	position: absolute;
	top: 0px; left: 0px; 
	width: 100%; height: 100%; 
	overflow: auto;
}

/* ----------------- general --------------------*/


input.image
{
	border: none;
}

sup
{
	font-size: 0.6em;
}

.error
{
	color: #e00000;
	background: url(http://jakob.givoni.dk/en/images/icons/icon_error.gif) no-repeat 0px 2px;
	padding-left: 15px;
}

.error.noicon
{
	background: transparent;
	padding-left: 0;
}


/* ===== LAYOUT ===== */

#languages li
{
	list-style: none;
	padding: 0 1em;
	float: right;
}

	/* template.jgivoni.css */

/* layout */


.container
{
	width: 750px; margin: 0px auto;
	text-align: center;
	vertical-align: top;
	background: #101010;
	border: 2px solid #000000;
}

.container .header
{
	position: absolute;
	top: 14px; left: 0px;
	width: 100%; height: 120px;
}

#user_component
{
	position: absolute;
	top: 0px; right: 0px;
	_text-align: right;
}

.container .preheader {width: 100%; height: 134px}

h1
{
	font-weight: normal;
	color: #808080;
	font-size: 8pt;
	font-family: "Arial Narrow", Arial;
	text-align: left;
	margin: 0px;
}

.container .main
{
	width: 100%; clear: both;
}

.container .content
{
	width: 100%;
}

.container .footer
{
	width: 100%;
}

.editable
{
	outline: 1px dotted #000080;
	cursor: pointer;
	_border-top: 1px dotted #f0d0d0;
	_border-bottom:  1px dotted #f0d0d0;
}

td
{
	font-size: 8pt;
	text-align: center; 
	vertical-align: middle;
	border: 1px solid #ffffff;
	padding: 4px;
}

tr.h td {font-weight: bold}

td.h {font-weight: bold; background: #c0c0c0}

td.input {text-align: left; background: #d0d0d0}

td.extern {background: none; border: 0px; text-align: left}

.error {color: #e00000}

/* elements */

body
{
	background-image: url(http://jakob.givoni.dk/en/images/body_background.gif);
}

/* text */

body
{
	font-family: Arial, helvetica, sans-serif; 
	font-size: 75%; 
}

h2 {font-weight: bold; font-size: 2em}
h3 {font-weight: bold; font-size: 1.5em}




/* colors */

body
{
	background-color: #404040;
	color: #ffffff;
}

a
{
	color: #ffff66;
}

	/* ---- CSS declarations for the typic:alertbox DIV ---- */

div.alertbox
{
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	text-align: center;
	/*background: url(../../images/transparent_grid_20x20.gif);*/
}

div.alertbox div#alertbox_background
{
	position: relative;
	width: 100%; height: 100%;
	background: #ffffff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 2;
}

div.alertbox div#alertbox_box
{
	position: absolute;
	z-index: 2;
	left: 40%;
	top: 40%;
	width: 20%;
	padding: 20px;
	border: 1px solid #dddddd;
	font-size: 9pt;
}

div.alertbox iframe {display: none}

div.alertbox div.wait
{
	background: #EDF5FE;
	color: #000000;
	font-weight: bold;
}

div.alertbox div.ok
{
	background: #EDF5FE;
	color: #000000;
	font-weight: bold;
}

div.alertbox div.error
{
	background: #ED4040;
	color: #000000;
	font-weight: bold;
}

div.alertbox div.confirm
{
	background: #EDF5FE;
	color: #000000;
	font-weight: bold;
}

div.alertbox div.buttons
{display: none}

div.confirm div.buttons
{
	display: block;
	text-align: center;
	margin-top: 15px;
}

div.buttons input
{
	font-size: 8pt;
	border: 1px solid #404040;
	font-weight: bold;
	color: #ffffff;
	background: #808080;
	padding: 3px;
	width: 50px;
}

div.alertbox div.window
{
	display: none;
}

div.alertbox iframe.window
{
	display: block;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	z-index: 2;
	border: none;
}

/* -------- TYPIC_CLUE -------- */

.typic_clue_list
{
	border: 1px solid #808080;
	background: #f0f0f0;
	color: #0000ff;
}

.typic_clue
{
	padding: 2px;
	width: 75px;
}

.typic_clue_focus
{
	background: #ffff00;
	padding: 2px;
	width: 75px;
}

/* --------- TYPIC_POPUP ---------- */

.typic_popup
{
	position: absolute;
	top: 0px; left: 0px;
	z-index: 2;
	border: 1px solid #808080;
	background: #c0c0c0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	/* elements should also have the class 'blind' */
}

/* --- TYPIC PROTO --- */

.typic_proto
{
	display: none;
}

/* --- OPACITY CLASSES --- */

.opacity0 {opacity: 0; filter: alpha(opacity=0)}
.opacity10 {opacity: 0.1; filter: alpha(opacity=10)}
.opacity20 {opacity: 0.2; filter: alpha(opacity=20)}
.opacity30 {opacity: 0.3; filter: alpha(opacity=30)}
.opacity40 {opacity: 0.4; filter: alpha(opacity=40)}
.opacity50 {opacity: 0.5; filter: alpha(opacity=50)}
.opacity60 {opacity: 0.6; filter: alpha(opacity=60)}
.opacity70 {opacity: 0.7; filter: alpha(opacity=70)}
.opacity80 {opacity: 0.8; filter: alpha(opacity=80)}
.opacity90 {opacity: 0.9; filter: alpha(opacity=90)}
.opacity100 {opacity: 1; filter: alpha(opacity=100)}

/* news.css */

#latest_news h4
{
	text-transform: uppercase;
	font-weight: bold;
	color: #FF9933;
	background-color: #303030;
	border-top: 1px solid #606060;
	border-bottom: 1px solid #606060;
	margin-top: 0.5em;
	text-align: right;
	padding-right: 1em;

}

.news_item p.body a, .gallery_item p.body a
{
	color: #ffffff;
}

.news_item p.body a:hover, .gallery_item p.body a:hover
{
	text-decoration: none;
}

.news_item h3 a, .gallery_item h3 a
{
	color: #ffffff;
}

.news_item h3 a:hover, .gallery_item h3 a:hover
{
	text-decoration: none;
	color: inherit;
}

.news_item, .gallery_item
{
	border-bottom: 1px solid #404040;
	padding: 5px 5px 8px 5px; 

	text-align: left;
}

.news_item
{
	width: 390px;
}

.gallery_item
{
	width: 390px;
}

.gallery_item a.follow, .news_item a.follow
{
	display: block;
	padding-left: 20px;
	background: url(http://jakob.givoni.dk/en/images/icons/icon_goto.gif) no-repeat;
	height: 16px;
}

.news_item.full_view p
{
	margin: 1em 0;
}

.news_item .date, .gallery_item .date
{
	font-size: 80%;
	color: #808080;
	float: right;
	padding-top: 6px
}

.news_item .link_more, .gallery_item .link_more
{
	font-size: 80%; 
	color: #808080;
}

.news_item .author, .gallery_item .author
{
	font-weight: bold;
	font-size: 0.8em;
	font-style: italic;
	color: #808080;
}

.news_item .thumb, .gallery_item .thumb
{
	width: 100px; height: 100px;
	padding: 1px;
	margin-left: 0.5em;
	background: #000000;
	border: 1px solid #cccccc;
}

.archive_item
{
	zoom: 1;
}

.archive_item h4
{
	text-align: left;
	font-weight: normal;
	font-size: 100%;
	margin: 4px 0;
	zoom: 1;
}

.archive_item .date
{
	font-size: 80%;
	color: #808080;
	float: right;
	padding-top: 0;
}

.archive_item h4 a
{
	color: #ffffff;
}

/* component.user.css */

#user
{
}

#user p
{
	font-size: 0.85em;	
}

#user input
{
	font-family: Arial, helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 1px;
	line-height: 1em;
	background: #ffffff;
	color: #404040;
	width: 80px; height: 10px;
	border: 1px solid #c0c0c0;
	margin: 0; padding: 0 2px;
}

#user .submit
{
	position: absolute;
	width: 0px; height: 0px;
	overflow: hidden;
}

#user .username
{
	color: #73B3E1;
}

/* ------------ SLIDE SHOW ------------- */

.component_slides
{
	position: relative;
}

.component_slides .slide_element
{
	position: absolute;
	top: 0; left: 0;
}

/* hidden elements should have this class */
.component_slides .hidden
{
	display: none;
}

.component_slides .visible
{
	display: block;
}

/* fading in element should have this class */
.component_slides .on_top
{
	z-index: 2;
}