<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
Vw spirit CSS

you can get inspiration from this CSS, but as it's a very complicated mix of 
- general layouts
- coppermine layouts
- phpBB layouts

all modified for dynamic purposes....  might be really hard !

so, instead, check my sources:

CSS:
http://csszengarden.com


Coppermine
http://coppermine-gallery.net/demo/cpg14x/index.php?theme=greenflower


PHPbb
http://www.phpbb.com/styles/demo.php

and so many......


*/



body {
    font-family: Helvetica,Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-size:small;
    font-size:76%;
   
    font-style: normal; 
    font-weight: normal;
    margin: 0px; 
    padding: 0px; 
    background-color: #E6E6E6;
    background-image: url(/_img/margin_background.gif) ;
    background-repeat: repeat-x;
    background-attachment: fixed;

}
#container{
  

}
/***************   COMMON ELEMENTS                      
############################################*/

abbr {
    cursor:help;
}	
blockquote{
    margin:1em;
    padding-left:10px;
    border-left:#666 2px solid;    
}
a {
    color:#486A83;
    text-decoration:none;
    /*	border-bottom:1px dashed;  */ /* edited for Coppermine */
}
a:link {
    color:#486A83;
}
img.noborder , img.noborder a, a.nopad ,a.nopad:hover {
border:0 ;
margin:0  ;
padding:0px;
}
/*
  a:visited {
  color:#486A83;	
  }
*/
a:hover {
    color:#486A83;	
	
    /*	border-bottom:1px solid;   */ /* edited for Coppermine */
}	

p {
    line-height:1.5em;
    margin-top:5px;
}	

ul {
    list-style:none;
    margin:0;
    padding:0;
}

li {
    margin:5px 0 0 0;
    padding:0;
}	
ul li {
	
    padding-left:15px;
    list-style:none;
    background:url(/_img/parl_bullet.png) no-repeat top left;
}
h1,h2,h3,h4,h5,h6 {

    font-family:Helvetica,Verdana, Arial;	
}
h1 {
    font-size:160%;
    font-weight:normal;
    margin-bottom:0;
    color:#4E5C7D;
}	
h2,h3 {
    font-size:0.8em;	
    color:#333300;
    margin:0.5em 0;
    padding:0.25em 0;
    font-weight:normal;	
}

h4 {
    font-size:0.8em;	
    color:#333300;
    margin:0.5em 0;
    padding:0.25em 0;
    font-weight:normal;	
}

h5 { /* added for Coppermine */
    font-size:1.3em;	
    font-family: Helvetica,Verdana, Arial;
    color:#486A83;
    margin:0.5em 0;
    padding:0.25em 0;
    font-weight:bold;	
}

h6 {
    font-size:1.3em;
    font-weight:normal;
    margin-bottom:0;
    color:#d0f0d0;
}
img.left{
    float: left;
    margin: 0px 14px 3px 0px;
}
img.right{
    float: left;
    margin: 0px 14px 3px 0px;
}


#calendarIframe{
 border: 1px solid #B3B3B3;
}
#header a, #header a:visited, #header a:active, #header a:hover{
    background:transparent url(/_img/s.gif) repeat-y left;
}
#header{
    height:200px;
}

#header h1{
    font-size:200%;
    font-weight:normal;
    font-family:"Verdana", sans-serif;
    letter-spacing:0.1ex;	
    background:none;	
    margin:0;
    padding:30px 0 0 10px;	
}
#header h1 a {
    color:#d0f0d0;
    border-bottom:none;
}
#header h1 a:hover, #header h1 a:active{
    color:#f0f0f0;
    border-bottom:none;
}

.slogan{
    font-size:100%;
    font-family: Verdana, Georgia, "Times New Roman", Times, serif;
    color:#d0f0d0;
    padding:0 0 0 10px;
}


#intro {
    background:#f6fcf6;	
    margin:0.5em;
    padding:0.5em;
    border: solid 1px #e1d2bd;		
}
#intro .profile {
    border:#e1d2bd 1px solid;
    margin:0 0.5em 0 0;
    padding:3px;
}
#intro em.feed{
    background:url(/_img/icon_feed.gif) no-repeat left center;
    padding:2px 0 2px 16px;
    font-style:normal;
}

#sidebar {
    font-family:  Helvetica,Verdana, sans-serif;
    float:left;
    position:relative;
    width:145px;
    padding-left:5px;
    font-size:90%;
    margin-top:0px;	
}
#sidebar h2,#sidebarWider h2 ,#BBsidebar h2 {
    font:  1.3em helvetica, arial, sans-serif;
    font-weight:normal;
    margin:0.5em 0 0 0;
    padding-left:5px;  
    
    
}
#sidebar h1,#sidebarWider h1,#BBsidebar h1 {
    font:  1.5em helvetica, arial, sans-serif;
    font-weight:bold;
    margin:0.5em 0 0 0;
    padding-left:5px;       
    
}
#sidebar ul {
    margin:0;
    padding:5px 0;

}
#sidebar ul li {
    margin:0;
    padding:5px 0 0 0;

    background:none;	
}
#sidebar ul ul{
    margin:0;
    padding:0.5em 0 0 1em;
}
#sidebar form {
    margin:0;
    padding:0 0 0 0;
}
#sidebar ul ul ul {
    margin:0;
    padding:5px 0;
}
#sidebar ul li ul li ul li
{
    margin:0;
    padding:5px 0 5px 12px;
    background:url(/_img/arrow.gif) no-repeat left center;
}
#sidebar li li a:link, #sidebar li li a:visited,#sidebar  li a:link, #sidebar  li a:visited
{
    color:#666666; 
    background:url(/_img/arrow.gif) no-repeat left center;
    border:none;
    padding-left:13px
}
#sidebar li li a:hover,#sidebar li li a:active,#sidebar  li a:hover,#sidebar  li a:active{
    border-bottom:#8cbee2 1px solid;
}
#sidebar li li {
    margin:0.5em 0;
}
#sidebar, .widget, #footer  /* edited for Coppermine */{
    overflow:hidden;
}



#sidebarWider {
    font-family:  Helvetica,Verdana, sans-serif;
    float:left;
    position:relative;
    width:180px;
    margin-top:-20px;
    margin-left:5px;
    font-size:90%;	
}

#sidebarWider ul {
    margin:0;
    padding:5px 0 0 0  ;
}
#sidebarWider ul li {
    margin:0;
    padding:5px 0 0 10px  ;
    

    background:none;	
}
#sidebarWider ul ul{
    margin:0;
    padding:0.5em 0 0 1em;
}
#sidebarWider form {
    margin:0;
    padding:0 0 0 0;
}
#sidebarWider ul ul ul {
    margin:0;
    padding:5px 0;
}
#sidebarWider ul li ul li ul li,
li.arrows{
    margin:0;
    padding:5px 0 5px 12px;
    
    background:url(/_img/arrow.gif) no-repeat left center;
}
#sidebarWider li li a:link, #sidebarWider li li a:visited,#sidebarWider  li a:link, #sidebarWider  li a:visited
{
    color:#666666; 
    background:url(/_img/arrow.gif) no-repeat left center;
    border:none;
    padding-left:13px
}
#sidebarWider li li a:hover,#sidebarWider li li a:active,#sidebarWider  li a:hover,#sidebarWider  li a:active{
    border-bottom:#8cbee2 1px solid;
}
#sidebarWider li li {
    margin:0.5em 0;
}
#sidebarWider, .widget, #footer  /* edited for Coppermine */{
    overflow:hidden;
}
.grays{
 font-size:80%;
color:#666666;
}
.grays a{
 font-size:110%;
color:#003366;
font-weight:normal;
}
.grays a:hover{
 font-size:110%;

font-weight:normal;
border-bottom:1px solid #FECD66;
}
#footer {
    clear:both;
    padding:5px 0;
    margin:0 auto;
    text-align:center;
    font-size:90%;
    background:#f9f9f9 url(/_img/footer.png) top repeat-x;
    line-height:20px;
  
    float:center;
}
#footer a{
color:#666666;
font-size:1em;
}
img.homeIcon{
padding-top:5px;
margin-right:5px;
padding-left:-5px;
}
#footer a:hover{
color:#bf0400;
font-size:1em;
text-decoration:underline;
}
/*Comments Style*/
#comments, #respond{
    margin: 2em 0 0 5px;
}
.commentlist {
    margin:10px;
    padding:10px 20px;
}
#commentform {
    margin:10px;
    padding:10px;
}
.commentlist {
    margin: 0;
    padding: 0;
}
.commentlist li {
    list-style:none;
    margin: 10px 0;
    padding: 1em 0.5em;
    background:#f9f9f9;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
}
.commentlist li .cmtinfo {
    font-size:1em;	
}
.commentlist li cite {
    font-style:normal;
    font-weight:bold;
}
.commentlist li .cmtinfo em {
    margin:0;
    padding:0;	
    font-style:normal;
    font-size:0.9em;
    color:#666;
}
.commentlist .alt{
    background: #fff url(/_img/gradtop.gif) repeat-x top;	
    border-top: #aaa 1px solid;
}

