/* ::::: 1.css ::::: */

*, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td {
	margin: 0pt;
	padding: 0pt;
}

table {
	border-collapse: collapse;
	border-spacing: 0pt;
}

fieldset, img {
	border: 0pt none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {

 font: normal 16px Lucida Grande, Lucida Sans; }

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0pt none;
}
body {
	font-family: Georgia,Times New Roman, Times, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	background: none no-repeat center top;
}

table {
	font-size: inherit;
}

select, input, textarea {
	font-family: Georgia,Times New Roman, Times, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 99%;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
}

pre, code {
	font-family: monospace;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 115%;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
}

body * {
	line-height: 1.22em;
}

body {
	text-align: center;
}

#ft {
	clear: both;
}

#doc, #doc2, #doc3, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
	margin: auto;
	text-align: left;
	width: 57.69em;
	min-width: 750px;
}

#doc2 {
	width: 73.074em;
	min-width: 950px;
}

#doc3 {
	margin: auto 10px;
	width: auto;
}

.yui-b {
	position: relative;
}

.yui-b {
	
}

#yui-main .yui-b {
	position: static;
}

#yui-main {
	width: 100%;
}

.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
	float: right;
	margin-left: -25em;
}

.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
	float: left;
	margin-right: -25em;
}

.yui-t1 .yui-b {
	float: left;
	width: 12.3207em;
}

.yui-t1 #yui-main .yui-b {
	margin-left: 13.3207em;
}

.yui-t2 .yui-b {
	float: left;
	width: 13.8456em;
}

.yui-t2 #yui-main .yui-b {
	margin-left: 14.8456em;
}

.yui-t3 .yui-b {
	float: left;
	width: 23.0759em;
}

.yui-t3 #yui-main .yui-b {
	margin-left: 24.0759em;
}

.yui-t4 .yui-b {
	float: right;
	width: 13.8456em;
}

.yui-t4 #yui-main .yui-b {
	margin-right: 14.8456em;
}

.yui-t5 .yui-b {
	float: right;
	width: 18.4608em;
}

.yui-t5 #yui-main .yui-b {
	margin-right: 19.4608em;
}

.yui-t6 .yui-b {
	float: right;
	width: 23.0759em;
}

.yui-t6 #yui-main .yui-b {
	margin-right: 24.0759em;
}

.yui-t7 #yui-main .yui-b {
	margin: 0pt 0pt 1em;
}

#yui-main .yui-b {
	float: none;
	width: auto;
}

.yui-g .yui-u, .yui-g .yui-g, .yui-gc .yui-u, .yui-gc .yui-g .yui-u, .yui-ge .yui-u, .yui-gf .yui-u {
	float: right;
	display: inline;}

.yui-g div.first, .yui-gc div.first, .yui-gc div.first div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first {
	float: left;
}

.yui-g .yui-u, .yui-g .yui-g {
	width: 49.1%;
}

.yui-g .yui-g .yui-u, .yui-gc .yui-g .yui-u {
	width: 48.1%;
}

.yui-gb .yui-u, .yui-gc .yui-u, .yui-gd .yui-u {
	float: left;
	margin-left: 2%;
	width: 32%;
}

.yui-gb div.first, .yui-gc div.first, .yui-gd div.first {
	margin-left: 0pt;
}

.yui-gc div.first, .yui-gd .yui-u {
	width: 66%;
}

.yui-gd div.first {
	width: 32%;
}

.yui-ge .yui-u {
	width: 24%;
}

.yui-ge div.first, .yui-gf .yui-u {
	width: 74.2%;
}

.yui-gf div.first {
	width: 24%;
}

.yui-ge div.first {
	width: 74.2%;
}

#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {
	content: ".";
	display: block;
	height: 0pt;
	clear: both;
	visibility: hidden;
}

#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
	
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

small {
	font-size: 0.85em;
}

big {
	font-size: 1.3em;
}

pre, code {
	font-size: 92%;
	font-family: monaco,monospace;
}

iframe, img {
	border: 0pt none;
}

.tagcloud .fs1, .fs10 {
	font-size: 77%;
}

.tagcloud .fs2, .fs11 {
	font-size: 85%;
}

.fs12 {
	font-size: 92%;
}

.tagcloud .fs3, .fs13 {
	font-size: 100%;
}

.fs14 {
	font-size: 107%;
}

.fs15 {
	font-size: 114%;
}

.tagcloud .fs4, h5, .fs16 {
	font-size: 122%;
}

.fs17 {
	font-size: 129%;
}

.tagcloud .fs5, h4, .fs18 {
	font-size: 136%;
}

.fs19 {
	font-size: 144%;
}

h3, .fs20 {
	font-size: 152%;
}

.fs21 {
	font-size: 159%;
}

h2, .fs22 {
	font-size: 167%;
}

.fs23 {
	font-size: 174%;
}

h1, .fs24 {
	font-size: 182%;
}

.fs25 {
	font-size: 189%;
}

.fs26 {
	font-size: 197%;
}

.ff_verdana {
	font-family: verdana;
}

.dropcap {
	font-size: 400%;
	line-height: 0.85em;
	display: block;
	float: left;
	padding-right: 0.08em;
	text-transform: uppercase;
	font-weight: bold;
}

.tagcloud {
	text-align: justify;
}

.tagcloud a {
	text-decoration: none;
}

.tagcloud a:hover {
	text-decoration: underline;
}

ul.inline li {
	float: left;
	display: block;
	margin-right: 1.6em;
}

ul.simple li, ul.checklist li {
	margin-left: -3.2em;
}

div.simple p {
	margin: 0pt;
	text-indent: -1.75em;
	padding-left: 2em;
	line-height: 1.2em;
}

ul.square, ul.round {
	margin-bottom: 0.8em;
	list-style-type: square;
	margin-left: 2em;
}

