@charset "UTF-8";

#container {
	width:710px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
body {
	margin:0px;
}
.logo {
	margin-top:10px;
}
#box {
	background-image:url(/images/box/border-middle.png);
	background-repeat:repeat-y;
	padding:5px;
	margin:0px;
}
#pad {
	padding:15px 30px 10px 30px;
}
#footer {
	padding:2px 20px 2px 20px;
	font-size:14px;
}
p.large {
	font-size:32px;
	margin:15px 0px 0px 0px;
}
p.large br {
	margin-bottom:25px;
}
p.long {
	margin:5px 0px 30px 0px;
	line-height: 1.3em;
}
p.long br {
	margin-bottom:14px;
}
#box h2 {
	font-size:24px;
	color:#999;
	margin:0px;
	text-decoration:none;
}
a {
	color:#333333;
	text-decoration:none;
}
a:active, a:focus, .button:active, .button:focus {
	outline: 0;
}
a:hover {
	color:#CC0000;
}
a:hover img {
	filter:alpha(opacity=70);   
	-moz-opacity: 0.7;   
	opacity: 0.7;
}
h4 {
	margin:0px;
}
h4 a {
	margin:0px;
	background-color:#FFFF99;
}
/* h4 a:visited, h2 a:visited, .link a:visited, */
.archive a:visited {
	background-color:#FFFFCC;
}
h2 a, .highlight, #footer a:hover {
	background-color:#FFFF99;
}
h2 a:hover, h4 a:hover, .link a:hover {
	background-color:#FFF;
}
input {
	color:#333;
}
.search {
	background-color:#CCFFCC;
}
.form input {
	font-size:20px;
	background-color:#FFFFCC;
}
.form textarea {
	font-size:16px;
	background-color:#FFFFCC;
}
form {
	margin:0px;
}
.spacer {
	margin:0px 3px 0px 3px;
	color:#CCC;
	font-weight:bold;
}
.imgborder {
	background-color:#EEE;
	border:1px solid #CCC;
	padding:10px;
	margin:0px 20px 10px 20px;
}
.link a, li a {
	background-color:#FFFF99;
}
.archive a:hover {
	background-color:#FFFF99;
}
.archive {
	word-spacing: 0.4em;
	line-height: 1.6em;
	font-size:18px;
	color:#333;
}
#rate {
	float:right;
	font-size:12px;
	margin-left:8px;
}
.right, .left {
	float:left;
}
.props {
	background-image:url(/images/thumbs/up-light.gif);
	background-repeat:no-repeat;
	height:28px;
	outline: 0;
}
.props:hover {
	background-image:url(/images/thumbs/up-green.gif);
}
.drops {
	background-image:url(/images/thumbs/down-light.gif);
	background-repeat:no-repeat;
	height:28px;
	outline: 0;
}
.drops:hover {
	background-image:url(/images/thumbs/down-red.gif);
}
#value {
	font-size:22px;
	font-weight:bold;
	color:#999;
	margin: 0px 5px 0px 5px;
}
#color {
	width:15px;
	height:15px;
	display:block;
	float:right;
	margin-right:5px;
	border: 1px solid #FFF;
}
#color:hover {
	border: 1px solid #333;
}
.g, .b, .r, .y, .p, {
	background-repeat: repeat;
	background-attachment:fixed;
}
.g {
	background-image: url(/images/bg-green.jpg);
}
.b {
	background-image: url(/images/grass.jpg);
}
.r {
	background-image: url(/images/flannel.jpg);
}
.y {
	background-image: url(/images/wood.jpg);
}
.p {
	background-image: url(/images/flowers.jpg);
}
xmp {
	color:#666;
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	overflow: scroll;
	padding:10px;
	background-color:#FFFFCC;
}
.button {
	border:1px solid #009900;
	background-color: #DDD;
	cursor:pointer;
	margin: 0px 5px 0px 5px;
	padding: 1px 3px 1px 3px;
}
.button:hover {
	border:1px solid #0066FF;
	color:#000;
}
.button:active {
	background-color: #FFF;
}
ul#standard li {
	font-size:15px;
	list-style-image:url(/images/icons/fav-off.png);
	margin-bottom:7px;
	margin-left:0px;
	margin-top:10px;
	padding-left:0px;
	line-height:20px;
}
ul#stats li.stat {
	font-size:16px;
	margin-bottom:10px;
	margin-left:0px;
	margin-top:10px;
	padding-left:0px;
	list-style:none;
}
.infobox {
	background-color:#EEE;
	border:1px solid #DDD;
	padding:10px;
	margin:20px;
	float:right;
}
form label {
	width:250px;
	font-size:12px;
	font-weight:bold;
	color:#666;
	display: inlline;
}
p.alert {
	font-size:12px;
	background-color:#FFFFCC;
	border:1px solid #CC0000;
	color:#333;
	padding:3px;
	margin:2px;
	display:block;
}
#userbox {
	background-image:url(/images/box/border-middle.png);
	background-repeat:repeat-y;
	padding:5px;
	font-size:10px;
	padding: 10px 25px 5px 25px;
	margin-bottom:0px;
}
#userbox p {
	margin:3px 10px 0px 0px;
	float:left;
	font-size:11px;
	font-weight:bold;
}
#userbox p a {
	background-color:#FFFFCC;
	padding:3px 5px 3px 5px;
	margin-right:8px;
}
#userbox input {
	font-size:10px;
}
#userbox label {
	display:inline;
	font-size:10px;
}
span.percent {
	font-size:12px;
	font-weight:bold;
	color:#888;
}
a.comment-count {
	background-image:url(/images/icons/comment-count.png);
	background-repeat:no-repeat;	
	width:35px;
	height:30px;
	padding:4px 18px 14px 12px;
	line-height:20px;
	font-weight:bold;
	color:#666;
	text-align:center;
	margin-right:5px;
}
a.comment-count:hover {
	background-image:url(/images/icons/comment-count-hover.png);
	color:#FFF;
}
a.comment-count-on {
	background-image:url(/images/icons/comment-count-hover.png);
	background-repeat:no-repeat;	
	width:35px;
	height:30px;
	padding:4px 18px 14px 12px;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin-right:5px;
}
a.fav-off {
	background-image:url(/images/icons/fav-off.png);
	background-repeat:no-repeat;
	width:32px;
	height:32px;
	padding:4px 17px 14px 17px;
}
span.load {
	background-image:url(/images/loader.gif);
	background-repeat:no-repeat;
	width:32px;
	height:32px;
	padding:4px 17px 14px 17px;
}
img {
	border:0px;
}
a.thumb-up {
	background-image:url(/images/icons/thumb-up-alt.png);
	background-repeat:no-repeat;
	padding:4px 12px 14px 12px;
}
a.thumb-up:hover {
	background-image:url(/images/icons/thumb-up-green.png);
}
a.thumb-up-green {
	background-image:url(/images/icons/thumb-up-green.png);
	background-repeat:no-repeat;
	padding:4px 12px 14px 12px;
}
a.thumb-down {
	background-image:url(/images/icons/thumb-down-alt.png);
	background-repeat:no-repeat;
	padding:4px 12px 14px 12px;
}
a.thumb-down:hover {
	background-image:url(/images/icons/thumb-down-red.png);
}
a.thumb-down-red {
	background-image:url(/images/icons/thumb-down-red.png);
	background-repeat:no-repeat;
	padding:4px 12px 14px 12px;
}
span.rating {
	font-size:17px;
	font-weight:bold;
	color:#999;
	margin-top:10px;
	vertical-align:middle;
	margin-right:1px;
	margin-left:1px;
}
span.thumbs {
	margin-right:6px;
}
.comment-box {
	margin:0px 80px 0px 0px;
}
p.comment {
	font-size:16px;
	margin-top:0px;
}
ul#comment li {
	font-size:16px;
	margin-left:15px;
	padding-left:20px;
	padding-bottom:40px;
}
li.comment {
	list-style-image:url(/images/icons/comment-count.png);
}
li.user-comment {
	list-style-image:url(/images/icons/comment-count-hover.png);
}
li.bugsy-comment {
	list-style-image:url(/images/icons/comment-count-green.png);
}
span.location {
	font-size:12px;
	color:#999;
	margin-left:8px;
}
span.date {
	font-size:12px;
	color:#999;
	float:right;
}
form#submit-comment {
	margin-left:75px;
	background-color:#EEE;
	border:1px solid #DDD;
	padding:20px;
	margin-bottom:10px;
}
textarea {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
}
input.post {
	background-image:url(/images/icons/submit-red.png);
	background-repeat:no-repeat;
	width:160px;
	height:50px;
	background-color:transparent;
	border:0px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	padding:0px 12px 20px 0px;
	text-align:center;
}
input.post:hover {
	background-image:url(/images/icons/submit-hover.png);
	color:#333;
}
.key {
	font-size:12px;
	font-weight:bold;
}
.key img {
	margin-left:20px;
}
form#login {
	float:left;
}
form#login label {
	display:inline;
}
p.firefox {
	font-size:14px;
	background-color:#FFFFCC;
	font-weight:bold;
}
p.firefox a {
	color:#CC0000;
}
p.firefox a:hover {
	background-color:#FFFF99;
	text-decoration:underline;
}
span#datalist {
	visibility:hidden;
	clip: rect(0px,0px,0px,0px);
	overflow: hidden;
	height: 0px;
	width: 0px;
	float:left;
}

/* mark up for sortable table */
tbody.sortable td {
	border-bottom:1px solid #EEE;
	border-top:1px solid #EEE;
	padding: 5px 0px 5px 0px;
	}
tbody.sortable tr:hover {
	background-color:#FFFFCC;
	cursor:pointer;
	color:#CC0000;
	}
td#pop1, td#pop2, td#pop3, td#pop4, td#pop4, td#pop5 {
	font-size:18px;
	text-align:center;
	color:#666;
	font-weight:bold;
	width:75px;
}
td#user {
	widows:80px;
	text-align:center;
	color:#FFF;
}
th#user {
	font-size:14px;
}
td#pop5 {
	color:#CC6666;
}
td#theuser {
	font-size:14px;
	font-weight:bold;
}
tr.userhighlight {
	background-color:#CCFFCC;
}
span.userinfo {
	font-size:10px;
	color:#666;
	font-weight:normal;
}
ul.reg li {
	list-style-image:url(/images/li.gif);
	margin-left:20px;
	padding-left:5px;
	margin-bottom:10px;
}
::selection { background:#99FF99; }
::-moz-selection { background: #99FF99; }

#pagination {
	margin-bottom:25px;
}
#pagination a {
    padding: 2px 6px;
	background-color:#FFFF99;
}

#pagination a:hover {
	background-color:#FFF;
}


#results {
	float:right;
	font-weight:bold;
	margin-right:15px;
}

#pagination, #results, .current {
	font-size:13px;
}
.current {
    padding: 2px 3px;
	font-weight:bold;
	margin-right:3px;
}
#stats a {
	font-size:20px;
	font-weight:bold;
	color:#666;
}
#stats a:hover {
	color:#CC0000;
}
#stats .text {
	font-size:13px;
	font-weight:bold;
	color:#999;
}
#stats .divider {
	color:#FFF;
	padding:0px 3px;
}
input#query, input#username, input#password {
	background-color:#FFFFCC;
	border:2px solid #666;
	padding:2px;
	font-weight:bold;
	color:#666;
}
input#query:focus, input#query:hover, input#username:focus, input#password:focus, input#username:hover, input#password:hover {
	border:2px solid #CC0000;
	color:#333;
}
input#go, input#date-it, input#login {
	background-image:url(http://www.yooperscoop.com/forum/styles/prosilver/theme/images/bg_button.gif);
	background-repeat:repeat-x;
	border:2px solid #666;
	font-size:10px;
	padding:1px 4px;
	margin-left:5px;
	margin-right:8px;	
	color:#333;
}
input#go:hover, input#date-it:hover, input#login:hover {
	border:2px solid #333;
	cursor:pointer;
	background-image:none;
}