/*
Theme Name: CA Sierre
Theme URI: http://www.casierre.ch
Description: Theme of the webside casierre.ch
Version: 1.0
Author: Cédric Bonvin
*/

	body {
		background:url(images/wallpaper.gif) repeat;
		background-color: #3B4A46;
	}
	
	.medium {
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 14px
	}
	
	
	.site {		
		width: 980px;
		margin-left: 100px;
	}
	
	.site .header {
		height: 148px;
		background:url(images/header.gif) repeat top;
		border-top: 1px #FFFFFF solid;
		border-left: 1px #FFFFFF solid;
		border-right: 1px #FFFFFF solid;
	}
	
	.site .menu {		
		height: 30px;
		background:url(images/menu_background.gif) repeat top;		
		padding-left: 0px;
		border-left: 1px #FFFFFF solid;
		border-right: 1px #FFFFFF solid;
	}
	
	.site .menu .item {
		height: 30px;
		padding-left: 10px;			
		padding-top: 8px;
		color: #A7A7A7;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;			
		float: left;
	}
		
	.site .menu .item a {	
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		color: #E5E5E5;
		font-weight: bold;
		font-size: 12px		
		
	}
		
	.site .menu .item .active {			
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;		
		padding-left: 6px;
		padding-right: 6px;
		
	}
	
	.site .menu .item .actived {			
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		background-color: #790000;
		border: 1px #FFFFFF solid;
		padding-left: 5px;
		padding-right: 5px;
		
	}
	
	.site .menu .item a:hover {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 12px	
		
		
	}
	
	.site .menu .search {		
		float: right;
		padding-top: 4px;
		padding-right:5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;		
		
			
	}
	
	.site .menu .search .item_input{
		border: 1px #FFFFFF solid;
		height: 15px;
		background-color: #283032;
		color: #E5E5E5;
		font-size: 10px
	}
	
	.site .menu .search .item_button{
		border: 1px #FFFFFF solid;
		height: 19px;
		color: #FFFFFF;
		font-weight: bold;
		background-color: #283032;
		font-size: 8px
		
	}
	
	.site #content {
		padding-top: 10px;
		margin: 0px;
	}
	
	.site #content #columnLeft {	   
		float: left;
		width: 220px;
	}
	
	.site #content #columnCenter {
		float: left;
		width: 440px;
	}
	
	.site #content #columnMain{
		float: left;
		width: 750px;
	}
	
	.site #content #columnRight {
		float: right;
		width: 320px;
		margin-right: -20px;
	}
	
	.site #content #footer {		
		clear: both;
		background-color: #000000;
		border: 1px #FFFFFF solid;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;		
		font-size: 10px
		
	}
		
	.box200 {
		margin-bottom: 10px;
		width: 200px;
		
	}
	
	.boxCenter {
		margin-bottom: 10px;
		width: 440px;
	}
	
	.boxMain {
		margin-bottom: 10px;
		width: 760px;
	}
	
	.box300 {
		margin-bottom: 10px;
		width: 300px;
		
	}
	
	.box {
		border: 1px solid #FFFFFF;	
		background-color: #516165;
		padding-bottom: 10px;			
	}
	
	.boxTitleMain {
		height: 29px;
		padding-top: 7px;
		padding-left: 10px;
		text-align: left;
		background:url(images/box_background_title_main.gif) repeat top;
		font-family: Arial, Helvetica, sans-serif;
		color: #790000;
		font-weight: bold;
		font-size: 12px
	}
	
	.boxTitle {
		height: 29px;
		padding-top: 7px;
		padding-left: 10px;
		text-align: left;
		background:url(images/box_background_title.gif) repeat top;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 12px
	}
	
	.boxContent {		
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 10px
	}
	
	.boxContent .category {
		font-family: Arial, Helvetica, sans-serif;
		color: #8FC794;
		font-size: 12px;
	}
	
	.boxContent .category a{
		text-decoration: none;
		color: #8FC794;
		
	}
	
	.boxContent ul li{
		/*padding-left: 13px;
		padding-top: 7px;*/
		border-bottom: 1px #8FC794 solid;		
		height: 20px;
		list-style: none;
		margin-left: -20px;
	}
	
	.boxContent ul li a{
		/*display: list-item;
		list-style: square;*/
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #E5E5E5;
		font-weight: bold;
		font-size: 10px;		
	}
	
	.boxContent li a:hover {		
		color: #FFFFFF;
	}
	
	#comments {
		padding-left: 20px;
	}
	
	#comments .comments_title {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 10px;		
		padding-bottom: 10px;
	}
	
	#comments .comment .meta{
		border-bottom: 1px #8FC794 solid;
		font-size: 10px;
	}
	
	INPUT, TEXTAREA {		
		border: 1px #FFFFFF solid;
		background-color: #E5E5E5;
		
	}
	
	.searchForm{
		border: 1px #FFFFFF solid;
		background-color: #E5E5E5;
		width: 130px;
	}
	
	#submenu {		
		
		/*padding-left: 5px;
		padding-top: 7px;
		border-bottom: 1px #8FC794 solid;		
		height: 20px;
		width: 180px;
		background-color: #3B4A46;*/
	}
	
	#submenu #submenu_item:hover {
		background-color: #283032;
	}
	
	
	#submenu #submenu_item{		
