/****
style sheet style.css
copyright © Davide Caffaratti
****/ 

/* reset html
--------------------------*/
html, body{
margin:0;
padding:0;
}  
/* Heading
------------------*/
h1, h2, h3, h4, h5, h6{
margin:0 0 0.4em;
}
address, blockquote, dl, form, fieldset, table, p, pre{
margin-bottom:1.2em;
}
div, table, tr, td{
padding:0;
margin:0;
}
/* Site Structure
---------------------*/
body{
margin:0 auto;                              
background:#0A0802 url(images/bg.jpg) center 0 no-repeat;  
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
height:766px;
max-height:766px !important;
}     
/* Page heading
-----------------*/
h1 {                
font-size:17px;
color:#dedede;  
font-family:"Trebuchet MS", Arial, sans-serif;
}
h2 {        
font-size:15px;
font-family:"Trebuchet MS", Arial, sans-serif;
}
h3, h4 {        
font-size:14px;
}
h5, h6 {        
font-size:13px;
}
hr {
color:#ccc;   
} 
/* hold browser
-------------------*/
.low {display:none}
/* Reset float
-------------------*/
.clb {clear:both}
/* Paragraf
------------------*/
p {margin:0 10px 10px} 
/* delete images border
-----------------------*/
img,
img a {border:0}
/* Images align
-----------------*/
img.left {
float:left;
margin:0 12px 0 5px;
}
img.right {
float:right;
margin:0 0 0 12px;
}
img.center {
display:block;
margin:0 auto;
} 
/* Link color
-----------------*/ 
a{
color:#fff;      
text-decoration:none;
}
a:hover {    
text-decoration:underline;
}
/* Structure layout
--------------------------*/
div#container{
width:926px;
text-align:center; 
margin:0 auto;
height:100%;  
}
#content{
width:676px; 
margin:0;
padding:0;
}
div#sydebar{
width:250px;
text-align: left;
margin:37px 0 0 0;
}
div#extra{
width:250px;
} 
div#body-right{
float:left;
width:250px;
}
div#container table#base{
border:none;
text-align:left;
width:926px;
height:680px;
}     
/* Page header
-----------------*/ 
#header{ 
margin:0;
padding:0;
} 
/* Text scroll
-------------------*/
#scrol_content {
width: 392px;
height: 360px;
float: left;
display:block;
overflow:hidden;
padding:0 4px 0 8px;
border-left:2px solid #ddd;
}
.scrollbar-vert{
height: 360px;
width: 20px;
float:left; 
border-right:2px solid #ddd; 
}
.handle-vert{
height: 42px;
width: 20px;
background: url(images/scroll-handle.gif) no-repeat;
}
.scrollbar-hor{
background-color: #fff;
height: 20px;
width: 300px;
float:left;
}
.handle-hor{
height: 20px;
width: 42px;
background: url(images/scroll-handle-or.gif) no-repeat;
}
/* Page box nav
-----------------*/ 
#barranav{
margin:37px 0 0 0;
padding:0;
}
#barranav ul {
list-style: none;
padding:0;
margin:0;
}
#barranav ul li,
#barranav ul li a {
margin:0;
padding:0;
}
#barranav ul li a {
background-color:#fff;  
color:#A6272D;
text-transform: uppercase;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:9px;
}
#barranav ul li {
float:left;
margin:0 12px 0 0; 
padding:2px 0 0 0;
background:#fff;    
} 
#barranav li:hover {
border-color:#666;
}     
#barranav li a:hover {
text-decoration: none; 
color:#990000;
}      
#barranav li {                  
border:1px solid #ccc;  
/* high enough for image plus 2-line caption */ 
height:75px;
/* wide enough for widest image with a bit of padding */    
width:75px; 
/* as many as can fit in window width */    
float:left;  
/* do not let IE stretch the container */    
overflow:hidden; 
text-align:center;
padding:.3em;
margin:.5em;
font-family:"\"}\"";
font-family:inherit;
height:80px;  
width:69px;
} 
.IE5IsQuirky2 {
}
#barranav img {   
/* prevent text from flowing on the side */ 
display:block; 
/* image resolution may suffer a little, but not much */      
height:62px; 
/* center for IE */      
text-align:center; 
/* center for non-IE */  
margin:0 auto .3em auto; 
padding:0;
}

/* Holly Hack for IE \*/
* html #barranav ul li { height:1%; }
* html #barranav ul li a { height:1%; }
/* Menu dettail
--------------------*/
div.menu-open{
padding:4px;
margin:0;
width:130px;
background-color:#fff;
}
div.menu-open ul {
padding:0;
margin:0;
list-style: none;
}
div.menu-open ul li {
margin:0;
padding:0;
}
div.menu-open li {
width:auto;
}
div.menu-open li img {
width:130px;
}
div.menu-open li a {
display:block;
text-transform:uppercase;
color:#A6272D;
background-color:#fff;
font-size:12px;
font-weight:bold;
}
div.menu-open li a:hover{
text-decoration: none;
color:#A6272D;
}
div.menu-open li.sub a {
padding:0 2px 0 4px;
text-transform:none;
color:#BDAC99;
font-weight:normal;
}
div.menu-open li.current a,
div.menu-open li.sub a:hover {
color:#A6272D;
}
/* Holly Hack for IE \*/
* html div.menu-open ul li { height:1%; }
* html div.menu-open ul li a { height:1%; }
/* Menu home
--------------------*/
table.homepage{
border:none;
text-align:left;
width:926px;
margin:0 auto;
text-align: left;
padding:0;
}
table.homepage td.space{
width:83px;
}
table.homepage td.img{
width:152px;
margin:0 auto;
}
table.homepage td div.menu-open{
margin:0;
}
div.menu-home{
float:left;
text-align:left;
margin:0 8px 0 8px;
padding:0;
display:block;
}
div.menu-home li.sub{
line-height:16px;
height:16px;
}
/* Thumbnail pages images 
---------------------------*/
#pgallery{
clear:left;
margin:6px 0 0 -4px;
padding:0;
width:437px;
}
#pgallery ul {
list-style: none;
padding:0;
margin:20px 0 0 0;
}
#pgallery ul li,
#pgallery ul li a {
margin:0;
padding:0;
}
#pgallery ul li a {
background-color:#fff;  
color:#A6272D;
text-transform: uppercase;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:9px;
}
#pgallery ul li {
float:left;
margin:4px; 
padding:0;
background:#fff;    
} 
#pgallery li:hover {
border-color:#999;
}     
#pgallery li a:hover {
text-decoration: none; 
color:#990000;
}      
#pgallery li {                  
border:2px solid #ccc;  
height:68px;
/* wide enough for widest image with a bit of padding */    
width:68px; 
/* as many as can fit in window width */    
float:left;  
/* do not let IE stretch the container */    
overflow:hidden; 
text-align:center;
padding:.3em;
margin:.5em;
font-family:"\"}\"";
font-family:inherit;
height:54px;  
width:60px;
} 
.IE5IsQuirky2 {
}
#pgallery img {   
/* prevent text from flowing on the side */ 
display:block; 
/* image resolution may suffer a little, but not much */      
height:53px; 
/* center for IE */      
text-align:center; 
/* center for non-IE */  
margin:0 auto .2em auto; 
padding:0;
}
/* Style newsticker
-------------------*/
#NewsTicker {
border-left: 1px dashed #2F1A15;
border-right: 1px dashed #2F1A15;
border-bottom: 2px solid #fff;
width:300px;
height:84px;
margin:0;
text-align: left;
}
#NewsTickerLateral{
border-left: 1px dashed #2F1A15;
border-right: 1px dashed #2F1A15;
border-bottom: 2px solid #fff;
width:220px;
height:84px;
margin:0;
}
#NewsContainer {
clear:left;
width: 300px;
height: 54px;
display: block;
overflow: hidden;
position: relative;
}
#NewsTickerLateral div#NewsContainer {
width: 220px;
}
#NewsTicker .head,
#NewsTickerLateral .head {
background-color:#fff;
float:left;
width:206px;
padding-left:4px;
margin:0;
color:#990000;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:25px;
}
#controller{
float:left;
text-align: right;
width:86px;
padding:0;
font-size:11px;
background-color:#fff;
padding-right:4px;
line-height:25px;
}
#controller a {
color:#000;
}
#NewsTickerLateral .head{
float:left;
width:126px;
}
#NewsTickerLateral #controller{
float:left;
text-align: right;
width:86px;
}
#play_scroll_cont{display:none;}
/* Ticker Vertical */
#TickerVertical {
width: 300px;
height: 54px;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#TickerVertical li {
display: block;
width: 288px;
color: #fff;
text-align: left;
font-size: 11px;
margin: 0;
padding: 6px;
float: left;
}
#NewsTickerLateral #TickerVertical {
width: 300px;
}
#NewsTickerLateral #TickerVertical li {
width: 288px;
}
#TickerVertical li .NewsTitle{
display: block;
color: #fff;
font-size: 12px;
font-weight:bold;
margin-bottom:6px;
}
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
display: block;
color: #fff;
font-size: 12px;
font-weight:bold;
margin-bottom:6px;
text-decoration:none;
}
#TickerVertical li .NewsTitle a:hover {
text-decoration:underline;
color:#990000;
}
#TickerVertical li img{
float:left;
margin-right:10px;
}
#TickerVertical li .NewsFooter{
display: block;
color: #fff;
font-size: 10px;
margin:6px 0 14px 0;
}
#stop_scroll {
cursor:pointer;
padding-left:20px;
background:url(images/stop.png) no-repeat center left; 
}
#play_scroll {
cursor:pointer;
padding-left:20px;
background:url(images/play.png) no-repeat center left; 
}
/* Style print
-------------------*/
a.print {
font-size:10px;
padding:2px 0 2px 19px;
background:url(images/print.gif) center left no-repeat; 
line-height:19px;
height:19px;
}  
/* Style info
-------------------*/
a.moreinfo {
font-size:10px;
padding:2px 0 2px 19px;
background:url(images/info.gif) center left no-repeat; 
line-height:19px;
height:19px;
}  
/* Style link with icons
-------------------------*/
.pdf{
padding-left:20px;
background:url(images/icon_pdf.gif) no-repeat center left; 
font-weight:bold;
}
.doc, .rtf{
padding-left:20px;
background:url(images/icon_doc.gif) no-repeat center left; 
font-weight:bold;
}
.zip, .rar{
padding-left:20px;
background:url(images/icon_archive.gif) no-repeat center left; 
font-weight:bold;
}
.mov, .dvx, .mpg, .mpeg, .avi, .youtube{
padding-left:20px;
background:url(images/icon_mov.gif) no-repeat center left;
font-weight:bold;
}
.audio, .mp3, .mp4{
padding-left:20px;
background:url(images/icon_audio.gif) no-repeat center left; 
font-weight:bold;
}
.xls{
padding-left:20px;
background:url(images/icon_xls.gif) no-repeat center left; 
font-weight:bold;
}
.gif, .jpg, .jpeg, .png{
padding-left:20px;
background:url(images/icon_image.gif) no-repeat center left; 
font-weight:bold;
} 
/* Page title
-----------------*/
h1.title {   
padding-top:10px;   
margin-left:28px;   
margin-bottom:0;
font-size:18px;
color:#ddd;   
} 
/* Ajax loading
-----------------*/
.ajax-loading {
padding:20px 0;
background:url(images/spinner.gif) no-repeat center;
} 
/* TinyMCE specific rules 
---------------------------*/
body.mceContentBody {
background:#886A4E url(images/tinymce-bg.jpg) 0 0 repeat-y;
}
/* Height moflow gallery
-------------------------*/             
div#MooFlow{ 
height:425px; 
max-height:425px; 
} 
/* Smoth Gallery hack for homepage
--------------------------------------*/
#myGallery, #myGallerySet, #flickrGallery {
width: 365px; 
height: 235px;
}
#myGallery { 
width: 365px !important;
height: 325px !important;
}
#flickrGallery {
width: 365px;
height: 324px;
}
/* Style errori nei form
--------------------------*/
.fValidator-msg {
background-color:#c00;
font-size:85%;
color:#fff;
padding:5px;
}
/* Styli messaggi del sistema
-----------------------------------*/
.warning {
display: block;
width:auto;
line-height: 22px; 
font-weight: bold; 
padding: 3px 10px 3px 40px;
margin: 10px 2px 2px 2px; 
color: #fff;
background: #ff9999 url(images/warning.png) no-repeat 10px center;
border-top: 2px solid #ff0000;
border-bottom: 2px solid #ff0000;
}        
.warning h1, .warning h2, .warning h3, .warning h4, .warning a, .warning a:hover {
color:#fff;
}
.valid {
display: block;    
width:auto;
line-height: 22px; 
font-weight: bold; 
padding: 3px 10px 3px 40px; 
margin: 10px 2px 2px 2px; 
color: #003300;
background: #ccffcc url(images/valid.png) no-repeat 10px center;
border-top: 2px solid #669933;
border-bottom: 2px solid #669933;
}     
.valid h1, .valid h2, .valid h3, .valid h4, .valid a, .valid a:hover {
color:#003300;
}
.info {
display: block; 
width:auto;
line-height: 22px; 
font-weight: bold; 
padding: 3px 10px 3px 40px;
margin: 10px 2px 2px 2px; 
color: #000033;
background: #6699cc url(images/info.png) no-repeat 10px center;
border-top: 2px solid #336699;
border-bottom: 2px solid #336699;
}  
.info h1, .info h2, .info h3, .info h4, .info a, .info a:hover{
color:#000033;
}  
/* Page Dettail (news, services, products, pages)
--------------------------------------------------*/
div#page_dettail{
width:98%;     
}        
div#page_dettail div#tools_date,
div#page_dettail div#tools_info {
width:50%;     
float:left;
font-weight:bold;
margin-left:4px;
padding-bottom:8px;
}      
div#page_dettail div#tools_print {
width:48%;     
float:left;
font-weight:bold;
text-align:right;
padding-bottom:8px;
color:#fff;
}  
div#page_dettail h1 { 
clear:left;  
padding-bottom:8px;
}               
/* List related page dettail
------------------------------*/ 
div#related { 
width:auto;    
}
div#related h3 {
width:auto;
font-size:17px;   
display:block;  
color:#990000;  
}                
div#related ul {  
width:100%;
list-style:none;
padding:0;  
float:left; 
margin-bottom:10px; 
}
div#related li {
float:left;
width:45%;
margin:0 6px 0 8px;
}                          
div#related li a {
font-size:10px;
padding:2px;
display:block;
border-bottom:1px solid #990000;  
}    
div#related li a:hover {
color:#000;   
text-decoration:none;
}                   
/* Contacts page style
------------------------*/
div#contacts{
text-align: left;
font-weight:bold;
width:422px;
height:360px;
border-left:2px solid #ddd; 
border-right:2px solid #ddd; 
}
div#contact_data{
text-align:left;
width:50%;
float:left;
height:360px;
padding:0;
margin:0; 
}
div#contact_data div{
padding:0 6px 0  6px;
}
div#contact_data p{
padding:6px;
}
div#contact_data h3{
background-color:#BF7A4D;  
padding:6px;
color:#fff;  
} 
div#contact_form{
text-align:left;
width:50%;
float:left;
height:360px;
padding:0;
margin:0; 
}
div#contact_form h3{
background-color:#BE864E; 
padding:6px;
color:#fff;  
} 
div#contact_form strong{
color:#990000; 
font-weight:bold;
font-size:15px;
} 
div#contact_form input[type="text"] {
padding:3px;
width:80%;
font-size:14px;
font-weight:bold;
color:#999;  
} 
div#contact_form textarea{ 
padding:3px;
width:95%;
height:120px;
font-size:14px;
font-weight:bold;
color:#999;  
}          
/* Style syte form
------------------------*/
div#syte_form{ 
width:98%;
}
div#syte_form h3{ 
padding:6px;
color:#ff0000;  
} 
div#syte_form strong{
color:#990000; 
font-weight:bold;
font-size:15px;
}   
div#syte_form input[type="text"],
div#syte_form input[type="password"] {
padding:3px;
width:80%;
font-size:14px;
font-weight:bold;
color:#999;  
} 
div#syte_form textarea{ 
padding:3px;
width:95%;
height:120px;
font-size:14px;
font-weight:bold;
color:#999;  
} 
/* Style form of the site
--------------------------*/
div#cssform {
margin:0 auto;
width:auto;    
}
div#cssform fieldset {
text-align:left;
width:auto;
margin:10px 0 0 0; 
border:0; 
}
div#cssform legend {
text-transform:uppercase;
font-weight:bold;
color:#fff; 
}
div#cssform p {
width:auto;
clear:left;  
margin:7px 0 0 0;
padding:5px 0 8px 0;
padding-left:165px;
height:1%; 
}
div#cssform label {
float:left;
margin-left:-155px; 
width:150px; 
}
div#cssform p strong {
color:red;
font-weight:bold;
}
div#cssform p.odd,
div#cssform div.odd {
/*background:#ddd;*/  
}
div#cssform input[type="text"],
div#cssform input[type="password"] {
width:200px;
}
div#cssform div {
width:98%;
clear:left;
margin-left:5px;
padding:5px 0 8px 8px;
}
div#cssform div textarea,
div#cssform div label {
width:98%;
}
div#cssform div label {
display:inline;
margin-left:2px;
padding:0 0 8px 0; 
} 
form input.send{
border:1px solid #999;   
font-weight:bold;
} 
form input.send:hover{
border-color:#666666;    
color:#333;   
}
/* Style breadcrumb
------------------------*/
.breadcrumb{
width:auto;
font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding:2px;
margin-bottom:6px;
border-bottom:1px solid #ccc;   
}
.breadcrumb a{
background:transparent url(images/breadcrumb.gif) no-repeat center right;  
text-decoration:none;
padding-right:18px;
color:#000; 
} 
.breadcrumb a:visited, .breadcrumb a:active{
color:#000;  
}
.breadcrumb a:hover{
text-decoration:underline;
} 
/* Lists items style
------------------------*/ 
div.lists ul {
width:96%;
list-style:none; 
margin:0 auto; 
padding:0;
text-align:left;
}
div.lists ul li { 
margin:4px;
padding:6px;
line-height:16px;
display:block;  
border:1px solid #ccc;  
margin-bottom:12px;
min-height:85px;
height:auto !important;
}
div.lists ul li h3 {
font-size:17px;
width:auto;
display:block;  
color:#ddd;  
}
div.lists ul li div.date {
width:auto;
float:right;
text-align:right;
font-weight:bold;
} 
div.lists ul li strong {
font-size:14px;  
color:#666;  
}
div.lists ul li a.searchmore {
text-decoration:underline; 
font-weight:bold;     
}
div.lists ul li a:hover {
text-decoration:underline;
}
/* Holly Hack for IE \*/  
* html div.lists ul li { height:1%; }
* html div.lists ul li a { height:1%; }
         
