/* ----------------------------------------------------------------- */
/* Deiglan.com - screen.css                                          */
/* Last updated: 27. May 2007                                        */
/* Author: Soffia Kristin Thordardottir                              */
/* soffiath@gmail.com                                                */
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* Color Defnitions                                                  */
/* Blue links =  #0066CC                                             */
/* Dark brown block headers =  #773300                               */
/* Light blue borders = #CAD6E8                                      */
/* Light blue background =  #F1F1F9                                  */
/* Light yellow background =  #FFFAF0                                */
/* Dark gray text =  #333;                                           */
/* Body background =  #f2f2f2                                        */
/* ----------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Trebuchet MS, Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center; background: #f2f2f2;
	}

.hidden {display: none;	}
.clear {clear:both; height:1px; margin:0; padding:0;}
	
	
/* ----------------------------------------------------------------- */
/* Basic Settings                                                    */
/* ----------------------------------------------------------------- */

h1,h2,h3,h4, h5, h6 {font-family: Trebuchet MS, Georgia, Times, Times New Roman, serif; margin: 0; padding: 0;}

h1 { font-size: 3.1em; color: #333; }
h2 { font-size: 2.1em; color: #730; padding: 10px 0 10px 0;}
h3 { font-size: 2.0em; color: #730; line-height: 1.25em; padding-top:10px; }
h4 { font-size: 1.5em; color: #999; font-weight: normal; margin:0;}
h5 { font-size: 1.1em; color: #555; font-weight: normal; }
h6 { font-size: 1.1em; color: #773300; font-weight: normal; margin-bottom:5px; }

p { font-size: 1em; margin: 0; margin-right:2px; line-height: 1.5em; margin-bottom: 10px;}
#item p {margin-bottom: 15px; line-height: 1.7em;}

a:link { color: #06c; text-decoration: none;}
a:visited, a:active {color: #06c; text-decoration: none;}
a:hover { color: #06c; background: #FBFCDC; border-bottom: 1px dotted #06c;}

a.nolink:link { color: #773300; text-decoration: none;}
a.nolink:visited, a.nolink:active {color: #773300; text-decoration: none;}
a.nolink:hover  { color: #773300; background: #FBFCDC; border-bottom: 1px dotted #06c;}

.augl a:hover {border-bottom: none;}

img {border:none;}

table {margin: 0 5px 5px 5px; background: #f1f1f9;}
table {display:none;}

form {margin-top: 0;}

/* ----------------------------------------------------------------- */
/* Block Layouts                                                     */
/* ----------------------------------------------------------------- */

/* Block 1 */
#block_1 h3.pistill-vikunnar {font-size: 1.5em; color: #333; line-height: 1.2em; margin:5px; padding-top:5px; font-weight: normal;}
#member #block_1 h3.mheadline {font-size:1.1em; line-height:normal; color:#333; margin:0; padding: 2px 10px 2px 20px; font-weight: normal; background: url(/skins/00/img/icon/bullet_blue.png) no-repeat; border-bottom: 1px dashed #CAD6E8; }

#item #block_1 .item p img {margin: 5px 10px 10px 0; padding: 5px; background: #f1f1f9; float: left; width: 60px;}
#index #block_1 .leidari p img {margin: 5px 0 10px 10px; padding: 5px; background: #f1f1f9; float: right; width:100px; clear:both;}
#item #block_1 .leidari p img {margin: 5px 0 10px 10px; padding: 5px; background: #f1f1f9; float: right; clear:both;}
#item #block_1 .item p img.ritstjorn {display:none;}

/* Block 2 */
#block_2 h3.mheadline {font-size: 0.9em; color: #999; font-weight: normal; margin:0;}
#block_2 h3 { font-size: 1.5em; color: #333; line-height: 1.2em; margin:0; padding-top:5px; font-weight: normal;}
#block_2 p {}
#block_2 p img {display: inline; margin: 5px 0 5px 10px; padding: 5px; background: #F1F1F9; float: right; width:100px; clear:both;}

/* Block 3 */
#block_3 h3 { font-size: 1.1em; color: #333; line-height: 1.2em; margin:0; padding-top:5px;}
#block_3 h4 { font-size: 0.9em; color: #CCC;  line-height: 0.9em; font-weight: normal; margin:0; margin-top:5px;}
#block_3 p {font-size: 1em; margin: 0;}
#block_3 p img {display:none;}

/* Page Layout */ 
#mainwrapper {
	width: 960px;
	margin:auto;
	border-left: 1px solid #CAD6E8; 
	border-right: 1px solid #CAD6E8; 
	border-bottom: 1px solid #CAD6E8; 
	padding-top: 0;
	text-align:center;
	background: #FFF;
}

/* ----------------------------------------------------------------- */
/* Page Layout for Firefox, IE6, IE7                                 */
/* - Based on the "ONE TRU LAYOUT"                                   */
/* Ref: http://www.positioniseverything.net/articles/onetruelayout/  */
/* ----------------------------------------------------------------- */

/* Index template (Homepage - 3 col) */

#block_0 {
	margin: 0;
	padding: 0; 
	width: 680px;
	border: none;
float: left;
}

#block_1
	{
	float: left;
	width: 380px;
	display: inline;
	background: transparent;
}

#block_2
	{
	float: left;
	width: 300px;
	display:inline; 	
	background: transparent;
	} 

#block_3
	{
	float: left;
	width: 280px;
	display:inline;
	background: transparent;
	}

/* Subpage template (2 col) */
#item #block_1,
#member #block_1 {
	float: left;
	width: 680px;
	display:inline; 	
	background: transparent;
}	

#item #block_2,
#member #block_2 {
	float: left;
	width: 280px;
	display:inline; 	
	background: transparent;
}
	
/* ----------------------------------------------------------------- */
/* Several fixes for other browsers                                  */
/* ----------------------------------------------------------------- */
#wrapper
	{
	width: 960px;
	margin:auto;
	margin-top:0;
	text-align:left;
	float: left;
	}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */

#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */

	float: left;

/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */

	float/**/: none;
	}

/* easy clearing */

#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

#wrapper
	{
	display: inline-block;
	}
/*\*/

#wrapper
	{
	display: block;
	}
/* end easy clearing */

#footer
	{
	clear: both;
	}

/* ----------------------------------------------------------------- */
/* Column Padding	                                                   */
/* ----------------------------------------------------------------- */

.padding {padding: 10px;}

#block_3 .padding { 
	background: #FFF url(/skins/00/img/bottom-left-block2-bg.png) top left no-repeat;
	background: #FFFAF0;
	border: 1px solid #CAD6E8; border-top: none;
	margin: 0 13px 10px 0;
	display:inline;
	float:left;
} /*Todo: Should contain padding only*/

#item #block_2 .padding {padding-left:0;}


/* ----------------------------------------------------------------- */
/* Page Header (h1)                                                  */
/* ----------------------------------------------------------------- */

#header {
	margin: auto;
	width: 960px;
	height: 85px;
	background: #FFF url(/skins/00/img/header-bg-9.png) no-repeat;
	position: relative;
}

#header h1 {
	margin: 0;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active {
	width: 280px; position: absolute; top: 0px; left: 10px; display: block; 
	background: none; overflow: hidden; font-size:0px; padding-top: 85px; color: #FFF; }

/* ----------------------------------------------------------------- */
/*  Search                                                           */
/* ----------------------------------------------------------------- */
/* Top Search */
div #search {position:absolute; top: 50px; width:960px; text-align:right;}
form #searchform {float:right; padding: 10px; margin: 5px 10px 5px 10px;}
#searchform label.formlabel {color:#06c;font-size:0.9em; vertical-align:baseline;}
#searchform input.formfield {display:inline; width:130px; border:1px solid #CAD6E8; background: #FFF; color: #06C; font-family: Verdana; font-size: 0.9em; vertical-align: middle; padding: 2px;}
#searchform input.formbutton {display:inline; margin-right: 40px; height: 18px; border:1px solid #CAD6E8; background: #FFF; font-size:0.9em; color: #06C; vertical-align: middle; font-weight:bold;}

/*Search in main content area*/
#block_1 .searchform {
	margin-top: 5px;
	padding:10px; 
	background: #F1F1F9;
	border-top: 1px solid #CAD6E8;
	border-bottom: 1px solid #CAD6E8;
}
#block_1.searchform input.formfield {display:inline; width:130px; border:1px solid #CAD6E8; background: #FFF; color: #06C;}
#block_1 .searchform input.formbutton {display:inline;}


/* ----------------------------------------------------------------- */
/* Navigation - Short cuts                                           */
/* ----------------------------------------------------------------- */

#short-cuts { display: none;}
#short-cuts ul {display: none;}
#short-cuts li {display: none;	}
#short-cuts li a:link, #short-cuts li a:visited {display: none;}
#short-cuts li a:hover, #short-cuts li a:active {display: none;}

/* ----------------------------------------------------------------- */
/* Navigation in footer                                              */
/* ----------------------------------------------------------------- */

#navigation {
	height: 120px;
	border: none;
	border-top: 1px solid #CAD6E8;
	border-bottom: 1px solid #CAD6E8;
	background: #F1F1F9;
	text-align: center;
	width: 960px;
	margin: auto;
	height: 150px;
}

#navigation .float-left {
	padding: 10px;
	width: 210px;
	text-align: left;
	display: inline;
	float:left;
}

#navigation .block-title{	
	color: #773300;
	padding: 4px;
	padding-left: 0;
	font-weight: bold;
	text-indent: 10px;
}

#navigation ul {
	list-style: none;
	margin:0;
	padding:10px;
}

/* ----------------------------------------------------------------- */
/* Font-sizer                                                        */
/* ----------------------------------------------------------------- */

.font-sizer, .font-sizer:visited {
	width: 950px;
	position: absolute;
	top:10px; 
        z-index: 100; 
}

.font-sizer #fontsizer {
	position: absolute;
	margin:0; right:0px;
	padding-right: 80px;
}

#fontsizer ul {
	float:right;
	margin:0; 
}

