/*
Theme Name: H2G2
Theme URI: http://www.h2g2.dk
Description: WordPress theme for Webgrrls Denmark
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: 'Lucida Grande', arial, helvetica, sans-serif;
}


/* LINKS */
a {
color: #266F9B; /*blue*/
text-decoration: none;
font-weight: bold;
}
a visited {
color: #266F9B; /*blue*/
}
a hover {
text-decoration: underline;
}
a active {
color: #266F9B; /*blue*/
}



/* TEXT */
p {
line-height: 1.3em;
padding: 0 0 14px 0;

}
blockquote {
padding: 5px 20px;
font-size: .9em;
}
strong {
font-weight: bold;
}



/* IMAGES */
img {
border: 0;
}
img a {
border: 0;
}



/* HEADERS */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
h1, h6 {
font-family: 'Century Gothic', 'MS Trebuchet', sans-serif;
}
h2, h3, h4 {
font-family: 'MS Trebuchet', helvetica, arial, sans-serif;
}
h5 {
font-family: helvetica, arial, sans-serif;
}
h1 a {
font-size: 56px;
color: #266F9B; /*blue*/
font-weight: normal;
text-decoration: none;
display:block;
padding:20px 0 10px 0;
}
h2, h2 a {
font-size: 26px;
font-weight: normal;
text-decoration: none;
display:block;
padding:0 0 12px 0;
}
#page h2 {
color: #AB1700; /*red*/
}
#post h2 a, #single h2 {
color: #266F9B; /*blue*/
border-bottom:2px solid #266F9B; /*blue*/
}
h3 {
font-size: 20px;
text-transform: uppercase;
padding: 8px 0;
}
h4 { 
font-size: 20px;
text-transform: uppercase;
padding: 18px 0 4px 0;
}
h5 {
color: #363636; /*grey*/
font-size: 18px;
padding: 8px 0;
}
h6 {
font-size: 16px;
padding: 0 0 8px 10px;
color: #A6D1E2; /*pale blue*/
}




/* STRUCTURE */
#wrapper {
width:990px;
height: auto;
min-height: 590px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding:0;
}
#logo {
background:#FFFFFF url(/wp-content/themes/H2G2/images/logo.jpg); 
background-position:top right; 
background-repeat:no-repeat; 
float: left;
width: 100%;
margin: 0 auto;
text-align: left;
height: 120px;
}
#container {
width: auto;
min-height:590px;
height:auto;
border-top: 6px solid #7BBBC0; /*pale blue*/
}
#top-menu{
float: left;
width: 100%;
text-align: left;
border-bottom: 8px solid #266F9B; /*blue*/
background: #F3F3F3; /*grey*/
}
#left {
float: left;
width: 184px;
min-height: 590px;
height: auto;
padding: 36px 12px;
background: #F3F3F3; /*grey*/
}
#widgets {
width: auto;
min-height:220px;
height: auto;
border-top: 6px solid #7BBBC0; /*pale blue*/
background: #FFFFFF; /*white*/´
}
#footer {
width: 990px;
height:40px;
margin: 0 auto;
padding: 10px 0 0 0;
text-align: center;
border-top: 6px solid #266F9B; /*blue*/
background: #F3F3F3; /*grey*/
color: #6F6D6D; /*grey*/
font-size: 11px;
}




/* INDEX-STRUCTURE */
#middle {
float: left;
width: 440px;
min-height: 590px;
height: auto;
padding: 36px 0 0 36px;
}
#right {
float: right;
width:240px;
min-height: 590px;
height: auto;
padding: 36px 0 0 24px;
border-right: 1px solid #F3F3F3; /*grey*/
}
#feature {
padding: 0 0 20px 0;
border-top: 6px solid #7BBB00; /*green*/
}



/* PAGES, ARCHIVE, SINGLE STRUCTURE */
#page, #single, #category {
float: right;
width:688px;
min-height: 590px;
height: auto;
padding: 36px 0 0 0;
border-right: 1px solid #F3F3F3; /*grey*/
}
#archive, #archivecontent {
padding: 0;
}



