/*
Theme Name: natgal
Theme URI: http://www.h2g2.dk
Description: WordPress theme for National Gallery, Nuuk, Greenland
Version: 1.2
Author: Lisa Risager
Author URI: http://lisarisager.dk
*/

/* Eric Meyer - reset style: */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong,  sub, sup, tt, var, dl, dt, dd, fieldset, ul, ol, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-size: 95%;}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: #363636;background: #f0ece5;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


p {
color: #363636;
line-height: 1.4em;
}
img {
text-align: left;
margin: 0;
padding: 0;
}
ol li, ul li {
list-style-position: inside;
}
blockquote {
padding: 0 20px;
border-left: 1px solid #AAA;
margin: 10px 20px;
}

/* LINKS */

a {
text-decoration: none;
font-weight: bold;
color: #337788;
}
a:hover {
text-decoration: underline;
}


/* LAYOUT */

body {
font-family: Arial, Sans-Serif;
background: #FFF;
color: #363636;
text-align: center;
background: #fbfbfb url('http://www.natgal.gl/wp-content/themes/natgal/images/bgg.gif') no-repeat top center;
}
#wrapper {
background: #FFF;
width: 940px;
text-align:left;
margin: 0 auto;
padding: 0
}
#headerimg {
float: left;
width: 310px;
display: inline;
padding: 10px 0 0 10px;
}
#header {
float: left;
width: 600px;
display: inline;
padding: 20px 0 0 0;
margin: 0;
}
#headerimg img {
float:left;
}
h1 a, h1 a:hover {
font-weight: normal;
font-size: 25px;
letter-spacing: 0.044em;
text-transform: uppercase;
color: #338187;
padding: 8px 0 0 0;
margin: 0 0 0 -3px;
float: left;
}
h1 a:hover {
text-decoration: none;
border-bottom: 1px solid #338187;
}
h2, h2 a {
font-weight: normal;
font-size: 24px;
color: #363636;
padding: 0 0 6px 0;
margin: 0;
}
#arkitektur h2, #arkitektur h2 a, #arkitektur a {
color: #284952; /* teal */
}
#ekort h2, #ekort h2 a, #ekort a {
color: #B4BA00; /* lime */ 
}
.galleri h2, .galleri h2 a, .galleri a {
color: #338187;
}
#kunstnere h2, #kunstnere h2 a, #kunstnere a {
color: #801100; /*red*/
}
#fonden h2, #fonden h2 a, #fonden a {
color: #524628; /*brun*/
}
h3{
font-weight: normal;
font-size: 18px;
color: #363636;
padding: 12px 0 0 0;
margin: 0;
}
h6 a {
font-weight: bold;
font-size: 26px;
letter-spacing: 0.0em;
color: #AAA;
color: #338187;
border-bottom: 1px solid #FFF;
padding: 15px 0 0 0;
margin: 0;
float: left;
}
h6 a:hover {
text-decoration: none;
border-bottom: 1px solid #338187;
}

#searchbar {
width:600px;
padding: 8px 0 0 0;
margin: 0 16px 0 0;
float:right;
height:40px;
}
#language ul, #language ul li {
display: inline;
text-align: left;
float: left;
text-transform: lowercase;
}
#language ul{
}
#language ul li, #languagge ul li a {
padding: 0 12px 0 0;
color: #422c29;
text-transform: lowercase;
}
.current {
color: #337788;
}
#searchform {
float:right;
width: 190px;
padding: 0;
margin: 0;
}
#s {
border: none;
border: 1px dotted #AAA; /* grey */
padding: 0 8px 0 0;
margin: 0;
color: #AAA;
text-align: right;
float: left;
display:inline;
}

#searchsubmit {
border: none;
color: #293342; /*blue*/
background: #FFF;
display:inline;
float: right;
padding: 0;
margin: 0;
text-transform: lowercase;
}

#menu {
width: 920px;
height: 66px;
padding: 10px;
margin-top: 12px;
}
#menu1 ul, #arkitektur ul, #menu #ekort ul, #galleri ul, #kunstnere ul {
float: left;
width: 145px;
height: 66px;
margin-right: 10px;
}
#fonden ul {
float: left;
width: 145px;
height: 66px;
margin-right: 0;
}
#menu1 ul {
background: #BA6300; /*orange*/
}
#arkitektur ul {
background: #284952; /* teal */
}
#ekort ul {
background: #B4BA00; /* lime */ 
}
#galleri ul {
background: #338187;
}
#kunstnere ul {
background: #801100; /*red*/
}
#fonden ul {
background: #524628;
}

#menu ul li a {
display:block;
text-decoration:none; 
font-size: 16px;
font-weight: normal;
font-family: Verdana;
color:#eee; 
padding: 8px 0 0 6px;
}
#menu ul li a:hover {
text-decoration:underline;
}

