/*   
Theme Name: HaPP
Theme URI: http://happ.is
Description: Custom theme for the Happ.is website
Author: Bergdis Sigurdardottir, Olafur Gauti Gudmundsson
Author URI: http://ogglog.com
Version: 1.0
*/
html, body {
	font-family: Helvetica, sans-serif;
	font-size:13px;
	text-align: center;
	background-color:#009900;
	background-image: url(img/happ-bg.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}

p {
	margin-bottom:10px;
}

a, a:visited {
	text-decoration:none;
	color:black;
}
a:hover {
	text-decoration:underline;
}

blockquote,ul,ol,dl { 
    /*giving blockquotes and lists room to breath*/ 
    margin:1em; 
} 
ol,ul,dl { 
    /*bringing lists on to the page with breathing room */ 
    margin-left:2em; 
} 
ol li { 
    /*giving OL's LIs generated numbers*/ 
    list-style: decimal outside;     
} 
ul li { 
    /*giving UL's LIs generated disc markers*/ 
    list-style: disc outside; 
}

.post ul, .post ol {
	margin-top: 10px;
	margin-bottom:10px;
}
.post ul li {
	list-style:disc;
	margin-bottom:5px;
	line-height:115%;
	margin-left:42px;
}
.post ol li {
	margin-bottom:5px;
	line-height:115%;
	margin-left:48px;
}

div#orderButtonContainer {
	margin-left: auto;
	margin-right: auto;
	width: 60em;
	text-align: right;
}
div#topNav {
	margin-left: auto;
	margin-right: auto;
	text-align:right;
	position:relative;
	margin-top:4em;
	width: 59.9em;
}
div#topNav table {
	width:100%; margin:0px; padding:0px;
}
div#topNav form, div#topNav ul {
	display:inline;
	margin: 0em;
}
div#topNav form .searchBtn {
	margin:0px;padding:0px;
	vertical-align:top;
	border: 1px solid white;
}
div#topNav input.textBox {
	border: 1px solid white;
	padding:4px;
	width:10em;
	color:#999;
}
div#topNav input.textBox:hover, div#topNav input.textBox:focus {
	color: #000;
	padding:4px;
	width:130px;
}
div#topNav input.button {
	border: 1px solid black;
	padding:2px;
}

ul#pageNav li {
	display:inline;
	padding-left:0px;
	margin-left:0px;
	padding-right:8px;
	margin-right:5px;
	border-right: 1px solid black;
}
ul#pageNav > li:last-of-type {
    border-right: 0px none #009900;
}
ul#pageNav li a {
	color:white;
}

#pageContent ul.subnav {
	margin:0px;
	padding:0px;
	padding-bottom:6px;
	margin-bottom:15px;
	border-bottom:1px solid black;
}
#pageContent ul.subnav li {
	display:inline;
	padding-left:12px;
	margin-left:0px;
	padding-right:12px;
	border-right: 1px solid black;
}
#pageContent ul.subnav li a,
#pageContent ul.subnav li a:visited {
	color:black;
}
#pageContent ul.subnav li a:hover {
text-decoration:none;
color:red;
}
#pageContent ul.subnav li.current-cat a,
#pageContent ul.subnav li.current-cat a:visited {
	color:red; 
	font-weight:bold;
}
#pageContent ul.subnav > li:last-of-type {
	border-right: 0px none white;
}

div#container {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.7em;
	height: 25.5em;
	padding:4em;
	text-align: left;
	background-color:white;
	width: 52em;
}

div#container .logo {
	text-align:center;
	margin-top:0em;
}

div#contentContainer {
	position:absolute;
	top:17em;
	left:4em;
	text-align:left;
}

div#header {
}

div#header .headerColumn {
	width:11.5em;
	margin-right:2em;
	float:left;
}
div#header .headerColumn.last {
	margin-right:0em;
}

div#header .headerColumn img {
	width:11.5em;
}
div#header .headerColumn a, 
div#header .headerColumn a:visited,
div#header .headerColumn a:hover {
	text-decoration:none;

}
div#header .headerColumn a.selected {
	position:relative;
	z-index:100;
	padding:5px;
	padding-bottom:0px;
	border: 1px solid black;
	border-bottom: 1px solid white;
}

div#header .headerColumn .highlight {
	font-weight:bold;
	color:#009900;
}

#footer {
	margin-top:1em;
	margin-bottom:1em;
}
#footer #contactInfo {
	font-size: 0.95em;
	color:white;
	text-align:center;
}
#footer #contactInfo a, #footer #contactInfo a:visited {
	color:white;
}

#pageContent {
	margin-bottom:-4em;
	border: 1px solid black;
	background-color: white;
	padding:2em;
	width:53.2em;
	min-height:18em;
	font-size:0.9em;
}

#pageContent a, #pageContent a:visited {
	color:#009900;
}

#pageContent .recordList .record {
	margin-bottom:10px;
}

#pageContent .recordList .record .recordListImg {
	float:left;
	margin-right:2em;
	width:15em;
}
#pageContent .record h2 {
	font-weight:bold;
	font-size:1.1em;
	margin-bottom: 5px;
}
#pageContent .record h2 a, #pageContent .record h2 a:visited {
	color:black;
}
#pageContent .recordList .record .text {
}
#pageContent .recordList .record .moreLink {
	margin-top:4px;
}
#pageContent .recordList .record .moreLink a,
#pageContent .recordList .record .moreLink a:visited {
	color:red;
	font-weight:bold;
	font-size:0.9em;
}

.parenthesis {
	font-size:3em;
	color:white;
	font-family:monospace;
}
td.orderCell {
	padding-top:8px;
}
.separator {
	color:black;
	padding-left:0.7em;
	padding-right:0.7em;
}
div.searchMsg {
	text-align:center;
	margin-bottom:15px;
	font-size:1.2em;
}
div.searchMsg b {
	color:#009900;
}
div.searchMsg input.textBox {
	border: 1px solid black;
	padding:3px;
	color:#999;
}
div.searchMsg input.button {
	border: 1px solid black;
	padding:2px;
}

.wp-caption {
	margin-bottom: 10px;
	padding-top: 4px;
   	border: 1px solid #ccc;
   	text-align: center;
   	background-color: #EEF5E1;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
}

.wp-caption img {
	float: none;
	margin: 0px;	
	padding: 0px;
	border: none;
	margin-bottom:5px;
}

.wp-caption p.wp-caption-text {
   	padding: 3px;
  	margin: 0px;
	margin-bottom:5px;
	font-size:1em;
}

.alignleft,
img.alignleft {
	float: left;
	margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
	margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}