/* Basic layout styles */

* {margin: 0; padding: 0;}

html {
	background: #D8CCBB;
	color: #000;
	line-height: 18px;
	font-family: verdana, tahoma, helvetica, "trebuchet ms", sans-serif;
	font-size: 13px;
}

body {margin: 0 auto; max-width: 1024px;}

a {text-decoration: none; color: #7F2A00;}
a:visited {color: #B2753F;}
a:hover {text-decoration: underline; color: #B39E88;}
a img {border-width: 1px;}

abbr, acronym {cursor: help;}

p {margin: 0 0 18px;}

ul, ol {margin: 0 0 18px 36px;}
li ul {margin-bottom: 0;}

h1 {
	text-indent: 18px;
	width: 100%;
	padding: 36px 0;
	font-family: garamond, georgia, "palatino linotype", "times new roman", serif;
	font-variant: small-caps;
	font-size: 30px;
	letter-spacing: 1px;
	background: #C8B8A5;
}

h2 {
	font-size: 17px;
	margin: 0 0 18px;
}

h3 {font-size: 13px;}
h3 span {font-weight: 400;}

fieldset {border: 0; margin: 0 0 0 18px}
legend {font-size: 17px; font-weight: 900; line-height: 16px; margin: 0 0 2px; color: #000;}

table {margin: 0 0 36px; border-collapse: collapse; font-size: 13px;}
th, td {border: 1px solid #FAF6EB; padding: 4px 10px;}
th {background: #D8CCBB;}
td {background: #F1EADE;}

.odd td {background: #E8E0D2;}
.heading th {background: #8F7156; color: #fff;}
.center {text-align: center;}
.no-margin {margin: 0;}

.sortable th {padding-right: 24px; cursor: pointer;}
.sortable th:hover {background-color: #C8B8A5;}
th.header {background: #D8CCBB no-repeat 100% 8px url(http://i178.photobucket.com/albums/w257/blessedpancake/website/arrows.png);}
th.headerSortUp {background-position: 100% -27px;}
th.headerSortDown {background-position: 100% -11px;}

.clear {clear: both; height: 1px;}
* html .clear {height: auto;}
* + html .clear {height: auto;}

.note {font-size: 11px; font-style: italic; display: block;}
.message, .message a {font-weight: 900; color: red !important;}

#page {
	background: #FAF6EB url(http://i178.photobucket.com/albums/w257/blessedpancake/website/pf.png) repeat-y;
	border: solid #8F7156;
	border-width: 9px 0;
}

#menu {
	float: left;
	width: 180px;
}

#menu ul {margin: 0 18px;}
#menu li {list-style: none;}

* html #menu ul {margin-bottom: 7px;}
* html #menu li {height: 17px; line-height: 17px;}

#menu a {
	text-decoration: none;
	display: block;
	border-bottom: 1px dashed #fff;
	width: 144px;
}

#menu h2 {
	margin: 18px 18px 0 18px;
	font-size: 13px;
	line-height: 16px;
	padding-top: 1px;
	border-bottom: 1px dashed #fff;
}

#main {
	margin-left: 180px;
	padding: 18px 18px 1px 18px;
}

#footer {
	clear: both;
	padding: 9px 0 9px 18px;
	font-size: 11px;
}

#footer a {color: #000;}
#footer a, .message a {text-decoration: underline;}
#footer a:hover, .message a:hover {text-decoration: none;}

/* Page-specific styles */

#options p input {padding: 0 2px; margin: 9px 0;}
#options .first, #options .last {float: left; width: 48%;}
#options .last {margin-left: 4%;}

* html #options .first, * html #options .last {width: 33%;}

#breedCheck {width: 100%;}
#breedCheck label {display: block; height: 27px; font-weight: 900;}
#breedCheck div {float: left; position: relative; width: 280px;}
#breedCheck select {position: absolute; left: 100px; width: 150px;}
#breedCheck p {float: left; width: 100%; padding: 18px 0 0;}

#breedSearch div {float: left; width: 140px; height: 450px;}
#breedSearch .wider {width: 185px;}
#breedSearch .wide {width: 165px;}
#breedSearch .narrow {width: 100px;}
#breedSearch h3 {margin-top: 18px;}
#breedSearch p {clear: both;}
#breedSearch div input {margin: 0 3px 0 0; position: relative; top: 1px;}

#stats div {float: left; width: 230px;}

#inbreeding {width: 100%;}
#inbreeding fieldset {float: left; margin: 0 18px 0 0;}
#inbreeding legend {font-size: 13px;}
#inbreeding textarea {font-size: 11px; width: 320px; height: 180px;}
#inbreeding p {float: left; width: 100%; margin: 18px 0 0;}
#inbreeding input {height: 23px; padding: 0 4px;}

#colours {margin: 18px 0; text-align: left;}

#items, #items table {margin: 0;}
#items {font-size: 11px; min-width: 736px;}
#items td, #items th {padding: 0 2px;}
#items td {height: 81px;}
#items th div {font-weight: 400;}
#items table {width: 175px; font-size: 11px;}
#items td td {height: 0; padding: 0; border: 0;}
#items td td:first-child {width: 122px;}
#items td td:last-child {text-align: right;}

#newBreeds div {float: left; width: 310px;}
#newBreeds table {margin: 0;}

#free {margin: 30px 0 0;}
#free li {list-style: none; height: 180px; float: left; margin: -15px 5px 20px;}
#free a {font-size: .9em;}

#generations {border-collapse: collapse; margin: 0 auto 18px;}
#generations td {border: 1px solid #000; text-align: center;}
#generations td {background: #fff; padding: 3px;}
#generations tr:first-child td {width: 6.25%;}

#add textarea {font-family: verdana, tahoma, helvetica, "trebuchet ms", sans-serif; font-size: 13px;}