/* Start of CMSMS style sheet '1.1 Principale' */
/************************
USED COLORS
dark grey		: #666
std grey		: #999
soft grey		: #CCC




lighted blue 	: #007BC3  /  #008FEC
blue 		: #006699
soft blue		: #99CCFF



*************************/
/**************************
STYLES FOR WYSIWYG FIRST
**************************/
.button_link {
	background-image: url(uploads/images/css/arrow_bullet_1.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 15px;
	line-height:20px;
	text-decoration:underline;
	margin-left:20px;
	margin-right:20px;
}

.pdf_button {
	background-image: url(uploads/images/css/acroread.png);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 28px;
	line-height:22px;
	height:22px;
	text-decoration:underline;
	display:block;
}

p.separator {
	height:2px;
	border-bottom:1px dotted #CCC;
	clear:left;
}


img.left_float {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	padding:1px;
	border:1px solid #AAA;
}

img.bordure-image {
	padding:1px;
	border:1px solid #AAA;
}

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 1em;
}


/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 12px;
}


/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}


dl dt {
       line-height:11px;
       color:#999;
}

table p { padding:0; margin:0; }


/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #008FEC; 
}
a:visited {
   background-color: inherit;
}

a:hover {
   color: #666;
   text-decoration: underline;
}

/*****************
basic layout 
*****************/
body {
   background-color:#666;
   color:#006699;}

/* center wrapper, min max width */
div#pagewrapper {
   width:860px;
   margin: 0 auto;     /* this centers wrapper */
   width:860px;
   background-color: #fff;;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 225px; /* adjust according your image size */
   background:url(uploads/images/css/header_bkg.jpg);           
}

div#header h1 a {
/* you can set your own image here */
   background: #385C72 url(uploads/images/css/logo1.gif) no-repeat 0 12px; 
   display: block; 
   height: 80px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}


div#search {
   float: right;
   width: 27em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div#breadcrumbs {
   padding: 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   height:20px;
   line-height:18px;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 }

div#content {
	margin: 0; /* some air above and under menu and content */
	background: url('uploads/images/css/content_bkg.jpg') repeat-y;
	text-align:justify;
	font-size:11px;
}


div#main {
	width:423px; /* 463px*/
	margin-right:1px;
	background: url('uploads/images/css/header_stuff.jpg') top left no-repeat;
	padding-right: 20px;
	padding-left: 20px;
}



div#sidebar {
   float: right;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 376px; /* 396 */   /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   padding-left:10px;
   padding-right:10px;
   font-size:11px;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   /*padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

#pagewrapper #content #sidebar h2 {
	margin-right: -10px;
	margin-left: -10px;
	background-image: url(uploads/images/css/side_bar_title_bkg.jpg);
	padding-left:30px;
}


div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #fff;
   background: url(uploads/images/css/footer_bkg.jpg) no-repeat #666;
   height:248px;
   border-top:1px solid #CCC;
   padding-bottom:100px;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {

}


/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2, div#catalog-content h2 {
	color: #999;
	font-size: 16px;
	text-align: left;
	/* some air around the text */
	padding-left: 40px;
	line-height: 36px;
	background-color: #CCC;
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0;
	margin-right: -20px;
	margin-bottom: 10px;
	margin-left: -20px;
	height: 42px;
	background-image: url(uploads/images/css/main_title_bkg.jpg);
}
div#content h3 {
   font-size: 0.9em;
   line-height: 1em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */








/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}








/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* white-space: pre-wrap;       / css-3 
 white-space: -moz-pre-wrap;  / Mozilla, since 1999 
 white-space: -pre-wrap;      / Opera 4-6 
 white-space: -o-pre-wrap;    / Opera 7 
 word-wrap: break-word;       / Internet Explorer 5.5+ 
*/
 font-family: Tahoma, Geneva, Arial, Verdana, Helvetica, sans-serif;
 font-size: 11px;
}








pre {
   /*border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 100%;  */  /* smaller font size, as these are usually not so important data */ 

}








/* END TEXT */








/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 10px 10px 0;
}








div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */
#footer-address {
	padding-top: 90px;
	padding-left: 160px;
	color: #99CCFF;
	font-size: 11px;
	height: 100px;
}
#tag-cloud {
	font-size: 10px;
	color: #CCC;
	text-align: center;
	padding-top: 60px;
	padding-right: 10px;
	padding-left: 10px;
	height: 70px;
}

#tag-cloud ul {list-style:none; }
#tag-cloud li{float:left; padding-right:10px;}

#copyright { height:1em;
	text-align:right;
	font-size: 10px;
	color: #CCC;
	}








#baseline {
	text-transform: uppercase;
	color: #FFF;
	margin-top: 40px;
	height: 50px;
	text-align: right;
	margin-right: 22px;
	font-size:90%;
}
#lang {
	color: #99CCFF;
	text-align: right;
	margin-right: 38px;
	padding-top: 8px;
	font-size: 11px;
}
.brfix {
	height:0px;
	clear:both;
}








#print_showbutton {height:19px; text-align:right; padding-top:1px;}








#lang a , #lang a:link , #lang a:hover, #lang a:visited {
	color: #99CCFF;
	margin-left:5px;
	text-decoration:none;
	background:none;
}


#lang a:hover {
	color: #CCC;
	text-decoration:underline;
}
#lang span {
	margin-left:5px;
	text-decoration:underline;
}




.error_message {font-size:9px; color:#F30; padding:0 0 5px 10px;}

#tag-cloud, #copyright{
   color:#999;
}

#tag-cloud a, #copyright a{
   color:#999;
}

#tag-cloud a:hover, #copyright a:hover{
   color:#AAA;
}

/* ***************** ALBUM ************* */
.albumpicturecount, .instructiontext, .noprint { display:none;}

code p { line-height: 1em; padding: 0; margin:0}

.thumb {height:135px; width:130px}

.thumb a {border:none; margin-bottom:10px;}

.thumb img {border:1px solid #CCC; margin-bottom:10px;}

.albumname, .albumcomment {text-align:left;}


/* End of '1.1 Principale' */