@charset "UTF-8";
/* CSS Document */

body{
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 19px;
}

#wrapper{
width: 940px;
margin: 0 auto;
}

#maincontent{
width: 608px;
padding: 15px;
padding-left: 35px;
padding-right: 35px;
float: left;
background-color: white;
}

#side{
width: 220px;
float: right;
background-color: white;
padding: 15px;
}


#header{
height: 156px;
background-image: url(img/header.png);
margin-bottom: 15px;
margin-top: 60px;
}


#maincontent, #side, #header{
box-shadow: 5px 5px 5px #333333;
}


h2{
color: #C00;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 1px;
margin-bottom: 10px;

}

#side h2{
margin-bottom: 0px;
}

#maincontent .portlet_footer{
background-image: url(line.png);
height: 10px;
margin-bottom: 10px;
margin-top: 20px;
}

#menu{
padding-top: 112px;
padding-left: 34px;
}

#menu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

#menu ul li{
display: inline;
padding-left: 15px;
padding-right: 5px;
background-image: url(img/dot-cherry.png);
background-repeat: no-repeat;
background-position: 0 3px;
}

#menu ul li:first-child{
padding-left: 0;
background: none;
}

#menu ul li a{
color: black;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}

a{
color: #519b9a;
text-decoration: none;
}

p{
margin-top: 5px;
}



a.selected{
color: #C00 !important;
}

/* iphone specific */

@media screen and (-webkit-min-device-pixel-ratio:0) {

#menu ul li{
padding-left: 12px;
padding-right: 2px;
}


}

/* retina iphone */
@media screen and (-webkit-min-device-pixel-ratio:2) {
#menu ul li{
padding-left: 12px;
padding-right: 2px;
}
}


/* User specific */

div.box div.portlet-header {
  display: none;
  position: absolute;
}

div.box:hover div.portlet-header {
  display: block;
  position: absolute;
}


.spacebar {
  clear: both;
}

.imgleft {
  float: left;
  padding-right: 15px;
  padding-bottom: 5px;
}

.imgright {
  float: right;
  padding-left: 15px;
  padding-bottom: 5px;
}


.editable_hover {
  background-color: #FFC;
}


/* --- additions --- */

html {
  background: url(img/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


h2 {
  font-family: futura-pt, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#mainmenu {
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
}



.portlet img{
  max-width: 100%;
  margin-top: 10px;
}


a.thumb{
  display: inline-block;
  width: 100px !important;
  height: 100px !important;
  overflow: hidden !important;
  margin-right: 10px;
  margin-bottom: 5px;
  background-size: cover !important;
}

img{
  max-width: 100%;
}