/*
Theme Name: DONA
Theme URI: http://www.dona.dk
Description: WordPress theme for DONA
Version: 1.0
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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}´

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: #363636;background: #FFFFFF;}
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: "" "";}

body{
font-family: Arial, sans-serif;
font-size: 11px/1em;
background: #FFFFFF;;
}

/* LINKS */
a {
text-decoration: none;
color: #003333; /*dark green*/
font-weight: bold;
}
a:visited {
color: #003333; /*dark green*/
}
a:hover {
color: #003333; /*dark green*/
}
a:active {
color: #003333; /*dark green*/
}
p a {
text-decoration: none;
color: #106D6A;
font-weight: bold;
}
p a:visited {
color: #106D6A;
}
p a:hover {
color: #ED9624; /*orange*/
}
p a:active {
color: #106D6A;
}

/* TEXT */
p {
padding: 10px 16px 6px 0;
line-height: 1.4em;
}
blockquote {
margin: 18px 24px;
padding: 0 10px;
display: block;
border-left: 2px solid #CCC;
}
strong {
font-weight: bold;
}
.floatright{
float:right;
}
.floatleft{
float:left;
}
.clear{
clear:both
}
em {
font-style: italic;
font-size: 0.9em;
}




/* IMAGES */
img a {
border: 0;
}
.excerpt img {
max-width: 370px;
}

/* HEADERS */
h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus {
font-size: 104px;
font-weight: normal;
color: #0D3335;
text-decoration: none;
letter-spacing: -0.03em;
display: inline;
float: left;
padding: 12px 0 0 6px;
}
h2, h2 a {
font-size: 22px;
color: #003333;
font-weight: normal;
text-decoration: none;
display:block;
}
h3, h3 a { 
padding: 36px 0 0 0;
}
#page .title h2 { 
font-size: 22px;
display:block;
padding-bottom: 0;
border-bottom: 1px dotted #CCC;
margin-bottom: 24px;
}
#page h3 { 
font-size: 18px;
}
#comments h4 { 
padding: 24px 0 12px 0;
font-size: 18px;
}
.columnstitlebg h3, .columnstitlebg h3 a {
font-size: 24px;
font-weight:normal;
display: block;
padding: 8px 12px;
}
h4, h4 a { 
font-size: 16px;
font-weight:bold;
padding: 20px 0 0 0;
}
h5, h5 a {
color: #003333;
font-weight: normal;
font-size: 22px;
padding: 8px 0 4px 0;
}
h6 {
font-size: 20px;
font-family: Verdana;
line-height: 1.3em;
display:inline;
width: auto;
color: #a4a4a5;
float: left;
padding: 14px 0 0 34px;
}


/* STRUCTURE */
#wrapper {
width:1010px;
height: auto;
min-height: 350px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
#container, #main {
width:100%;
border-top: 1px dotted #CCC;
}
#left {
float: left;
width: 194px;
min-height: 350px;
height: auto;
padding: 20px 30px 0 0;
}
#right {
float: right;
width: 240px;
min-height: 350px;
height: auto;
padding: 20px 0 36px 0;
}
#footer {
width:100%;
height:200px;
padding: 16px 0;
margin:0;
border-top: 1px dotted #CCC;
}


/* INDEX-STRUCTURE */
#columns  {
width: 100%;
height: auto;
margin-top: 10px;
}
.index1{
width:318px;
margin: 0 27px 0 0;
height:230px;
background: #FFFFFF url(http://dona.dk/wp-content/themes/webdings/images/briggsbw.jpg) no-repeat;
float:left;
display:inline;
}
.index2{
width:318px;
margin: 0 27px 0 0;
height:230px;
background: #FFFFFF url(http://dona.dk/wp-content/themes/webdings/images/trelaptopsbw.jpg) no-repeat;
float:left;
display:inline;
}
.index3{
width:318px;
margin: 0;
height:230px;
background: #FFFFFF url(http://dona.dk/wp-content/themes/webdings/images/bestyrelsenbw.jpg) no-repeat;
float:left;
display:inline;
}
.columnstitlebg {
background: #DDD;
display: block;
width: 318px;
height: 55px;
filter: alpha(opacity=65);
-moz-opacity: .65;
opacity:.65;
margin-top:176px;
}



