/* ----------------------------------------------------------------------------------------------------------------------
	Colors

	Beige/gold: 	#a49a6f;
	Black: 		#272425;
	Dark grey: 		#666;

----------------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------------
	Reset styles
----------------------------------------------------------------------------------------------------------------------*/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}

blockquote, q {
    quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {

}

/* ----------------------------------------------------------------------------------------------------------------------
	General settings
--------------------------------------------------------------------------------------------------------------------------*/

body.RadEContent, body.RadEContentBordered {
background:#FFFFFF none repeat scroll 0% 0% !important;
font-size:11px !important;
color: #000;
}

body { background:#272425; color:#fff; font:62.5%/1.55 georgia, times, serif; padding:20px 0; }
    
/* Headings */
h1, h2, h3, h4, h5, h6 { margin:0 0 .5em 0; font-family:georgia, times, serif; font-weight:bold; clear:left; }
h1 { font-size:2.4em; line-height:1.1; font-style:italic; color:#a49a6f; }
h2 { font-size:1.4em; margin-bottom: 0em;}
h3 { font-size:1.2em; margin-bottom: 0em;}
h4 { font-size:1.1em; }

#side-content h2 { font-size:1em; }

/* Links */
a:link { color:#a49a6f; font-weight: bold; }
a:visited { color:#a49a6f; font-weight: bold; }
a:hover,
a:active,
a:focus {  }

/* Paragraphs */
p { margin-bottom:2em; }

/* Images */
img  { vertical-align:bottom; }

/* Lists */
ul { list-style:inside disc; margin: 0 0 2em 1em; }

ol { list-style:inside decimal; margin-bottom:1em; }

dl{ margin-bottom:1em; }
dt {  }
dd {  }

/* Tables */
table { width:100%; border:0px solid #666; margin-bottom:1em; }
td, th { padding:.7em; vertical-align:top; border-right:0px solid #666; }
th { background:#fff; text-align:left; font-weight:bold; border-bottom:0px solid #666; background:#eee; }
tr {  }
tr.odd { background-color:#ddd; }

/* General purpose classes */    
.off-screen { position:absolute; left:-999em; }
.clear-left { clear:left; }
.clear-fix:after { content:"."; height:0; display:block; visibility:hidden; clear:both; }
.right-float { float:right; margin-left:1em; }
.left-float { float:left; margin-right:1em; }

/* Skip links */
#skip a { position:absolute; right:9999px; }
#skip a:focus, #skip a:active { display:block; padding:1em; position:absolute; top:0; right:0; width:250px; text-align:center; background:#ededee; color:#000; z-index:2; }
   

/* Forms */

.form p {
margin-bottom:0.5em;
}

.form p label {
display:block;
float:left;
text-align:left;
width:8em;
}

label.kryss {
width:14em;
}

/* ----------------------------------------------------------------------------------------------------------------------
	Page structure
----------------------------------------------------------------------------------------------------------------------------*/
#wrapper { position:relative; width:930px; margin:0 auto; border:2px solid #a49a6f; padding-bottom:12px; }

/* Header section
------------------*/
#head {  }
#head #branding { position:relative; height:112px; }
#head #logo { position:absolute; top:-2px; left:-2px; }
#head #tagline { position:absolute; top:-2px; right:-2px; width:617px; height:92px; background:url(/CommonResources/Files/www.greenlion.se/images/layout/green-lion-head.jpg) no-repeat right top; text-indent:-999em; }



/* Site navigation
---------------------*/
#head #main-nav ul { list-style:none outside; margin:0px 20px 10px; padding:0; background:url(/CommonResources/Files/www.brygghuset.nu/images/layout/main-nav-bg.gif) repeat-x left 75%; font-size:1.1em; }
#head #main-nav li { float:left; background:url(/CommonResources/Files/www.brygghuset.nu/images/layout/main-nav-btn-left.gif) no-repeat; padding-left:21px; }
#head #main-nav li a:link,
#head #main-nav li a:visited { display:block; float:left; background:#a49a6f url(/CommonResources/Files/www.brygghuset.nu/images/layout/main-nav-btn-right.gif) right top no-repeat; padding:9px 10px 0px 0px; margin-right:4px; text-decoration:none; color:#231f20; font-style:italic; }

/* Content sections
--------------------*/
/* Main content */
#main-content { float:left; width:482px; margin-left:147px; }
#main-content #text-content { min-height:214px; background:#fff url(/CommonResources/Files/www.blacklion.se/images/layout/text-content-bottom.gif) no-repeat left bottom; color:#000; margin-bottom:6px; padding:12px; font-size:1.1em; height:1%}

/* second level navigation */
#main-content #text-content #sub-nav ul { min-height:16px; background:url(/CommonResources/Files/www.blacklion.se/images/layout/text-content-top.gif) no-repeat; list-style:none outside; padding:12px 12px 9px 12px; margin:-12px -12px 12px -12px; border-bottom:3px solid #a49a6f; font:1.2em georgia, times, serif; width:100%; }
#main-content #text-content #sub-nav li { display:inline; margin-right:.7em; }
#main-content #text-content #sub-nav a:link,
#main-content #text-content #sub-nav a:visited { text-decoration:none; color:#666; }
#main-content #text-content #sub-nav a:hover { text-decoration:underline; }

/* third level navigation */
#main-content #text-content #sub-sub-nav ul {list-style:none; margin:0 0 1em 0; padding:0; overflow:auto;}
#main-content #text-content #sub-sub-nav li {float:left; margin-right:.5em}
#main-content #text-content #sub-sub-nav li a:link,
#main-content #text-content #sub-sub-nav li a:visited {color:#666;}

#main-content #text-content #inner-content {overflow: auto; height: 418px; padding: 0 10px 0px 0;}
#main-content #gallery { float:right; width:100px; list-style:none; margin:0 0 0 1em; }
#main-content #gallery li { background:#fff; margin: 0 0 6px 0; }

/* SIde content */
#side-content { position:relative; float:left; width:122px; margin-left:-619px; }
#side-content .side-box { background:#fff url(/CommonResources/Files/www.brygghuset.nu/images/layout/side-box-bg.gif) left bottom no-repeat; color:#000; padding:0 6px 6px 6px; }
#side-content .side-box h2 { background:#a89a6f url(/CommonResources/Files/www.brygghuset.nu/images/layout/side-box-top.gif) no-repeat; margin:0 -6px 6px; padding:6px; font-family:georgia, times, sans-serif; font-style:italic; }
#side-content #news { min-height:155px; margin-bottom:6px; }
#side-content #abro-restaurants { min-height:175px; padding-bottom:15px; }
#side-content #step-inside { position:relative; top:-12px; }

/* news section */
#news-list .news-item {margin-bottom:1em}
#news-list-full .news-item {margin-bottom:1em; padding-bottom:1em; border-bottom:1px dotted #ccc;}

#highlight { float:left; width:277px; margin-left:12px; }

/* Page footer */
#footer { clear:both; text-align:center; font:1.2em verdana, arial, sans-serif; }
#footer a:link,
#footer a:visited { color:#fff; font-weight:normal;  }

#footer a.url.fn.org {  }
#footer .email {  }
#footer .adr {  }