/**************************************************************
   AUTHOR:    Webjuice sagl (webjuice.ch) - info@webjuice.ch
   DATE:      2007.06.26
   PURPOSE:   Styles for the layout
   CUSTOMER:  VeriDiritti.org
 **************************************************************/
#wrapper {
	width: 960px;
	/*height:207px;*/
	background-image: url(../graphics/top_bg.jpg); 
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	padding-top: 32px;
}
#header {
	width: 900px;
	height:110px;
	background-image:url(../graphics/top.jpg); 
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
#wrapperpage {
	width: 900px;
	background-color:#FFFFFF;
	padding-top: 5px;
	border-top: solid #4B0000 1px;
}
#page {
	border: 0px;
	padding: 0px;
	margin: auto;
	text-align: left;
}
#page img {
	padding: 2px;
	border: 1px solid #ACACAC;
	margin: 4px;
	background-color: #FFFFFF;
}
#columns {
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
.width300 {
	width: 300px;
}
.width550 {
	width: 530px;
	min-width: 550px;
	max-width: 550px;
}
.width880 {
	width: 860px;
	min-width: 880px;
	max-width: 880px;
}
.width150 {
	width: 150px;
}
.width200 {
	width: 200px;
}
/**************************************************************
   Menu (class on the body page (because of the languaga)
 **************************************************************/
#menu {
	width: 900px;
	height:55px;
	background-image: url(../graphics/menu_bg.jpg);
	background-repeat:no-repeat;
	margin: auto;	
}
#menu ul {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li a, 
#menu ul li a:visited {
	float: left;
	height: 55px;
	text-decoration: none;
}

.menu1 a, 
.menu2 a, 
.menu3 a, 
.menu4 a, 
.menu5 a {
	margin-right: 1px;
	background-repeat:no-repeat;
}

/**************************************************************
   Footer and Credits
 **************************************************************/
#footer {
	width: 900px;
	background-image:url(../graphics/footer_bg.jpg);
	background-repeat:no-repeat;
	height: 80px;
	font-size: 11px;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	padding-top: 10px;	
}
#footer p {
	padding-top: 0px;
	padding-left: 160px;
}
#footer, 
#footer a,
#footer a:visited  {
	color: #550000;	/*#740000;*/
}
#footer a:hover  {
	color: #000000;	
}
#credits {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	margin-top: 5px;
	color: #B08080;
	font-size: 10px;
}

/**************************************************************
   Generic Display 
 **************************************************************/
.block {
  display: block;
}
.clear {
  clear: both;
  padding: 0px;
  margin: 0px;
}
.marginLeft {
  margin-left: 10px;
}
.marginRight {
  margin-right: 10px;
}
.paddingLeft {
  padding-left: 5px;
}
.paddingRight {
  padding-right: 5px;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
  margin-right: 10px;
}
.alignLeft {
  text-align: left;
}
.alignRight {
  text-align: right;
}
.alignCenter {
	text-align: center;
}
.hidden {
	visibility: hidden;  
}
.noborder {
	border: 0px;
}
.grey1Color {
	background-color: #E8E8E8;
}
.grey2Color {
	background-color: #DADADA;
}
.grey3Color {
	background-color: #EEEEEE;
}
.centerDiv {
	margin:auto;
}
/**************************************************************
   Posts
 **************************************************************/
.post {
	float: left;
	width: 100% !important;
	width: 99%;
	position: relative;
	margin-top: 1.5em;
	border-bottom: 1px solid #CCCCCC;
}
.post .date {
	position: absolute;
	top: 0;
	left: 5px;
	width: 2.3em;
	text-align: right;
}
.post .date .month {
	text-transform: uppercase;
	font: 700 1.0em arial, sans-serif;
	color: #888;
}
.post .date .day {
	display: block;
	margin-top: -5px;
	font: 700 2.1em arial, sans-serif;
	color: #888;
}
.post .title {
	display: block;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #757575;
}
.post p {
	margin: 0 0 0 3.5em;
	padding:  0 0 1em 1.2em;
	border-left: 1px solid #CCCCCC;
}
/**************************************************************
   Thumbnail Lists
 **************************************************************/
ul.thumbs,
ul.thumbs li {
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	margin: 0 0 15px 0 !important;
	margin: 0;
	padding: 0px;
	list-style: none;
	list-style-image: url(foo.gif); /* because IE is balls */
}
a.thumb img {
	background: #FFFFFF;
	border: 1px solid #939393;
	padding: 3px;
	margin-left: 20px;
}
a:hover.thumb img {
	background: #B00112;
	border: 1px solid #000000;
   /*padding: 3px;*/
}
a:hover.thumb {
	background: none;
}
/**************************************************************
masterBlock
 **************************************************************/
a.masterBlock, a:visited.masterBlock {
	text-decoration: none;
	padding: 2px;
	margin-bottom: 5px;
	border: 1px solid #E8E8E8;
	display: block;
	float: left;
	color: #343434;
	width: 290px;
}
a:hover.masterBlock {
	background-color: #8F1416;
	color: #FFFFFF;
	border-color: #FFFFFF; 
}
.masterBlock img {
	float: left;
}

/**************************************************************
ThumbnailsBlock
 **************************************************************/
a.thumbnailsBlock, a:visited.thumbnailsBlock {
	text-decoration: none;
	text-align: center;
	padding: 2px;
	margin-right: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #EEEEEE;
	/*background-color: #FFFFFF;*/
	/*height: 265px;	*/
	display: block;
	float: left;
}
a:hover.thumbnailsBlock {
	background-color: #FFFFFF;
	border-color: #DEDEDE;
}
.thumbnailsBlock img {
   padding: 0px;
}
/**************************************************************
   Submenu Styles
 **************************************************************/
ul.submenu1,
ul.submenu2 {
  margin: 0 0 10px 0;
  padding: 0;
}
ul.submenu1 li,
ul.submenu2 li{
  margin: 6px;
  padding: 0px;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
  font-variant: small-caps;
}
ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;
  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */
  padding: 1px 5px 1px 20px;
  text-decoration: none;
}
ul.submenu1 li a {
  color: #8B8B8B;
  background: url(../graphics/li.gif) no-repeat 5px 50%;
}
ul.submenu1 a:hover {
  color: #252525;
  background: #BFBFBF url(../graphics/li.gif) no-repeat 5px 50%;
}
#columns ul.submenu1 li a img,
#columns ul.submenu2 li a img {
  border: 0px;
  background-color: transparent;
  margin-bottom: -5px;
}