/* Styles the body. */

body{
 background: #777675 url(/themes/bladed/images/bg.png) repeat-x;
 font: 12px arial, sans-serif;
 color: #000;
 margin: 0; padding: 0;
 margin-bottom: 50px;
}


/* The design-holder. */

#holder{
 position: relative;
 left: 50%; top: 0;
 width: 750px; height: auto;
 margin-left: -375px; margin-bottom: 50px;
 padding-bottom: 25px;
 background-color: #F5F7F9;
 border-left: 2px #436C78 solid; border-right: 2px #436C78 solid; border-bottom: 2px #436C78 solid;
}


/* Gives all the below id's the same values. */

#header, #menu, #undermenu, #content, #footer{
 position: relative;
 left: 0; top: 0;
 width: 100%;  
}


/* The header (with homepage name..). */

#header{
 height: 160px;
 background: url(/themes/bladed/images/menu-top-bg.png) repeat-x;
}


/* "Homepage name..." text above (bright coloured). */

#header h1{
 position: absolute;
 left: 20px; bottom: 20px;
 margin: 0;
 font: 1.4em georgia, serif;
 color: #fff;
 z-index: 1;
}


/* "Homepage name..." text below (dark coloured). */

#header h2{
 position: absolute;
 left: 21px; bottom: 19px;
 margin: 0;
 font: 1.4em georgia, serif;
 color: #3E515E;
 z-index: 0;
}


/* The menu. */

#menu{
 height: 35px;
 padding-top: 2px;
 text-align: right;
 font: 1em arial, sans-serif;
}

 /* Fixes the links colours and such in the menu. */
   #menu a{ color:#7A96A7; text-decoration:none; font-weight:bold; margin-left:10px; margin-right: 10px; }
   #menu a:hover{ color:#000; text-decoration:none; margin-left:10px; margin-right: 10px; }


/* The fade-thingie below the menu. */

#undermenu{
 height: 24px;
 background: url(/themes/bladed/images/menu-bottom-bg.png) repeat-x;
}


/* The content holder */

#content{
		
 height: auto;
 background-color: white;
}

#contentHolder
{	
	float:left;
	padding-left:15px;
	padding-right:15px;
	width:520px;
	background-color: white;
}	
#sidebar
{
	float:right;
	width:200px;
	background-color: white;
}











/* Styles the 'p'-tag. */

p{
 margin: 25px 30px 10px 30px;
 padding: 0;
 text-align: justify;
 text-indent: 15px;
 font: 1em arial, sans-serif;
 line-height: 1.5em;
 color: #3E515E;
}


/* Use this (with the 'h4'-tag as header) if you want to quote something. */

.quote{
 margin: 0 30px 10px 50px;
 font: italic 0.8em verdana, sans-serif;
 background-color: #fff;
 padding: 5px;
 text-indent: 0;
 border: 1px #aaa dotted;
}


/* Use this if you don't want first lines on all paragraph to be moved 15px inn */

.noindent{
 text-indent: 0;
}


/* The biggest font. */

h1{
 font: 2em "times new roman", serif;
 margin: 25px 0 0 30px;
 padding: 0;
 color: #3E515E;
}


/* The font below the biggest font. */

h2{
 font: 0.8em georgia, serif;
 margin: -3px 0 0 35px;
 padding: 0;
 color: #aaa;
}


/* Use this for paragraph titles. */

h3{
 font: 1.4em verdana, serif;
 text-decoration: underline;
 margin: 20px 0 0 30px;
 padding: 0;
 color: #3E515E;
}


/* Use this on all paragraphs (but not #quote) wich are part of the article/documentation/etc.. */

.text{
 margin: 15px 30px 10px 30px;
}


/* The title to be used when displaying a quote with '#quote'. */

h4{
 font: 1.2em georgia, serif;
 margin: 0 0 0 50px;
 padding: 0;
 color: #3E515E;
}


/* Italic text. */

i{
 font: 1em arial, sans-serif;
 font-style: italic;
 color: #000;
}


/* Bold text. */

b{
 font-weight: bold;
 color: #3E515E;
}


/* The list ('li') holder. */

ul{
 background-color: #fff;
}


/* Lists. */

li{
 margin: 0 0 0 5px;
 padding: 0;
}


/* Styles all links on the page (without the menu, wich allready have been styled). */

a{
 color: #000;
 font-weight: bold;
 text-decoration: underline;
}


/* Same as above, exept this is the hover (mouse-over) effect. */

a:hover{
 color: #3E515E;
 text-decoration: none;
}


/* 123.is specially */	

/* NavBar */
#NavBar
{
	margin-top:5px;
	margin-bottom:5px;			
	text-align:left;
	padding:0px;
	margin-left:0px;
}

#NavBar li
{
 	display : inline;
	padding-left:25px;
	list-style:none;
	line-height:20px;	
	margin:0px;
	border-bottom:1px dotted white;
}

#NavBar li a
{
	font-family:verdana,arial;
	color:#0F1E66;
	font-weight:bold;	
	text-decoration:none;
}

#NavBar li a:hover
{
	color:blue;	
}

	ul#NavBar ul
	{
		margin-top:5px;
		margin-bottom:5px;			
		text-align:left;
		padding:0px;
		margin-left:0px;		
	}
	ul#NavBar ul li.SubItem
	{				
		list-style:none;
		display : inline;
		margin:0px;
		padding-left:15px;
	}

/* BLOG Records */
div.BlogPost
{	
	
	border-bottom:4px double #efefef;	
	margin-bottom:10px;
	padding:5px;
}
div.BlogPost h3.BlogTitle
{
	font: 2em "times new roman", serif;
 	margin: 25px 0 0 30px;
 	padding: 0;
 	color: #3E515E;
}
div.BlogPost div.BlogBody
{
background-color:white;
	padding:5px;
	border:1px solid #efefef;	
}
div.BlogPost p.BlogFooter
{
	color:gray;
	margin:0px;
	margin-left:15px;
	font-size:10px;
}

/* GuestBook Records */
#AddGuestBookRecord
{
	border:1px solid gray;
	background-color:#E3EDFB;	
	padding:5px;
}

#AddGuestBookRecord table.GuestBookTable
{	
	width:100%;	
	border:1px solid black;
	background-color:white;
}

#AddGuestBookRecord table.GuestBookTable td.gbTitle
{
	font-size:15px;
	font-weight:bold;
	color:blue;
	padding:5px;
	border-bottom:4px double gray;
}
#AddGuestBookRecord td.gbHeiti
{
	padding-right:5px;
	text-align:right;
	font-weight:bold;
	color:black;
	border-right:1px solid black;
}
#AddGuestBookRecord td.gbGildi
{
	padding:5px;
}

#AddGuestBookRecord input.gbText
{
	width:200px;
}

#AddGuestBookRecord textarea.gbSubject
{
	width:200px;
	height:100px;
}

#AddGuestBookRecord td.gbSubmit
{
	background-color:#f0f0f0;
}

#AddGuestBookRecord input.gbSubmit
{
	background-color:#efefef;
	margin:15px;
	font-family:tahoma,verdana,arial;
	font-size:15px;
}

/* GuestBook Records */
div.GuestBookRecord
{
	margin-bottom:10px;
	border:1px solid gray;
	padding:5px;
	background-color:#FBFBFB;
}
div.GuestBookRecord p.GuestBookDate
{
	font-size:10px;
	color:gray;
	margin:0px;
	border-bottom:1px solid gray;
	margin-bottom:3px;
}
div.GuestBookRecord p.GuestBookTitle
{
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:blue;
	margin:0px;
	margin-left:15px;	
	margin-right:15px;
	margin-bottom:5px;
}
div.GuestBookRecord p.GuestBookSubject
{
	font-size:11px;
	font-weight:normal;
	margin:0px;
	margin-left:20px;
	margin-right:20px;	
	margin-bottom:10px;
}

div.GuestBookRecord p.GuestBookAuthor,div.GuestBookRecord p.GuestBookWebSite
{
	font-weight:bold;
	font-style:italic;
	margin:0px;
	margin-left:15px;
	margin-right:15px;	
	border:1px solid #efefef;	
	background-color:white;
}

/* Album Records */
	table.AlbumListTable
	{	
		border:1px solid gray;
	}
	
	a.AlbumLink
	{
		color:blue;
		border-bottom:1px dotted blue;
		text-decoration:none;
	}
	
	a.AlbumLink:hover
	{
		color:red;
	}
	
	td.albThumb
	{
		border-bottom:1px solid #efefef;
	}
	
	td.albTxt
	{
		vertical-align:top;
		padding:3px;
		border-bottom:1px solid #efefef;
	}
	
	td.AlbumsCats
	{
		background-color:black;
		color:white;
		font-weight:bold;
		padding:3px;
	}
	
	table.AlbumListTable P
	{
		font-family:verdana,arial,tahoma;
	}
	
	P.albTitle
	{
		
		font-size:11px;
		font-weight:bold;
		color:blue;
		margin:0px;
	}
	
	P.albDate
	{
		font-size:10px;
		margin:0px;
	}
	
	P.albNew
	{
		margin:0px;
		font-size:11px;
		font-weight:bold;
		color:red;
		letter-spacing:3px;		
		padding-left:5px;
	}
	
	/* COPYRIGHT */
	p.copyright
	{
		font-family:arial,tahoma,verdana;
		font-size:11px;		
		text-align:center;
		color:white;
	}
	p.copyright a
	{
		color:white;
	}
	
	/* Blog Comments */
	div.BlogComment a
	{
		color:blue;
		border:1px solid gray;
		padding:5px;
	}
	div.AddBlogComment
	{
		border:1px solid gray;
		background-color:#E3EDFB;	
		padding:5px;
		display:none;
	}
	
	div.AddBlogComment table.AddCommentTable
	{	
		width:100%;	
		border:1px solid black;
		background-color:white;
	}
	
	div.AddBlogComment table.AddCommentTable td.blTitle
	{
		font-size:15px;
		font-weight:bold;
		color:blue;
		padding:5px;
		border-bottom:4px double gray;
	}
	div.AddBlogComment td.blHeiti
	{
		padding-right:5px;
		text-align:right;
		font-weight:bold;
		color:black;
		border-right:1px solid black;
	}
	div.AddBlogComment td.blGildi
	{
		padding:5px;
	}
	
	div.AddBlogComment input.blText
	{
		width:200px;
	}
	
	div.AddBlogComment textarea.blSubject
	{
		width:200px;
		height:100px;
	}
	
	div.AddBlogComment td.blSubmit
	{
		background-color:#f0f0f0;
	}
	
	div.AddBlogComment		 input.blSubmit
	{
		background-color:#efefef;
		margin:15px;
		font-family:tahoma,verdana,arial;
		font-size:15px;
	}
	
	/* Comments */
	div.BlogComments
	{
		border:1px dotted blue;
	}
	
	div.BlogComment p.bcTitle
	{
		font-weight:bold;
		background-color:#efefef;
		margin:0px;
		padding:3px;
	}
	
	div.BlogComment p.bcComment
	{
		font-style:italic;
		padding-left:10px;
		padding-righr:10px;
		margin:0px;
	}
	
	b.bcDate
	{
		color:gray;
		font-weight:normal;
	}

	a.adminLink
	{
		margin-left:15px;
		color:white;
		text-decoration:none;
		text-align:right;
	}#header{ background: url(http://cs-001.123.is/DeliverFile.aspx?id=dbf2b742-0785-4b4d-abd9-af249e83ca3f) repeat-x;}/* Automated CSS generated from OTT */