/*		margin-bottom: 10px;*/
		/*border: 1px #FFFFFF solid;*/
		border-bottom: 1px #8FC794 solid;	
		height: 20px;
		/*margin-top: 5px;
		margin-bottom: 5px;*/
		padding-top: 5px;
		padding-left: 5px;
	}
	
	#submenu #submenu_item a{		
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		color: #E5E5E5;
		font-size: 12px;		
		padding-top: 10px;
	}
	/*
	#menu_item .submenu a{
		display: list-item;
		list-style: square;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #E5E5E5;
		font-weight: bold;
		font-size: 10px;		
	}
	
	#menu_item .submenu a:hover{
		color: #FFFFFF;		
	}
	*/
	
	.post {
		padding-bottom: 20px;
	}
	
	.boxContent .date {
		font-family: Arial, Helvetica, sans-serif;
		color: #8FC794;
		font-weight: normal;
		font-size: 12px
	}
	
	.boxContent .title a {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 14px
		
	}
	
	.boxContent .title span a {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 14px
		
	}
	
	.boxContent .text {
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-weight: normal;
		font-size: 10px
		
	}
	
	.boxContent .text-calendar {
		padding-left: 5px;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-weight: normal;
		font-size: 10px
		
	}
	
	.boxContent .text a{
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #8FC794;
		font-weight: normal;
		font-size: 10px
	}
	
	.boxContent .meta {
		font-family: Arial, Helvetica, sans-serif;
		color: #8FC794;
		font-size: 10px
	}	
	
	.boxContent .meta a{
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		color: #8FC794;
		font-size: 10px
	}	
	
	.box .navigation a{
		text-decoration: none;
		padding-left: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 10px
	}
	
	#page_title {
		border-bottom: 1px #8FC794 solid;		
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 16px
		
	}
	
	#page_content {		
		padding-top: 20px;
		padding-bottom: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #FFFFFF;
		font-size: 10px
		
	}
	
	#page_content .title{
		padding-bottom: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #FFFFFF;
		font-size: 14px
		
	}
	
	#page_content a{
		text-decoration: none;
		color: #8FC794;
		/*padding-top: 20px;
		padding-bottom: 10px;*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 10px
		
	}
	
	.link {
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #8FC794;
		font-size: 10px
	}
	
	.img {
		border: 2px #8FC794 solid;
		width: 176px;
		height: 123px;
	}
	
	/* calendar style */
	
	.calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         /*color:#8FC794;*/
         }
    .calnk a:visited {
         text-decoration:none;
         color:#8FC794;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#FFFFFF; 
        background:#8FC794; 
        display:block;
		  border: 1px #000000 solid;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #FFFFFF;
		  font-family: Arial, Helvetica, sans-serif;
        /*background-color:#E4EBE3;*/
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:12px;
        border:1px solid #DFE6DE;
		  font-weight: bold;
        background-color:#000000;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:12px;
		  font-weight: bold;
        border:1px solid #DFE6DE;
        background-color:#000000;
        color:#8FC794;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#8FC794;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #8FC794;
        background-color:#000000;
     }
     span.event {
        font-size:12px;
     }
     .event-title {
	  	  font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align:left;
        font-weight:bold;
        font-size:12px;
		  background-color: #000000;
		  padding: 5px;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        /*background-color:#000000;*/
		  font-size:12px;
		  font-weight:normal;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        7*background-color:#000000;*/
		  font-size:12px;
		  font-weight:normal;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }