/*
Theme Name: Natural Essence
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: Soft and natural two-column theme supporting widgets. Based on the <a href="http://templates.arcsin.se/">free website template</a> Natural Essence. Also available as <a href="http://templates.arcsin.se/natural-essence-joomla-template/">Joomla template.</a>
Author: Viktor Persson
Author URI: http://arcsin.se
*/

/* default elements */
* {
margin : 0;
padding : 0;
}
body {
background : #a6daef;
color : #58585a;
font : normal 62.5% Tahoma, sans-serif;
padding : 2% 0;
}
a {
color : #0096d1;
}
a:hover {
color : #006891;
}
big {
font-size : 1em;
}
h1, h2, h3 {
color : #0e8bc3;
padding : 8px 0 2px;
}
h1 {
font : bold 1.6em Tahoma, sans-serif;
}
h1 a {
text-decoration : none;
}
h1 a:hover {
text-decoration : none;
}
h2 {
font : bold 1em Tahoma, sans-serif;
margin-top : 11px;
}
h3 {
font : bold 1em Tahoma, sans-serif;
}
blockquote {
background : url('img/quote.gif') no-repeat;
display : block;
font : normal 1.1em Tahoma, sans-serif;
padding-left : 26px;
}
form, table {
margin-bottom : 1.2em;
}
img {
border : none;
}
label {
display : block;
}
li {
line-height : 1.5em;
}
p {
padding : 2px 0 10px;
}
small, .small {
font : normal 0.9em Tahoma, sans-serif;
}
ul, ol {
padding : 0 2em 1.2em;
}
#wrapper {
margin : 0 auto;
width : 760px;
}
#container {
font-size : 1.3em;
line-height : 1.3em;
margin : 0 auto;
background : #ffffff;
width : 750px;
}
.title {
background : #a6daef url(img/bg-0.jpg) left bottom;
height : 36px;
}
.title h1 {
font : normal 2.2em Tahoma, sans-serif;
padding : 10px 0 10px 18px;
}
.header {
background : #aee2f6 url(img/header.jpg) no-repeat left bottom;
height : 220px;
}
.navigation {
background : #008ac1 url(img/bg-1.jpg) left bottom;
height : 36px;
}
.navigation ul {
padding : 0;
margin-left : 6px;
}
.navigation li {
float : left;
list-style : none;
}
.navigation li a {
border-right : 1px solid #0070ad;
color : #ffffff;
display : block;
font : bold 1em Tahoma, sans-serif;
line-height : 36px;
padding : 0 14px;
text-align : center;
text-decoration : none;
}
.navigation a:hover {
background-position : left bottom;
color : #a6daef;
}
.navigation .current_page_item a {
color : #aee2f6;
}
.main {
background : #ffffff url(img/bg-2.jpg) left bottom;
}
.post .descr {
color : #0070ad;
font-size : 0.9em;
margin : 2px 0 4px;
}
.post .info {
border-top : 1px dashed white;
color : #0070ad;
font-size : 0.9em;
font-weight : bold;
margin : 4px 0 8px;
padding : 8px 0;
}
.post img {
margin : 4px 0;
}
.post a:hover img {
border-color : #0070ad;
}
.bottom {
background : #aee2f6;
border-top : 1px solid #0070ad;
color : #0070ad;
padding : 14px 20px;
}
.bottom .left, .bottom .right {
width : 49%;
}
.footer {
background : #008ac1 url(img/bg-3.jpg) left bottom;
color : #006891;
display : block;
font : normal 1em Tahoma, sans-serif;
line-height : 36px;
padding : 0 16px;
text-align : left;
text-decoration : none;
}
.footer .left {
padding : 0;
margin-left : 6px;
}
.footer .right {
width : 33%;
text-align : right;
padding : 0 45px;
}
.footer a {
color : #006891;
text-decoration : none;
}
.footer a:hover {
color : #a6daef;
text-decoration : none;
}
.content {
padding : 18px 20px;
}
.right .content {
padding : 12px 10px;
}
.left {
float : left;
}
.right {
float : right;
}
.clear, .clearer {
clear : both;
}
.clearer {
font-size : 0;
}
.col2 .left {
width : 64%;
}
.col2 .right {
width : 33%;
}
ul.block, .block ul {
margin : 8px 0;
padding : 4px;
width : 90%;
}
.block li {
list-style : none;
}
.block li a, .block li em {
color : #43addc;
display : block;
}
.block li em {
font-size : 0.9em;
font-style : normal;
}
.block li a {
padding : 0;
margin-top : 4px;
text-decoration : none;
width : 94%;
}
.block li a span {
font-weight : bold;
}
.block li a:hover {
color : #359dc8;
background : #e5f8ff;
}
.right .block, .right .block li {
border-color : #0070ad;
}
.right .block li a:hover {
background : #e5f8ff;
}
#commentlist li {
margin-bottom : 1.5em;
padding-bottom : 1em;
border-bottom : 1px solid #0070ad;
}
#commentform {
margin : 1em 0;
width : 280px;
}
textarea.styled {
width : 280px;
}
.styled {
font-size : 1.1em;
background : #fcfcfc;
border : 1px solid #0070ad;
padding : 2px;
}
.styled:hover {
background : #fff;
border : 1px solid #0070ad;
}
.styled:focus {
background : #fff;
border : 1px solid #0070ad;
}
#commentform input {
margin-bottom : 3px;
}
.commentmetadata a {
font-size : 1em;
color : #0070ad;
}
#wp-calendar {
color : #a0a0a0;
}
.col2 .right table caption {
border-bottom-color : #000;
}
.col2 .right table thead tr {
border-bottom-color : #000;
color : #0070ad;
}
.col2 .right table th {
border-bottom-color : #000;
}
.col2 .right table td#today {
border-color : #000;
color : #0070ad;
}
.col2 .right table td a {
border-bottom-color : #000;
background-color : #edf3de;
}
.col2 .right table tfoot {
border-top-color : #000;
}
.col2 .right table tfoot a {
background : none;
}
#wp-calendar {
display : inline-table;
border-collapse : collapse;
width : 185px;
margin : 0 10px 0 10px;
text-align : center;
}
.col2 .right table caption {
margin : -5px 10px 0 10px;
padding-bottom : 5px;
border-bottom : 1px solid;
letter-spacing : 0.1em;
}
.col2 .right table thead tr {
border-bottom : 1px solid;
}
.col2 .right table th {
border-bottom : 1px solid;
}
.col2 .right table td {
width : 225px;
padding : 1px;
font-size : 0.9em;
}
.col2 .right table td#today {
padding : 0;
border : 1px solid;
font-size : 1em;
font-weight : bold;
}
.col2 .right table td a {
display : block;
border-bottom : 1px solid;
font-weight : bold;
font-size : 1.15em;
}
.col2 .right table tfoot {
border-top : 1px solid;
}
.col2 .right table tfoot a {
border : none;
font-weight : bold;
}
.col2 .right table tfoot #prev a {
text-align : left;
}
.col2 .right table tfoot #next a {
text-align : center;
}
#searchform {
padding : 10px;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background-image : url(data:image/gif;base64,AAAA);
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
#overlay {
background-color : #000000;
}