/*--------------------------------------------------------*/
/* Stylesheet by Frederique Passot, for MadSquirrel.net	  */
/*--------------------------------------------------------*/


body{
	background-color:black;
	font-family:Trebuchet MS, Verdana, Arial, sans-serif;
	font-size:small;
	margin:10px;
}

img{
	border:0px;
	}

.spacer {
	clear:both;
}

.spacer2 {
	clear:left;
}

/*--------------------------------------------------------*/
			/* horizontal menu, on the top of the page	  */
/*--------------------------------------------------------*/


#header {
	width:92%; 
	margin-left:auto;
	margin-right:auto;
	padding:1% 0 0 0;
}

#header_pics {
	width:100%; 
	margin-left:auto;
	margin-right:auto;
	padding:1% 0 0 0;
}

.tabs ul {
  	display:inline;
  	} 

.tabs li {
  	list-style:none;
  	display:inline;
  	float:right;
  	}
 


/* properties common to all links in header*/

#link_home, #link_contact, #link_pics, #link_squirrels, #link_blog {	/* "link" is the container */
	width:172px;
	height:53px;
}


#link_home a, #link_contact a, #link_pics a, #link_squirrels a, #link_blog a {	/* defining the link that will fill the container */
	display:block;
	width:100%;
	height:100%;
	color:#000;
}

#link_home a:hover, #link_contact a:hover, #link_pics a:hover, #link_squirrels a:hover, #link_blog a:hover {
	background: transparent none;
} 


/* specific properties of links in header*/

	/* home*/ 
	
#link_home{
	background: url(img/tabs/home_on.gif) top right no-repeat;	
}

#link_home a{
	background: black url(img/tabs/home_off.gif) top right no-repeat;
}
	
	/* squirrels*/
	 
#link_squirrels{
	background: url(img/tabs/squirrels_on.gif) top right no-repeat;	
}

#link_squirrels a{
	background: black url(img/tabs/squirrels_off.gif) top right no-repeat;	
}


	/* pics*/

#link_pics{
	background: url(img/tabs/pics_on.gif) top right no-repeat;
}

#link_pics a{
	background: black url(img/tabs/pics_off.gif) top right no-repeat;
}


	/* contact*/
	 
#link_contact{
	background: url(img/tabs/contact_on.gif) top right no-repeat;	
}

#link_contact a{
	background: black url(img/tabs/contact_off.gif) top right no-repeat;	
}

	/* blog*/
	 
#link_blog{
	background: url(img/tabs/blog_on.gif) top right no-repeat;	
}

#link_blog a{
	background: black url(img/tabs/blog_off.gif) top right no-repeat;	
}



/*--------------------------------------------------------*/
			/* center part of the page */
/*--------------------------------------------------------*/

/* main_frame contains main roundbox*/
#main_frame{
	width:85%; 
	padding-top:0px; /*no effect with Mozilla*/
	margin-left:auto;
	margin-right:auto;
}

.main_frame ul,li{
	list-style-type:square;
	font-weight:normal;
	font-size:small;
}

/*--------------------------------------------------------*/
			/* main roundbox, on the left */
/*--------------------------------------------------------*/

/* upperleft contains the other divs */
#upperleft{
	width:72%;
	margin-left:auto;
	margin-right:auto;
	background-color:#333333;
	background-image:url('img/grey/upperleft.gif');
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	color:#FFFFFF;
	text-align:justify;
}

#upperright{
	background-image:url('img/grey/upperright.gif');
	background-repeat:no-repeat;
	background-position:top right;
}

#lowerleft{
	background-image:url('img/grey/lowerleft.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
}

#lowerright{
	background-image:url('img/grey/lowerright.gif');
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:3% 3% 3% 3%;
}


/*--------------------------------------------------------*/
			/* main roundbox WIDE CONFIGURATION */
/*--------------------------------------------------------*/

/* upperleft contains the other divs */
#wide_upperleft{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#333333;
	background-image:url('img/grey/upperleft.gif');
	background-repeat:no-repeat;
	background-position:top left;
	/*float:left;*/
	color:#FFFFFF;
	text-align:justify;
}

#wide_upperright{
	background-image:url('img/grey/upperright.gif');
	background-repeat:no-repeat;
	background-position:top right;
}

#wide_lowerleft{
	background-image:url('img/grey/lowerleft.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
}

#wide_lowerright{
	background-image:url('img/grey/lowerright.gif');
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:3% 3% 3% 3%;
}


/*--------------------------------------------------------*/
			/* side bar, on the right */
/*--------------------------------------------------------*/
#sidebar{
	width:26%;
	margin-left:1%;
	margin-right:auto;
	float:left;
}

/*--------------------------------------------------------*/
			/* first bar, on the upper right */
/*--------------------------------------------------------*/

/* upperleft contains the other divs */
#sidebar1_upperleft{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:0%;

	background-color:#CC0000; /* dark red */
	background-image:url('img/red/upperleft.gif');
	background-repeat:no-repeat;
	background-position:top left;
}

#sidebar1_upperright{
	background-image:url('img/red/upperright.gif');
	background-repeat:no-repeat;
	background-position:top right;
}

#sidebar1_lowerleft{
	background-image:url('img/red/lowerleft.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
}

#sidebar1_lowerright{
	background-image:url('img/red/lowerright.gif');
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:3% 3% 3% 3%;
}

/*--------------------------------------------------------*/
			/* second bar, on the lower right */
/*--------------------------------------------------------*/

/* upperleft contains the other divs */
#sidebar2_upperleft{
	width:100%;
	margin-left:auto;
	margin-right:auto;

	background-color:#FFCC00; /* dark yellow */ 
	background-image:url('img/yellow/upperleft.gif');
	background-repeat:no-repeat;
	background-position:top left;
	
	float:right; 
	margin-top:5px;
	padding: 0px 0px 0px 0px;
}

#sidebar2_upperright{
	background-image:url('img/yellow/upperright.gif');
	background-repeat:no-repeat;
	background-position:top right;
}

#sidebar2_lowerleft{
	background-image:url('img/yellow/lowerleft.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
}

#sidebar2_lowerright{
	background-image:url('img/yellow/lowerright.gif');
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:3% 3% 3% 3%;
}



/*--------------------------------------------------------*/
			/* thumbnails */
/*--------------------------------------------------------*/


.thumb{
	height:150px;
	width:130px;
	text-align:center;
	float:left;
	margin:10px 10px 30px 10px;
}

.thumblandscape{
	margin-right:auto;
	margin-top:25px;	/*to have all thumbnails on the same bottom line: value = (height portrait - height landscape), to center vertically: value = (height portrait - height landscape) / 2*/
}
	
.thumbportrait{
	margin-right:auto;
	margin-top:auto;
}
	
.thumbcaption{
	margin-right:auto;
	margin-top:15px;
}

/* navigation links on pics/gal/index pages */

.nav{
	padding: 0px 40px 10px 0; 
	text-align:right;
	}


/*--------------------------------------------------------*/
			/* footer */
/*--------------------------------------------------------*/

#footer{
	clear:both;
	text-align:center;
	padding:3px 0 0 0;
	color:#FFFFFF;
	font-size:small;
}

#footer_pics{
	clear:both;
	width:85%;
	text-align:center;
	padding:3px 0 0 0;
	color:#FFFFFF;
	font-size:small;
	margin-left:auto;
	margin-right:auto;
}


hr.dots{ /* dots look ugly in IE */
	border:1px solid #333333;
}



/*--------------------------------------------------------*/
			/* other styles */
/*--------------------------------------------------------*/



/* links*/

a:link{
	text-decoration:none;
	font-family:"Courier New", Courier, mono;
	color:white;
}

a:visited{
	text-decoration:none;
	font-family:"Courier New", Courier, mono;
	color:white;
}

a:hover{
 	text-decoration:underline;
	font-family:"Courier New", Courier, mono;
	color:white;
}

a:active{
	text-decoration:underline;
	font-family:"Courier New", Courier, mono;
	color:white;
}


/* links in sidebars*/

a.sidebar:link{
	text-decoration:none;
	font-family:"Courier New", Courier, mono;
	color:black;
}

a.sidebar:visited{ 
	text-decoration:none;
	font-family:"Courier New", Courier, mono;
	color:black;
}

a.sidebar:hover{ 
 	text-decoration:underline;
	font-family:"Courier New", Courier, mono;
	color:black; 
}

a.sidebar:active{ 
	text-decoration:underline;
	font-family:"Courier New", Courier, mono;
	color:black; 
}