/* Style news lists
----------------------*/
div.news ul li{

}          
/* Style products lists
----------------------*/
div.products ul li {

}
div.products ul li div.prices {
width:auto;
float:right;
text-align:right; 
font-weight:bold;
font-size:18px;
}
div.products ul li button.addcart {
float:left;
width:180px;
padding:4px 4px 4px 20px;
background:#fff url(images/cart/cart_add.gif) center left no-repeat;  
color:#333;   
border:1px solid #990000;  
font-weight:bold; 
}
div.lists ul li a.morecart {
float:left;
width:auto;
margin-right:10px; 
padding:5px;
background-color:#fff;  
color:#333;   
border:1px solid #990000;  
font-weight:bold; 
}
/* Style services lists
----------------------*/
div.services ul li { 
width:44%;
float:left;
}    
/* Style home
----------------------*/ 
div.home_box {
margin:0 auto; 
width:94%;
padding:6px;
line-height:16px;
display:block;         
border:1px dashed #ccc;  
} 
div#home_img {  
margin:0 auto;
text-align:center; 
} 
#maskimg{   
margin:0 auto;
text-align:center;
position:relative;
width:500px;
height:300px;
overflow:hidden; 
}
#maskimg img{   
margin:0 auto;
text-align:center; 
position:absolute;
display:block;
border:none;
}    
div.home ul li { 
border:1px dashed #ccc; 
}  
/* Style box template
-------------------------*/
div.pages_box{ 
margin:4px;
padding:6px;
line-height:16px;
display:block;    
border:1px solid #ccc;  
margin-bottom:12px;
}
div.pages_box h3 {
font-size:17px;
width:auto;
display:block;               
color:#666;  
}
div.pages_box strong {
font-size:14px;                 
color:#666;  
}
/* Style doble box template
----------------------------*/ 
div.container_doble{
float:left;
width:100%;   
margin:0;
padding:0;
}
div.container_doble div{
text-align:left;
float:left;
width:45%; 
margin:2px;
padding:6px;
line-height:16px; 
display:block;                    
border:1px solid #ccc;  
margin-bottom:12px;
}
div.container_doble h3 {
font-size:17px;
width:auto;
display:block;                         
color:#666;  
}
div.container_doble strong {
font-size:14px;  
color:#666;   
} 
/* Style pullquotes template
------------------------------*/ 
.pullquote_r{
float:right;
width:10em;
margin:0.1em 0 0.3em 0.3em;
padding:0.3em; 
border:1px solid #ccc;
background:#FFF url(images/pullbk.png) repeat-x top;
font:normal normal 95% Georgia,sans-serif;
text-align:center;
line-height:1.2
}
.pullquote_l{
float:left;
width:10em;   
margin:0.1em  0.3em 0.3em 0;
padding:0.3em; 
border:1px solid #ccc;
background:#fff url(images/pullbk.png) repeat-x top;
font:normal normal 95% Georgia,sans-serif;
text-align:center;
line-height:1.2
}
/* Thumbnail style 
---------------------------*/
#thumbs { 
width:98%; 
margin:0 auto;
text-align:center;
padding:0;
overflow:hidden;
}
#thumbs h1 {
border-bottom:1px solid #ccc; 
font-size:16px;
text-align:left;
width:auto;
padding:4px 0 4px 4px;
margin:0; 
}
#thumbs ul {
margin:0 auto; 
}
#thumbs ul li,
#thumbs ul li a {
margin:0;
padding:0;
}
#thumbs ul li a {
background-color:#fff;  
color:#000;
}
#thumbs ul li {
float:left;
margin:5px 0 0 5px; 
background:#fff;    
}     
#thumbs li:hover {
border-color:#efefef; 
}      
#thumbs li {                  
border:1px solid #ccc;  
/* high enough for image plus 2-line caption */ 
height:12.5em;
/* wide enough for widest image with a bit of padding */    
width:12.5em; 
/* as many as can fit in window width */    
float:left;  
/* do not let IE stretch the container */    
overflow:hidden; 
text-align:center;
padding:.3em;
margin:.5em;
font-family:"\"}\"";
font-family:inherit;
width:12em;
height:13.5em;  
} 
.IE5IsQuirky2 {
}
#thumbs img {   
/* prevent text from flowing on the side */ 
display:block; 
/* image resolution may suffer a little, but not much */      
height:8.5em; 
/* center for IE */      
text-align:center; 
/* center for non-IE */  
margin:0 auto .3em auto; 
padding:0;
}  
/* Search styles
---------------------*/
.searchresults {
background-color:#C0FFC0; 
color:#000;
} 
/* Lists pagination
---------------------*/
/*div pagination color (found xx pages ... page 1 of 6)*/
div#pagination_desc {  
color:#fff;  
margin:0 auto;
width:auto;
margin:5px 0 20px 4px;
padding:4px;
border-bottom: 1px dashed #ddd;
}  
div#pagination_desc span.left {
float:left;
width:50%;
}
div#pagination_desc span.rig {
float:left;
width:50%;
text-align:right;
} 
/*div pagination ul*/
div#pagination { 
color:#fff;    
margin:0 auto;
text-align:center;
width:auto;
padding:5px 0 10px 0;
}   
div#pagination ul{
margin:0;
text-align:center;
width:auto;
padding:10px 0 10px 0;
}
/*div pagination li*/
div#pagination ul li{     
color:#fff;    
margin:2px 0 2px 2px;
padding:1px;
list-style:none;
display:inline;
background-image:none;
font-weight:bold;
}
/*div pagination a*/
div#pagination ul li a{ 
border:1px solid #ddd;    
background:#990000;     
color:#fff;    
padding:0 5px; 
text-decoration:none; 
font-size:10px;
}
/*div pagination a:hover state*/
div#pagination ul li a:hover{
border:1px solid #fff;    
background:#ff0000;    
color:#fff;    
text-decoration:none;
}
/*div pagination current state*/
div#pagination ul li.current{
border:1px solid #fff;    
background:#E60000;      
padding:0 5px;
} 
* html div#pagination ul li.current {
/*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right:6px;
padding-right:0;
}
/* Style calendar
--------------------*/
table.calendar {
margin:0 auto;
border:none;
padding:1px;
width:100%;
text-align:center;
margin-bottom:8px;
}
table.calendar th {  
height:12px;
font-size:10px;
font-weight:bold;
padding:0 0 2px 0;
text-align:center;
background-color:#990000;  
color:#fff;
} 
table.calendar caption {
width:auto;      
margin-top:3px;
font-weight:bold;
font-size:10px;
text-align:center;
background-color:#800000; 
color:#fff; 
}
table.calendar td {
width:14%; 
height:14px;
line-height:14px;
font-size:9px;   
padding-top:2px;
padding-bottom:2px;
}
table.calendar td a {
width:auto;
text-decoration:none;
display:block;
height:14px;
line-height:14px;
background-color:#fff; 
border:1px solid #FF8080; 
color:#333;  
}   
table.calendar td#today_day a,
table.calendar td#today_day { 
font-weight:bold;
height:14px;
line-height:14px;
} 
table.calendar td#today_day {
color:#cc0000;  
background:#eee;  
border:none; 
}
table.calendar td a:hover {
color:#000000;  
background-color:#fff; 
border-color:#ff0000; 
} 
table.calendar td.selected_day a { 
font-weight:bold;
color:#cc0000;  
background:#eee; 
border-color:#cc0000; 
}
table.calendar caption a#calendar_month {
padding-left:20px;
padding-right:20px;
font-size:11px;
}
table.calendar caption a#calendar_prev {
margin-top:2px;
}
table.calendar caption a#calendar_next {
margin-top:2px;
} 
/* Page footer style
----------------------*/
div#footer {
margin:0 auto;
height:25px;
}
div#the-footer {
text-align:center;
color:#fff;     
padding-top:10px;
}
div#the-footer a {
color:#fff;     
}
div#the-footer a:hover {
color:#ddd;    
text-decoration:underline;
}