#fontsizer li {
	display: inline;
        border: none;
        color:#FFF;  font-size: 0.9em;
}

li .font-size  {}
li a.smaller, li a.smaller:hover, li a.smaller:visited {background: url(/skins/00/img/smaller.gif) no-repeat; padding: 10px 10px 6px 10px; font-size:1px;}
li a.bigger, li a.bigger:hover, li a.bigger:visited  {background: url(/skins/00/img/bigger.gif) no-repeat; padding: 10px 10px 6px 10px; font-size:1px; margin-left:4px;}
li a.contrast, li.contrast:hover, li a.contrast:visited {color:#333;}

/* ----------------------------------------------------------------- */
/* Horizontal lines                                                  */
/* ----------------------------------------------------------------- */

hr.dotted {color: #fff; background-color: #FFF; border: 0; height: 1px; margin:0; margin-top:4px; margin-bottom: 4px;}

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

#footer {
	width: 960px;
	margin: auto;
	text-align: center;}

#footer .padding {
	padding: 10px;
	padding-top: 30px;
	margin: 0 1px 0 1px;
}

#footer .content a { color: #333; text-decoration: none;}
#footer .content a:visited, a:active {color: #333;	text-decoration: none;}
#footer .content a:hover {color: #333; text-decoration: underline;}

