/* .............................. */

/* Body Headers Links */

/* .............................. */



body {

	color: #666;

	background:url(img/bgstripes.gif);

	background-color:#fff;

	font-size: 11px;

	letter-spacing:1px;

	line-height:18px;

	font-family: Verdana,Arial,sans-serif;

	padding-top:15px;

	padding-bottom:10px;

	}



b {     color:#D58900;

        font-style:italic;  }





a {

	color:#999;

	text-decoration:none;

	background-color:#fff;

	}



a:hover {

	color:#666;

	background-color:#fff;

	}



h1 {

	font-size:16px;

	color:#ccc;

	background-color:#fff;

	margin-top:15px;

	margin-bottom:20px;

	text-align:left;

	float:left;

	clear:both;

	}



h2	{   

	color:#999;

	font-size:12px;

	background-color:#fff;

	font-weight:bold;

	float:right;

	clear:right;

	padding:5px;

	margin:0px;

	}



h3	{   

	color:#999;

	background-color:#fff;

	letter-spacing:2px;

	font-size:12px;

	text-align:left;

	}



h4	{   

	color:#999;

	background-color:#fff;

    text-align:left;

	font-size:14px;

	border-bottom:1px solid #ddd;

	padding-left:25px;

	padding-bottom:5px;

	clear:both;

	}



bb1	{   

	color:#D58900;

	background-color:#fff;

	letter-spacing:2px;

	font-size:12px;

	text-align:center;

        font-weight:bold; 

	}



bb2	{   

	color:#000000;

	background-color:#fff;

	font-size:11px;

	text-align:left;

	}







#header {

	padding-left:10px;

	line-height:20px;	

	}



.navigationright {

	font-weight:bold;	

	color:#999;

	float:right;

	text-align:right;

	padding:5px;

	position:relative;

	}



#date {

    font-size:10px;

	color:#999;

	text-align:right;

	font-weight:normal;

	letter-spacing:1px;

	padding:5px;

	}





/* .............................. */

/* Wrapper */

/* .............................. */

	

#wrapper {

	margin:0 auto;

	background-color:#fff;

	color:#666;

	border:1px solid #ccc;

	padding-left:15px;

	padding-right:15px;

	width:700px;

	text-align:center;

	clear:both;

	}



/* .............................. */

/* Menu */

/* .............................. */	



#menu {

    margin:0px auto;

    padding:0px;

	clear:both;

    }

	

#menu ul {

    margin:0px;

    padding:0px;

    list-style-type: none;

    }

	

#menu li {

/* ADJUST THIS WIDTH PERCENTAGE ACCORDING TO HOW MANY LINKS/TABS ARE IN YOUR MENU - EG, IF YOU HAVE 5 LINKS THEN ADJUST WIDTH TO 20% - EVEN NUMBERS WILL WORK BETTER BUT ARE NOT NECESSARY*/

	width:25%;

    text-align:center;

	float:left;

	margin-top:10px;

    }



#menu a {

	display:block;

	color:#666;

	background-color:#fff;

	line-height:20px;

	text-decoration: none;

	}

	

#menu a.middle {

	border-left:1px solid #ddd;

	border-bottom:1px solid #ddd;

	border-top:1px solid #ddd;

	}

	

#menu a.left {

	border-left:1px solid #ddd;

	border-top:1px solid #ddd;

	border-bottom:1px solid #ddd;

	border-right:0px;

	}



#menu a.right {

        color:#D58900;

        font-weight:bold;

	border:1px solid #ddd;

	}

	

#menu a:hover {

    background-color:#f7f7f7;

	color:#444;

	}	



/* .............................. */

/* Photo */

/* .............................. */



#photo {

	border:0px;

	margin:0 auto;

	padding-top:20px;

	clear:both;

	}



/* .............................. */

/* Thumbrow */

/* .............................. */



#thumbrow {

	padding:10px;

	text-align:center;

	}

	

#thumbrow .current_thumbnail {

	filter:alpha(opacity=99);

	opacity:0.99;

	padding:5px;

	margin:3px;

    border:1px solid #ccc;

    }

	

#thumbrow a img {

	filter:alpha(opacity=70);

	opacity:0.70;

	margin:3px;

    padding:5px;

    border:1px solid #fff;

    }

	

#thumbrow a:hover img, #thumbs a:focus img {

	filter:alpha(opacity=99);

	opacity:0.99;

	padding:5px;

    border:1px solid #ddd;

    }



/* .............................. */

/* Archive */

/* .............................. */



#browse {

	padding-top:20px;

	padding-bottom:10px;

	clear:both; 

	}



#browse .thumbnails {

	filter: alpha(opacity=70);

	opacity: 0.70;

	margin:3px;

  padding:5px;

  border:1px solid #fff;

}

	

#browse a:hover img{

	filter: alpha(opacity=99);

	opacity: 0.99;

	padding:5px;

  border:1px solid #ddd;

}

    

#browse .browsetitle{  

  

}    



#browse table.thumb_table{  	 	  

  margin: auto;

}    



/* .............................. */

/* Other Pages */

/* .............................. */



#about {

	margin-bottom:20px;

	padding-left:10px;

	padding-right:10px;

	padding-top:20px;

	text-align:left;

	clear:both;

	}



/* .............................. */

/* Footer */

/* .............................. */



#footer {

	padding:10px;

	margin:0px auto;

	text-align:center;

	color:#999;

	border-top:1px solid #ddd;

	background-color:#fff;

	}



/* .............................. */

/* Comments */

/* .............................. */

	

#imageinfo {

	width:90%;

	padding:10px;

	margin:0 auto;

    }



#commentthumb {

	float:right;

	}

		

#comments {

    border:0px solid #ccc;

	margin:0 auto;

	width:90%;

    }

	

#comments ul {

    padding:0px;

    display:block;

	margin:0;

	margin-top:10px;

    list-style:none;

    }

	

#comments li {

	padding:10px;

	margin-bottom:5px;

    border:1px solid #ddd;

	background:#fff;

		text-align:left;

    }

	

#comments li:hover {

	border:1px solid #ddd;

	background:#f9f9f9;

    }

	

#comments li a {

    text-decoration:none;

    color:#444;

    	text-align:left;

    }



#addcomment {

	margin:0 auto;

	width:85%;

    border:1px solid #fff;

    padding:10px;

	margin-bottom:20px;

	text-align:left;

}



.input {

    width:40%;

	font-size:10px;

	padding:3px;

	border:1px solid #ddd;

	background:#f9f9f9;

	color:#666;

    }

	

textarea {

    width:95%;

	font-size:11px;

	padding:3px;

	border:1px solid #ddd;

	background:#f9f9f9;

	color:#666;

    }

	

.commentbutton {

    background:#f9f9f9;

	border:1px solid #ddd;

	color:#666;

	border-bottom:2px solid #ccc;

	border-right:2px solid #ccc;

	}