/* PAGES, ARCHIVE, SINGLE STRUCTURE */
#single, #category, #page {
float: left;
width:488px;
min-height: 350px;
height: auto;
padding: 20px 0 36px 36px;
}
#blogs {
float: left;
width:100%;
min-height: 350px;
height: auto;
padding: 20px 0;
border-bottom: 1px dotted #CCC;
}
#single p, #page p, #category p {
font-size: 14px;
}
#single ul li, #category ul li, #page ul li {
list-style-position: inside;
list-style-type: disc;
padding-left: 1em;
text-indent: -1em;
font-size: 14px;
line-height: 1.1em;
}
#single ol li, #category ol li, #page ol li {
list-style-position: inside;
padding-left: 1em;
text-indent: -1em;
font-size: 14px;
line-height: 1.1em;
}
.subheader { 
padding: 20px 0;
width: 700px;
float:left;
}
.subheader p {
font-size: 14px;
padding: 6px 0;
}
.featured {
padding: 8px 12px;
background: #f7f7f7;
}
.event1 {
width:330px;
float:left;
display:inline;
padding: 0 40px 36px 0;
}
.event2 {
width:330px;
float:left;
display:inline;
padding: 0 0 36px 0;
}
.event1 h2 a, .event2 h2 a {
font-size: 18px;
padding-top: 22px;
}
.event1 p, .event2 p {
font-size: 14px;
padding: 6px 0;
}
.flickr {
width:105px;
float:left;
margin-top: 24px;
}
.flickr img {
padding: 0 30px 5px 0;
border: none !important;}

.blog {
width:420px;
float:left;
display:inline;
padding: 0 20px 36px 0;
}
.blog h2 a {
font-size: 18px;
padding-top: 22px;
}
.blog p {
font-size: 14px;
padding: 6px 0;
}
.columnpost{
width:318px;
min-height: 160px;
margin: 0 18px 24px 0;
float:left;
display:inline;
}
.catpost{
margin: 0 18px 24px 0;
float:left;
display:inline;
}
.columnpost p, catpost p {
line-height: 1.4em;
padding: 6px 0;}

.columnpost h2, catpost h2 { 
font-size: 18px;
color: #106D6A;
}
.columnpost ul li, catpost ul li { 
padding: 2px 0;
list-style-position: inside;
list-style-type: disc;
padding-left: 1em;
text-indent: -1em;
}
.columnpost ul li a, catpost ul li a { 
font-weight: normal;
text-decoration: none;
font-size: 14px;
}
.columnpost ul li a:visited, catpost ul li a:visited { 
font-weight: normal;
text-decoration: underline;
color: #106D6A;
}
.columnpost ul li a:hover, catpost ul li a:hover { 
font-weight: normal;
text-decoration: underline;
color: #ED9624; /*orange*/
}
.catpost .meta, .catpost .meta p {
font-size: 10px;
padding: 0;
clear: both;
}

/* HEADER + TOPMENU + SEARCH */
#header {
width: 100%;
height:200px;
float: left;
background: #FFFFFF url(http://dona.dk/wp-content/themes/dona/images/dona.gif) 2px 12px no-repeat;
}
#annonce {
float:right;
margin-top: -156px;
width: 360px;
padding: 4px 12px 0 18px;
background: #106D6A;
-moz-border-radius: 8px;
border-radius: 8px;
}
#annonce p {
font-size: 12px;
line-height: 1.1em;
color: #FFF;
}
#annonce a {
color: #FFF;
}

#nav {
width: 100%;
height: auto;
}
#nav ul {
display: -moz-inline-box;
display: inline-block;
padding: 22px 0 12px 0;
width: 77%;
float: left;
}
#nav li {
display: inline;
margin-right: 11px;
}
#nav ul li {
font-family: helvetica, arial, sans-serif;
font-size: 18px;
padding: 10px 0;
}
#nav ul li a {
height:auto;
width: auto;
margin: 0;
padding: 9px 16px 9px 0;
color: #106D6A;
font-weight: bold;
text-decoration: none;
}
#nav li a:hover {
}
#nav li a:active {
}
#search {
width: 22%;
padding: 0;
float:right;
}
#searchform {
float: right;
height: 20px;
display:inline;
padding: 16px 0 9px 0;
border: none;
border-bottom: 1 px solid #003333;
}
input #s {
}
#searchsubmit {
font-weight: bold;
color: #003333; /*dark green*/
padding-right: 0;
}
#searchsubmit:hover {
border: 1px solid #363636; /*black*/
background: #000033; /*blue*/
}



/* SIDEBARMENU */
#left ul  {
padding: 12px 0;
}
#left ul li {
line-height: 1.4em;
}
#left ul li a {
font-weight: bold;
}
#left h2 {
font-weight: normal;
font-size: 22px;
}
#right h2 {
color: #106D6A;
font-weight: normal;
font-size: 22px;
}
#left h4, #right h4 {
color: #106D6A;
font-weight: normal;
font-size: 22px;
padding: 0;
}
#left .textwidget {
margin-bottom: 16px;
line-height: 1.3em;
}

