/*  
Theme Name: Bones
Author: Phil
*/

body {
	color: #000;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	background: #5d5a2c url("images/bg.jpg") repeat fixed top center;
	margin: 10px;
	padding: 0;
	}
* html body {font-family: Arial, sans-serif;}



/* Divs */

#container {
	position: relative;
	width: 598px;
	background: #c9bb8a;
	border: 1px solid #000;
	margin: 50px auto 0;
	}

.content, .litters {
	width: 578px;
	padding: 10px;
	}
* html .content {width: 598px;}
* html .litters {width: 598px;}

.content {background: #bcaf82;}
.litters {background: #e5d7a8;}

.info {
	width: 578px;
	background: url("images/info.jpg") no-repeat bottom right;
	margin: 0 0 -15px;
	padding: 0 0 25px;
	}
* html .info {width: 598px;}


.photos {
	width: 578px;
	margin: 5px auto;
	}

div.topmenudiv, div.botmenudiv {
	position: relative;
	top: 0;
	left: 0;
	border-style: solid;
	border-color: #000;
	}

div.topmenudiv {border-width: 0 0 1px 0;}

div.botmenudiv {border-width: 1px 0 0 0;}


/* Tables */

table {
	margin: 0;
	padding: 0;
	}

th {
	vertical-align: top;
	text-align: right;
	}

td {
	vertical-align: top;	
	text-align: left;
	}



/* Menus */

ul#mainmenu {
	position: relative;
	top: 0;
	left: 0;
	width: 598px;
	height: 579px;
	background: transparent url(images/mainmenu.jpg) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	}

#mainmenu li {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#mainmenu li, #mainmenu a {
	display: block;
	cursor: pointer;
	left: 20px;
	height: 32px;
	border: none;
	}

#mainmenu1, #mainmenu1 a {top: 21px; width: 114px;}
#mainmenu2, #mainmenu2 a {top: 65px; width: 103px;}
#mainmenu3, #mainmenu3 a {top: 109px; width: 106px;}
#mainmenu4, #mainmenu4 a {top: 153px; width: 99px;}
#mainmenu5, #mainmenu5 a {top: 197px; width: 170px;}

#mainmenu1 a:hover {background: transparent url(images/menuover.gif) 0 8px no-repeat;}
#mainmenu2 a:hover {background: transparent url(images/menuover.gif) 0 8px no-repeat;}
#mainmenu3 a:hover {background: transparent url(images/menuover.gif) 0 8px no-repeat;}
#mainmenu4 a:hover {background: transparent url(images/menuover.gif) 0 8px no-repeat;}
#mainmenu5 a:hover {background: transparent url(images/menuover.gif) 0 8px no-repeat;}

ul.topmenu {
	position: relative;
	top: 0;
	left: 0;
	width: 598px;
	height: 31px;
	background: transparent url(images/topmenu.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	}

.topmenu li {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	}

.topmenu li, .topmenu a {
	display: block;
	cursor: pointer;
	top: 0;
	height: 31px;
	border: none;
	}

.topmenu1, .topmenu1 a {left: 0; width: 114px;}
.topmenu2, .topmenu2 a {left: 115px; width: 103px;}
.topmenu3, .topmenu3 a {left: 219px; width: 108px;}
.topmenu4, .topmenu4 a {left: 328px; width: 99px;}
.topmenu5, .topmenu5 a {left: 428px; width: 170px;}

.topmenu1 a:hover {background: transparent url(images/topmenu.gif) 0 -32px no-repeat;}
.topmenu2 a:hover {background: transparent url(images/topmenu.gif) -115px -32px no-repeat;}
.topmenu3 a:hover {background: transparent url(images/topmenu.gif) -219px -32px no-repeat;}
.topmenu4 a:hover {background: transparent url(images/topmenu.gif) -328px -32px no-repeat;}
.topmenu5 a:hover {background: transparent url(images/topmenu.gif) -428px -32px no-repeat;}



/* Text */

a, a:visited {
	color: #fe5b31;
	text-decoration: none;
	}

a:hover, a:active {
	color: #404040;
	text-decoration: overline;
	}

h1 {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin: 20px 10px 10px;
	padding: 0;
	}

h2 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	}

	h2.out {color: #314a1c;}
	h2.in {
		color: #5a8d2d;
		font-size: 32px;
		}

p {
	font-size: 14px;
	text-indent: 0px;
	text-align: justify;
	margin: 5px 20px 15px 20px;
	padding: 0;
	}

small {
	font-size: 9px;
	margin-bottom: 10px;
	}




/* Lists */

ul {list-style: none;}


/* Misc */

blockquote {
	border-width: 0 0 0 1px;
	border-style: dotted;
	border-color: #2d0000;
	margin: 5px 50px;
	padding: 0;
	}

input {
	background: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #2D0000;
	border: 1px solid #2d0000;
	margin: 5px 0 0 5px;
	padding: 1px;
	}
* html input {font-family: Arial, sans-serif;}

textarea {
	background: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #2D0000;
	border: 1px solid #2d0000;
	width: 350px;
	height: 150px;
	margin: 5px 0 0 5px;
	padding: 1px;
	}
* html textarea {font-family: Arial, sans-serif;}

div.hr {
	width: 273px;
	height: 29px;
	background: transparent url(images/hr.gif) no-repeat top center;
	margin: 10px auto;
	}

div.hr hr {display: none;}

.center {text-align: center;}

.right {text-align: right;}

a img, img {border: none;}

.link {
	border: 1px solid #fe5b31;
	padding: 5px;
	}

img.splash {margin: 50px auto 0;}