/*  
Theme Name: Fauna
Theme URI: http://www.noscope.com/fauna/
Description: Fauna is a highly adaptive open-source draping for Wordpress-powered websites. Fauna is primarily developed by <a href="http://www.noscope.com">Joen Asmussen</a>, <a href="http://www.vernetzt.ws">Ralph Inselsbacher</a> and <a href="http://www.levibuzolic.com">Levi Buzolic</a>. <br /><br />To easily customize Fauna, click "Current Theme Options" above.<br /><br />See also: <a href="http://www.noscope.com/fauna/documentation/">Help</a> | <a href="http://www.noscope.com/fauna/forum/">Forum</a> | <a href="http://www.noscope.com/fauna/">Development Blog</a>.
Version: RC (Release Candidate)
Author: Joen Asmussen
Author URI: http://www.noscope.com/fauna/

	  ___                    
	 /                       
	(___  ___       ___  ___ 
	|    |   )|   )|   )|   )
	|    |__/||__/ |  / |__/|
                         

	This is the main stylesheet file.
	It contains layout, margins and positioning. 
	All colors and images are separated out into styles in the styles directory.
	The default style is "styles/default/default.css".

*/

/* 

	Basics
	
*/
html { 	/* Force vertical scrollbar */
	overflow-y: scroll;
	height: 100%;
	margin-bottom: .0001em;
}
* {		/* Reset margins and paddings */
	margin: 0;
	padding: 0;
}

/*

	Positioning
	
*/
body {
	padding-bottom: 4em; 	/* Add some extra scroll space */
}
#wrapper {
	margin: 0 auto;
	position: relative;
}
#body {
	margin: 0 auto 0 auto;
}
#sidebar ul, #sidebar li {
	list-style: none;
}
#main {
	margin: 0 0 .8em 0;
}
#footer {
	clear: both;
	text-align: center;
}
#footer a {
	text-decoration: none;
}
.entry-meta {
	font-size: 90%;
	clear: both;
}

/* 

	Sidebar
	
*/
#sidebar div
{
	margin: .4em .8em 1.6em .8em !important;	
	background-color:white;
}

#sidebar ul.inner {
	margin: 0;
}
#sidebar ul.inner ul {
	margin: .4em .8em 1.6em .8em !important;
}
#sidebar ul.inner ul li {
	padding-bottom: 0 !important;
}
#sidebar ul.inner ul ul.children {
	margin: 0 1.6em !important;
}
#sidebar ul.inner ul ul.children li {
	margin: .4em 0 0 0;
}

/*

	Content Box
	
*/
.box, .box-blank, #sidebar ul.inner li, .notice { 
	position: relative;
	text-align: left;
	padding: .8em;
	margin: 0 0 .8em 0;
}
.box-blank {
	background: none;
}
.box::after, .box-blank::after { 	/* Auto clearing float */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* 

	Header
	
*/
h1 {
	text-align: left;
	margin: .8em 0 0 2em;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	text-decoration: none;
}
#menu {
	margin: 1em 0 1em 2em;
	float: left;
}
#searchbox {
	vertical-align: top;
	margin: 1em 2.5em 0 0;
	float: right;
	text-align: right;
	padding: 2px 6px 2px 20px;
	top: -2px;
	position: relative;
}
#header {
	clear: both;
}
#menu, #searchbox {
	text-transform: lowercase;
}
#menu {
	max-width: 730px;
}
#menu ul, #menu ul li {
	list-style: none;
	display:inline;
}
#menu a {
	float: left;
	display: block;
	text-decoration: none;
	padding: 0 .6em;
}
#searchbox fieldset {
	border: 0;
	background: none;
	padding: 0;
}
#searchbox legend {
	display: none;
}
#searchbox form, #searchbox input {
	display: inline;
}

