/*

STYLE SHEET FOR LACOPITA.SE
============================

*/




/*

GLOBAL SETTINGS

*/


body, #comment, #author, #email {
color : #333333;
font-family : "Trebuchet MS", Verdana, sans-serif;
font-size : 12px;
}

body {
background : url(/images/gfx/wood.jpg) fixed;

padding : 0px;
margin : 0px;
height : 100%; 
}

p {
padding : 0px;
margin-bottom : 7px;
margin-top : 0px;
}

.text {
padding-left : 13px;
padding-right : 13px;
}

img {border : 0px none;}

a:link, a:active, a:visited {
color : #ad080c;
text-decoration : none;
outline: none;
}

a:hover {
color : #bbbbbb;
text-decoration : none;
outline: none;
}

legend {
margin : 0px;
padding : 0px;
}

fieldset {
border : 1px dashed #bbbbbb;
margin : 0px;
padding : 5px;
}

.clear {clear: both;}

/* Headings */
h1 {
font-size : 16px;
padding : 0px;
margin : 0px;
}

h1.title {
padding-top : 8px;
padding-left : 14px;
font-size : 16px;
margin : 0px;
}

h2 {
font-size : 16px;
padding : 0px;
margin-bottom : 7px;
border-bottom : 1px dotted #cccccc;
}

.print-title {
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
padding : 2px;
margin-top : 30px;
text-align : center;
}

/*

MAIN MENU

*/

#container {
padding : 0px;
margin : 0px auto;
text-align : center;
height: 110px;
width : 720px;
}

#nav {margin : 0px auto; padding:0; }
#nav li {display:inline; }
#nav li a {float:left; width: 70px; height: 110px; text-indent: -9999px; overflow:hidden; background-image:url(/images/gfx/topnav.png); background-repeat: no-repeat;
}

#nav li#top-logo a {background-position: 0px 0px; width: 258px; margin-right: 15px; behavior: url("/js/iepngfix.htc")}

#nav li#top-start a {background-position: -262px -12px; height: 108px; }
#nav li#top-start a:hover {background-position: -262px 0px;}

#nav li#top-aktuellt a {background-position: -332px -12px; height: 108px;}
#nav li#top-aktuellt a:hover {background-position: -332px 0px;}

#nav li#top-menyer a {background-position: -402px -12px; height: 108px;}
#nav li#top-menyer a:hover {background-position: -402px 0px;}

#nav li#top-dryck a {background-position: -472px -12px; height: 108px;}
#nav li#top-dryck a:hover {background-position: -472px 0px;}

#nav li#top-presentkort a {background-position: -540px -12px; height: 108px;}
#nav li#top-presentkort a:hover {background-position: -540px 0px;}

#nav li#top-lacopita a {background-position: -609px -12px; height: 108px;}
#nav li#top-lacopita a:hover {background-position: -609px 0px;}


/*

MAIN DIVS

*/

#content {
width : 699px;
padding-top : 9px;
padding-left : 9px;
height : 367px;
}

.layout {
margin : 0px auto;
padding : 0px;
width : 720px;
height : 420px;
background: transparent url('/images/gfx/bg-content.png') 0 0 no-repeat; }

.scroll {
overflow : auto;
width : 698px;
height : 265px;
margin-top : 1px;
}

.scroll .bottomspace {}

#footer {
background: url(/images/gfx/footer.jpg) 9px -3px no-repeat;
height : 35px;
width : 708px;
text-align: center;

padding-top : 6px;
margin-bottom : 0px;
clear : both;
}

.footer-info {float: left; padding-left: 20px;}
.footer-meta {float: right; padding-right: 10px;}

/*

SIDA: START

*/

#start {
padding-left : 15px;
padding-right : 15px;
padding-bottom : 0px;
margin-top : 10px;
margin-bottom : 0px;
width : 699px;
clear: both;
}

.start1 {
float: left;
width : 350px;
padding-right : 10px;
}

.start2 {
float: left;
width : 300px;
}

.welcome {
font-style : italic;
line-height : 20px;
text-align : center;
}

/*

SIDA: AKTUELLT

*/

.news-item {padding-right: 15px; padding-left: 15px; }

.storycontent {padding: 0px; margin: 0px;}
.storycontent p {padding-top: 0px; margin-top: 0px;}

/*

SIDA: MENYER

*/

#bgmenu {
background : url(http://www.lacopita.se/images/gfx/bgmenu.jpg) no-repeat;
width : 699px;
height : 100px;
display : block;
}

#bgmenu ul{ padding : 80px 0px 0px 0px; margin:0px; text-align: center;}

#bgmenu li {
list-style-type : none;
display : inline;
margin: 0px;
padding-right: 25px;
}

#bgmenu li a {
color : #fff;
text-transform : uppercase;
font-size : 13px;
letter-spacing : 1px; 
}

#bgmenu li.active a {color:#a7a1a3;}
#bgmenu li.last {padding-right: 0px;}



#menus-page {
padding-left : 15px;
margin-top : 0px;
}

.menus-box {
width : 305px;
float: left;
padding-right : 15px;
padding-bottom : 10px;
text-align : center;
}

.menus-full {
width : 550px;
text-align : center;
padding-bottom : 20px;
margin: 0px auto;
}

.print {
text-align : right;
padding-top : 10px;
padding-right : 10px;
padding-bottom : 0px;
margin : 0px;
}

.icon_print {
vertical-align:top;
}

/*

SIDA: OMDÖMEN

*/

#feedback {clear: both; width: 699px; margin: 0px; padding: 0px; }
#feedback p {padding-bottom: 6px; padding-top: 0px; margin: 0px;}
#cancel-comment-reply {margin: 0px; padding: 0px;}

.respond {float: left; width: 330px; padding-left: 15px; margin: 0px; }
.commentbox {float: left; width: 335px; margin: 0px; padding: 0px;}
.omdomen-posts {height: 190px; overflow : auto;}
.commentwrap {margin-left: 5px;}
.loggedin {font-size: 10px;}

#author, #email {width: 140px; height: 16px; border: 1px solid #bbb; padding: 2px; margin: 0px;}
#author {margin-right: 13px;}
#comment {width: 300px; height: 100px; border: 1px solid #bbb; padding: 2px; margin: 0px;}

/*

SIDA: PRESENTKORT

*/


#presentkort h1.title {
padding-top : 0px;
}

.presentkortimg {float:right; padding: 15px 15px 0px 15px;}

/*

SIDA: INFO

*/

#kontakt {
padding-top : 10px;
clear: both;
}

.kontakt1 {
padding-left : 15px;
width : 150px;
float: left;
}

.kontakt2 {
width : 225px;
float: left;
}

.kontakt3 {
margin-right : 10px;
width : 280px;
float: left;
}

.aboutbox {margin-bottom: 15px;}

.login {
font-size: 10px;
padding-top: 50px;
float: right;
}

.aboutlink:link, .aboutlink:active, .aboutlink:visited {
color: #ad080c;
border-bottom: 1px dotted #bbbbbb;
}

.aboutlink:hover {
color: #bbbbbb;
border-bottom: 1px dotted #bbbbbb;
}

a.alogin {
background: url(/images/gfx/icon_key.png) no-repeat;
padding-left: 22px;
padding-bottom: 2px;
height: 16px;
}

a.alogin:hover {
}

/*

SIDA: HITTA HIT

*/

#map {clear:both; padding-top: 10px; }
.map-content {float: left; width: 300px; padding-left: 15px;}
.map-iframe {float: right; width: 350px; padding-right: 15px;}