/* www.poorclarescarlow.ie v1.0 ( 16th November 2007 )
   www.poorclarescarlow.ie v2.0 ( 16th April    2008 )
   www.poorclarescarlow.ie v3.0 ( 12th March    2009 )
   www.poorclarescarlow.ie v3.1 ( 26th June     2009 )
   www.poorclarescarlow.ie v3.1 ( 25th February 2010 )
   www.poorclarescarlow.ie v3.1 ( 04the June    2010 )
   
   Site developement, maintenance and content by Paul Gilmore.
   
   Acknowledgements ...
   The development of this  website is  based on a website  template created 
   by Andreas Viklund, a 28 year old blogger, web designer and musician from 
   Jokkmokk, northern Sweden.
   
   http://andreasviklund.com
   
--------------------------------------------------------------------------- */



body {
   background:#F8F8F8;
   color:#303030;
   font:76% Verdana,Tahoma,Arial,sans-serif;
   margin:0;
   padding:0;
   text-align:center;
   }

a {
   color:#505050;
   font-weight:bold;
   text-decoration:none;
   }

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

p {
   line-height:1.5em;
   margin:0 0 15px;
  }



/* Main Container for data content.
--------------------------------------------------------------------------- */

#container {
   background:#f0f0f0 url("../images/base/bodybg.jpg") repeat-x;
   color:#303030;
   margin:0;
   min-width:770px;
   padding:0;
   text-align:justify;
   width:100%;
   }
   
   
   
/* Container for the section containing the inspirational prayers and all 
   the negative things we say to ourselves quotes.
--------------------------------------------------------------------------- */

#inspirationalcontainer {
   background:#f0f0f0;
   color:#303030;
   margin:0;
   min-width:770px;   
   padding:0;
   text-align:left;
   width:100%;
   } 
   


/* Sitename.
   Formatting of the main banner text ( Poor Clare Monastery Carlow ) and
   ( Hearts of joy and gladness ).
--------------------------------------------------------------------------- */

#sitename {
   color:#ffffff;
   height:92px;
   margin:0 20px 10px;
   text-align:left;
   }

#sitename h1,#sitename h2 {
   font-weight:400;
   letter-spacing:-2px;
   margin:0;
   padding:0;
   }

#sitename h1 {
   font-size:2.4em;
   padding-top:20px;
   }

#sitename h2 {
   font-size:1.6em;
   }   


   
/* Horizontal Selection Menu on all webpages.
--------------------------------------------------------------------------- */

#mainmenu {
   float:left;
   margin-bottom:25px;
   }

#mainmenu ul {
   font-size:16px;
   margin:0;
   padding:0;
   }

#mainmenu li {
   float:left;
   height:35px;
   list-style:none;
   margin:0;
   padding:0;
   }

#mainmenu a {
   border-right:1px solid #b0b0b0;
   color:#606060;
   display:block;
   font-size:0.7em;
   padding:11px 10px 10px;
   text-transform:uppercase;
   }

#mainmenu a:hover {
   background:#f0f0f0 url("../images/base/menuhover.jpg") top left repeat-x;
   color:#505050;
   text-decoration:none;
   }

#mainmenu a.current {
   background:#f0f0f0 url("../images/base/menuhover.jpg") top left repeat-x;
   color:#505050;
   text-decoration:none;
   }



/* Default picture placement of splash photographs ( DEFAULT.HTML )
--------------------------------------------------------------------------- */
   
#info { 
   clear:both;
   text-align:center;   
   width: 600px;
   font-size: 0.9em;
   margin-bottom: 20px;
   }

#info p {
   text-align: justify;
   line-height: 1.5em;
   margin-top: 10px;    
   margin-bottom: 0px;
   }
   
#info p a:link{
   color: #0000FF;
   font-weight: normal;
   text-decoration: none;
   }

#info p a:visited{
   color: #990066;
   font-weight: normal;
   text-decoration: none;
   }
   
#info p a:hover{
   color: #0000FF;
   font-weight: normal;
   text-decoration: underline;
   }   
   
.holder {      
   BACKGROUND: #f8f8f8;     	 
   VERTICAL-ALIGN: middle; 	 
   WIDTH: 600px; 	 
   HEIGHT: 500px; 
   BORDER: #777 1px solid;
   }

.holder IMG {
   padding: 5px;    
   margin: 6px;
   BORDER: #b0b0b0 1px solid; 
   }
  
#edge {
   DISPLAY: inline-block; 
   VERTICAL-ALIGN: middle; 
   WIDTH: 0px; 
   HEIGHT: 100%
   }
  
#edge1 {
   DISPLAY: inline-block; 
   VERTICAL-ALIGN: middle; 
   WIDTH: 50px; 
   HEIGHT: 100%
   }  
  
#containerphoto {
   display: inline-block; 
   vertical-align: middle; 
   width: 100%; 
   }
   
.acknowledgements {        
   color:#303030;
   margin:0;
   padding: 0px 0 0 10px;
   width: 100%;
   } 
   
#artwork {
	padding-left: 103px;
	}
  

    
/* Wrap.
   This is a wrapper tag that contains both the main body and the right
   sidebar elements.
--------------------------------------------------------------------------- */

#wrap {
   clear:both;
   font-size:0.9em;
   text-align:justify
   padding:0;
   }



/* Right Sidebar.
   These tags format the right hand menu item. That is those menu choices
   available below the labels invitation and our story.
--------------------------------------------------------------------------- */

#rightside {
   margin:0;
   padding:0 10px 10px;
   width:165px;
   }

#rightside {
   float:right;
   margin-left:10px;
   }

#rightside h1 {
   color:#505050;
   font-size:1.6em;
   font-weight:bold;
   letter-spacing:-1px;
   margin:0 0 12px;
}

#rightside p {
   font-size:0.9em;
   line-height:1.4em;
   margin:0 0 16px 10px;
}



/* Sidebar Menu.
   These tags format the right hand menu item. That is those menu choices
   available below the labels invitation and our story.
--------------------------------------------------------------------------- */

.nav {
   background:#F8F8F8;   
   border:1px solid #b0b0b0;
   color:#606060;
   display:block;
   margin-top:8px;
   padding:5px 4px 4px 10px;
   position:relative;
   text-transform:uppercase;
   width:140px;
}

.nav:hover,.active {
   background:#ffffff;
   border:1px solid #909090;
   color:#303030;
   text-decoration:none;
}

.sub {
   font-size:0.8em;
   letter-spacing:1px;
   margin:3px 0 2px 10px;
   padding:4px 2px 2px 8px;
   width:125px;
}



/* Contentalt. 
   These tags format the data content. This content begins right below the 
   global navigation ( welcome, community prayer etc.) and ends just prior 
   to the footer declaration ( poor clare sisters ..... ). It excludes the
   right hand menu items labelled invitation and our story.
--------------------------------------------------------------------------- */

#contentalt {
   background-color:#fafcff;
   border:1px solid #909090;
   color:#2a2a2a;
   padding:15px 20px 5px;
   }

#contentalt {margin:0 200px 0 20px;}

#imagespacer {										/* TESTING TESTING */
   border:1px solid #b0b0b0;    
   /* height:241px; */
   }
   
#floatleft {										/* TESTING TESTING */
float:right;
}


#imagespacerbeginnings {
   height:347px;
   }  
   
#contentalt img {		
   border:1px solid #b0b0b0;
   float:left;
   margin:5px 15px 6px;
   /* margin-bottom: 5px; */
   padding:5px;
   }    
   
#contentalt img.xxx {		
   border:1px solid #b0b0b0;
   float:right;
   margin:5px 15px 6px;
   /* margin-bottom: 5px; */
   padding:5px;
   }   
                
#contentalt h1,#contentalt h2 {
   background-color:inherit;
   color:#606060;
   font-size:1.8em;
   font-weight:bold;
   letter-spacing:-1px;
   margin:0 0 15px;
   padding:0;
   }

#contentalt h2 {   
   font-size:1.6em;
   margin-bottom:10px;
   }
   
#contentalt a {
   color:#0033FF;
   font-weight:normal;
   text-decoration:none;
   }
   