/***************   NAVIGATION                         
############################################*/
h3 {
    color: #FECD66;
}
h3.leftTitle{
    padding-left:-5px;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:none;
}
h4 {
    color: #FECD66;
}
hr.thin{
    color: #FECD66;
}
strong.color{
    color: #FECD66;
}
strong.red{
	color:red;
}


#banner ,#banner a , #banner img{
    background-color: #FECD66;

}
	
.inputButton {
    background-color: #FECD66;
    border: 4px #FECD66 solid;
}
.inputButtonOver{
    background-color: #D5877B;
    border: 4px #D5877B solid;

}
.inputButtonL {
    background-color:#FECD66;
    border: 4px #FECD66 solid;
}
.inputButtonOverL{
    background-color:#D5877B;
    border: 4px #D5877B solid;

}

textarea:focus, input.textbox:focus {
	
}
input, textarea {
    border:inset 1px;
}

input { text-indent : 0px; }
i.date{

font-size:0.8em;
}
input.button {
    border:solid 1px;
}

.postbody { line-height: 18px}


ul#navigation {
    list-style:none;
    margin-top:-2px ;	
    padding:0px;
    padding-top:2px;
    padding-bottom:2px;
    font-family:Helvetica,Verdana, Arial, Serif;
    font-weight:bold;
    background-color:#FECD66;
    color:#FFFFFF;
    text-transform:none;
    height:22px;
    line-height:18px;	
    font-size:1.1em;
}

ul#navigation li {
    float:left;
    margin:0;
    padding:0;
    list-style:none;  
    white-space:nowrap;	
    background:none;	
}	

ul#navigation li a {
    display:block;
    padding:0 25px;
    text-transform:none;
    letter-spacing:1px;
    border:none;
    color:#fff;
    font-weight:1em;
  
}
#memberLinksDiv{
    position:absolute;
    top:94px;
float:right;
    left:60%;
	text-align:right;
}

ul#memberLinks {

    list-style:none;
    margin-top:5px ;	
    padding:0px;
    padding-top:2px;
    padding-bottom:0px;
    font-family:Helvetica,Verdana, Arial, Serif;
    font-weight:normal;
        color:#FFFFFF;
    text-transform:none;
    height:22px;
    line-height:18px;	
    font-size:1.1em;
}
ul#memberLinks li {
    float:left;
    margin:0;
    padding:5;
    list-style:none;  
    white-space:nowrap;	
    background:none;	
}	

ul#memberLinks li a{
    display:block;
    padding:0 5px;
    float:left;
font-size:0.9em;
    font-weight:0.8em;
 text-transform:none;
    border:none;
    color:#fff;
  
}
	
ul#navigation li a:hover,ul#navigation li a:active, #navigation li.current_page_item a ,ul#memberLinks li a:hover{
    color:red;
	
	
}
/***************   TEXT ELEMENTS                   
############################################*/



dl dt {
    font-weight:bold;
    margin:5px 0;	
}
dl dd {
    padding-left:20px;
    display:inline;
}

#contentFull {
    float:left;
    background:#fff url(/_img/s.gif) repeat-y left;
    
    margin:0;
    padding:0px 0px 0px 0px;	
}
#contentFullBB {
    float:left;
    background:#fff url(/_img/s.gif) repeat-y left;
    
    margin:0;
    padding:15px 10px 10px 15px;	
}
#rightTable{
position:relative;
float:right;
margin-right:5px;

}
#rightTable img{
border:none;
}
#calendar{
    width:170px;
    margin-top:0px;
    border:hidden;
    float:left;
    margin-left:5px;
}
div#contentCalendar {
     width:350px;