/* TOP-MENU */
#top-menu a{
text-decoration: none;
color: #266F9B; /*blue*/
font-family: 'Century Gothic', 'MS Trebuchet', sans-serif;
}
#top-menu a:visited{
text-decoration: none;
color: #266F9B; /*blue*/
}
#top-menu a:hover{
text-decoration: underline;
}
#top-menu ul{
margin: 0 ;
width: 758px;
padding: 10px 0;
text-align: left;
float: left;
}
#top-menu ul li{
display: inline;
padding: 0 10px 0 10px;
font-size: 18px;
}
.searchform {
float: right;
width:190px;
padding: 10px;
display: inline;
}





/* MENU */
.search {
border-top: 6px solid #AB1700; /*red*/
padding: 0 0 30px 0;
color: #AB1700; /*red*/
}
#s {
border: 1px dotted #AB1700; /*red*/
padding-left: 5px;
width:120px;
}
#searchsubmit {
border: 1px solid #AB1700; /*red*/
background: #FFF;
color: #AB1700; /*red*/
}
#searchsubmit:hover {
border: 1px solid #AB1700; /*red*/
background: #FFF;
}
.menuwidget {
padding: 0 0 30px 0;
border-top: 6px solid #A6D1E2; /*pale blue*/
color: #A6D1E2; /*pale blue*/
}
.menuwidget ul li{
font-size: 1.1em;
line-height: 1.2em;
color: #363636; /*black*/
}
.menuwidget ul li a{
font-weight: normal;
text-decoration: none;
display: block;
color: #363636; /*black*/
}
.twitterwidget a {
color: #A6D1E2; /*pale blue*/
}
h4 .menuwidget, h4 .menuwidget .twitterwidget a, h4 .twitterwidget  {
color: #A6D1E2; /*pale blue*/
font-weight: normal;
}

.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;
color: #AB1700; /*red*/
}
.menu1 {
padding: 0 0 30px 0;
border-top: 6px solid #7BBB00; /*green*/
color: #7BBB00; /*green*/
}
.menu2 {
padding: 0 0 30px 0;
border-top: 6px solid #AF1700;
color: #AB1700; /*red*/
}
.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;
text-transform: lowercase;
display: block;
color: #363636; /*black*/
}
.menu2 a{
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
display: block;
color: #AB1700; /*red*/
}
#links {
color: #266F9B; /*blue*/
padding: 0 0 30px 0;
border-top: 6px solid #266F9B; /*blue*/
}
.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;
color: #363636; /*black*/
padding:0;
margin:0;
}
#diverse {
padding: 0 0 30px 0;
border-top: 6px solid #AF1700;
color: #AB1700; /*red*/
}
#diverse p{
font-size: 0.8em;
line-height: 1.1em;
color: #363636;
}
#diverse p a{
font-weight: bold;
text-decoration: none;
display: block;
color: #363636; /*black*/
}



/* INDEX */
.blog {
color: #7BBB00; /*green*/
}
.flickr {
color: #FF8400; /*orange*/
padding: 0 0 30px 0;
border-top: 6px solid #FF8400; /*orange*/
}
.arrangementer {
color: #266F9B; /*blue*/
padding-bottom: 30px;
border-top: 6px solid #266F9B; /*blue*/
}
.arrangementer a {
color: #266F9B; /*blue*/
}
.arrangementer p {
color: #363636; /*black*/
font-size: 0.8em;
}
.gadgets {
color: #AB1700; /*red*/
padding-bottom: 20px;
border-top: 6px solid #AB1700; /*red*/
}
.gadgets a {
color: #AB1700; /*red*/
}
.gadgets p {
color: #363636; /*black*/
font-size: 0.8em;
}
#feature .title {
font-size: 20px;
padding: 0;
}
#feature .title a {
font-weight: normal;
}
#feature .excerpt p a {
font-weight: normal;
text-decoration: underline;
color: #363636; /*black*/
}
.arrangementer .title a, .gadgets .title a {
line-height: 1.4em;
font-size: 14px;
}