/* ----------------------------------------------------------------- */
/* vCard elments in footer                                           */
/* ----------------------------------------------------------------- */
#footer .org {display:inline;}
#footer .adr {display:none;}
#footer .tel {display:none;}

/* ----------------------------------------------------------------- */
/* Content Block titles (column headers)                             */
/* ----------------------------------------------------------------- */

#block_1 .block-title,
#block_2 .block-title {
	color: #773300;
	padding: 4px;
	padding-left: 0;
	border-top: 1px solid #CAD6E8;
	font-weight: bold; font-size: 1.0em;
	margin-top: 0;
   background: url(/skins/00/img/block-title-bg.png)repeat-x;
}

#block_2 .member-info {background: url(/skins/00/img/icon/vcard.png) no-repeat right;}
#block_2 .contact {background: url(/skins/00/img/icon/email.png) no-repeat right;}
#block_3 .block-title, #navigation .block-title {color: #773300; padding: 4px; padding-left: 0; font-weight: bold; font-size: 1.0em;}

/*
a.rss:link {display:inline; float:right; margin:0; font-size:0px; padding: 16px 16px 0 0; background: url(/skins/00/img/icon/feed.png) no-repeat;}
a.rss:hoover, a.rss:active  {display:inline; float:right; margin:0; font-size:0px; padding: 16px 16px 0 0; background: url(/skins/00/img/icon/feed.png) no-repeat;}
a.rss:visited  {display:inline; float:right; margin:0; font-size:0px; padding: 16px 16px 0 0; background: url(/skins/00/img/icon/feed.png) no-repeat;}
*/