line-height:1.4;
	float:left;
}
#content {
    float:right;

    margin:0;
    padding:0 5px 20px 5px;	
}
#contentForWideNav {
    float:right;
   
    margin:0;
    padding:0 10px 20px 10px;	
}

#content ul.asides {
    margin:0 1em;
    padding:0;
    list-style:none;
}
#content ul.asides li {
    margin:1em 0;
    padding:0 15px;	
}
#content /* edited for Coppermine */{
    overflow-x:auto;
  background:#fff url(/_img/s.gif) repeat-y left;
} 


/* copermine specials */



.inputButton {
    font-family: Helvetica,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#FFFFFF;
    width: 85px;

}
.inputButtonOver{
    font-family: Helvetica,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#ffffff;
    width: 85px;

}
.inputButtonL {
    font-family: Helvetica,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#FFFFFF;
}
.inputButtonOverL{
    font-family: Helvetica,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#ffffff;



}


h3 {
   
    font: normal 1.5em/1em helvetica, arial, sans-serif;
    margin: 0.5em 0em 0em 0em;
    padding: 0.5em 0 0.5em 0;
    border-bottom: 1px dotted #bba;
    border-top: 0px solid #000;
}
h4 {
    position: relative;
    font: bold 1.1em/1em helvetica, arial, sans-serif;
    margin-top:20px;
	
}
hr.thin{
    background:#ffffff;
    margin:  0 0 0 0;
    padding: 0 10px 10px 0;
    border-bottom: 1px solid  #bba;
    border-top: none;
    border-left:none;
    border-right:none;
}
strong.color{
    font-size:10px;
    font: bold  1.1em/1em helvetica, arial, sans-serif;
}


#textSectionBody img{
    border:0px;
}


#textSectionBody{
position:relative;
float:left;
padding-left:15px;
padding-right:10px;
}

/**  that's for the calendar **/

#eventcalendar{
 background-color : #fff;/*ff0000*/
    width:150px;

}
/** topnav color**/
#eventcalendar td b{
     color : #FECD66;
     font-size : 11.5px; 
}
#eventcalendar td {
       font-size : 11px;
}
#eventcalendar ul{
list-style:none;
  padding-top:0px;
 padding-left:0px;
}
#eventcalendar li {
  list-style:none;
  padding-top:0px;
 padding-left:5px;
    background:url(/_img/orange_bullet.gif) no-repeat top left;
}
.tddate a,.tddate a:link,.tddate a:visited,
.sunday a,.sunday a:link,.sunday a:visited {
      font-family : Helvetica, Verdana, Arial, Helvetica, sans-serif;
      font-weight : bold;
      line-height : 16px; 
      background-color : #FECD66;
     font-size : 1em; 
}

.tdborder {
      border :  #e2e2e2;
      border-style : solid; 
      border-top-width : 1px; 
      border-right-width : 1px; 
      border-bottom-width : 1px; 
      border-left-width : 1px;  

}
.tdsunday {
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      background-color : #CC9999;/*ff0000*/
      font-weight : normal;
      font-size : 0.8em;
      line-height : 20px; 
      color : #ffffff; 
      vertical-align : middle;
      text-align : center; 
} 
.tdday {
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      background-color : #606060;
      font-weight : normal;
      font-size : 0.8em;
      line-height : 20px; 
      color : #ffffff; 
      vertical-align : middle; 
      text-align : center; 
} 
.tdtoday {
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      background-color : #f0f0f0; 
      font-weight : bold;
      font-size : 0.8em;
      line-height : 20px; 
      color : #000000; 
      vertical-align : middle; 
      text-align : center; 
} 
/** topnav color**/
.mthheading {
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      font-weight : bold; 
      font-size : 0.8em; 
      line-height : 20px; 
      color : #FECD66; 
      vertical-align : middle; 
      text-align : center; 
      letter-spacing : 0.15em;
}
.tdeventheading1 {
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      font-weight : bold;
      background-color : #c0c0c0;
      font-size : 10px; 
      line-height : 20px; 
      color : #ffffff;
      vertical-align : middle; 
      text-align : center; 
      letter-spacing : 0.2em; 
}

.tdeventheading {
border : #aaaaaa; border-style : solid; border-width: 0px 0px 0px;
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      font-weight : bold; background-color : #f0f0f0;       font-size : 10px;
      color : #303030;
      line-height : 20px;
      vertical-align : middle;
      line-height : 20px; 
      text-align : left;
}


