body {
font-family : Verdana, Arial, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
font-size : 12px;
background-image : url(../includes/core/css-core.php);
}
#logo {
margin-top : 5px;
height : 180px;
/*background-image : url(../images/logo/logo2.png);
background-repeat : no-repeat;*/
}
#general-container {
position : absolute;
min-width : 1000px;
max-width : 1500px;
min-height : 900px;
margin-left : 150px;
margin-right : 10%;
top : 100px;
padding-bottom : 150px;
}
#menu {
position : absolute;
left : 6px;
top : 100px;
width : 140px;
overflow : hidden;
padding-left : 5px;
background-color : #ffffff;
border : 1px solid black;
opacity : 0.6;
-moz-border-radius: 5px; /* Support for IE en Opera dropped*/
-webkit-border-radius: 5px; /* Works for Firefox, Safari and Chromium*/
}
#menu p {
margin : 5px 5px;
font-weight : bold;
color : #000000;
}
.info2 {
min-width : 110px;
position : relative;
top : 460px;
left : -1px;
width : 136px;
overflow : hidden;
padding-left : 5px;
margin-bottom : 10px;
background-color : #ffffff;
border : 1px solid black;
opacity : 0.6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.info p {
margin : 5px 5px;
color : #000000;
}
.info li {
margin-top : -5px;
margin-left : -15px;
padding-bottom : 5px;
}
#left-side-content {
position : relative;
border : 1px solid #000000;
width : 55%;
background-color : #ffffff;
margin-left: 20px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#left-side-content-no-fix
{
/* Used in gallery */
position : relative;
border : 1px solid #000000;
width : 800px;
background-color : #ffffff;
margin-left: 20px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.gallery-album-description
{
background-color: #cccccc;
}
#right-side-images {
border : 1px solid #000000;
background-color : #ffffff;
position : absolute;
/*margin-top : 50px;*/
/*padding-top : 5px;*/
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
left : 60%;
top : 0;
max-width : 500px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#right-side-tpy {
position : absolute; /* This is a css coding bug - shows in IE8 in blog*/
/*margin-top : 50px;*/
/*padding-top : 5px;*/
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
left : 60%;
top : 0;
max-width : 500px;
}
.right-side-txt {
width : 80%;
height : auto;
background-color : #ffffff;
border : 1px solid black;
padding-left : 3px;
opacity : 0.6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* The next css was designed for blogs and comments, but can be used global */
.blog
{
background-color : #ffffff;
border : 1px solid black;
max-width: 600px;
margin-bottom: 15px;
margin-left: -5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.heading
{
   background-color: #eeeeee;
   height: 20px;   
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
}
.content
{
   padding: 10px;
}
.entry {
width : 80%;
height : auto;
background-color : #ffffff;
border : 1px solid black;

padding-bottom : 20px;
margin-bottom : 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#navigate {
width : 420px;
text-align : left;
margin : 0 auto 8px;
}
.entry p {
clear : both;
margin-top : 0;
margin-bottom : 1em;
overflow : hidden;
}
.date {
font-size : 10px;
text-align : right;
float: left;
margin-right: 17px;
padding-left: 5px;
}
.title
{
   padding-left: 3px;
   float: left;
   font-weight: bold;
}
.tag
{
   float: right;
   right: 5px;
   font-size: 10px;
   padding-right: 5px;
}
.image1{
max-height:250px;
max-width: 95%;
}
a img.image1{
border: 1px solid #cccccc; 
padding: 3px; 
background-color: #eeeeee;
}
a img.image1:hover{
border: 1px solid #0000ff; 
padding: 3px; 
background-color: #eeeeee;
}
a img{
border: 1px solid #cccccc; 
}


.right-side-img {
width : 80%;
height : auto;
border : 3px solid white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
h1 {
font-size : 16px;
}
h2 {
font-size : 14px;
}
h6 {
font-size : 10px;
}
.bfmodestquote {
font-style : italic;
color : #888888;
}
.bfquote {
font-weight : 700;
}
.color1 {
font-weight : 700;
}


.button-pict-16px
{
/*Class for submit buttons with only an image
This would be the nice way, but does not work in IE
'<input name="delete" type="image" title="delete" alt="delete" value=\'' . $value . '\' src="'. $LiveSiteUrl . 'images/pictograms/16x16/delete.png">&nbsp;';	              
This works:
'<input type="submit" value="' . $value . '" name="delete" style="background: url('. $LiveSiteUrl . 'images/pictograms/16x16/delete.png)" class="button-pict-16px">&nbsp;';
 This class is only used for IE
 */
border: 0px;
font-size: 0;
height: 18px;
width: 18px;
cursor: pointer; 
color: transparent; /* Fix for FF */ 
padding: 0 0 0 18px !important; /* Fix for IE */
}
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}