/* ----------------------------------------------------------------- */
/* Leidari 																				*/
/* ----------------------------------------------------------------- */

#block_1 .leidari {
	background: #FFF;
	padding: 0 10px 0 0;
	margin-bottom:0;
	margin-top: 3px;
}

#item #block_1 .leidari {
	text-align: left;
}

/* ----------------------------------------------------------------- */
/* Lists to display more items													*/
/* ----------------------------------------------------------------- */
#block_1 .list,
#block_2 .list {
   background: url(/skins/00/img/list-bg.png) repeat-x;  
	padding: 10px;
	margin:0px; margin-top:5px; margin-bottom:10px;
	border-bottom: 1px solid #CAD6E8;
	border-top: 1px solid #CAD6E8;
}

.list-headers {font-family: Trebuchet MS, Verdana; font-size: 1.1em; color: #773300; margin-bottom:5px; font-weight: normal;}
.list-buttons {margin-top:10px; border: none; text-align:left; font-family: Trebuchet MS, Verdana;}
.rss-button {background: url(http://www.deiglan.com/skins/00/img/icon/feed.png) no-repeat left; font-size:1em; padding:2px;padding-left: 20px; margin-bottom:10px;}
.more-button { background: url(http://www.deiglan.com/skins/00/img/icon/resultset_next.png) no-repeat right; font-size:1.1em; padding:2px;padding-right:20px; }


/* ----------------------------------------------------------------- */
/*  Search Results & highlight color 											*/
/* ----------------------------------------------------------------- */

.highlight {background: #DEFFA9; background: #FF732E; color: #fffaf0;}
#searchresults .item {background: #FFF;}

/* ----------------------------------------------------------------- */
/*  Item Styles 																		*/
/* ----------------------------------------------------------------- */

#block_1 div.item {margin:0;}
#block_3 div.item {margin-bottom:10px;}

/* Item dateline */
#index div.dateline {font-size: 0.9em; color: #999; font-weight: normal; margin:0; margin-top: 5px; padding: 2px;}
#item div.dateline {
	font-size: 0.9em; color: #999; font-weight: normal; margin:0; margin-top: 5px;
	padding: 10px;
	background: #fffaf0;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
   margin-top: 15px; margin-bottom:10px;
}

#item .item div.dateline {
	font-size: 0.9em; color: #999; font-weight: normal; margin:0; margin-top: 5px;
	background: none;	
   padding: 2px;
	border: none;
}

#item .item div.dateline.date {
	padding-bottom: 4px; padding-top: 4px;
	background: #FFF;
	border:none;
   font-size: 0.9em; color: #999; font-weight: normal; margin:0; margin-top: 5px;
}

/* Item Blockquote */
#item blockquote {
	float: right;
	width: 250px;
	margin: 0 0 10px 10px;
	padding: 10px;
	padding-left: 50px;
	background: #F1F1F9 url(../../00/img/quote.png) no-repeat;
	color: #666;
	text-align: left;
	font-weight: bold;
}

/* Item extra buttons (rename class to item instead of content) */
.content-footer-buttons {
	padding: 10px 10px 10px 0;
	background: #fffaf0;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
   margin-top: 10px;
	margin-bottom: 10px;
}

.content-link {
	margin-right: 20px; padding: 2px 2px 2px 2px;
}

.content-footer-related {
	padding: 10px 10px 10px 10px;
	background: #fffaf0;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 10px;
}

.content-footer-vote {
	padding: 10px 10px 10px 10px;
	background: #f1f1f9;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 10px;
}

#index .date {background: none; padding-left:0;}
.date {background: url(/skins/00/img/icon/date.png) no-repeat; padding: 0 0 2px 20px;}
.author {background: url(/skins/00/img/icon/user.png) no-repeat; padding: 0 0 2px 20px;}
.send {background: url(/skins/00/img/icon/email.png) no-repeat; padding: 0 0 2px 20px;}
.print {background: url(/skins/00/img/icon/printer.png) no-repeat; padding: 0 0 2px 20px;}
.edit {background: url(/skins/00/img/icon/pencil.png) no-repeat; padding: 0 0 2px 20px;}
.prev {background: url(/skins/00/img/icon/resultset_previous.png) no-repeat; padding: 0 0 2px 20px;}
.up {background: url(/skins/00/img/icon/arrow_up.png) no-repeat; padding: 0 0 2px 20px;}
.next {background: url(/skins/00/img/icon/resultset_next.png) no-repeat right; padding: 0 20px 2px 0;}
.vote-yes { padding: 0 10px 0 20px; background: url(/skins/00/img/icon/thumb_up.png) no-repeat; }
.vote-no { padding-left:20px; background: url(/skins/00/img/icon/thumb_down.png) no-repeat; }

/* ----------------------------------------------------------------- */
/*  Leftbox and Rightbox toolbar buttons 										*/ 
/* ----------------------------------------------------------------- */

.leftbox, .rightbox {
	font-size: smaller;
}

.leftbox {
	float: left;
	border-right: 2px solid #ccc;
	padding: 0 5px 5px 0px;
}

.rightbox {
	float: right;
	border-bottom: 1px solid #CCC;
	padding: 0 0 2px 1px;
	margin: 0 0 5px 5px;
	background: #f2f2f2;
}


.rightbox-news {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 10px 0 10px 10px;
	background: #F1F1F9; width:200px;
	border-bottom: 1px solid #CAD6E8;
	border-top: 1px solid #CAD6E8;
}

/* ----------------------------------------------------------------- */
/*  Comment form 																		*/
/* ----------------------------------------------------------------- */

#nucleus_cf {}

.form-title {
	padding: 10px;
	background: #f1f1f9;
	border-top: 1px dashed #CCC;
	color: #730;
	font-weight: bold;
	margin:0;
}

.commentform {
	margin-top:0;
	padding: 10px 10px 10px;
	border-bottom: 1px dashed #CCC;
	background: #f1f1f9;
}

.commentform input,
.commentform textarea {display:block;}
.commentform input.checkbox {display:inline;}
.required {background: url(/skins/00/img/icon/bullet_star.png) no-repeat right; padding-right:15px;}
.error {font-weight: bold; color: #F00; background: url(/skins/00/img/icon/error.png) no-repeat left; padding: 5px 0 5px 20px; border-bottom: 1px dashed #F00;margin-bottom: 20px;}

/* -------------------------------------------------------------- */
/*  ShowBlogs Plugin Styles                                       */
/*  Pagination for NP_ShowBlogs (Inspired from Tipos.com.br)		*/
/* ---------------------------------------------------------------*/

.pageswitch { 
   text-align: left; 
   border-top: 1px dashed #CAD6E8;
   padding-top: 20px;
	font-size: 1.5em;
} 

.pageswitch a, .pageswitch span { 
   margin-right: 0.1em; 
   background: #FFF; 
} 

.pageswitch a { 
   text-decoration: underline;    
	padding: 1px 5px 2px;
} 

.pageswitch a:hover { 
   background: #FFFAF0; 
	background: #FBFCDC; border-bottom: 1px dotted #06c;
} 

.pageswitch a.nextprev { 
   font-weight: bold; 
} 


/* ----------------------------------------------------------------- */
/* Member-list																			*/
/* ----------------------------------------------------------------- */

div.member {background: #f1f1f9; border-bottom: 1px dashed #CCC; margin:0; margin-bottom: 1px;padding: 4px;}

/* ----------------------------------------------------------------*/
/*  Member-mailform                                                */
/* ----------------------------------------------------------------*/

div .mailform textarea.formfield {width:270px; }

/* ----------------------------------------------------------------*/
/*  Member-vCard in block2                                         */
/* ----------------------------------------------------------------*/

#block_2 .vcard {
	padding: 10px 10px 2px 10px;
	background: #fffaf0;
	border-bottom: 1px solid #CCC;
	margin:0 0 10px 0;
}

#block_2 img.photo {width:100px; float:right; margin: 0 0 5px 5px;}
#block_2 .vcard div {margin-bottom:5px;}
#block_2 .label {font-size:0.8em; margin-bottom:0;}
#block_2 .site {background: url(/skins/00/img/icon/world.png) no-repeat left; padding:2px; padding-left:20px; margin-top: 10px;}
#block_2 .hcard {background: url(/skins/00/img/icon/microformats.png) no-repeat; padding: 2px 5px 2px 20px; color: #06c; font-weight: bold; }
#block_2 .email {border-bottom: 1px dotted #06c;}