.tddate {
      font-family : Helvetica, Verdana, Arial, Helvetica, sans-serif;
      font-weight : normal;
      font-size : 11px; 
      line-height : 16px; 
      color : #606060;
      vertical-align : middle; 
      text-align : center; 
}
.sunday {
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      font-weight : normal;
      font-size : 11px; 
      line-height : 16px; 
      color : #CC9999;/*ff0000*/
      vertical-align : middle; 
      text-align : center; 
}

.event  {
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      font-weight : normal;
      font-size: 0.7em;
      line-height : 18px;
      color : #666666;/*000066*/
      vertical-align : middle; 
      text-align : left;
      padding-top : 2px;
      padding-bottom : 2px;
      padding-right : 5px;
      padding-left : 5px;

}

.copy  {
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      font-weight : normal;
      font-size : 9px;
      line-height : 18px;
      color : #6666CC;/*000066*/
      vertical-align : middle; 
      text-align : right;
}

.genfont {
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      font-weight : normal;
      font-size : 12px;
      line-height : 16px; 
      color : #606060; 
      vertical-align : middle; 
      text-align : left;
}
.eventmth {
      font-family :  Helvetica,Arial,Verdana,  Helvetica, sans-serif;
      font-weight : bold;
      font-size : 20px;
      color : #e0e0e0;
      vertical-align : middle; 
      text-align : center;
}
.adminheader  {
      font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
      font-weight : bold; line-height : 22px;
      font-size : 12px;
      color : #404040;
      vertical-align : middle; 
      text-align : center;
      padding-top : 2px;
      padding-bottom : 2px;
      padding-right : 5px;
      padding-left : 5px;
}
.adminmenu {
border : #c0c0c0; border-style : solid; border-width: 1px 1px 1px;
      background-color : #f0f0f0; 
      font-size : 10px;
      line-height : 16px;
      text-align : center;
}

.tbladmin {
      border :  #e2e2e2;
      border-style : solid; 
      border-top-width : 1px; 
      border-right-width : 1px; 
      border-bottom-width : 1px; 
      border-left-width : 1px;
      background : url(./images/login_02.gif);
      background-repeat: no-repeat;
      background-position: center center ;

}
a.menulink:link   { font-size : 10px; text-decoration: underline; color : #000000;  }
a.menulink:active { text-decoration: none; color : #000000;  }
a.menulink:hover  { text-decoration: none; color : #404040; }


/** Articles boxes**/
.article_box {

 background-color:#fff;
}
.article_box_alt{
    position:relative;
    float:left;
    background-color:#f8f8f8;
}
.article_box_alt,.article_box {
    margin:0.5em 0  30px 0;
    position:relative;
    float:left;
}
.article_box .image ,.article_box_alt .image ,.article_box_alt .image a,.article_box .image a {
    float: right;
    margin: 5px 0 0 15px;
    border:0px;
    padding: 0;
    
}
.linkthumb img{
 border:0px;
}
div.article_title  {
    
    float:left;
    font-size:1.3em;	
    margin:0em 0;
    padding:0em 0;
    font-weight:normal;	
    font-family :  Helvetica,Verdana, Arial, Helvetica, sans-serif;
  

}
.article_category{
    text-align:right;
    float:right;
    font-size:1em;	
    margin:0.5em 0;
    padding:0em 0;
    font-weight:normal;	
    font-family: Helvetica,Verdana, Arial, Helvetica, sans-serif;
}
div.box{
    float:left;
    margin: 10px 0 0 0;
}
.article_box h5 ,.article_box_alt h5{
	margin: 0;
	padding: 0 0 0 10px;
}
.article_box img , .article_box_alt img {
	margin:  0;
	padding: 0;
}
.article_box p a ,.article_box_alt p a{
	
	border-bottom: 1px solid #369;
}
.article_box p a:hover ,.article_box_alt p a:hover {
	border: none;
}
.articles_comments  {

	padding: 20px 0 0 0;
}
.articles_comments a {
    margin: 0;
    padding: 0;
    border: none;
    float:left;
    position:relative;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
div.article_date{
font:italic;
margin-top:-10px;
padding-bottom:10px;
line-height:30px;
 margin-bottom: 0px;
font-style:italic;
font-size:0.8em;
}
</pre></body></html>