ul.round {
	list-style-type: disc;
}

ul.checklist {
	margin-bottom: 1em;
}

ul.checklist li {
	list-style-image: url('checkbox.gif');
}

/* ::::: 2.css ::::: */

.tal {
	text-align: left;
}

.tac, .center {
	text-align: center;
}

.tar, .t_ar {
	text-align: right;
}

.nobreak {
	white-space: nowrap;
}

.caps {
	text-transform: uppercase;
}

.topic_header, .topic_header_underline {
	font-weight: bold;
	text-transform: uppercase;
}

.topic_header a, .topic_header_underline a {
	text-decoration: none;
}

.topic_header a:hover, .topic_header_underline a:hover {
	text-decoration: underline;
}

h2.topic_header, h2.topic_header_underline {
	font-size: 136%;
	 font: normal Lucida Grande, Lucida Sans;}

h3.topic_header, h3.topic_header_underline {
	font-size: 122%;
	 font: normal Lucida Grande, Lucida Sans;}

h4.topic_header, h4.topic_header_underline {
	font-size: 107%;
	 font: normal Lucida Grande, Lucida Sans;}

.topic_header_underline {
	border-bottom: 1px solid rgb(204, 204, 204);
	margin-bottom: 0.6em;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.clear_1px {
	font-size: 1px;
	line-height: 1px;
}

.clear_10px {
	font-size: 0.8em;
	line-height: 0.8em;
}

.clear_20px {
	font-size: 1.6em;
	line-height: 1.6em;
}

.clear_30px {
	font-size: 2.4em;
	line-height: 2.4em;
}

.clear_40px {
	font-size: 3.2em;
	line-height: 3.2em;
}

.clear_50px {
	font-size: 4em;
	line-height: 4em;
}

.p0 {
	padding: 0pt;
}

.p5 {
	padding: 0.4em;
}

.p10 {
	padding: 0.8em;
	
}

.p20 {
	padding: 1.6em;
}

.p25 {
	padding: 1.8em;
}

.pt10 {
	padding-top: 0.8em;
}

.pl10 {
	padding-left: 0.8em;
}

.m10 {
	margin: 0.8em;
}

.mt10 {
	margin-top: 0.8em;
}

.mt20 {
	margin-top: 1.6em;
}

.mt30 {
	margin-top: 2.4em;
}

.mt15 {
	margin-top: 1.2em;
}

.mr10 {
	margin-right: 0.8em;
}

.mr20 {
	margin-right: 1.6em;
}

.mb20 {
	margin-bottom: 1.6em;
}

.mb10 {
	margin-bottom: 0.8em;
	
}

.mb20 {
	margin-bottom: 1.6em;
}

.ml10 {
	margin-left: 0.8em;
}

.ml20 {
	margin-left: 1.6em;
}

.nb {
	border: 0pt none;
}

.button {
	margin: 0pt 0pt -0.4em;
}

.topic_header, .topic_header a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

.topic, .topic a {
	text-transform: uppercase;
	text-decoration: none;
}

/* ::::: 3.css ::::: */

body {
	color: rgb(51, 51, 51);
}

#custom-doc {
	margin: auto;
	width: 75.38em;
	min-width: 820px;
	text-align: left;
}

#yui-main .yui-b, .yui-t7 #yui-main .yui-g {
	padding: 0.8em;
	background-color: rgb(255, 255, 255);
}

.yui-t6 .yui-b {
	width: 23.85em;
}

.yui-t6 #yui-main .yui-b {
	margin-right: 24.85em;
}

#header_logo {
	width: 234px;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}

#header_logo_link a {
	display: block;
	text-decoration: none;
}

#header_logo_link a, #header_logo {
	height: 74px;
}

#header_logo_alt, #page_menu, #mobile_message {
	display: none;
}

#nav_about, #user_menu {
	font-family: verdana;
	font-size: 85%;
	text-align: right;
	float: right;
}

#user_menu {
	width: 30em;
}

#theme_menu {
	
}

#searchbar {
	text-align: right;
	float: right;
	width: 35em;
	margin-top: 1.8em;
}

#searchbar .entry {
	border: 0pt none;
	padding: 3px 0pt 0pt 3px;
	height: 1.4em;
	font-family: verdana;
	font-weight: bold;
	font-size: 85%;
	color: rgb(102, 0, 0);
	width: 30em;
}

#nav_tier1 #main_menu {
	line-height: 1.2em;
	font-weight: bold;
	font-family: verdana;
	width: 48em;
}

#nav_tier1 #main_menu a {
	display: block;
	float: left;
	text-decoration: none;
}

#nav_tier1 #main_menu li {
	padding: 0.8em;
	list-style-type: none;
	float: left;
}

#nav_tier1 a:active {
	text-decoration: none;
}

#nav_tier1 .current .menu_link_text {
	border-bottom: 2px solid rgb(229, 96, 64);
}

#nav_tier1 #main_menu a:hover {
	text-decoration: underline;
}

#nav_tier1 #main_menu .current a:hover {
	text-decoration: none;
}

.toggle_button_toggled, .toggle_button {
	margin: 0pt 0pt 0pt 0.3em;
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 17px;
	width: 17px;
	background-image: url(../images/arrow-toggle4.gif);
}

.toggle_button:hover {
	background-position: 0pt -17px;
}

.toggle_button_toggled {
	background-position: 0pt -51px;
}

.toggle_button_toggled:hover {
	background-position: 0pt -34px;
}

.toggle_link {
	text-align: right;
	font-size: 85%;
	float: right;
}

.nav_tier2 {
	margin-top: -0.3em;
}

.nav_tier2 ul {
	margin-right: 2em;
}

.nav_tier2 ul li {
	width: auto;
}

.nav_tier2 h3 {
	font-size: 85%;
	text-transform: uppercase;
	color: rgb(229, 96, 64);
}

#ft {
	padding: 0.8em 30px 0pt;
	clear: both;
	font-size: 85%;
	color: #999999;
}

#ft_body, #ft_nav {
	background-image: url(http://www.klappmagazine.com/images/uploads/int/footer-dottedline-bkg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	color: #999999;
	
}

#ft h3 {
	margin: 15px 0pt 25px;
	text-transform: uppercase;
	font-size: 107%;
	font-weight: bold;
	 font-family:  Lucida Grande, Lucida Sans;	
}

#ft_nav {
	padding: 40px 0pt 0.8em;
}

#ft a:hover {
	text-decoration: underline;
}

#ft h5 {
	font-weight: bold;
}

#ft .more {
	margin: 0pt 0pt 0.8em;
	text-align: right;
	 font-family:  Lucida Grande, Lucida Sans;
	font-weight: bold;
}

#ad_box, #sidebar #ad_box_2 {
	margin: 0pt 0pt 0.8em;
	padding: 5px;
	background-color: rgb(255, 255, 255);
	text-align: center;
	height: 260px;
}

#ad_box div, #ad_box table, #sidebar #ad_box_2 div, #sidebar #ad_box_2 table {
	margin: 0pt auto;
}

#sidebar #ad_box_2 {
	height: auto;
}

.module {
	padding: 0.8em;
	background-color: rgb(255, 255, 255);
	margin-bottom: 0.8em;
}

.module .module {
	padding: 0pt;
	background: transparent none repeat;
}

.module_body .viewing_self {
	font-weight: bold;
}

.tagcloud a {
	font-weight: bold;
}

.tagcloud .fs5 a {
	color: rgb(206, 46, 46);
}

.tagcloud .fs4 a {
	color: rgb(3, 135, 170);
}

.tagcloud .fs3 a {
	color: rgb(218, 133, 23);
}

.tagcloud .fs2 a {
	color: rgb(69, 136, 20);
}

.tagcloud .fs1 a {
	color: rgb(119, 30, 104);
}

.list_item h3, .gumball h4 {
	font-size: 100%;
	font-weight: bold;
}

.gumball_thumb {
	border: 1px solid rgb(204, 204, 204);
	background-color: rgb(238, 238, 238);
}

.gumball_thumb h4 {
	margin-bottom: 0.4em;
}

.gumball_thumb h4, .gumball_thumb p {
	padding-right: 0.8em;
}

.gumball_thumb .topic {
	margin-top: 1em;
}

.hub_front_door #blogs .post .topic, .gumball .topic {
	font-weight: bold;
	margin-bottom: 0.4em;
	font-size: 92%;
}

small.media_type {
	color: rgb(85, 85, 85);
	text-transform: capitalize;
}

.gumball img {
	margin: 0.4em;
	float: left;
}



.featured_item h3 {
	font-size: 197%;
	margin-bottom: 0.5em;
}

.featured_item .topic {
	margin-top: 1em;
	margin-bottom: 1em;
}

.featured_item .author {
	margin-top: 0.8em;
}

.list_item h3 a, .gumball h3 a, .gumball h4 a, .list_item h3 a:hover, .list_item:hover h3 a, .gumball a:hover {
	text-decoration: underline;
}

.featured_item h3 a {
	text-decoration: none;
}

.featured_item h3 a:hover {
	text-decoration: underline;
}

.list_item img {
	float: left;
	margin-right: 0.4em;
}

.list_item {
	margin-bottom: 0.8em;
}

a, a:link {
	color: rgb(51, 51, 51);
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	cursor: pointer;
}

a:hover {
	color: rgb(85, 85, 85);
}

.topic_header, .topic_header a, .topic_header_underline, .topic_header_underline a, .topic, .topic a, .t_red {
	color: rgb(189, 47, 31);
	font-family: Georgia, "Times New Roman", Times, serif;
}

.t_grey {
	color: rgb(51, 51, 51);
}

.t_mediumgrey {
	color: rgb(119, 119, 119);
}

#hd, #hd a, #hd a:hover, #ft, #ft a, #ft a:hover {
	text-decoration: none;
}

#hd a:hover, #ft a:hover {
	text-decoration: underline;
}

form .button {
	margin: 0pt 0pt -6px;
}

.form_row {
	clear: both;
	margin-bottom: 0.5em;
}

.form_row label {
	width: 130px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 0.4em;
}

.errorExplanation {
	padding: 0.8em;
	background-color: rgb(255, 249, 153);
	margin-bottom: 0.8em;
}

.errorExplanation h2 {
	font-size: 122%;
}

.more {
	text-align: right;
	font-family: verdana;
}

.more_img {
	line-height: 22px;
	font-size: 85%;
	font-weight: bold;
}

.more_img a {
	background-image: url('arrow-right-red-circle.png');
	background-repeat: no-repeat;
	background-position: right center;
}

.more_img a:hover {
	background-image: url('arrow-right-yellow-circle.png');
	text-decoration: underline;
	color: rgb(152, 32, 12);
}

.more_img a {
	padding: 10px 30px 10px 0pt;
	text-decoration: none;
	color: rgb(152, 32, 12);
}

.more_img:hover a {
	text-decoration: underline;
}

.more_img img {
	margin: 0pt 0pt -6px 5px;
}

.dropcap {
	color: rgb(189, 48, 32);
}

i .dropcap, em .dropcap {
	font-style: normal;
}

blockquote.dropquote {
	margin: 0pt 0pt 1em;
	padding: 0pt;
	font-size: 2em;
	color: rgb(189, 48, 32);
	font-weight: bold;
	font-family: arial,sans-serif;
}

blockquote p.pullquote {
	margin: 0pt 1em 1em;
	padding: 0pt;
	font-size: 1.8em;
	color: rgb(189, 47, 31);
}

blockquote p.pullquote_small_right, blockquote p.pullquote_small_left {
	margin: 0pt;
	font-weight: bold;
	font-size: 1.2em;
	color: rgb(189, 47, 31);
	width: 200px;
}

blockquote p.pullquote_small_right {
	padding: 10px 0pt 10px 10px;
	float: right;
}

blockquote p.pullquote_small_left {
	padding: 10px 10px 10px 0pt;
	float: left;
}

.post blockquote {
	margin: 0pt 20px 1em;
	padding: 0pt 0pt 0pt 42px;
	background-image: url('bq-tl.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

p.separator {
	border-top: 2px dotted rgb(102, 0, 0);
	clear: both;
	margin-top: 2em;
	margin-bottom: 2em;
}

p.separator del {
	margin: 0pt auto;
	display: block;
	width: 105px;
}

.bg_grey {
	background-color: rgb(221, 221, 221);
}

.bg_lightgrey {
	background-color: rgb(238, 238, 238);
}

.bg_tan {
	background-color: rgb(247, 239, 225);
}

.bg_lightblue {
	background-color:#f4f6e0;
}

.bg_paleblue {
	background-color: rgb(216, 226, 234);
}

.bg_white {
	background-color: rgb(255, 255, 255);
}

.bg_lightyellow, .bg_error {
	background-color: rgb(255, 244, 170);
}

.nb {
	border: 0pt none;
}

.b_grey {
	border: 1px solid rgb(119, 119, 119);
}

.b_lightgrey {
	border: 1px solid rgb(204, 204, 204);
}

.bt_medblue {
	border-top: 1px solid rgb(142, 162, 176);
}

.bb_medblue {
	border-bottom: 1px solid rgb(186, 79, 12);
}

.bt_grey {
	border-top: 1px solid rgb(153, 153, 153);
}

.bb_grey {
	border-bottom: 1px solid rgb(153, 153, 153);
}

.bb_lightgrey {
	border-bottom: 1px solid rgb(204, 204, 204);
}

.bt_lightgrey {
	border-top: 1px solid rgb(204, 204, 204);
}

#simple {
	margin: 25px;
}

#simple #custom-doc {
	width: 46.77em;
	min-width: 608px;
}

#simple #bd {
	padding: 20px 18px 0pt;
	background-color:#f4f6e0;
}

#login, #signup {
	padding: 10px;
	background-color: rgb(247, 239, 225);
}

#simple #login h3, #simple #signup h3 {
	margin: 0pt 0pt 10px;
}

.boards_list table h4 {
	font-size: 85%;
	font-weight: bold;
}

.boards_list table a:hover {
	color: rgb(153, 0, 0);
}

.search-highlight {
	background: rgb(255, 255, 153) none repeat;
}

.hub_front_door #yui-main .yui-b {
	padding: 0pt;
	background: transparent none repeat;
}

.hub_front_door .yui-gd .yui-u .yui-g {
	padding: 0.8em;
}

.hub_front_door .yui-gd .yui-u .yui-g .yui-u {
	width: 49%;
}

.hub_front_door #boards .more_img a {
	padding: 10px 25px 10px 0pt;
	background-image: url('arrow-right-greyred-circle-onwhite.gif');
	line-height: 20px;
}

.hub_front_door #boards .topic_header {
	padding-top: 0.25em;
	padding-bottom: 0.35em;
}

.hub_front_door #boards table {
	margin-bottom: 0.4em;
}

.hub_front_door #recipes h2 {
	padding: 0.4em;
	margin-bottom: 0pt;
}

.hub_front_door #recipes .gumball {
	padding: 0.6em;
}

.hub_front_door #recipes .gumball:hover {
	background-color: rgb(234, 247, 250);
}

.hub_front_door #main2 {
	margin-left: 1em;
	width: 66.6%;
}

.hub_recipes #yui-main h4.topic_header {
	color: rgb(77, 125, 139);
}

.hub_recipes #yui-main .gumball_thumb, .hub_recipes #yui-main .featured_item {
	border: 1px solid rgb(204, 204, 204);
	background-color: rgb(255, 255, 255);
}

.recipes_show .yui-gd .yui-u ul li, .recipes_preview .yui-gd .yui-u ul li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0.4em;
}

.recipes_show .yui-gd .yui-u h3, .recipes_preview .yui-gd .yui-u h3 {
	font-size: 114%;
}

.recipes_show .yui-gd .yui-u h4, .recipes_preview .yui-gd .yui-u h4 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0.4em;
}



.credit {
	margin-top: 1.8em;
	font-size: 85%;
	text-align: right;
	color: rgb(102, 102, 102);
}

.ingredients_show p, .content_intro, .content_intro p, .content_body p {
	margin-bottom: 0.8em;
}

.ingredients_show h1, .content_intro h1, .content_intro h3, .content_intro .author {
	font-weight: bold;
}

.content_intro .author {
	color: rgb(85, 85, 85);
}

.ingredients_show h1, .content_intro h1 {
	margin-bottom: 0.6em;
	font-size: 204%;
}

.content_intro h3 {
	margin-bottom: 1em;
	font-size: 122%;
}

.content_intro img {
	float: left;
}

p.partof {
	margin: 5px 5px 5px 0px;
	background-color: rgb(128, 33, 16);
	color: rgb(255, 255, 255);
	font-size: 0.85em;
	line-height: 1.8em;
	width: 290px;
}

p.partof:hover {
	background-color: rgb(154, 54, 45);
}