/* 

	Text, Headings & Formatting
	
*/
h2 {
	padding: .4em 0;
}
h2 a {
	text-decoration: none !important;
	padding: .4em 0;
}
h2 a:hover, h2 a:focus {
	text-decoration: underline !important;
}
h3, h4 {
	margin: 0 0 .6em 0;
	font-weight: bold;
	font-size: 100%;
}
#main h3 {
	margin: 1.6em 0 .8em 0;
}
.noteworthy {
	display: block;
	float: right;
	margin: .4em;
}
.noteworthy a {
	padding: .4em;
	text-decoration: none !important;
}
.clear {
	clear: both;
}
.prev {
	float: left;
}
.prev a::before {
	content: "\00AB \0020 ";	/* left angle quote */
}
.next {
	float: right;
}
.next a::after {
	content: " \00BB \0020";	/* right angle quote */
}

/* 

	Various

*/
img {
	border: 0;
}
#main p a img {
	padding-bottom: 2px;
}
#main p a img:hover {
	padding-bottom: 2px;
}
hr { /* Shown only to CSS disabled browsers, making it slightly tidier */
	display: none;
}
acronym, abbr {
	font-size: 100%;
}
acronym, abbr, span.caps {
	cursor: help;
}
small {
	font-size: 85%;
	line-height: 200%;
}
cite {
	font-size: 90%;
	font-style: normal;
}
strike, del {
	text-decoration: line-through;
}
ins {
	text-decoration: none;
}
label {
	cursor: pointer;
}
ul {
	margin: .8em;
}
#sidebar ul.inner ul {
	margin: .4em .8em;
}
#sidebar ul.inner ul li {
	margin: .4em 0;
	padding: .2em 0;
}
dl {
	margin: 0 .8em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.6em;
}
p, pre, kbd, blockquote {
	margin: 1.6em 0;
}
#sidebar p {
	margin: 0 0 1.6em 0;
}
pre, blockquote {
	padding: 0 1.6em;
	margin-left: 3%;
}
pre {
	overflow: auto;
	padding-bottom: 1em;
}
blockquote[cite]:after {
	content: "\00BB \0020 Source: " attr(cite);
	display: block;
	margin-top: .8em;
	font-size: 90%;
}
fieldset {
	padding: 0 .8em .4em .8em;
}
legend {
	font-weight: bold;
	padding: 0 .4em;
}

/* 

	Icons
	
*/
.feedicon, #categorylist img {
	width: 12px;
	height: 12px;
}
.feeds a {
	padding: 1px 0 2px 0;
}
.feeds img {
	vertical-align: middle;
	margin-top: -3px;
}
#categorylist img {
	vertical-align: middle;
	margin: 0 .25em;
}
#sidebar .feedicon {
	position: relative;
	float: right;
	top: -2.4em;
}

.sidenote .edit a {
	top: 0;
	right: 0;
}
span.tags {
	background: url(images/icon_tag.gif) no-repeat left center;
	padding-left: 16px;
	margin-left: 1em;
}

/* 

	Alignments (Use in Posts)

*/
.align-left {
	padding-right: .8em;
	float: left;
}
.align-right {
	padding-left: .8em;
	float: right;
}
.align-center {
	margin: 0 auto;
	display: block;
}
.column-left {
	float: left;
	width: 50%;
}
.column-right {
	float: right;
	width: 50%;
}
ul.column-right, ul.column-left {
	margin: 0;
	padding: 0;
}

/* 

	List Items
	
*/
html>body #main ul {
	list-style: none;
	text-indent: -1em;
} 
#main ul {
	margin-left: 0;
	padding-left: 1em;
}
#main ul li {
	margin-left: 1em;
	margin-bottom: 1.6em;
}
#main ul li::before, #sidebar ul li.page_item::before {	/* Show right angle quotes to cool browsers */
	content: "\00BB \0020";
}
ol {
	margin: 0 0 .8em 1em;
	padding-left: 2em;
}
#main ol li {
	margin-bottom: 1.6em;
}

/*

	Forms
	
*/
input, select, textarea {
	font-size: 100%;
	line-height: 100%;
}
.inputbox, #commentform textarea, .searchbox {
	padding: 1px 2px;
}
#commentform {
	display: inline;
}
#commentform textarea {
	padding: 2px;
	
	-moz-box-sizing:border-box; /* Mozilla: Change Box Model Behaviour */
	width: 100%; /* Moz Only */
}
.inputbox {
	width: 160px;
}
.pushbutton, .pushbutton-wide {
	cursor: pointer;
}
.pushbutton-wide {
	padding: .6em 2em;
}
.checkbox {
	cursor: pointer;
}

/* 

	Search Page

*/
.searchbox {
	width: 80%;
}
.search-results {
	position: relative;
}


/* 

	Posts

*/
p.commentlink {
	width: 120px;
	float: right;
	margin: 0;
	padding: 0 0 0 10px !important;
}
p.commentlink span {
	display: block;
	padding: .4em 0;
}
p.commentlink a {
	border-bottom: 0;
	display: block;
	text-decoration: none;
	padding: .4em 0;
}
p.commentlink a:hover {
	text-decoration: underline;
}

/* 

	Asides

*/
.asides .aside {
	padding: 0;
	margin: .5em 0 2.4em .5em !important;
}
.asides h2 {
	padding: .4em 0;
}
.asides h2 a {
	text-decoration: none;
	margin: .4em 0;
}
.asides p {
	padding: 0 1.6em;
}
.asides p, .asides pre, .asides blockquote {
	margin-top: 0;
	margin-bottom: .8em;
}
.asides pre, .asides kbd, .asides blockquote {
	margin: 1.6em 7%;
}
.asides h3 {
	margin: 1.6em 0 .8em 0;
}
.asides ul {
	margin: .8em 1.3em;
}
.asides ol {
	margin: .8em 2em;
}
.aside {
	position: relative;
}
.aside .edit a {
	top: 0;
	right: 0;
}

/* 

	Sidenotes
	
*/
.sidenote {
	padding: 0;
	margin: .5em 0 1em 0;
}
.sidenote h2 {
	margin: 0 0 .6em 0;
}
.sidenote h2 a {
	display: inline;
	margin-right: .5em;
}
.sidenote p {
	padding: 0 0 0 .8em;
}
.sidenote p, .sidenote pre, .sidenote blockquote {
	margin-top: 0;
	margin-bottom: .8em;
}




/*

	  ___                                     __                  
	 /                                |      /              / /   
	(___  ___       ___  ___       ___| ___ (     ___      ( (___ 
	|    |   )|   )|   )|   )     |   )|___)|___ |   )|   )| |    
	|    |__/||__/ |  / |__/|     |__/ |__  |    |__/||__/ | |__  
	
	Nearly all aspects of Fauna can be customized with this file alone.
	
	If you want to override an existing style listed in style.css, simply copy and 
	paste it here, and add !important to the end of it. 
	
	For example:

		.box, .box-blank { 
			text-align: justify !important;
		}

	will make sure all text is justified, instead of left-aligned.
	
	If you want to make your custom Fauna style and want to keep the core files "clean",
	copy "styles/default" folder to "styles/mystyle" and type in the URL in the options page,
	for instance "styles/mystyle/mystyle.css".
	
	
*/

/*

	Widths
	
*/
#wrapper {
	min-width: 780px;
	width: 780px; 			/* Entire blog width */
}
#body {
	padding: 0 1.5em;
}
#sidebar {
	width: 31%;				/* Sidebar width */
	float: right;
}
#main {
	width: 69%;				/* Main column width */
	float: left;
}
.inner {
	padding: 0 0 0 .8em;
}

/* 

	Background
	
*/
.bg { 
	background: #F5F5EF url('/themes/fauna/images/bg.gif') no-repeat center top;
}

/*

	Colors

*/
body {
	color: #565654;				/* Text color */
}
.box, #sidebar ul.inner li {
	background-color: #fff;		/* Box background color */
}
#sidebar, #secondary, #copyright {
	color: #A5A5A3;				/* Sidebar text color */
}

/* 

	Link Colors
	
*/
a:link, a:active { text-decoration: underline; color: #17A; }
a:visited { text-decoration: underline; color: #035; }
a:hover, a:focus { text-decoration: underline; color: #6BD; }

#sidebar a:link, #sidebar a:active { text-decoration: none; color: #79A; }
#sidebar a:visited { text-decoration: none; color: #578}
#sidebar a:hover { text-decoration: underline; color: #79A}

h2 a:link, h2 a:active, h2 a:visited {
	color: #035;
}
h2 a:hover, h2 a:focus {
	color: #39C;
}
p.commentlink, .entry-meta {
	color: #989D3C !important;
}
p.commentlink a {
	color: #989D3C !important;
}
p.commentlink a:hover, .entry-meta a:hover {
	color: #D3D764 !important;
}
.entry-meta a {
	color: #545621 !important;
}
#main p a img {
	border-bottom: 1px solid #17A;
}
#main p a img:hover {
	border-bottom: 1px solid #6BD;
}
#menu a:link, #menu a:visited { color: #767674; }
#menu a:active, #menu a:hover { color: #000; }
body#index li#current-index a, body#index #current-index a:visited,
#menu .current_page_item a, #menu .current_page_item a:visited
{
	color: #000 !important;
}
#sidebar li.current_page_item>a, #sidebar li.current_page_item>a:visited {	/* Only works in modern browsers */
	color: #A5A5A3;
	font-weight: bold;
}
h1 a:link, h1 a:visited {	/* Logo */
	color: #686865;
}
h1 a:hover, h1 a:active {
	color: #A6A6A4;
}

/* 

	Fonts
	
*/
h1 {
	font: bold 240%/100% "Trebuchet MS", Arial, Helvetica, sans-serif; 
}
body {
	font: 70%/190% Verdana, Arial, Helvetica, sans-serif;
}
cite, input, textarea, select, .inputbox, #commentform textarea, .searchbox, .pushbutton, .pushbutton-wide {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	font: normal 140% Arial, Helvetica, sans-serif;
}
#main h3 {
	font: normal 135% Arial, Helvetica, sans-serif;
}
.noteworthy {
	font: 135% "Lucida Sans Unicode", Arial;
}
.noteworthy a {
	color:#FF7953 !important;
}
.noteworthy a:hover {
	color:#FF8F6F !important;
}
code, pre, kbd, samp {
	font: 95% "Bitstream Vera Sans Mono", 'Courier New', Courier, Fixed, monospace;
}
p.commentlink {
	border-left: 1px dotted #C2C76D;
}
p.commentlink {
	font: normal 140% Arial, Helvetica, sans-serif;
}
.aside p.commentlink {
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}
.asides h2, .asides h3, .sidenote h2, .sidenote h3 {
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}

/*

	Various
	
*/
acronym, abbr {
	border-bottom: 1px dashed #C63;
}
strike, del {
	color: #B6B6B4;
}
ins {
	color: #989D3C;
}
label:hover {
	color: #000;
}
fieldset {
	border: 1px solid #F4F8FB;
	background-color: #F4F8FB;
}
legend {
	background-color: #fff;
}
.notice { 	/* Moderation Message */
	border-top: 1px solid #FFF200;
	border-bottom: 1px solid #FFF200;
	background-color: #FFFFF4;
}
blockquote, pre {
	border-left: 1px solid #D9D9D9;
}
#tags-allowed {
	border-top: 1px solid #D6E1ED;
	border-bottom: 1px solid #D6E1ED;
	background-color: #F8FAFC;
}




/* Header stuff */

#header 
{
	background: url('/themes/fauna/images/masthead-fauna.jpg') no-repeat center;
	height: 100px;
}#header {background: transparent url('http://cs-001.123.is/DeliverFile.aspx?id=0b4008bd-a8d0-451f-b319-e491b180f7e9') repeat-x left bottom;}
td
{
    text-align:left;
}

body
{
    line-height:normal;
}

table.ottTable
{
    border: 1px solid #DDD;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom:20px;
}
table.ottTable th, table.ottTable td
{
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid;
}