#right .textwidget {
padding: 0 0 18px 0;
border-bottom: 1px dotted #CCC;
margin-bottom: 16px;
line-height: 1.2em;
}
#right .menuwidget ul li{
line-height: 1.2em;
padding: 8px 0;
list-style-position: inside;
list-style-type: disc;
padding-left: 1em;
text-indent: -1em;
}
.menuwidget ul li a{
font-weight: normal;
text-decoration: none;
display: block;
padding: 4px 0 0 0;
}
.pages ul li{
font-size: 1.1em;
line-height: 1.2em;
border-bottom: 1px solid #DDDDDD;
}
.pages ul li a{
font-weight: normal;
text-decoration: none;
display: block;
}
#right .menu {
padding: 0 0 0 12px;
border-left: 1px dotted #CCC;
}
.menu1 {
padding: 0 0 30px 0;
}
.menu2 {
padding: 0 0 30px 0;
}
.menu1 ul li, .menu2 ul li {
font-size: 1.1em;
line-height: 1.2em;
}
.menu1 ul li a, .menu2 ul li a{
font-weight: normal;
text-decoration: none;
display: block;
}
#links {
padding: 0 0 30px 0;
}
.links ul li{
font-size: 1.1em;
line-height: 1.2em;
}
.links ul a, .links li a, .links ul li a{
font-weight: normal;
text-decoration: none;
display: block;
padding:0;
margin:0;
}
#diverse {
padding: 0 0 30px 0;
}
#diverse p{
font-size: 0.7em;
line-height: 1.1em;
}
#diverse p a{
font-weight: bold;
text-decoration: none;
display: block;
}
#right .menu h2, #right .menu h2 a {
padding: 0 0 10px 0;
}
.menu ul {
padding: 0 0 24px 0;
}
.menu ul li {
font-size: 12px;
padding: 0 0 10px 0;
}
.menu ul li a {
font-weight: normal;
}



/* FOOTER */
.bottom1, .bottom2, .bottom3, .bottom4 {
float: left;
width:18%;
min-height:150px;
height:auto;
text-align: left;
margin: 0 22px 20px 0;
}
.bottom5  {
float: left;
width:18%;
min-height:150px;
height:auto;
text-align: left;
margin: 0 0 20px 0;
}
.textwidget {
font-size: 13px;
line-height: 1.1em;
padding: 0;
}
.bottom5 ul li a {
font-size: 13px;
line-height: 1.1em;
padding: 4px 0; 
}
#widgets ul li{
font-family: helvetica, arial, sans-serif;
}
.textwidget a{
font-weight: bold;
text-decoration: none;
color: #106D6A;
}
.textwidget p {
line-height: 1.2em;
padding: 6px 0 ;
}
.ad1, .ad2 {
float: left;
width:318px;
height:100px;
text-align: left;
margin: 0 26px 0 0;
padding: 0;
}
.ad3 {
float: left;
width:318px;
height:100px;
text-align: left;
margin: 0;
padding: 0;
}
.ad1 .textwidget img {
border: 2px solid #ED9624;
}
.ad2 .textwidget img {
border: 2px solid #C55B27;
}
.ad3 .textwidget img{
border: 2px solid #106D6A;
margin: 0;
}

#footer ul li {
padding: 2px 0;
font-size: 13px;
}
#footer ul li a {
color: #003333;
font-weight: normal;
text-decoration: none;
}

/* FOOTERMENU */
#footermenu {
width: 100%;
height:40px;
padding-top: 20px;
}
#footermenu p{
font-size: 0.7em;
padding: 0 0 16px 0;
color: #106D6A;
}
#footermenu a{
text-decoration: none;
font-weight: bold;
color: #106D6A;
}
#footermenu a:visited{
color: #106D6A;
}
#footermenu a:hover{
color: #ED9624; /*orange*/
text-decoration: underline;
}


/* SINGLE */
.navigation {
margin:-4px 0 50px -12px ;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}


.formcontainer {
border: 1px solid #106D6A;
padding: 20px;
font-size: 11px;
}
.more {
font-size: 11px;
}
.meta, .meta p {
font-size: 10px;
padding: 0 0 36px 0;
clear: both;
}
.meta a {
font-weight: bold;
text-decoration: none;
}
.tagging p, .tagging ul li {
font-size: 13px;
line-height: 1.1em;
}
.post-meta ul, .post-meta ul li, .post-meta-key li {
display: inline;
float:left;
}
#comment.text_input {
width: 450px;
}
.commentmetadata {
padding: 18px 0 0 0;
font-weight: bold;
font-size: 1.1em;
color: #106D6A;
border-bottom: 0px solid #ED9624; /*orange*/
}
.commentmetadata a {
font-weight: bold;
color: #106D6A;
}
.commentlist {
padding: 0;
}
.commentlist ol {
padding: 18px 0 0 0;
margin: 0;
}
.commentlist ol li {
padding: 18px 0;
margin: 0;
}
.commentlist ol li p {
padding: 8px 0;
margin: 0;
line-height: 1em;
font-size: 0.7em;
}


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */