/*  
Theme Name: De La Salle

Theme URI: http://www.delasalle.net/wordpress/
Description: Based on the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



body {
background:  url(images/grad.jpg) repeat-x;}


#page {
width: 1000px;
background-color: #ffffff ;
margin-left: 10%;
}
#content {
	width: 995px;
	margin: 0px 0px 0px 5px;
	
	background-color:#ffffff;}
/***************back button***********/
#button a
{
  display: block;
  width: 100px;
  
  height: 33px;
  background: url("images/button.jpg") no-repeat 0 0;

}


  #button a:hover
  { display: block;
  width: 100px;
  
  height: 33px;

    background: url("images/button hover.jpg") no-repeat 0 0;
  }
#button span{display: none;}

/***************
 Begin header
****************/

/****************change header color, height, width etc ****************************/

#header {
	width: 1000px;
	height: 130px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#headerleft{
	background:url(images/header_name.gif) no-repeat;
        float:left;
        width: 1000px;
	height: 130px;
	margin: 0px auto 0px;
	padding: 0px;

}

		
#headerright a, #navbarright a:visited {
	font-weight: bold;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	}


/******** header right not used********/	
#headerright ul {
	margin: 0px;
	padding: 0px;
	}

	
#headerright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

		
#headerright a, #navbarright a:visited {
	font-weight: bold;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	}
		
#headerright a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}

.headerright {
	background: #000000 url(images/feed.gif);
	width: 84px;
	height: 100px;
	float: right;
	}

/******** end of header right not used  ********/

/* Menu */
/************************************************
*	Navbar  									*
************************************************/

#navbar {
	background: #bbb url(images/);
	width: 1000px;
	height: 25px;
	margin: 0px auto 0px;
	
	}
/*************class navbarright box position and text position*****/
.navbarright {
	width: 700px;
	float: right;
        text-align: right;
	margin: 0px;
	
	}

/********* class for link inline*****/

.navbarright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;	}	

	
/*********************no purpose ***********/	
.navbarright ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

/****************class changes link in nav e.g.color, font****************************/

	
.navbarright ul li a {
	font-family: Times New Roman, Helvetica, Sans-Serif;
	background: transparent url(images/menu.gif) no-repeat left top;
        font-size: 17px;
	color: #ffffff;
	padding:0px 20px 0px 20px;
	margin:0px 0px 0px 0px;
        text-decoration: none;
	}

.navbarright ul li a:hover {
	font-family: Times New Roman, Helvetica, Sans-Serif;
	background: transparent url(images/menu.gif) no-repeat left top;
        font-size: 17px;
	color: #c0c0c0;
	padding:0px 20px 0px 20px;
	margin:0px 0px 0px 0px;
        text-decoration: none;
	}

/****************change link hover in header e.g. color****************************/


/************************************************
	Right Sidebar 					     	     
************************************************/
	
#rightsidebar {
	float: right;
	width: 280px;
	margin: 25px 0px 0px 35px;
	padding: 0px 0px 0px 0px;
	
	}

#rightsidebar ul {
	list-style: none;
	margin: 0px 0px 0px 0px;

	}


#rightsidebar ul li h2 {
        background-color: #bbb;
        color: #ffffff;
	font-size: 16px;
        padding: 2px 0px 2px 10px;
        margin: 0px 0px 0px 0px;
	font-family: Times New Roman, Helvetica, Sans-Serif;
	      

	}


#rightsidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}


/******* changes links in widgets e.g. padding**********/	
#rightsidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
        margin: 0px;
	
	}



#rightsidebar ul li a:hover {
	background: #ffffff ;
	color: #0066CC;
	}
	
#rightsidebar p{
	margin: 0px;
	line-height: 20px;
	}

/************************************************
	Right Sidebar Event Calendar					     	     
************************************************/
	
#eventsidebar {
	float: right;
	width: 280px;
	margin: 25px 0px 0px 35px;
	padding: 0px 0px 0px 0px;
	
	}

#eventsidebar ul {
	list-style: none;
	margin: 0px;
	
	}


#eventsidebar ul li h2 {
        background-color: #bbb ;
        color: #ffffff;
	font-size: 14px;
        padding: 2px 0px 2px 10px;
        margin: 0px 0px 0px 0px;
	font-family: Times New Roman, Helvetica, Sans-Serif;
	      

	}


#eventsidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}


/******* changes links in widgets e.g. padding**********/	
#eventsidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
        margin: 0px;
	padding: 3px 0px 3px 0px;
}



#eventsidebar ul li a:hover {
	background: #6D7B8D ;
	color: #ffffff;
	}
	
#eventsidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

/************************************************
	Content 					     		     
************************************************/


#content p{
	padding: 0px 0px 5px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content h1 {
	color: #333333;
	font-size: 20px;
	font-family: Times New Roman, Helvetica, Sans-Serif;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
	border-top: 5px solid #bbb;
	}
	
#content h1 a  {
	color: #000000;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #FA9C3A;
	text-decoration: none;
	}
	
#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 10px;
}
	
#content h2 {
	color: #333333;
	font-size: 14px;
	font-family: Times New Roman, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	
	}
	
	
#contentleft {
	float: left;
	width: 440px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	}
#contentleft ul li{
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}
	
#blockquote{
	margin: 0px 25px 10px 25px;
	padding: 0px 25px 0px 10px;
	background: #E8E8E8;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#content blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}
	

/************************************************
	Content Wide					     		     
************************************************/


	
#contentleftwide {
	float: left;
	width: 650px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	}

#contentleftwide ol{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleftwide ol li{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleftwide ul{
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	}
#contentleftwide ul li{
	list-style-type: square;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}
	
#blockquote{
	margin: 0px 25px 10px 25px;
	padding: 0px 25px 0px 10px;
	background: #E8E8E8;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#contentwide blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}
	


/************************************************
*	Footer      								
************************************************/

#footer {
	background: #ffffff url(images/footergrad.jpg) repeat-x;
	width: 1000px;
        height: 120px;
	color: #000000;
	font-family: Times New Roman, Helvetica, Sans-Serif;
	font-size: 14px;
	margin: 0px auto 0px;
	padding: 0px 0px 2px 0px;
	text-align: center;
	}
	
.footer { margin-top: 70px;}
#footer a, #footer a:visited {
	color: #bbb;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
	}


.entry p a:visited {
	color: #b85b5a;
	}

.widgettitle {
        font-size: 12px;

}




/* End Structure */





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}




/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


#suckerfishnav {
    background:#9C1F1B url("../multi-level-navigation-plugin/images/suckerfish_red.png") repeat-x;
    font-size:14px;
    font-family:verdana,sans-serif;
    font-weight:normal;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:35px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#9C1F1B;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#DA0909;
    }


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two."