/*
Theme Name: H2G2
Theme URI: http://www.h2g2.dk
Description: WordPress theme for Salon Skaley
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: #57432d; 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: Georgia, serif;
font-size: medium;}


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



/* TEXT */
p {
line-height: 1.3em;
padding: 0 0 14px 0;
}
blockquote {
}
strong {
font-weight: bold;
}



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



/* HEADERS */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
h1, h6 {
}
h2, h3, h4 {
}
h5 {
}
h1 a {
font-size: 56px;
font-weight: normal;
text-decoration: none;
}
h2, h2 a {
font-size: 26px;
font-weight: normal;
text-decoration: none;
display:block;
padding:0 0 2px 0;
}
#page h2 {
color: #AB1700; /*red*/
}
}
h3 {
font-size: 20px;
padding: 8px 0;
}
h4 { 
font-size: 18px;
color: #AB1700; /*red*/
padding: 18px 0 4px 0;
}
h5 {
color: #363636; /*grey*/
font-size: 18px;
padding: 8px 0;
}
h6 {
font-size: 16px;
padding: 8px 0 8px 34px;
color: #AB1700; /*red*/
}

/* STRUCTURE */
#wrapper {
width:880px;
height: auto;
min-height: 290px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding:0;
}
#header {
float: left;
width: 70%;
margin-top: 20px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
text-align: left;
display: inline;
}
#container {
width: auto;
min-height:290px;
height:auto;
padding: 20px 0 0 0 ;
}
#left {
float: left;
width: 330px;
min-height: 250px;
height: auto;
padding: 36px 6px 0 0;
}
#middle {
float: left;
width:180px;
min-height: 250px;
height: auto;
padding: 36px 0 0 10px;
}
#right {
float: right;
width:220px;
min-height: 320px;
height: auto;
padding: 36px 0 0 10px;
background: #FFF url(http://skaley.dk/wp-content/skaley1-225x300.png) no-repeat bottom right;
}
#feature {
padding: 0 0 20px 0;
}
#widgets {
width: auto;
min-height:220px;
height: auto;
border-top: 3px solid #57432d;
}
#footer {
width: 880px;
height:40px;
margin: 0 auto;
padding: 10px 0 0 0;
text-align: right;
border-top: 3px solid #57432d;
color: #6F6D6D; /*grey*/
font-size: 9px;
}
.salon {
padding: 0 0 30px 0;
}
.title a {
}
#feature .title a {
color: #363636; /*black*/
font-size: 16px;
padding: 0;
}
#feature p a {
font-weight: normal;
color: #363636; /*black*/
}
.indexblog {
padding: 10px 0;
}
.excerpt p {
padding: 0 0 12px 0;
}
.excerpt a {
font-weight: normal;
}

/* WIDGETS-BOTTOM */
.bottom1 {
float: left;
width:190px;
height:auto;
margin: 10px 20px 10px 0;
text-align: left;
}
.bottom2 {
float: left;
width:180px;
height:auto;
margin: 10px 20px 10px 17px;
border-left: 0px solid #A6D1E2; /*pale blue*/
}
.bottom3 {
float: left;
width:190px;
height:auto;
margin: 10px 20px 10px 17px;
border-left: 0px solid #A6D1E2; /*pale blue*/
}
.bottom4 {
float: right;
width: 190px;
height:auto;
margin: 10px  10px 10px;
border-left: 0px solid #A6D1E2; /*pale blue*/
}
.textwidget {
font-family: georgia, serif;
font-size: 0.8em;
}
/* FOOTER */
#footer a {
color: #6F6D6D; /*grey*/
font-weight: normal;}

/* ENTRY */
p {
font-size: 0.9em;
}
.entry {
padding: 0 0 36px 0;
}



#extra {
float: right;
display: inline;
width: 25%;
background: #AF1700;
}
#extra p {
color: #FFF;
padding: 20px;
}
#extra p a, #extra p a:visited {
color: #FFF;
font-weight: bold;
font-size: 1.1em;}