p.partof strong {
	padding: 0pt 10px 0pt 18px;
	background-image: url('arrow-left-white.png');
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

p.partof a, p.partof a:hover {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

.author_bio {
	margin-bottom: 2em;
}

.stories_show .content_body ul {
	margin-bottom: 0.8em;
	list-style-type: square;
	margin-left: 2em;
}

.stories_show .content_body .d1, .stories_show .content_body .d2, .stories_show .content_body .d3, .stories_show .content_body .d4, .stories_show .content_body .d5, .stories_show .content_body .d6, .stories_show .content_body .d7, .stories_show .content_body .d8, .stories_show .content_body .d9, .stories_show .content_body .d10, .stories_show .content_body .d11, .stories_show .content_body .d12, .stories_show .content_body .d13, .stories_show .content_body .d14, .stories_show .content_body .d15, .stories_show .content_body .d16, .stories_show .content_body .d17, .stories_show .content_body .d18, .stories_show .content_body .d19, .stories_show .content_body .d20, .stories_show .content_body .d21, .stories_show .content_body .d22, .stories_show .content_body .d23, .stories_show .content_body .d24, .stories_show .content_body .d25, .stories_show .content_body .d26, .stories_show .content_body .d27, .stories_show .content_body .d28, .stories_show .content_body .d29, .stories_show .content_body .d30 {
	margin: 0pt 0pt 1em;
}

.stories_show .content_body .question h2, .stories_show .content_body .question p {
	color: rgb(142, 16, 10);
}

.stories_show .content_body .question p, .stories_show .content_body .answer .p_first {
	margin: 0pt 0pt 1em;
	padding: 0pt;
}

.stories_show .content_body .answer blockquote {
	font-size: 1.4em;
	color: rgb(162, 17, 9);
}

.stories_show .content_body img {
	padding-right: 10px;
}

.stories_show .inline_sidebar {
	border: 1px solid rgb(204, 204, 204);
	padding: 10px;
}

.stories_show .inline_sidebar h3 {
	margin-bottom: 0.8em;
}

.three_image_row {
	width: 415px;
	margin-right: auto;
	margin-left: auto;
}

.three_image_row .inline_image {
	float: left;
}

.inline_image {
	text-align: left;
}

.inline_image p {
	font-family: verdana;
	font-size: 85%;
}

.inline_image h3 {
	margin: 0pt;
}

.inline_image_right, .inline_image_left {
	text-align: left;
	font-family: verdana;
	font-size: 85%;
	color: rgb(85, 85, 85);
}

.inline_image_right p, .inline_image_left p {
	margin: 0pt;
	padding: 0pt;
}

.inline_image_right {
	margin: 0pt 0pt 5px 10px;
	float: right;
}

.inline_image_left {
	margin: 0pt 10px 5px 0pt;
	float: left;
}

.inline_image_right .caption, .inline_image_left .caption {
	padding: 5px;
	font-family: verdana;
	font-size: 85%;
}

.story_feature h1 {
	font-weight: bold;
}

.story_feature p {
	margin-bottom: 0.8em;
}

.post h4 {
	font-size: 100%;
	font-weight: bold;
}

.post_reply {
	background-image: url('arrow-right_up.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 22px;
	padding-bottom: 0.4em;
	padding-left: 1em;
}

.post_reply, .post_reply a {
	color: rgb(119, 119, 119);
	text-decoration: none;
}

.post_reply a:hover {
	text-decoration: underline;
}

.nav, .post_info, .post_info_nb, .board_meta, table.posts th, #dropdown, #dropdown-menu, .gumball_post .post_date {
	font-family: verdana;
	font-size: 85%;
}

.post_info {
	border-top: 2px dotted rgb(204, 204, 204);
	padding-top: 0.5em;
	margin-top: 0.5em;
}

.user_tooltip {
	border: 1px solid rgb(204, 204, 204);
	padding: 5px;
	margin-top: 0.5em;
	background-color: rgb(255, 255, 255);
}

.post_info, .post_info a {
	color: rgb(85, 85, 85);
}

.post_info_nb, .post_info_nb a {
	color: rgb(119, 119, 119);
}

#comments {
	margin-top: 2em;
}

.hub_front_door #blogs .post, #comments .post {
	border: 10px solid rgb(221, 221, 221);
	margin: -10px 0pt 0pt;
}

#comment_form form {
	border-top: 1px solid rgb(204, 204, 204);
	padding: 10px;
	background: rgb(238, 238, 238) none repeat;
}

#comment-box {
	width: 400px;
	margin-right: -10px;
	margin-left: 65px;
	padding-top: 10px;
	padding-left: 10px;
}

#comment-box label {
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
}

#comment-box .entry {
	padding: 5px;
	width: 400px;
	height: 10em;
	font-family: arial,sans-serif;
	font-size: 1em;
	display: block;
}

#comment-box .button {
	margin: 5px 0pt 0pt;
	display: block;
	float: right;
}

.blog #yui-main .yui-b {
	background-color: rgb(238, 238, 238);
}

.blog #yui-main .post {
	padding: 0.8em;
	background-color: rgb(255, 255, 255);
	margin-bottom: 0.8em;
}

.blog #yui-main .post h3 {
	font-weight: bold;
	margin-bottom: 0.5em;
}

.blog #yui-main .post h3, .blog #yui-main .post h3 a {
	text-decoration: none;
}

.blog #yui-main .post h3 a:hover {
	text-decoration: underline;
}

.blog .post p {
	margin-bottom: 0.8em;
}

.blog #yui-main ul.square {
	color: rgb(191, 72, 24);
}

.blog #yui-main .module {
	padding: 0pt;
}

.base_index #yui-main .yui-gd h5 {
	font-size: 85%;
	font-weight: bold;
	color: rgb(119, 119, 119);
}

.grinder #comments, .digest #comments {
	padding: 0.8em;
	background-color: rgb(255, 255, 255);
}

.grinder #comments .bg_grey, .digest #comments .bg_grey {
	background-color: rgb(238, 238, 238);
}

.grinder #comments .post, .digest #comments .post {
	border: 0pt none;
	margin-bottom: 0pt;
}

.blog .content_header {
	margin: 0pt 0.8em 0.8em;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url('grinder-header.png');
}

.blog .content_header, .blog .content_header_link a {
	display: block;
	text-decoration: none;
	height: 105px;
}

.blog .content_header_alt {
	display: none;
}

.digest .content_header {
	background-image: url('digest-header.gif');
}

.tour .content_header {
	margin: auto;
	background-image: url('chowtour.jpg');
	background-position: center top;
}

.tour .content_header, .tour .content_header_link a {
	height: 150px;
}

.tour .content_header_description, .tour #yui-main .post h3, .tour #yui-main .post h3 a {
	color: rgb(5, 68, 173);
}

.tour #map {
	border: 1px solid rgb(204, 204, 204);
	height: 250px;
	margin-bottom: 1em;
}

.topics_new #header_logo, .topics_show #header_logo, .boards_show #header_logo, .new_posts_show #header_logo, .hub_boards #header_logo {
	width: 355px;
	margin-top: 1.2em;
}

.topics_new #header_logo, .topics_show #header_logo, .boards_show #header_logo, .hub_boards #header_logo, .new_posts_show #header_logo, .new_posts_show #header_logo_link a, .topics_new #header_logo_link a, .topics_show #header_logo_link a, .boards_show #header_logo_link a, .hub_boards #header_logo_link a {
	height: 50px;
}

.gumball_post {
	border: 10px solid rgb(248, 239, 210);
	padding: 0.8em;
}

.postcount li {
	list-style-type: none;
}

table.posts {
	border-top: 1px solid rgb(204, 204, 204);
	border-bottom: 10px solid rgb(248, 239, 210);
	width: 100%;
	margin-bottom: 20px;
}

table.posts th {
	background-color: rgb(248, 239, 210);
}

table.posts .block_header {
	border-top: 1px solid rgb(223, 215, 188);
	border-bottom: 1px solid rgb(223, 215, 188);
	background-color: rgb(233, 226, 196);
}

table.posts .block_header .topic_header {
	padding-left: 0.7em;
}

table.posts th, table.posts td {
	padding: 0.4em;
}

table.posts tr.post_padding, table.posts td.post_padding, table.posts th.post_padding {
	background-color: rgb(248, 239, 210);
}

table.posts tr.post_padding td {
	line-height: 8px;
}

table.posts td.post_status {
	width: 16px;
}

table.posts td.post_title {
	overflow: hidden;
}

table.posts td.post_count {
	border-left: 2px solid rgb(248, 239, 210);
	border-right: 2px solid rgb(248, 239, 210);
	width: 2em;
	text-align: center;
	font-size: 132%;
}

table.posts td.post_count, table.posts td.post_count a {
	color: rgb(189, 47, 31);
}

table.posts tr.topic_header td, table.posts .post td {
	border-bottom: 3px solid rgb(248, 239, 210);
}

table.posts th {
	color: rgb(85, 85, 85);
}

table.posts a {
	text-decoration: none;
}

table.posts a:hover {
	text-decoration: underline;
}

tr.topic_header h4 {
	font-size: 85%;
	color: rgb(189, 47, 31);
}

table.posts .topic a {
	font-family: arial;
	color: rgb(189, 47, 31);
}

.hub_front_door #blogs .post .topic a:hover, table.posts .topic a:hover {
	text-decoration: underline;
}

.topics_new #yui-main .yui-b, .topics_show #yui-main .yui-b, .boards_show #yui-main .yui-b, .new_posts_show #yui-main .yui-b, .hub_boards #yui-main .yui-b {
	position: relative;
}

.topics_new #post-box, .topics_show #post-box {
	margin-top: -0.8em;
}

#dropdown {
	border: 1px solid rgb(189, 82, 36);
	padding: 0.8em;
	position: absolute;
	z-index: 5;
	right: 0.8em;
	top: 2.8em;
	background-color: rgb(255, 255, 255);
}

#dropdown-menu {
	margin-top: -3px;
	line-height: 20px;
}

#dropdown a {
	text-decoration: none;
}

#dropdown a:hover {
	text-decoration: underline;
}

#dropdown-menu .toggle_button_toggled, #dropdown-menu .toggle_button, .post .toggle_button_toggled, .post .toggle_button {
	background-image: url(../images/arrow-toggle-orange.gif);
}

.topics_show .post, .topics_new .post, .topics_show #comments .post {
	border: 10px solid rgb(248, 239, 210);
	position: relative;
}

.topics_show .post h1 {
	margin-bottom: 0.4em;
	font-weight: bold;
}

.topics_show .post p {
	margin-bottom: 0.8em;
}

.profile .gumball_post p.description {
	overflow: hidden;
	
}

.topics_show #comments ol ol {
	margin-left: 20px;
}

.topics_show .post_info, .profile .post_info {
	border-top: 2px dotted rgb(233, 226, 196);
}

.topics_show .post_info abbr {
	text-decoration: none;
}

.topics_show #comments {
	margin-top: 1em;
}

.topics_show .block_header {
	border-top: 1px solid rgb(223, 215, 188);
	border-bottom: 1px solid rgb(223, 215, 188);
	margin: 15px 0pt 0px;
	background-color: rgb(233, 226, 196);
}

.topics_show .topic_reply_count {
	margin: 15px 0pt 22px;
}

.topics_show .block_header .topic_header {
	color: rgb(117, 111, 79);
}

.post_info .post_options, .post_info .post_date {
	margin-top: 8px;
}

.topics_show #comments .post_collapsed, .topics_show .post_collapsed {
	border: 2px solid rgb(248, 239, 210);
	margin-top: -2px;
	margin-bottom: 8px;
	background-color: rgb(255, 255, 255);
}

.topics_show .post_collapsed p {
	margin-bottom: 0pt;
}

.topics_show .post_collapsed .p10 {
	padding: 0.4em;
}

.topics_show #comment_form form {
	border: medium none;
	padding: 0pt;
	background-color: rgb(255, 255, 255);
}

.post_form .entry, .comment_form_inline .entry, .post_body .inplaceeditor-form .editor_field {
	border: 1px solid rgb(221, 221, 221);
	width: 99%;
	color: rgb(51, 51, 51);
	margin-bottom: 0.8em;
}

h1 .inplaceeditor-form {
	width: 100%;
}

h1 .inplaceeditor-form .editor_field {
	width: 80%;
	font-weight: bold;
}

h1 .inplaceeditor-form input.editor_ok_button {
	margin-right: 0.4em;
	margin-left: 0.4em;
}

h1 .inplaceeditor-form input.editor_ok_button, h1 .inplaceeditor-form a.editor_cancel {
	font-size: 0.5em;
}

.response {
	margin-left: 20px;
}

.post_form .inline_form {
	background-color: rgb(233, 226, 196);
	margin-top: -0.5em;
}

.topics_new .post_form h1 input {
	font-weight: bold;
}

.topics_new .post_form .inline_form {
	margin-top: 0pt;
}

.post_form .inline_form .results {
	border: 1px solid rgb(137, 130, 99);
}

.post_form .entry {
	padding: 0.2em;
}

.post_form .post_options input, .post_form .post_options .spinner {
	margin-top: -0.6em;
	margin-bottom: 0.4em;
}

.post_form .post_info .button, .post_body .inplaceeditor-form .editor_ok_button {
	padding: 5px 5px 10px;
	text-transform: uppercase;
	color: rgb(137, 130, 99);
	background-color: rgb(248, 239, 210);
	width: 12em;
	font-weight: bold;
	text-align: center;
	float: left;
	margin-right: 10px;
}

.post_body .inplaceeditor-form .editor_ok_button {
	padding: 1px;
	height: 1.6em;
}

.post_body .inplaceeditor-form {
	padding-bottom: 1em;
}

.inplaceeditor-saving {
	padding: 0.4em;
	font-weight: bold;
	color: rgb(229, 96, 64);
}

.post_form .post_info .button_active {
	background-color: rgb(233, 226, 196);
}

.post_form .post_info .button a, .post_form .post_info .button a:hover {
	color: rgb(201, 103, 51);
	text-decoration: underline;
}

.post_form .post_info .button_active a {
	color: rgb(137, 130, 99);
	text-decoration: none;
}

img.user-upload {
	border: 1px solid rgb(204, 204, 204);
	margin-bottom: 0.4em;
}

#board-banner {
	margin-bottom: 5px;
}

.profile .gumball_post {
	border-bottom: medium none;
}

.profile .gumball_last {
	border-bottom: 10px solid rgb(248, 239, 210);
}

.gumball_post .post_date {
	color: rgb(85, 85, 85);
	margin-top: 0.5em;
}

.profile .vcard p {
	margin-left: 75px;
}

.profile #photo_form {
	width: 70px;
}

.profile #RB_redbox #photo_form {
	width: auto;
}

.profile #photo_form #profile_upload {
	padding-top: 6px;
}

.profile .vcard #photo_form p {
	margin-left: 0pt;
}

#profile_nav_toggled {
	border-bottom: 2px solid rgb(229, 96, 64);
}

#profile_nav_toggled:hover {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

#profile_blog {
	text-decoration: underline;
}

#profile_blog.inplaceeditor-saving {
	text-decoration: none;
}

.profile_photos .photo .post_link {
	background: transparent none repeat;
	overflow: hidden;
	margin-top: -1.3em;
	text-align: center;
	font-weight: bold;
	padding-left: 55px;
	width: 0px;
}

.profile_photos .photo .post_link:hover {
	padding-left: 0px;
	width: 55px;
}

.profile_photos .photo .post_link a {
	color: rgb(255, 255, 255);
}

.profile_photos .photo {
	float: left;
}

#activity .post_date {
	float: right;
	padding-top: 0.6em;
}

#activity h4 span {
	font-weight: normal;
}

#activity h4 {
	padding-bottom: 0.4em;
}

.static_about p {
	margin-bottom: 0.8em;
}



.content_feature {
	padding: 10px;
	background-color: rgb(214, 228, 231);
}

.content_feature h1 {
	margin: 0pt 0pt 10px;
	padding: 0pt;
}

.content_feature h3 {
	color: rgb(189, 47, 31);
	text-transform: uppercase;
}

.content_feature ul {
	margin: 0pt;
	padding: 0pt;
}

.content_feature ul li {
	margin: 0pt 0pt 5px 1.25em;
	list-style-type: square;
}

.content_feature ul li a {
	text-decoration: none;
	color: rgb(85, 85, 85);
}

.content_feature ul li a:hover {
	text-decoration: underline;
}

.content_feature .content_left, .content_feature .content_right {
	padding: 0pt 10px 10px;
}

.content_feature .content_left {
	margin-right: 10px;
}

.feature1 .content_left {
	width: 350px;
	background-color: rgb(255, 255, 255);
}

.feature1 .content_right {
	border: 1px solid rgb(204, 204, 204);
	width: 168px;
	background-color: rgb(255, 255, 255);
}

.feature2 .content_left {
	width: 350px;
	background-color: rgb(255, 255, 255);
}

.feature2 .content_right {
	padding: 0px;
	width: 188px;
}

.feature2 .inline_image, .inline_sidebar {
	border: 1px solid rgb(204, 204, 204);
	padding: 5px 10px 10px;
	margin-bottom: 10px;
	background-color: rgb(255, 255, 255);
}

.feature2 .inline_image img {
	float: right;
}

.feature2 .inline_image h3, .feature2 .inline_image p {
	margin: 0px;
}

.feature2 h3 a {
	text-decoration: none;
	color: rgb(189, 47, 31);
}

.feature3 {
	padding: 0pt 0pt 10px;
	background-color: rgb(255, 255, 255);
}

.feature3 p {
	padding-left: 12px;
	padding-right: 12px;
}

.feature3 .content_right {
	margin: 0pt 0pt 10px 10px;
	padding: 0pt 0pt 0pt 10px;
	float: right;
	background-color: rgb(216, 226, 234);
	width: 280px;
}

.feature3 .content_right .module_content {
	border: 1px solid rgb(153, 153, 153);
	padding: 10px;
	margin-bottom: 10px;
}

.feature3 .subfeatures .gumball {
	width: 267px;
}

/* ::::: 4.css ::::: */

body {
	background: #f8f8f3 url(http://www.klappmagazine.com/images/uploads/int/bg.jpg) repeat-x;
}

#custom-doc, #simple #hd {
	background-color: rgb(255, 255, 255);
}

#hd {
	background-color: black;
}

#nav_tier1 {
	background-color: rgb(153, 0, 0);
}

#nav_tier1 #main_menu .toggled, .nav_tier2 {
	background-color: rgb(119, 0, 0);
}

.nav_tier3 {
	border-top: 1px solid rgb(85, 0, 0);
	background-color: rgb(102, 0, 0);
}

#ft {
	background-color: rgb(0, 0, 0);
}

#header_logo {
	background-image: url(http://www.klappmagazine.com/images/uploads/int/logo_klapp.gif);
}

.topics_new #header_logo, .topics_show #header_logo, .boards_show #header_logo, .new_posts_show #header_logo, .hub_boards #header_logo {
	background-image: url(http://www.klappmagazine.com/images/uploads/int/logo_klapp.gif);
}

#nav_tier1, #nav_tier1 a, #ft {
	color: rgb(255, 255, 255);
}

#ft a {
	color: rgb(173, 0, 14);
}


#ft a:hover {
	color: rgb(102, 0, 0);
}


#nav_tier1 a:hover  {
	color: rgb(255, 247, 173);
}

#user_menu, #user_menu a {
	color: rgb(153, 0, 0);
}

#nav_tier1 .toggle_link, #nav_tier1 .toggle_link:link, #nav_tier1 .toggle_link:visited, #nav_tier1 .toggle_link:hover {
	color: rgb(229, 96, 64);
}

#searchbar .entry {
	border: 2px solid rgb(239, 215, 174);
}

/* ::::: 5.css ::::: */

#RB_overlay {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0pt;
	left: 0pt;
	right: 0pt;
	bottom: 0pt;
	min-height: 100%;
	background-color: rgb(0, 0, 0);
	opacity: 0.5;
}

#RB_loading {
	z-index: 101;
	width: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 200px;
	padding-bottom: 30px;
	text-align: center;
	background-image: url('redbox_spinner.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}

#RB_window {
	margin: 20px auto 0pt;
	overflow: hidden;
	z-index: 102;
	display: block;
	text-align: left;
	position: absolute;
	background-color: rgb(102, 0, 0);
	color: rgb(255, 255, 255);
	font-family: gotham,arial,sans-serif;
}

#RB_window .header {
	margin: 0pt 0pt 10px;
	text-transform: uppercase;
}

#RB_close {
	position: absolute;
	top: 12px;
	right: 10px;
	cursor: pointer;
}

#RB_window p {
	font-size: 0.85em;
	line-height: 1.2em;
}

#RB_window .result {
	padding: 10px;
	font-style: italic;
}

#RB_window #email_error, #RB_window #cell_error {
	padding: 10px;
	background-color: rgb(255, 247, 173);
	color: rgb(102, 0, 0);
}

#RB_window #send_email input, #RB_window #send_email textarea {
	width: 250px;
}

#RB_window #send_email input.button {
	width: auto;
}

.image-container img{float:left;margin:5px}




/* Form styles */

div.form-container {
	margin: 10px;
	padding: 5px;
	background-color: #FFF;
	border: #EEE 1px solid;
}

p.legend {
	margin-bottom: 1em;
}

p.legend em {
	color: #C00;
	font-style: normal;
}

div.errors {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: #FC6 1px solid;
	background-color: #FFC;
}

div.errors p {
	margin: 0;
}

div.errors p em {
	color: #C00;
	font-style: normal;
	font-weight: bold;
}

div.form-container form p {
	margin: 0;
}

div.form-container form p.note {
	margin-left: 170px;
	font-size: 90%;
	color: #333;
	}

div.form-container form fieldset {
	margin: 10px 0;
	padding: 10px;
	border: #DDD 1px solid;
}

div.form-container form legend {
	font-weight: bold;
	color: #666;
}

div.form-container form fieldset div {
	padding: 0.25em 0;
}

div.form-container label, 
div.form-container span.label {
	margin-right: 10px;
	padding-right: 10px;
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
}

div.form-container label.error, 
div.form-container span.error {
	color: #C00;
}

div.form-container label em, 
div.form-container span.label em {
	position: absolute;
	right: 0;
	font-size: 120%;
	font-style: normal;
	color: #C00;
}

div.form-container input.error {
	border-color: #C00;
	background-color: #FEF;
}

div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {
	background-color: #FFC;
	border-color: #FC6;
}

div.form-container div.controlset label, 
div.form-container div.controlset input {
	display: inline;
	float: none;
}

div.form-container div.controlset div {
	margin-left: 170px;
}

div.form-container div.buttonrow {
	margin-left:180px;
}