.indexblog {
padding: 10px 0;
}
.indexblog .postmetadatasmall {
padding: 0 0 40px 0;
}
.indexblog .title a, .indexblog .excerpt a, .indexblog .postmetadatasmall a {
color: #7BBB00; /*green*/
padding-bottom: 0;
}
.excerpt p {
padding: 0 0 4px 0;
font-size: .8em;
}
.excerpt a {
font-weight: bold;
}
.excerpt img {
max-width: 370px;
}
#blog-more {
padding: 10px 0;
border-top: 0px solid #7BBB00; /*green*/
}
#blog-more .title a {
font-weight: normal;
color: #363636; 
display: block;  
font-size: 14px;
}
#blog-more .title a:hover {
font-weight: normal;
color: #7BBB00; /*green*/ 
display: block;  
font-size: 14px;
}
.pages {
width: 142px;
padding: 5px 0 30px 0;
}






/* WIDGETS-BOTTOM */
.bottom1 {
float: left;
width:190px;
padding-left: 7px;
min-height:200px;
height:auto;
margin: 10px 20px 10px 0;
text-align: left;
}
.bottom2 {
float: left;
width:220px;
min-height:200px;
height:auto;
margin: 10px 20px 10px 17px;
border-left: 0px solid #A6D1E2; /*pale blue*/
}
.bottom3 {
float: left;
width:220px;
min-height:200px;
height:auto;
margin: 10px 20px 10px 17px;
border-left: 0px solid #A6D1E2; /*pale blue*/
}
.bottom4 {
float: right;
width: 230px;
min-height:200px;
height:auto;
margin: 10px  10px 10px;
border-left: 0px solid #A6D1E2; /*pale blue*/
}
.textwidget {
font-size: 0.8em;
line-height: 1.2em;
}
#widgets ul li{
padding: 2px 0; 
margin: 0 0 0 20px;
}
#widgets ul li a{
font-weight: normal;
text-decoration: none;
color: #363636; /*black*/
}
.recentcomments ul li{
padding: 10px 0; 
font-size: 0.9em;
}
.recentcomments li{
list-style: none;
}
.recentcomments a{
font-weight: bold;

text-decoration: none;
color: #363636; /*black*/
}

/* FOOTER */
a.rsslink {background:url(http://s.wordpress.org/style/images/feedicon10.png) top left no-repeat; padding-left: 14px;}


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




/* ENTRY */
p {
font-size: 0.9em;
}
.postmetadatasmall {
font-family: arial, sans-serif;
font-size: 0.8em;
line-height: 1.15em;
padding: 4px 0 12px 0;
}
.wp-caption-text {
display:none;
}
.entry {
padding: 0 0 36px 0;
}
.entry li {
list-style: disc;
line-height: 1.2em;
padding: 4px 0 4px 20px;
}




/* COMMENTS */
#comments{
padding: 20px 0 50px 0;
width: 460px;
}
#comments p {
font-size: 0.8em;
padding: 0;
margin: 0;
}
#comments h4 {
font-size: 1em;
font-weight: bold;
padding: 0;
}
.commentsmetadatasmall {
font-family: arial, sans-serif;
font-size: 0.8em;
padding: 0;
}
#commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
width: 440px;
}
.commentlist li {
position: relative;
}
.commentlist li .avatar {
position: absolute;
right: 15px;
border: 0;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.3em;
text-transform: none;
}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
margin: 0;
}
.commentlist li {
margin: 15px 0;
padding: 5px 0;
list-style: none;
}
.commentlist p {
margin: 0 5px 10px 0;
}

#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
}

.linklist ul, .linklist ul li {
list-style: none;
}


.bookmarks-gallery {
float: right;
width:688px;
min-height: 590px;
height: auto;
padding: 0;
border-right: 1px solid #F3F3F3; /*grey*/
}
.bookmarks-gallery a {
display: block;
height: 80px;
}
.bookmarks-gallery img {
height: 60px;
margin: 0 8px 15px 8px;
}

.linklist ul {
padding: 0;
margin: 0;
}
.linklist ul li {
padding: 0.5em 0;
margin: 0;
}
.links  {
display: none;
}
#members ul {
padding: 12px 0;
}

#members ul li {
display: inline;
padding: 12px 16px 12px 0;
}
#feature .indexblog .postmetadatasmall p a, #feature .indexblog .postmetadatasmall p a:visited, #feature .indexblog .postmetadatasmall p a:hover, #feature .indexblog .postmetadatasmall p a:active {
font-weight: bold;
text-decoration: none;
color: #363636; /*black*/
}