.main {
width:100%;
float:left;
min-height: 340px;
padding: 0;
}
.entry {
margin-bottom: 36px;
}
.entry p, .columnsingle p {
padding: 8px 0;
line-height: 1.3em;
font-size: 1.2em;
}
.entry p em {
}
.entry p strong {
font-size: 1.2em;
}
.entry p a {
font-weight: bold;
text-decoration: none;
}
.entry ul li, .entry ol li {
padding: 8px 0 8px 24px;
line-height: 1.3em;
font-size: 1.3em;
}
.thumbnail {
float: left;
padding: 0 10px 10px 0;
}
#sidebar .thumbnail {
margin: 0 auto 12px;
padding: 0 auto;
}
#single {
width: 100%;
height: auto;
min-height: 300px;
padding: 20px;
}
#sidebar {
width: 268px;
height: auto;
height: 100%;
float:left;
display:inline;
padding: 10px 0;
border: 0px dotted #F8F8F8;
margin:12px 0 48px 10px;
}
.single #sidebar {
margin-top:44px;
}
#sidebar h5, #sidebar h2 {
font-size: 16px;
font-weight: normal;
letter-spacing: 0.01em;
line-height: 1.3em;
text-transform: uppercase;
}
#sidebar h3 {
font-size: 16px;
line-height: 1.3em;
font-weight: normal;
}
#sidebar h3 a {
font-size: 16px;
}
#sidebar ul {
width: 248px;
padding: 0;
margin: 0;
background: #FFF;
}
#sidebar ul li {
width: 248px;
font-size: 1em;
line-height: 1.3em;
margin: 0;
padding: 4px 0;
background: #FFF;
}
#sidebar p {
width: 250px;
margin: 0;
font-size: 12px;
line-height: 1.3em;
padding: 12px 0 0 0;
background: #FFF;
}
#sidebar p a {
font-size: 12px;
}

.textwidget {
margin-bottom: 36px;
background: #FFF;
}
#frontpage {
width: 230px;
height: auto;
height: 100%;
float:left;
display:inline;
padding: 40px 0 50px 20px;
margin:0 30px 0 0;
font-size: 1.4em;
}
#feature {
height: auto;
min-height: 340px;
padding: 20px 0 50px 0;
margin:0 0 0 40px;
width: 460px;
float:left;
display: inline;
}
#feature img {
max-width: 600px;
padding: 0;
}
#feature p {
padding: 0 0 12px 0;
}
.singlepage {
height: auto;
min-height: 340px;
padding: 20px 20px 50px 0;
margin:0 0 0 40px;
width: 440px;
float:left;
display: inline;
}

.columnsingle {
height: auto;
min-height: 340px;
padding: 10px 0 50px 0;
margin:0 10px 0 40px;
width: 610px;
float:left;
display: inline;
}
.galleri {
height: auto;
min-height: 340px;
padding: 20px 0 50px 0;
margin:0 0 0 40px;
width: 620px;
float:left;
display: inline;
}
#right {
width: 145px;
height: auto;
height: 100%;
float:right;
display:inline;
padding: 20px 10px 50px 0;
margin:0 ;
}
#right img {
margin-right: 20px;
float:right;
}
#footer {
width:100%;
height:60px;
padding: 10px 0 0 0;
border-top: 1px solid #AAA; /* grey */
}
#footer ul {
}
#footer ul li {
display: inline;
padding: 10px;
}
#footer ul li a {
color: #778888;
}
#footer ul li a:hover {
text-decoration: none;
color: #337788;
}

/* WP stuff */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.post-meta-key {
font-weight: bold;
font-size: 12px;
}
.post-edit-link {
color: #363636;
clear:left;
font-weight: normal;
font-size: 10px;
}
.addthis_toolbox {
float: right;
padding: 20px;
}
.wp-caption {
border: 0px solid #ddd;
text-align: center;
background-color: #FFF;
padding-top: 4px;
margin: 2px 15px 4px 5px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.wp-caption img {
margin: 0px 0px 0px 0px;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 10px;
font-style: italic;
line-height: 135%;
padding: 5px;
margin: 0;
}
/* End WP  */


/* Ecards  */
#ft_wpecards_image_select_list li {
float:left;
display:inline;
background: #FFF;
}
#ft_wpecards_image_select_list img {
}
.ft_wpecards_image_select_item ul li {
list-style:none;
padding: 0;
margin: 0;
}
.ft_wpecards_image_select_item {
padding: 0;
margin: 0;
}
.ft_wpecards_image_select_item span {
display:block;
text-align:center;
background: #FFF;
margin: 0;
padding:0;
}
.entry #ft_wpecards_image_select_list li:before {
content: none;
}
#ft_wpecards_sender_recipient_info {
width: 460px;
padding: 12px 0;
display:block;
}

ul#ft_wpecards_sender , ul#ft_wpecards_recipient {
list-style:none;
clear:both;
}
.ft_wpecards_rname_item , .ft_wpecards_remail_item , 
.ft_wpecards_rname_field , .ft_wpecards_remail_field , 
.ft_wpecards_sname_item , .ft_wpecards_semail_item , 
.ft_wpecards_sname_field , .ft_wpecards_semail_field {
width: 300px;
float:left;
clear:left;
margin-right: 12px;
}
.entry form {
width: 100%;
text-align:left;
clear:both;
float:left;
}
.ft_wpecards_image_instructions, .ft_wpecards_message_instructions {
padding: 8px 0;
line-height: 1.3em;
font-size: 1.2em;
float:left;
width: 100%;
clear:both;
}
#ft_wpecards_message {
width:400px;
height:100px;
text-align: left;
}
#ft_wpecards_message_group {
float:left;
clear:left;
}
.ft_wpecards_error_item {
color:red;
}
#ft_wpecards_body{
padding: 10px;
float:left;
}
.thickbox {
padding: 0;
margin: 0;
border: none;
}
.entry .post-edit-link a {
font-weight: normal;
font-size: 10px;
color: #363636;
}
#navigation {
width: 610px;
height: 35px;
padding: 0;
margin: 0 -6px 0 0;
}
#navigation .alignleft p a {
float: left;
width: 300px;
padding: 6px 0 2px 0;
margin: 0;
}
#navigation .alignright p a {
float: right;
width: 300px;
padding: 6px 0 2px 0;
margin: 0;
}
.facebook a {
color: #338187;
font-weight: normal;
text-decoration: underline;
font-size: 11px;
}