/* Page styles */

* {
	margin:	0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin: 0px;
	padding: 5px;
	background-color: #DDDD99;
}
ul {
	list-style-position: outside;
	list-style-type: circle;
	list-style-image:url(../images/bullet_orange.png);
	margin: 15px;
	margin-left: 35px;
}
ul ul {
	list-style-position: outside;
	list-style-type: square;
	list-style-image: none;
	margin: 0px 0px 0px 10px;
}
a {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
/*	border-bottom: 1px dotted #999999; */
}
a:hover{
	color:#666666;
	text-decoration: underline;
/*	border-bottom: 1px solid #666666; */
}
p {
	margin-top: 5px;
	margin-bottom:	5px;
}
h1 {
	font-size: x-large;
	color: #000099;
	margin: 10px;
}
h2 {
	font-size: large;
	font-weight: bold;
	margin: 10px 0 5px 0;
	color: #666666;
}
h3 {
	font-size: medium;
	font-weight: bold;
	margin: 5px 0 5px 0;
	color: #3333CC;
}
h4 {
	font-size: small;
	text-decoration: underline;
	font-variant: small-caps;
	margin-left: 10px;
	color:#FF6600;
}
h5 {
	margin-left: 15px;
}
blockquote {
	margin: 5px 20px 5px 20px;
}
table {
	font-size: 12px;
}
caption {
	width: 100%;
	font-size: medium;
	font-weight: bold;
	margin: 5px 0;
	color: #3333CC;
	text-align: left;
}
tr.even {
	background-color: #EEEEEE;
}
tr.odd {
	background-color: #DDDDDD;
}
th {
	text-align: left;
	padding-bottom: 3px;
	color: #333333;
}
img {
	border: 0px;
}
hr {
	font-weight: 100;
	margin: 5px 0;
}
fieldset {
	margin: 10px;
	padding: 10px;
	width: 200px;
	font-size: small;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
legend {
	color: #663333;
	font-weight: bold;
}
sup, sub {
	font-size: 70%;
}


/* Form Elements */
form p, p.label-value {
	clear: left;
	font-size: small;
}
form p label, p.label-value label {
	float: left;
	width: 120px;
}
fieldset.wide {
	width: 300px;
}
label {
	font-weight: bold;
}
input, textarea, select {
	background: #EEEEEE;
	font-size: small;
}
input {
	border: 1px solid transparent;
	border-bottom: 1px solid #999999;
}
input:focus, select:focus, textarea:focus {
	border: 1px solid #FF6600;
}
textarea {
	width: 300px;
	height: 6em;
}
option {
	font-size:12px;
	color: #000000;
	/*border: 1px solid #666666;*/
}
select {
	border: 1px solid transparent;
	border-bottom: 1px #999999 solid;
}
textarea {
	border: 1px solid transparent;
}

/* Classes */
.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
	padding-bottom: 5px;
}
.small {
	font-size: small;
}
.tiny {
	font-size: x-small;
	font-weight: normal;
}
.required {
	background-color: #FFFFCC;
	border: 1px solid #CCCCCC;
}
.negative {
	color: #FF0000;
}
.accesskey {
	text-decoration: underline;
}
.field {
	font-weight: bold;
	padding: 4px;
}
.button, .button_disabled {
	margin: 3px;
	padding: 2px;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.button {
	color: #FFFFFF;
	background-color: #666666;
	border-left: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	border-right: 1px #333333 solid;
	border-bottom: 1px #333333 solid;
	padding: 3px;
}
.button:hover {
	cursor: pointer;
	text-decoration: none;
	color: #FFFFFF;
	border-left: 1px #333333 solid;
	border-top: 1px #333333 solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
}
.button img {
	vertical-align: middle;
	margin: 0 3px;
}
.button_disabled {
	color: #CCCCCC;
	background-color: #EEEEEE;
}
.pad {
	padding: 15px;
}
.breadcrumbs {
	font-size: small;
	padding-bottom: 10px;
	margin-left: 40px;
	margin-bottom: 10px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #999999;
}
.breadcrumbs a {
	color: #666666;
}
.breadcrumbs img {
	margin: 0 3px;
}
.small {
	font-size: small;

}
.message, .feature {
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.message {
	color: #666666;
}
.feature {
	color: #FF6600;
}
.result {
	font-weight: bold;
	color: #666666;
	margin-bottom: 10px;
	float: left;
}
.warning {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	margin: 15px;

}
.warning a {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
.error {
	position: relative;
	margin-left: 200px;
	margin-top: 70px;
	width: 500px;
	padding: 10px;
	font-size: 10px;
	color: #FF0000;
	background-color: #FFFFFF;
	border: 2px solid #FF0000;
	z-index: 50;
}
.error h1 {
	font-size: small;
	font-weight: bold;
	color: #FF0000;
}
.error_field, .error_field:focus {
	border: 1px solid #FF0000;
}
.status {
	font-size: x-small;
	font-style: italic;	
	text-align: left;
	clear: both;
}
.legend {
	margin: 10px;
	float: left;
	clear: left;
}
.symbol_legend {
	margin-left: 15px;
	font-size: xx-small;
	font-weight: bold;
}
.float-left {
	float: left;
	display: inline;
}
.float-right {
	float: right;
	display: inline;
}
img.float-left, img.float-right {
	padding: 15px;
}
.tip {
	font-size: 10px;
	width: 400px;
}
.clear {
	clear: both;
}
.no_clear {
	clear: none;
}

h1 .title_right {
	position: absolute;
	right: 1em;
	width: 10em;
	font-size: small;
}
.side_button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-decoration:none;
	text-align: center;
	font-size: medium;
	font-weight: bold;
}
.indent {
	margin-left: 10px;
}
.offset {
	margin-left: 50px;
}

/* Grid */
.grid {
	clear: both;
}
.grid *, .grid2 * {
	text-align: center;
}
.grid.one-line {
	overflow: hidden;
	height: 160px;
}
ul.grid {
	margin: 5px;
}
.grid li, .grid2 li {
	float:left;
	margin: 1px;
	padding: 5px;
	border: 1px dotted #999999;
	list-style-type:none;
	list-style-image: none;
	overflow: hidden;
}
.grid li {
	width: 105px;
	height: 145px;
}
.grid2 li {
	width: 100px;
	height: 100px;
	display: inline;
}
.grid li:hover {
	border: 1px solid #999999;
	background-color: #EEEEEE;
}
.grid li img {
	max-width: 100px;
	max-height: 75px;
}
.grid img {
	margin: 2px;
	display: block;
}
.grid .title {
	font-size: small;
	font-weight: bold;
}
.grid .owner {
	font-size: x-small;
	margin-top: 5px;
}
.no_picture_thumbnail {
	width: 100px;
	height: 75px;
	border: 1px solid #666666;
	margin: 3px;
}

/* List */
.list {
	width: 100%;
	border-collapse: collapse;
}
.list tr {
/*	height: 26px;*/
}
/*
.list tr:hover {
	color: #000000;
	background-color:#66CCFF;
}*/
.list td {
	font-size: x-small;
	padding: 2px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.list td.title {
/*	overflow: hidden;
	white-space: nowrap; */
}
.list td.user {
	width: 60px;
}
.list td.submitted {
	width: 70px;
	text-align: right;
}
.list th a {
	color: #333333;
	display: inline;
}
.list img {
	margin-right: 3px;
	vertical-align: bottom;
}
.list a {
	display: block;
}
.list a:hover {
	color: #000000;
	text-decoration: none;
}
.list .bold {
	font-size: small;
	font-weight: bold;
}
.list .labels {
	font-size: 10px;
	color: #FF6600;
}

/* Paging */
.paging {
	float: right;
	font-size: x-small;
	font-weight: bold;
	text-align: right;
	line-height: 2em;
	margin-bottom: 10px;
}
.paging img {
	vertical-align: middle;
}
.paging select, .paging option {
	font-size: x-small;
	background-color: transparent;
	border: 0;
}
.paging select {
	margin: 0 .5em;
}


/*******/
/* IDs */
/*******/
#main {
	font-size: small;
	border-width: 1px 3px 3px 1px;
	border-color: #666666;
	border-style: solid;
	background: transparent;
	background-color: #FFFFFF;
	padding: 10px 15px;
	opacity: .9;
/*	filter:alpha(opacity=90);		/* IE hack */
}
#user {
	text-align: right;
	font-weight: bold;
	font-size: x-small;
}
#user img {
	vertical-align: bottom;
	margin-left: 2px;
}
#user a {
	margin-right: .5em;
}
#username {
	font-size: small;
}

/* Picasa Web albums */
.picasa {
	margin: 0px;
}
.pw_album_list, .pw_photo_list {
	border: 1px dotted #666666;
	list-style-image: none;
	list-style-type: none;
	padding: 4px;
	margin: 2px;
	text-align: center;
	float: left;
}
.pw_album_list {
	width: 170px;
	height: 19em;
	overflow: hidden;
}
.pw_album_list:hover, .pw_photo_list:hover {
	border: 1px solid #666666;
	text-decoration: none;
}
.pw_album_list a:hover, .pw_photo_list a:hover {
	text-decoration: none;
}
.pw_album_list .album_name {
	font-variant: small-caps;
	line-height: 1.5em;
}
.pw_album_list .description {
	font-size: 10px;
	font-weight: normal;
}
.pw_album_list .published {
	font-size: 8px;
	line-height: 2em;
}
.pw_image {
	margin: 4px;
}
.picasa th, .picasa td {
	font-size: x-small;	
}

/* Widgets */
.widget {
	float: left;
	margin: 8px;
	margin-top: 0;
	width: 40%;
}
.widget h3, .widget caption {
	font-size: 12px;
}
#recent_recipes {
	width: 370px;
}
#recent_photos {
	width: 280px;
}
#recent_photos .grid li {
	padding: 2px;
	width: 75px;
	height: 100px;
}
#recent_photos .grid img {
	width: 70px;
}
#recent_photos .grid .title {
	font-size: x-small;
}

#actions {
	margin-top: 10px;
	text-align: center;
	clear: both;
}
#actions select {
	float: left;
	margin-left: 15px;
	font-weight: bold;
	font-variant: small-caps;	
}
#actions .action_link, #actions input {
	float: left;
}
#actions input {
	margin: 0;
	margin-left: 5px;
}
.action_link {
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	margin: 5px 0px 5px 15px;
	white-space: nowrap;
	width: auto;
	border: none;
	background-color: transparent;
	vertical-align: middle;
}
.action_link:hover {
	color:#666666;
	text-decoration: underline;
}
input.action_link {
	border: none;
	cursor: pointer;
	width: 40px;
}

#deal_list, #blog_list {
	margin: 0px 5px;
}
#deal_list .title, #blog_list .title {
	font-weight: bold;
}
#deal_list td .description {
	font-weight: normal;
}
#deal_list .source, #blog_list .author {
	width: 70px;
}
#deal_list .source a {
	font-weight: normal;
}
#deal_list .price {
	font-weight: bold;
	width: 50px;
}
#deal_list .posted, #blog_list .posted {
	text-align: right;
	width: 60px;
}

/* Recipe list tables */
#link_table {
	clear: both;
	margin-bottom: 10px;
	table-layout: fixed;
}
#link_table .name {
	width: 60%;
	font-size: 110%;
	font-weight: bold;
}
#link_table .description {
	font-size: 80%;
	font-weight: normal;
}
#link_table .url {
	width: 30%;
	white-space: nowrap;
	overflow: hidden;
}
#link_table .actions {
	width: 40px;
	text-align: right;
}
#link_table .actions a {
	display: inline;
}

/* Side Navigation */
#side_navigation ul {
	margin-left: 0;
	list-style: none;
	list-style-image: none;
}
#side_navigation ul li {
	background: #CCCCCC;
	border: 1px solid #666666;
	text-align: center;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	margin: 3px;
	letter-spacing: 1px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	overflow: hidden;
	
/*	margin: .4em;
	letter-spacing: .1em;*/
}
#side_navigation ul li a {
	padding: 8px 6px;
	display: block;
	
/*	padding: .5em;*/
}
#side_navigation ul a:hover {
	background-color: #FFFFFF;
	text-decoration: none;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

/* Manage */
.options {
	list-style: none;
	list-style-image: none;
	margin-left: 25px;
	margin-top: 25px;
	padding: 5px;
	width: 80%;
	border: 1px solid #999999;
}
.options li, .options li ul li {
	list-style-image: none;
	list-style-type: none;
	font-size: medium;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
	border: 1px dotted #999999;
}
.options img {
	vertical-align: middle;
	margin: 0 5px;
}
.options li ul li {
	list-style-image: url('../images/bullet_orange.png');
	margin-left: 2em;
	border: 0;
}
.options a {
	display: block;
	padding: 5px;
}
.options a:hover {
	text-decoration: none;
	background-color: #EEEEEE;
}
.options .description  {
	font-size: 65%;
	font-weight:normal;
	font-variant: normal;
	letter-spacing: 0;
	color: #333333;
}
.deals_table {
	width: 750px;
	margin-top: 5px;
	table-layout: fixed;
	clear: both;
}
.deals_table td {
	padding-right: 5px;
}
.deals_table, .deals_table input {
	font-size: x-small;
}
.deals_table .title, .deals_table .description, .deals_table .link, .deals_table .source, .deals_table .source_link, .deals_table .expires, .deals_table .posted {
	white-space: nowrap;
	overflow: hidden;
}
.deals_table .id {
	display: none;
}
.deals_table .title {
	width: 120px;
}
.deals_table .description {
	width: 150px;
}
.deals_table .link {
	width: 90px;
}
.deals_table .source {
	width: 80px;
}
.deals_table .source_link {
	width: 80px;
}
.deals_table .price {
	width: 50px;
}
.deals_table .expires {
	width: 75px;
}
.deals_table .posted {
	width: 75px;
}
.delete_item {
	width: 15px;
}
.change_order {
	width: 35px;
}

/* Misc */
#quick_search a {
	font-weight: normal;
}
#quick_search input {
	border: 1px #999999 solid;
	vertical-align: middle;
}
#footer {
	position: absolute;
	font-size: 8px;
	padding-top: 2px;
	padding-right: 2px;
	color: #000000;
	background-color: #DDDD99;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#footer a {
/*	text-transform: uppercase;*/
	font-size: 9px;
	font-variant: small-caps;
	margin-left: 4px;
	color: #555555;
}
#footer img {
	vertical-align: middle;
}
#view_picture {
	text-align: center;
}
#view_picture h1 {
	font-size: small;
	font-weight: bold;
	color: #000000;
}
#edit_link .url, #edit_link .description, #add_link .url, #add_link .description {
	width: 400px;
}
textarea#blog_template {
	width: 100%;
	height: 250px;
}


/* Tabs */
ul#index li.index, ul#search li.search, ul#view li.view, ul#edit li.edit, ul#new li.new, ul#recipe_box li.recipe_box, ul#secret li.secret, ul#profile li.profile, ul#my_recipes li.my_recipes, ul#sign_in li.sign_in, ul#register li.register, ul#deals li.deals, ul#deals_ li.deals_, ul#links li.links, ul#recipe_categor li.recipe_categor, ul#users li.users, ul#blog li.blog, ul#reasor li.reasor, ul#wong li.wong, ul#friends li.friends, ul#blogs li.blogs, ul#church li.church, ul#deals li.deals, ul#other li.other, ul#the_wongs li.the_wongs, ul#website li.website {
	opacity: .9;
	background-color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
ul#recipe_box li.recipe_box {
	background-color: #FFFFDD;
/*	border-color: #FF6600;*/
	border-right: 1px solid #FFFFDD;
}
ul#secret li.secret {
	background-color: #EEEEEE;
/*	border-color: #FF6600;*/
	border-right: 1px solid #EEEEEE;
}


/* Sortable Lists */
ul.sortable_list {
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	width: 200px;
}
ul.sortable_list li {
	list-style-type: none;
	list-style-image: none;
	cursor: move;
	font-variant: small-caps;
	font-weight: bold;
	padding: 2px 5px;
	margin: 2px 0px;
	border: 1px solid #000000;
	background-color: #FFCC00;
}
div.sortable_list div {
	cursor: move;
	padding: 2px 2px;
	margin: 2px 0px;
	border: 1px solid #000000;
	background-color: #daeda3;
	width: 400px;
}
div.sortable_list img {
	cursor: move;
	display: block;
	margin: 5px 0px;
	border: 1px solid #000000;
}
fieldset.sortable_list {
	float: left;
}
.sortable_list .handle {
	cursor: move;
}
legend img.handle {
	display: inline;
	vertical-align: middle;
	border: 0;
	margin: 0 5px;
}
ul#link-type li {
	background-color: #6699FF;
}
#category-type fieldset, #category-type ul {
	width: 140px;
}
.sitemeter img {
	display: none;
}