/* ----- General Page Styling ----- */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
margin: 0;
padding: 0;
}

body {
height: 100%;
margin: 0;
padding: 0;
font-size: 85%;
font-family: "lucida grande", helvetica, arial, sans-serif;
}

a img {
border: none;
}

a:link {
text-decoration: none;
color: black;
}

a:visited {
text-decoration: none;
color: black;
}

a:active {
text-decoration: none;
color:black;
}

a:hover {
text-decoration: none;
font-style: italic;
color: blue;
}

#border {
height: auto;
min-height: 100%;
background-image: url(/images/logo/background.png);
background-repeat: repeat;
}

#all {
width: 750px;
background: #FFFFFF;
padding: 5px;
border-width: 1px;
border-color: #000000;
border-style: solid;
margin-left: auto;
margin-right: auto;
}

/* ----- End of General Styling ----- */


/* ----- Rounded Corners ----- */

.spiffy {
display: block;
}

.spiffy * {
clear: both;
display: block;
height: 1px;
overflow: hidden;
font-size: .01em;
background: #FFFF66;
}

.spiffy1 {
margin-left: 3px;
margin-right: 3px;
padding-left: 1px;
padding-right: 1px;
border-left: 1px solid #FFFFbd;
border-right:1px solid #FFFFbd;
background:#FFFF8c;
}

.spiffy2 {
margin-left: 1px;
margin-right: 1px;
padding-right: 1px;
padding-left: 1px;
border-left: 1px solid #FFFFef;
border-right: 1px solid #FFFFef;
background:#FFFF83;
}

.spiffy3 {
margin-left: 1px;
margin-right: 1px;
border-left: 1px solid #FFFF83;
border-right: 1px solid #FFFF83;
}

.spiffy4 {
border-left: 1px solid #FFFFbd;
border-right: 1px solid #FFFFbd;
}

.spiffy5 {
border-left: 1px solid #FFFF8c;
border-right:1px solid #FFFF8c;
}

.spiffyfg {
background: #FFFF66;
}

/* ----- End of Rounded Corners ----- */


/* ----- Top of Page ----- */

#bar {
clear: both;
top: 0px;
width: 750px;
height: 80px;
background: #FFFF66;
}

a.mission {
float: left;
}

p.legend {
width: 200px;
float: left;
margin-top: 5px;
margin-left: 116px;
margin-bottom: 5px;
}

p.mission {
font-size: 150%;
font-style: italic;
padding-top: 20px;
margin-left: 300px;
}

.menu {
clear: both;
text-align: center;
}

#legend {
width: 750px;
}

/* ----- End of Top of Page ----- */


/* ----- Bottom of Page ----- */

#foot {
clear: both;
bottom: 0px;
width: 750px;
height: 80px;
background: #FFFF66;
}

#adsense {
clear: both;
width: 728px;
height: 95px;
margin-left: auto;
margin-right: auto;
}

.adsense {
clear: both;
width: 728px;
height: 95px;
margin-left: auto;
margin-right: auto;
}

#search {
clear: both;
float: left;
width: 300px;
margin-left: 10px;
margin-top: 45px;
}

#firefox {
float: right;
margin-top: 50px;
margin-right: 10px;
}

#rss {
clear: right;
float: left;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}

/* ----- End of Bottom of Page ----- */


/* ----- Review Pages ----- */

.review h1 {
margin-left: 10px;
}

.review h2 {
margin-left: 15px;
}

.review img {
float: left;
width: 250px;
}

p.reviews {
width: 400px;
float: left;
margin-left: 25px;
margin-bottom: 5px;
}

.allreview {
clear: both;
margin-top: 5px;
width: 750px;
}

.picreview {
float: left;
width: 250px;
margin-left: 50px;
}

.review {
float: left;
width: 450px;
margin-bottom: 5px;
}

/* ----- End of Review Pages ----- */


/* ----- Reviewer Page ----- */

p.reviewers {
width: 250px;
float: left;
margin-top: 5px;
margin-left: 84px;
margin-bottom: 5px;
}

/* ----- End of Reviewer Page ----- */


/* ----- Thumbnail Pages ----- */

.allthumb {
float: left;
margin-left: 10px;
margin-top: 5px;
width: 355px;
height: 7em;
}

.thumbreview {
float: left;
width: 295px;
margin-bottom: 5px;
}

.thumbpic {
float: left;
width: 50px;
margin: 0;
}

.thumbreview h2 {
margin-left: 10px;
}

.thumbreview img {
float: left;
width: 50px;
}

p.thumbreviews {
width: 285px;
float: left;
margin-left: 25px;
margin-bottom: 5px;
}

/* ----- End of Thumbnail Pages ----- */


/* ----- Begin Cooks Pages ----- */

#cooks {
width: 700px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}

#cooks img {
width: 500px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 100px;
margin-right: 100px;
}

/* ----- End Cooks Pages ----- */


/* ----- Begin Member Area ----- */

#memberindex {
width: 700px;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 120%;
}

.accounts{
text-align: center;
}

.accounts a {
line-height: 2;
}

.accounts form {
margin-bottom: 5px;
}

.accounts table {
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}

.negative {
color: red;
}

.pagination {
clear: both;
width: 650px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: right;
font-size: 200%;
}

.pagination a:link {
color: blue;
}

.transfer {
clear: both;
width: 650px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
text-align: center;
}

/* ----- End of Member Area ----- */


/* ----- Begin Reads Area ----- */

.reads {
border-width: 1px;
border-color: #000000;
border-style: dotted;
width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}

.clear {
clear: both;
}

.reads img {
width: 120px;
float: left;
margin: 5px;
}

#readlegend {
width: 750px;
}

#readlegend h1 {
clear: both;
width: 750px;
text-align: center;
margin-bottom: 15px;
}

/* ----- End Reads Area ----- */