#contentalt a:hover {
   color:#0033FF;
   font-weight:normal;
   text-decoration:underline;
   }   
   
#contentalt TABLE {
   margin-right: auto; margin-left: auto; BORDER: #ccc 1px solid;
   }

#contentalt TD {
   BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 0px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 0.5em; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center
   }

  .SHADE{background: #E5E5E5;}
  .SHADEDUCT{background: #ECEDEE;}
  .SHADEDUCTCENTRAL{background: #E5E5E5;}
  .SHADEHDRV{background: #000000;}



/* Quirks exist in IE7 and IE6. This proved to be the quickest fix.
--------------------------------------------------------------------------- */
   
#ie6and7quirks {
   height: 18%;
   }
      


/* Reusable Class for Columns in the inspirational Container.
--------------------------------------------------------------------------- */

.contentCol {
   float:left;
   width:32.5%;
   margin-top:1%;
   margin-bottom:1%;
   padding-top:2%;
   padding-right:2%;
   padding-left:2%;
   padding-bottom:0.5%;                  
   text-align:justify;
   border:1px solid #999;      
   }
   
.contentCols {
   float:left;
   width:56%;
   margin-top:1%;
   margin-bottom:1%;
   margin-left:2%;
   padding-top:2%;
   padding-right:2%;
   padding-left:2%;
   padding-bottom:0.5%;
   border:1px solid #999;
   }

.contentColHeadings {
   text-transform:uppercase;      
   }
   
.whitespace {
   margin: 0 8px 0 0;
   }

.whitespaceBlessings {
   margin: 0 0 0 25px;
   }   
   
.spacer {
   clear:both;
   margin-bottom:1%;
   }
   
   
   
/* Footer for all webpages except the splash screen ( DEFAULT.HTM )
--------------------------------------------------------------------------- */

#footer {
   background:#8b8b8b url("../images/base/footerbg.jpg") top left repeat-x;
   border-top: 1px solid #b0b0b0;        
   color:#303030;
   clear:both;
   font-size:0.9em;

   margin:0;
   padding: 4px 0 4px 0;
   text-align:center;
   width: 100%;
   }


   
/* Power footer for splash screen ( DEFAULT.HTML )
--------------------------------------------------------------------------- */   
   
#powerfooter {
   background:#8b8b8b url("../images/base/footerbgSplash.jpg") top left repeat-x;
   border-top: 1px solid #b0b0b0;        
   color:#303030;
   clear:both;
   font-size:0.9em;
   margin:0;
   padding: 4px 0 4px 0;
   text-align:center;
   width: 100%;
   }   
   
.powerfootercopyright {
   font-weight:bold;
   }   
   
#powerfootercontentalt {
   background-color: #D4D8DB;      
   color: #2a2a2a;
   width: 650px;
   }
   
.powerfooterCol {
   border: 1px solid #999;
   float: left;
   width: 56%;
   padding-top: 2%;
   padding-right: 2%;
   padding-left: 2%;
   padding-bottom: 0.5%;
                  
   text-align: left;         
   }
   
.powerfooterCols {
   border: 1px solid #999;
   float: left;
   width: 32.5%;   
   padding-top: 2%;
   padding-right: 2%;
   padding-left: 2%;
   padding-bottom: 0.5%;
   margin-left: 10px;
   text-align: left;   
   }
   
.powerfooterHeadings {
   text-transform:uppercase;      
   }   
   
.powerfooterCols p a:link{
   color: #0000FF;
   font-weight: normal;
   text-decoration: none;
   }

.powerfooterCols p a:visited{
   color: #990066;
   font-weight: normal;
   text-decoration: none;
   }
   
.powerfooterCols p a:hover{
   color: #0000FF;
   font-weight: normal;
   text-decoration: underline;
   }   
   
.powerfooterspacer {
   clear:both;
   margin-bottom: 15px;
   }   
   


/* Various classes 
--------------------------------------------------------------------------- */

.clearingdiv {
   clear:both;
   height:30px;
   width:1px;
   }

.hide {display:none;}



/* End of file
   Last modifications to CSS ( 16 April 2008 ) 
--------------------------------------------------------------------------- */