@charset "utf-8";

/* ------------------------------------
 * --        TABLE OF CONTENT        --
 * ------------------------------------
 * 1. Global CSS reset
 * 2. Typografia (typography)
 * 3. Listy (lists)
 * 4. Tabele (tables)
 * 5. Formularze (forms)
 * 6. Często używane klasy (common classes)
 * 7. Master layout
 * 8. Elementy contentu (content elements)
 * 9. Elementy sidebaru (sidebar elements)
 * 10. Pozostałe elementy (other elements)
 */

/* ------------------------------------ *
 * --           1. RESET             -- *
 * ------------------------------------ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, 
q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, hr, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
}

html, body  {
	background: #faf2b4  url(../img/common2/body-bg.gif) repeat-x 0 0;
	color: #2a2a2a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;		
	text-align: left;
}

:root { overflow-y: scroll !important; }

img, fieldset { 
	border: 0 none; 
	outline: 0 none; 
}

/* focus - jakoś trzeba je jednak wyróżnić, przynajmniej w wypadku elementów formularza */
form :focus, a:focus { 
	outline: 0 none; 
}

a, em, strong, span, acronym, abbr, q, cite {
  color: inherit;	
	font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;	
  font-weight: inherit;
}

em { 
	font-style: italic; 
}

strong { 
	font-weight: bold; 
}

em strong, strong em {
  font-style: italic;
	font-weight: bold;
}

acronym, abbr {
	border-bottom: 1px dotted;	
	cursor: help;
}

q, cite, blockquote { 
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: no-open-quote;
	content: no-close-quote;
}


/* ------------------------------------ *
 * --        2. TYPOGRAPHY           -- *
 * ------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	color: #c12e14;
	font-weight: normal;
	padding-bottom: 18px;
}

h1, h2 {
	color: #010101;
	font-size: 24px;
	line-height: 36px; 
}

h1, .bigger {
	font-size: 30px;
}

h3 { 
	font-size: 18px;
	font-weight: bolder;
}

h4, h5, h6 { 
	font-size: 16px;
	font-weight: bolder;
}

h4 {
	
}

h5 { 
	font-size: 14px;	
	padding-bottom: 0; 
}

h6 { 
	font-size: 12px;	
	padding-bottom: 0;
}

p, address, ul, ol, dl {
	font-style: normal;
	padding-bottom: 18px;
}

/* linki */

a { 
	color: #0066b3;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

/* cytaty */

blockquote {
	background: url(../img/common2/quote.gif) no-repeat scroll 9px 16px;
	font-family: Georgia, Times New Roman, Times, serif;	
	font-style: italic;
	margin: 0 10px 18px;
	padding: 18px 24px 0 36px;
	border: solid #c12e14;
	border-width: 1px 0;
}

blockquote p {
	font-style: italic;
}

/* marginesy i paddingi */
.pt3 {
	padding-top: 3px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt8 {
	padding-top: 8px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.ls-n {
	list-style: none !important;
}

/* Szerokości */

.w100p {
	width: 100% !important;
}

/* ------------------------------------ *
 * --           3. LISTS             -- *
 * ------------------------------------ */

ol, ul { 
	list-style: none; 
}

ol ul, ul ul { 
	padding-bottom: 0; 
}

ol ul li, ul ul li { 
	padding-bottom: 1px;
	padding-top: 1px;
}

/* lista wypunktowana 01 */
ul.bulleted-01 li {
	background: url(../img/common2/bull-01.gif) no-repeat 0 6px;
	padding-left: 12px;
}

/* lista wypunktowana 02 */
ul.bulleted-02 li {
	background: url(../img/common2/bull-02.gif) no-repeat 0 3px;
	padding-left: 18px;
}

/* lista wypunktowana 03 */
ul.bulleted-03 li {
	background: url(../img/common2/bull-03.gif) no-repeat 0 6px;
	padding-left: 12px;
}

/* lista wypunktowana 04 */
ul.bulleted-04 li {
	background: url(../img/common2/bull-05.gif) no-repeat 0 6px;
	padding-left: 14px;
}

/* lista wypunktowana 05 */
ul.bulleted-05 li, .listing02 ul li { /* ** 2010-03 ** */
	background: url(../img/common2/bull-06.gif) no-repeat 0 4px;
	padding-left: 18px;
}

/* lista numerowana */
ol.numbered {
	list-style: decimal-leading-zero outside;
	margin-left: 30px;
}

/* listy zagnieżdżone */
ol ul.bulleted-01 li, ul ul.bulleted-01 li {
	background: url(../img/common2/bull-01.gif) no-repeat 0 7px;
}
ol ul.bulleted-02 li, ul ul.bulleted-02 li {
	background: url(../img/common2/bull-02.gif) no-repeat 0 4px;
}

/* ------------------------------------ *
 * --           4. TABLES            -- *
 * ------------------------------------ */

table { /* nadać 'cellspacing="0"' w kodzie */
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 18px;
}

th, td {
	border-bottom: 1px solid #6a5235;
	padding: 6px;
	text-align: left; /* wyrównanie tekstu można usunąć i zdefiniować dla klas nadanym col */
	vertical-align: top;	
}

th {
	font-weight: bold;
}

thead th {
	background: #c12e14;	
	color: #f2f2f2;
}

.everySecond td, .everySecond th { background: #ffeedd; }

caption {
	caption-side: top;
	font-weight: bolder;
	padding: 0 0 9px 6px;
	text-align: left;
}

/* ------------------------------------ *
 * --           5. FORMS            -- *
 * ------------------------------------ */

form {
	margin: 0 auto 18px;
}

fieldset, form > div {
	overflow: hidden;
}

legend {
	white-space: normal !important;
	display: block;
	color: #c12e14;
	font-size: 16px;
	font-weight: bolder;
	padding-bottom: 14px;
}

legend span { /* ** 2010-03 ** */
	display: block;
}

.textInput, select {
	border: 1px solid #999;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	padding: 9px;
	color: #999;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* ** 2010-03 ** */
}

.textInput { 
	width: 200px;
}

textarea {
	overflow: auto;
	resize: none;
}

textarea.textInput {
	display: block;
	width: 574px;
	height: 102px;
}

.textInput:focus, select:focus {
	border-color: #ceb70d;
}

.textInput:focus {
	color: #251d12;
}

input[type="radio"], input[type="checkbox"] {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

/* buttony */

.buttons {
	padding: 0 10px 9px;
}

.buttons .fl-l {
	margin-right: 10px;
}

.buttons .fl-r {
	margin-left: 10px;
}

a.button {
	text-decoration: none !important;
}

.button {
	background: #ceb70d;
	border: medium none;
	color: #251d12;
	cursor: pointer;
	display: block;
	font: bold 14px/32px Arial, Helvetica, sans-serif;
	height: 32px;
	margin: 0;
	padding: 0;
	text-align: center;	
	width: 90px;
	overflow: hidden;
	text-transform: uppercase;
}

.button:hover {
	background: #ffb500;
}


/* komunikaty o błędzie i powodzeniu */
.failure, .success {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 18px; 
	padding: 8px 10px 8px 60px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* ** 2010-03 ** */
}
.failure { 
	background: #fbe3e4 url(../img/common2/error.gif) no-repeat 18px 50%;
	border: 1px solid #dc1919;
	color: #dc1919;
}

.failure a {
	color: #ff7348 !important;
	border: 0 none !important;
}

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

.success { 
	background: #e6efc2 url(../img/common2/success.gif) no-repeat 18px 50%;
	border: 1px solid #c6d880;
	color: #264409;
}

/* ------------------------------------ *
 * --       6. COMMON CLASSES        -- *
 * ------------------------------------ */

.invisible { 
	display: none;
}

.fl-l, .l-col { 
	float: left !important; 
}

img.fl-l {
	margin: 0 20px 18px 0;
}

.fl-r, .r-col { 
	float: right !important; 
}

img.fl-r {
	margin: 0 0 18px 20px;
}

.clear { 
	clear: both; 
}

.bold { 
	font-weight: bold; 
}

.noBorder { 
	border: 0 none !important;
}

.uppercase { 
	text-transform: uppercase; 
}

.debug { border: 1px solid red; } /* ukazanie elementu */

/* ------------------------------------ *
 * --        7. MASTER LAYOUT        -- *
 * ------------------------------------ */

/* wspólne ustawienia kilku bloków */
#contentWrapper, #footer, #masthead {
	margin: 0 auto;
	overflow: hidden;
}

/* kolumny */

#contentWrapper {
	width: 988px;
	/* ** 2010-03 ** */
	position: relative;
	z-index: 1;
}

/* główna zawartość - można odwrócić bez ingerowania w kod - tylko sidebar i content odwrotne float'y dostaną */
#content {
	float: left;
	width: 635px;
	padding: 22px 15px;
}

#content-full {
	float: left;
	width: 950px;
	padding: 22px 15px;
}

/* boczna zawartość */
#sidebar {
	float: right;
	padding: 7px 6px;
	width: 300px;
}

/* nagłówek i jego elementy */
#masthead {
	width: 980px;
	padding: 0 4px;
	height: 134px;
	position: relative; /* nie jest niezbędne doutrzymania layoutu - tylko dla formularza wyszukiwania */
}

/* logo */
h1.logo, h1.logo a {
	height: 53px;
	overflow: hidden;
	width: 227px;
}

h1.logo {
	background: url(../img/common2/logo.gif) no-repeat 0 0;
	padding: 0;	
	margin: 21px 0 0 15px;
}

h1.logo a {
	display: block;
	text-indent: -9999px;
}

/* search form */

#masthead .searchFrm {
	position: absolute;
	right: 0;
	top: 40px;
	width: 454px;
	margin: 32px 0 0;
}

.searchFrm .textInput {
	float: left;
	margin: 0 8px 0 0;
	vertical-align:top;
	display: block;
	width: 302px;
}

.searchFrm .searchInput {
	padding-right: 40px;
}

#masthead .searchFrm .textInput {
	margin: 2px 8px 0 0;
}

.searchFrm .searchBtn {
	height: 40px;
	padding: 0;
	width: 121px;
	background: url(../img/common2/search-but.png) no-repeat 0 0;
	text-align: left;
	text-indent: -9999px;
}

.searchFrm .searchBtnSmall {
	height: 36px;
	padding: 0;
	width: 36px;
	background: url(../img/common2/search-but-background.png) no-repeat 0 0;
	text-align: left;
	text-indent: -9999px;
	position: absolute;
	left:317px;	
}

.searchFrm .searchBtn:hover {
	background: url(../img/common2/search-but.jpg) no-repeat 0 -40px;
}

.searchTabs {
	overflow: hidden;
	padding: 0 4px;
	margin-top: -2px;
	clear: left;
}

.searchTabs li {
	display: inline;
	padding: 0 !important;
}

.searchTabs a, .searchTabs span {
	display: block; 
	float: left;
	padding: 8px 0 0;
	height: 19px;
	width: 64px;
	font: normal 10px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}

.searchTabs a {
	color: #251d12;
	text-decoration: underline;
}

.searchTabs a:hover {
	text-decoration: none;
}

.searchTabs .receipts {
	background: url(../img/common2/receipts.gif) no-repeat 0 0;	
}

.searchTabs .ingredients {
	background: url(../img/common2/ingredients.gif) no-repeat 0 0;	
}

/* stopka */
#footer {
	border-bottom: 1px dotted #d0ba9a;
	width: 950px;
	margin-bottom: 6px;
	padding: 6px 16px;
}

#footer * {
	font-size: 11px;
	line-height: 1; 
}

#footer p {
	padding: 3px 0 3px 90px;
	background: url(../img/common2/logo-bot.png) no-repeat 0 0;
	width: 415px;
	float: left;	
}

#footer ul {
	padding: 3px 0;
	float: right;	
}

#footer li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid;
}

#footer li:first-child {
	border: 0 none;
}

#footer p span {
	display: none;
}

/* ------------------------------------ *
 * --      8. ELEMENTY CONTENTU      -- *
 * ------------------------------------ */

/* logowanie / rejestracja */

#blog #logIn {
	height: 14px;
	border: none;
}

#logIn {
	width: 100%; 
	border-bottom: 1px solid #aaaaaa; 
	height: 29px;
	padding-top: 10px
}

.logIn {
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 8px;
	line-height: 18px;
	z-index: 2;
}

.logIn a, #masthead .inner p a /* ** 2010-03 ** */ {
	font-weight: bolder;
	color: #f45207;
}

.logIn img {
	border: 1px solid #666;
	background: #fff;
	padding: 1px;
	vertical-align: middle;
	margin-right: 3px;
}

#blog .logIn div {
	padding-top: 2px;
    height: 23px;
}

.logIn div {
	float: left;
	height: 30px;
	padding-top: 10px;
}

.logIn span {
	line-height: 12px;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	border-left: 1px solid #ccc;
}

.logIn span a {
	font-weight: normal;
}

/* tabowe menu u góry strony */
.tabs {
	overflow: hidden;
	height: 33px;
	padding: 0 15px;
	margin: 6px 4px 0;
	background: url(../img/common2/fake-brd-01.gif) repeat-x 0 100%;
	position: relative;
	z-index: 1;
}

.tabs li {
	display: inline;
}

.tabs a, .tabs span {
	display: block;
	height: 33px;	
}

.tabs a {
	float: left;
	margin: 0 6px 0 0;
	background: url(../img/common2/tab-m.gif) repeat-x 0 0;
	font: bolder 14px/33px Arial, Helvetica, sans-serif;
	color: #251d12;
	text-decoration: none !important;
	text-transform: uppercase;
}

.tabs a span {
	background: url(../img/common2/tab-l.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
}

.tabs a span span {
	background: url(../img/common2/tab-r.gif) no-repeat 100% 0;
	padding: 0 20px 0 0;
}

.tabs .active {
	cursor: default;	
}

.tabs a:hover, .tabs a:hover span, 
.tabs .active, .tabs .active span {
	background-position: 0 -33px;	
}

.tabs a:hover span span, .tabs .active span span {
	background-position: 100% -33px;	
        color: #999999;
}

.tabbedContent, #blogBar .innerContainer /* ** 2010-03 ** */ {
	background: #f8f8f8 url(../img/common2/tabbed-cnt-bg.gif) repeat-x 0 0;
	border: 1px solid #aaaaaa;
	border-top: 0 none;
	padding: 15px 15px 6px;
	margin: 0 4px;
}

.tabbedContent .searchFrm {
	margin: 0;
	overflow: hidden;
}

.addBtn {
	width: 72px;
	margin-top: 2px;
	background: url(../img/common2/add-but.gif) no-repeat 0 0;
}

.addBtn:hover {
	background: url(../img/common2/add-but.gif) no-repeat 0 -32px;
}

.tabbedContent fieldset p, .mealTime p, .mealType p {
	font-size: 11px;
	line-height: 16px;
	padding: 0 2px 8px;	
}

.tabbedContent strong, .mealTime p, .mealType p {
	display: block;
	text-transform: uppercase;
	color: #666666;
}

.mealTime p, .mealType p {
	padding-bottom: 4px;
}

.cont01 {
	width: 410px;
	float: left;
}

.cont02 {
	width: 480px;
	float: right;
}

.cont01 div {
	border-bottom: 1px solid #edd9ac;
	overflow: hidden;
	padding-bottom: 12px;
	margin-bottom: 9px;
}

.ingredientsBox {
	background: #f7efd0;
	border: 1px solid #edd9ac;
	overflow: hidden;
	padding: 5px;
}

.ingredientsBox .bulleted-02 {
	float: left;
	width: 140px;
	margin-right: 16px;
	padding: 0;
}

.ingredBtn {
	width: 242px;
	background: url(../img/common2/search-but.gif) no-repeat 0 0;
	margin: 6px auto 0;
}

.ingredBtn:hover {
	background: url(../img/common2/search-but.gif) no-repeat 0 -32px;
}

.ingredBtn[disabled="disabled"] {
	cursor: default;
	background: url(../img/common2/search-but.gif) no-repeat 0 0 !important;
	opacity: 0.4;
}

/* taby-contant w 'menu.html' */

.mealTime {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 9px;
}

.mealTime ul {
	padding-bottom: 9px;
}

.mealTime ul li {
	display: inline;
	background-position: 0 4px;
	margin-right: 10px;
}

.mealType, .mealType02 {
	overflow: hidden;
}

.mealType02 ul {
	float: left;
	width: 165px;
	padding: 0 23px 6px 0;	
}

.mealType ul {
	float: left;
	padding: 0 22px 6px 0;
	/* width: 138px; */
}

/* scieżka okruszków */

#breadCrumbs {
	background: #f6f6f6;
	border-bottom: 1px solid #AAAAAA;
	color: #666666;
	padding: 6px 15px;
	margin: 0 1px;
}

#breadCrumbs span {
	color: #b49e44;
}

/* pojemnik z zaokrąglonym dołem zawierajacy kolumny */
.container {
	padding: 0 4px 18px;	
	background: url(../img/common2/c-b-twocols.png) no-repeat 0 100%;
	margin: 18px 0 0;
}

.noFaux .container { /* ** 2010-03 ** */
	background: url(../img/common2/c-b-one-col.png) no-repeat 0 100%;
}

.container .container-mid {
	border-top: 1px solid #aaaaaa;	
	background: url(../img/common2/c-m-twocols.png) repeat-y 0 100%;
	overflow: hidden;	
}

.noFaux .container .container-mid { /* ** 2010-03 ** */	
	background: url(../img/common2/c-m-one-col.png) repeat-y 0 100%;
}

/* przepis dnia */

.recOfTheDay, .user, .general {
	border-color: #af3036 !important;	
}

.recOfTheDay .innerContainer {
	padding: 0 0 36px 10px;
}

.recOfTheDay .mainImg, .recsList .mainImg, 
#popularRecs .mainImg, .txt-img .mainImg,
.general .mainImg {
	display: block;
	float: left;
}

.recOfTheDay .mainImg {
	border: 1px solid #333;
}

.recOfTheDay .mealsList {
	margin-left: 315px;
	border-top: 1px solid #d2d2d2;	
	padding: 0;
}

.recOfTheDay .mealsList li {
	border-bottom: 1px solid #d2d2d2;	
	padding-top: 12px;
}

.recOfTheDay h3, .recOfTheDay h3 a {
	color: #0066B3;
	font-weight: normal;
	padding-bottom: 12px;
}

#theOne h3 {
	font: normal 24px/24px Arial, Helvetica, sans-serif;
}

.hilite {
	line-height: 40px;	
	padding: 0 10px 18px;
}

.recOfTheDay .hilite, .user .hilite, .general .hilite, .moreDetails .hilite, 
#receipt .bestRecs .hilite {
	background: url(../img/common2/hilite.gif) repeat-x 0 0;	
}

.bestRecs .hilite, .mostActive .hilite, .recFrm .hilite, .comments .hilite {
	background: url(../img/common2/hilite-2.gif) repeat-x 0 0;	
}

.mealsList p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.mealsList .rating {
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
}

.rating em {
	font-style: normal;
	color: #000000;
}

.rating .time {
	padding-left: 10px;
	margin-left: 5px;
	border-left: 1px solid;
	color: #999;
}

.moreInline, .observeInline, .unobserveInline {
	font-weight: bolder;
}

/* najlepsze przepisy */

.recsList {
	width: 300px;
	padding: 0 5px 24px 10px;
	float: left;
}

.recsList li {
	overflow: hidden;
	margin-bottom: 12px
}

.recsList .descr {
	margin-left: 100px;
}

.recsList p, .recsList h4 {
	padding-bottom: 6px;
	font: bolder 12px/14px Arial, Helvetica, sans-serif;
}

/* najaktywniejsi userzy */

.mostActive li, .mostActive ul {
	overflow: hidden;
	padding: 0 0 0 10px;
}

.mostActive li {
	padding: 0;
	margin: 0 5px 0 0;
	width: 84px;
	float: left;
	font-weight: bolder;
	line-height: 1.2 !important;
}

.mostActive img {
	display: block;
	border: 1px solid #afafaf;
	margin-bottom: 3px
}

/* katalog przepisów */
.recCat .r-col, .recCat .l-col {
	width: 300px;
}

.recCat h3 {
	font-size: 12px;
	padding-bottom: 2px;	
}

/* formularz dodawania przepisu */

.recFrm .hilite {
	border-top: 1px dotted #6b5336;
}

.recFrm fieldset > ul {
	padding: 0 0 9px;
}

.recFrm .frmSection {
	border-bottom: 1px solid #ececec;
	overflow: hidden;
	padding: 9px 0;
}

.recFrm label, .recFrm .label {
	display: block;
	float: left; 
	padding: 0 15px 0 10px;
	width: 160px;
	font: normal 18px/32px Arial, Helvetica, sans-serif;
}

.recFrm .textInput, .recFrm select {
	font: normal 18px/18px Arial, Helvetica, sans-serif;
	color: #680e1a;
	padding: 7px;
}

.recFrm textarea.textInputBig {
	font: normal 18px/18px Arial, Helvetica, sans-serif !important;
}

.recTiming {
	font: normal 18px/18px Arial, Helvetica, sans-serif;
	color: #680e1a;	
	padding: 9px 0 0 !important;
}

.recTiming li {
	padding: 2px 0 12px !important;
}

.recFrm select {
	width: 200px;
}

.recFrm .recTiming select {
	width: 140px;
}

.recTiming span {
	color: #251d12;
}

.recFrm .textInput {
	width: 380px;	
}

.recFrm .inlineShort {
	width: 50px;
	margin-left: 10px;
	margin-right: 5px;
	text-align: right;
}

.recFrm .recType {
	border-bottom: 0 none !important;
	padding-bottom: 0;
}

.additional {
	overflow: hidden;	
	padding-bottom: 20px;
}

.additional p {
	font: 11px/1 Arial, Helvetica, sans-serif;
	color: #680e1a;
	padding-bottom: 6px;
	text-transform: uppercase; 
}

.additional > p:first-child {
	margin-top: 12px;
	padding-bottom: 8px;
}

.recFrm .additional label {
	float: none; 
	width: auto;
	padding: 0 15px 0 0;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}

.additional .col {
	width: 140px;
	float: left;
}

.fold , .expand {
	height: 11px;
	display: inline-block;
	padding-right: 20px;
	color: #680e1a;
}

.expand, .fold:hover {
	background: url(../img/common2/fold-exp.gif) no-repeat 100% -11px;
}

.fold, .expand:hover {
	background: url(../img/common2/fold-exp.gif) no-repeat 100% 0;
}

.inputWrap {
	padding: 0 10px 0 0;
	margin: 0 0 0 185px;
}

.optional {
	color: #666;
}

.twolines {
	height: 36px !important;
}

.optional span {
	display: block;
	color: #251d12;
	font-size: 12px;
	margin-top: -12px;
}

.furtherDetails li {
	padding-bottom: 35px;
}

.furtherDetails .hilite {
	padding-bottom: 0;
}

.furtherDetails p {
	line-height: 1;
	padding: 0 10px 10px;
}

.furtherDetails textarea {
	width: 555px !important;
	margin: 0 0 0 10px;
}

/* profil */

.user .innerContainer {
	padding: 30px 0px 5px;
}

.user h2 {
	position: relative;
	z-index: 1;
}

.user .editionLink, .userDetails a {
	color: #f45207 !important;	
	font-family: Arial, Helvetica, sans-serif;
}

.user .editionLink {
	font-size: 11px;
	position: absolute;
	right: 2px;
	top: 6px;	
	z-index: 2;
}

.user .tab-container {
	padding: 15px 15px 0px 15px;
	min-height: 250px
}

.userDetails {
	padding: 16px 0 36px;
	border-top: 0 none !important;
}

.userDetails .avatar {
	display: block;
	float: left;
	border: 1px solid #aaa;
	position: relative;
	z-index: 1;
}

.userDetails .addPhotoLink {
	position: absolute;
	top: 145px;
	left: 35px;
	z-index: 2;
}

.userDetails h2 {
	padding-bottom: 12px;
}

.userDetails div {
	margin-left: 170px;
}

.userDetails h2 .moreInline {
	line-height: 12px;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 10px;
}

.userDetails h2 .observeInline, .userDetails h2 .unobserveInline {
	line-height: 12px;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 20px;
	margin-left: 10px;
}

.userDetails h2 .moreInline span {
	vertical-align: baseline;
}

.userDetails p {
	padding: 0;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #666;
}

.userDetails p em {
	font-style: normal;
	color: #251d12;
}

/* tabowe menu z ustawieniami */

.user {
	min-height: 90px;
}

.user .tabs {
	height: 27px;
	padding: 0 15px 0 0;
	margin: 6px 0 0;
	background: url(../img/common2/fake-brd-02.gif) repeat-x 0 100%;
}

.user .tabs a, .user .tabs span {
	height: 27px;	
}

.user .tabs a {
	background: url(../img/common2/fake-brd-02.gif) repeat-x 0 0;
	font: bolder 11px/27px Arial, Helvetica, sans-serif;
	color: #f45207;
	text-transform: none;
}

.user .tabs a span {
	background: url(../img/common2/tab-l-user.gif) no-repeat 0 0;
	padding: 0 0 0 15px;
}

.user .tabs a span span {
	background: url(../img/common2/tab-r-user.gif) no-repeat 100% 0;
	padding: 0 15px 0 0;
        color: #999999;
}

.user .tabs a:hover span, 
.user .tabs .active span {
	background-position: 0 -27px;
        color: #999999;
}

.user .tabs a:hover, .user .tabs .active {
	background: #fff url(../img/common2/fake-brd-02.gif) repeat-x 0 0;
	
        color: #999999;
}

.user .tabs a:hover span span, 
.user .tabs .active span span {
	background-position: 100% -27px;
}

.user .tabbedContent {
	background: none;
	border: 0 none;
	margin: 0;
}

/* górny box na szukaj */

.contentBox {
	border: 1px solid;
	padding: 8px 10px 10px;	
}

.thisCateg {
	border-color: #d2d2d2;
}

.thisCateg ul {
	padding: 0 15px 0 0;
	float: left;
	width: 150px;
	font-weight: bolder;
}

.thisCateg > a {
	font-size: 11px;
	position: relative;
	top: -2px;
}

/* szukaj wewn. podzial na kolumny */

.cols {
	overflow: hidden;
	padding: 24px 0 18px;
}

.cols .l-col {
	width: 152px;
}

.cols .r-col {
	width: 468px;
}

.cols .l-col .thisCateg {
	border-color: #6a5235;
	margin-bottom: 12px;
}

.cols .l-col .thisCateg ul {
	padding: 0;
}

.cols .l-col .advanced {
	border-color: #d2d2d2;
}

/* filtry */

.advanced h3 {
	color: #bfbfbf;
	font: normal 12px/1 Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 2px 0 4px;
}

.advanced .bulleted-01, .advanced div {
	padding: 0 0 6px;
	border-bottom: 1px solid #eee;
	margin-bottom: 8px;
}

.advanced .bulleted-01 li {
	line-height: 1.2;
	background-position: 0 4px
}

.advanced div * {
	font: bold 11px/16px Arial, Helvetica, sans-serif;
}

.advanced div ul * {
	font-weight: normal !important;
}

.advanced div h4 {
	padding-bottom: 2px;
	color: #b49e44;
	text-transform: uppercase;
}

.advanced div p {
	padding: 2px 0 0;
}

.advanced .remove {
	display: inline-block;
	height: 13px;
	width: 13px;
	vertical-align: bottom;
	background: url(../img/common2/bull-02.gif) no-repeat 0 0;
}

.advanced .remove span {
	display: none;
}

/* srodkowa kolumna */
.viewBar {
	background: #fbf8e8;
	border: 1px dotted #ae2d35;
	overflow: hidden;
	padding: 12px;		
}

.viewBar li {
	float: left;
	width: 210px;
	font: normal 11px/1 Arial, Helvetica, sans-serif;
	color: #680e1a; 
}

.viewBar li+li {
	float: right;
	text-align: right;
}

.viewBar a {
	font-weight: bolder;
	color: #6a5235;
}

.viewBar span {
	border-left: 1px solid #c1aeab;
	padding-left: 5px;
	margin-left: 2px;
}

.viewBar .active {
	color: #c12e14;
}

.viewBar .fold, .viewBar .expand {
	padding-right: 15px;
	color: #680e1a;
}

.expand, .fold:hover {
	background: url(../img/common2/fold-exp.gif) no-repeat 100% -9px;
}

.fold, .expand:hover {
	background: url(../img/common2/fold-exp.gif) no-repeat 100% 2px;
}

.txt-img {
	padding: 9px 0 24px;
}

.txt-img li {
	overflow: hidden;
	padding: 18px 0;
	border-bottom: 1px solid #ececec;
}

.txt-img.favorites li {
	padding: 10px !important;
}

.txt-img li div.actions {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    clear: both;
    float: left;
    font-size: 11px;
    margin-top: 10px;
    position: relative;
    width: 75px;
}

.txt-img li div.actions input[type="checkbox"] {
    margin: 4px;
}

.txt-img h3 {
	color: #A91F28;
	font-size: 16px;
	padding-bottom: 6px;
	line-height: 1;
}

.txt-img .text {
	margin-left: 110px;
}

.txt-img p {
	padding-bottom: 9px;
}

.txt-img p.last {
	padding-bottom: 0;
}

.imgOnly {
	overflow: hidden;
	border-bottom: 1px solid #ececec;
	padding: 0;
}

.imgOnly li, .imgOnly a, .imgOnly img {
	display: block;
}

.imgOnly img {
	border: 1px solid #383026;	
}

.imgOnly li, .imgOnly a {
	height: 140px;
	width: 140px;
	overflow: hidden;	
}

.imgOnly li {
	float: left;
	margin: 0 24px 24px 0;
	position: relative;
}

.imgOnlyFull li {
	margin-right: 16px;
}

.imgOnly .everyThird {
	margin-right: 0;
}

.imgOnly a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.imgOnly h3, .imgOnly h3 a {
	color: #faf8f0;
} 

.imgOnly h3 a {
	position: static;
	display: inline;
}

.imgOnly h3 {
	position: absolute;
	z-index: 2;
	bottom: 2px;
	left: 1px;
	width: 122px;
	overflow: hidden;
	background: url(../img/common2/half-trans.png);
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	min-height: 16px;
	max-height: 32px;
	padding: 0 8px 2px;
}

/* paginacja */

.pagination {
	padding: 3px;
	margin: 3px;
	text-align: right;
}
	
.pagination a, .pagination span {
	padding: 1px 6px 1px 6px;
	margin: 2px;
	border: 1px solid #cacdd0;		
	text-decoration: none !important;
	color: #C23017 !important;
	display: inline-block;
	height: 18px;
	overflow: hidden;
}

.pagination a:hover {
	background: #c23017;
	color: #fff !important;
	border-color: #c23017;
}

.pagination span.current {
	padding: 1px 6px 1px 6px;
	margin: 2px;
	border: 1px solid #c23017;
	font-weight: bold;
	background: #c23017;
	color: #fff !important;
}

.pagination .prev, .pagination .next {
	font-variant: small-caps;
}

.pagination .prev {
	background: #fff url(../img/common2/prev03.gif) no-repeat 0 0;
	padding-left: 14px;
}

.pagination .prev:hover {
	background: #c23017 url(../img/common2/prev03.gif) no-repeat 0 -20px;		
}

.pagination .next {
	background: #fff url(../img/common2/next03.gif) no-repeat 100% 0;
	padding-right: 14px;
}

.pagination .next:hover {
	background: #c23017 url(../img/common2/next03.gif) no-repeat 100% -20px;
}

.pagination .disabled {
	border: 1px solid #eee !important;
	color: #ddd !important; 
}

html > body .pagination .prev.disabled {
	background: #fff url(../img/common2/prev03.gif) no-repeat 0 -40px !important;
	color: #ddd !important; 
}

html > body .pagination .next.disabled {
	background: #fff url(../img/common2/next03.gif) no-repeat 100% -40px !important;
	color: #ddd !important; 
}

/* podstrona przepisu - parę rzeczy formatowane przez id na body */

#receipt #content h1 {
	padding-bottom: 0;
}

#receipt #content p, .usrLatestRec p:not(.details), 
.moreRecsList .descr p:not(.details), .blogEntry p:not(.details) /* ** 2010-03 ** */ {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#receipt #content .comments p {
	font-family: Arial, Helvetica, sans-serif;
}

#receipt #content h1 + p {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 12px;
}

.general {
	border: 0 none !important;	
	margin-bottom: 24px;
}

.general .details {
	margin-left: 315px;
}

.general .timing {
	padding: 8px 5px 8px 10px;	
	background: #a91f28;
	color: #fff;
	position: relative;
}

.general .timing p {
	padding: 0;
	margin-right: 80px;
}

.general .timing strong, 
.general .timing span {
	display: block;
	line-height: 1;
}

.general .timing strong {
	float: right;
	text-align: center;
	border: 1px solid #fff;
	font-size: 14px;
	padding: 0 12px 2px;
	margin-top: -3px;
}

.general .timing span {
	display: block;
	font-size: 24px;
}

.general .for {
	background: #fbf3ef;
	line-height: 22px;
	border-bottom: 1px solid  #a91f28;
	padding: 0 10px 2px;
	margin: 0 0 40px;
}

.general .rating, .moreDetails .rating {
	font: 14px/25px Arial, Helvetica, sans-serif !important;
	position: relative;
	padding-right: 80px;
	border-bottom: 1px dotted #a91f28;
	padding-bottom: 0;
	margin-bottom: 12px;
}

.moreDetails .rating {
	border-bottom-style: solid;
	padding: 10px;
	margin-bottom: 30px;	
}

.general .rating img, .moreDetails .rating img {
	vertical-align: top;
}

.moreDetails {
	padding-bottom: 16px;
}

.general .rating em {
	display: block;
	font-size: 12px;
	padding-left: 55px	
}

.moreDetails .rating em {
	font-size: 12px;
}

.rating .rate {
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 2px;
}

.moreDetails .rating .rate {
	top: 12px;
}

.activities {
	overflow: hidden;
}

.activities li {
	display: inline;
}

.send, .print, .favourite, .observe, .unobserve {
	display: inline-block;
	width: auto;
	text-transform: uppercase;
	font: bolder 11px/18px Arial, Helvetica, sans-serif;
	padding: 0 8px 0 22px;
}

.send {
	background: url(../img/common2/mail.gif) no-repeat 0 0;
}

.print {
	background: url(../img/common2/print.gif) no-repeat 0 0;
}

.favourite {
	background: url(../img/common2/fav.gif) no-repeat 0 0;
}

.observe, .observeInline  {
	background: url(../img/common2/fave_on.png) no-repeat 0 0;
}

.unobserve, .unobserveInline {
	background: url(../img/common2/fave_change.png) no-repeat 0 0;
}

.general .activities {
	text-align: center;
	padding: 0 2px 0 10px;
}

.moreDetails .activities {
	background: #fbf8e8;
	border: dotted #a91f28;
	border-width: 1px 0;
	padding: 10px 10px !important;
}

.moreDetails .activities a {
	margin-right: 20px !important;
}

.general .activities .favourite {
	float: right;
}

.general .activities .send {
	float: left;
}

.moreDetails ul, .moreDetails ol {
	padding: 0 10px 24px;
}

.moreDetails .steps .number {
	display: block;
	background: url(../img/common2/ordered-02.gif) 0 0 no-repeat;
	height: 29px;
	width: 29px;
	float: left;
	font: bold 18px/29px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
}

.moreDetails .steps li {
	overflow: hidden;
	min-height: 42px;
	margin-left: 0px !important;
}

.moreDetails .steps p {
	margin-left: 0px;
}

/* komentarze */

.comments {
	margin-top: 12px
}

.comments ol {
	padding: 0 10px 18px;
	/* width: 615px */
}

.comments .entry {
	border-top: 1px solid #ececec;
	margin: 0 auto;
	padding: 6px 0 ;
	position: relative;	
	overflow: hidden;
}

.comments .lastEntry {
	margin-bottom: 6px
}

.userCommentBar {
	float: left;
	padding: 10px 10px 10px 0;
	width: 200px;
	overflow: hidden;
}

.comments .userCommentBar img {
	background: #fff;
	border: 1px solid #666;
	padding: 1px;
	display: block;
	float: left;
}

.whoseComment, .posted {
	display: block;
	margin-left: 62px;	
}

.whoseComment a {
	color: #f45207;
}

.comments label {
	font-weight: bold;
	padding-top: 9px;
}

.posted {
	font-size: 11px;
	color: #615f62;	
}

.entryContent {
	margin: 0 0 0 220px;
	padding: 10px 10px 10px 20px;	
}

.comments textarea {
	height: 100px;
	width: 333px !important;	
}

.comments form li {
	padding-bottom: 12px;
}

.comments .postComment {
	background: url(../img/common2/add-rec-but.gif) no-repeat 0 0;
	width: 172px;
	margin: 0;
}

.postComment:hover {
	background-position: 0 -32px;
}

/* ------------------------------------ *
 * --      9. ELEMENTY SIDEBARU      -- *
 * ------------------------------------ */

/* stylizowany na fieldset box */
.box {
	padding: 18px 0 12px;
	position: relative;
}

#sidebar .box .boxHeading {
	color: #ff7924;
	height: 24px;
	left: 8px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 6px;
	width: 262px;
	z-index: 2;
	overflow: hidden;
        font-size:18px;
        font-family: Century Gothic,Arial,Helvetica,sans-serif;
        
}

#sidebar .box .boxHeading span {
	padding: 0 10px;	
	background: #fffefa;
}

.box .boxContent {
	border: 1px solid #ff944f;
	padding: 12px 6px 6px;
	position: relative;
	z-index: 1;
}

.box .boxContent p {
	padding-bottom: 6px;
        color: #666666;
}

#addReceipt p.bold:first-child {
	color: #333333;
}

#addReceipt em {
	display: block;
	text-align: center;
	color: #666666;
	font-style: normal;
}

.addRec {
	width: 172px;
	margin: 0 auto 6px;
	background: url(../img/common2/add-rec-but.gif) no-repeat 0 0;
}

.addRec:hover {
	background: url(../img/common2/add-rec-but.gif) no-repeat 0 -32px;
}

#newsletter p {
	line-height: 16px;
        color: #666666;
}

#newsletter form {
	padding-bottom: 18px;
}

#newsletter input {
	display: block;
	float: left;
}

#newsletter input {
	border: 1px solid #666;
	width: 200px;
	margin-right: 6px;
}

#newsletter input:focus {
	border-color: #ceb70d;
}

#newsletter .button {
	background: #f5f5f5 url(../img/common2/nl-but.gif) repeat-x 0 0;
	border: 1px solid #b3b3b3;
	color: #000;
	font: normal 12px/19px Georgia, Times, serif;
	height: 20px;
	margin: 0;
	padding: 0 0 2px;
	width: 62px;
	text-transform: none;
}

#newsletter .button:hover {
	border-color: #ceb70d;
}

#popularRecs ul {
	padding: 4px 0 8px;
}

#popularRecs ul li {
	overflow: hidden;
	padding-bottom: 10px;
}

#popularRecs .mainImg {
	border: 1px solid #6B6B6A;
}

#popularRecs ul h4 {
color: #680e1a;
font: bold 12px/16px Arial,Helvetica,sans-serif;
max-height: 32px;
min-height: 16px;
overflow: hidden;
padding: 2px 0 0 8px;
margin-bottom: 2px;
}

#popularRecs ul h4 a {
	color:#680e1a !important;
}

#popularRecs ul p {
	margin-left: 74px;
}

.box p.more {
	border-top: 1px solid #e0d5c1;
	padding: 6px 0 0;
	text-align: right;
}

.altBox p.more { /* ** 2010-03 ** */
	border: 0 none;
	font-size: 11px;
	font-weight: normal;
	padding: 0 6px;
	text-align: left;
}

/* ------------------------------------ *
 * --     10. POZOSTAŁE ELEMENTY     -- *
 * ------------------------------------ */

.section {
	border-top: 1px dotted #6b5337;
}

.innerContainer {
	overflow: hidden;
	position: relative;
}

/* ------------------------------------ *
 * --            11. BLOG            -- *
 * ------------------------------------ */
#blog #masthead {
	background: #fdfcf2;
	border-bottom: 1px solid #b49e44;
	height: 24px;
	min-width: 980px;
	padding: 0;
	width: 100%;
}

#blog #masthead .inner {
	height: 24px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	padding: 0;
	width: 980px;
}

#blog #masthead .inner, #blog #masthead {
	overflow: visible;
}

/* logo */
#blog h1.logo, #blog h1.logo a {
	height: 24px;
	width: 92px;
}

#blog h1.logo {
	background: url(../img/common2/logo-blog.gif) no-repeat 0 0;
	margin: 0;
	position: absolute;
		left: 15px;
		top: 0;
}

#blog #masthead .inner > p {
	float: right;
	font: bold 12px/2 Arial, Helvetica, sans-serif;
	padding: 0 15px;
}

/* topowa nawigacja */
#blog #masthead .topNav {
	float: left;
	margin: 2px 0 0 120px;
	padding: 0;
}

.topNav > li {
	float: left;
	padding: 0 2px 0 0;
}

.topNav > li > a {
	border: 1px solid #b49e44;
	display: block;
	float: left;
	padding: 1px 10px;
	position: relative;
	top: 1px;
	text-align: center;
}

.topNav > li:hover > a {
	border-bottom: 1px solid #fff;
	color: #f45207;
	text-decoration: none;
}

/* menu rozwijane */
#blog .topNav .tabbedContent {
	background: transparent url(../img/common2/tabbed-cnt-bg.png) repeat-x 0 100%;
	display: none;
	clear: both;
	margin: 0;
	position: absolute;
		left: 0;
		top: 25px;
	width: 948px;
}

/* menu rozwijane */
#blog .topNav li:hover .tabbedContent {
	display: block
}

/* blok o góry, np. Blog Alicji */

#blogBar {
	position: relative;
	padding: 38px 4px 0;
}

#blogBar .subscribe, #blogBar .subscribe a {
	margin: 0;
	width: 38px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999px;
}

#blogBar .subscribe {
	position: absolute;
		right: 10px;
		top: 28px;
		z-index: 2;
}

#blogBar .subscribe a {
	background: url(../img/common2/rss-cup.png) no-repeat 0 0;
	display: block;
}

#blogBar .innerContainer {
	border-top: 1px solid #b49e44;
	clear: both;
	padding: 9px 10px;
	margin: 0;
	z-index: 1;
}

#blogBar h1, #blogBar h2, #blogBar .blogTitle {
	color: #a91f28;
	display: block;
	font: italic bold 36px/1 /* Gloriola Std, */ Trebuchet MS, Helvetica Neue, Arial, Helvetica, sans-serif;
	padding: 0;
}

#blogBar .innerContainer > div {
	float: left;
	width: 45%;
}

.blogNav {
	padding: 14px 0 6px;
	overflow: hidden;
}

.blogNav li {
	float: left;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	padding: 0 20px 0 0;
	text-transform: uppercase;
}

.blogNav a {
	color: #6a5235;
	padding: 0 5px;
}

.blogNav a:hover {
	color: #f45207;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(106,82,53,0.5);
}

.blogNav li:first-child a {
	padding: 0 5px 0 0;
}

/* szukaj */
#blogBar .searchFrm {
	float: right;
	position: static;
		right: auto;
		top: auto;
	width: auto;
	margin: 0;
}

#blogBar legend {
	color: #6a5235;
	font: italic bold 18px/1 Arial, Helvetica, sans-serif;
	margin: 0;
}

#blogBar  .searchFrm .textInput {
	float: left;
	margin: 5px 8px 0 0;
	padding: 6px;
	width: 202px;
}

#blogBar .searchFrm .searchBtn {
	float: left;
}

.searchFrm .searchBtn:hover {
	background: url(../img/common2/search-but.png) no-repeat 0 -40px;
}

/* przepis z dużym zdjęciem */
#blog #content {
	padding-top: 12px;
}

.usrLatestRec h1, .usrLatestRec h2, .blogEntry h1, .blogEntry h2 { /* ** 2010-03 ** */
	font-size: 30px;
	padding-bottom: 6px;
}

.details {
	color: #333;
	font-size: 11px;
	padding: 0 0 12px 2px;
}

.details span {
	border-left: 1px solid #ccc;
	color: #ccc;
	padding: 0 0 0 9px;
	margin: 0 0 0 7px;
}

.usrLatestRec a, .blogEntry a {
	color: #f45207;
}

.usrLatestRec .mainImg, .blogEntry .imgBox img {
	border: 1px solid #e1d5c5;
	display: block;
	padding: 2px;
}

.usrLatestRec .mainImg {
	margin: 0 0 18px;
}

p.more {
	color: #ccc;
	font-weight: bold;
}

p.more a {
	color: #f45207 !important;
}

/* więcej przepisów */
.moreRecsList {
	padding: 0 10px 18px;
}

.moreRecsList li {
	overflow: hidden;
	padding: 20px 0 0;
	border-bottom: 1px solid #ececec;
}

.moreRecsList li > img, .moreRecsList li > a:first-child {
	display: block;
	float: left;
	border: 1px solid #e1d5c5;
	padding: 1px;
	margin: 0 0 18px;
}

.moreRecsList li > a:first-child img {
	display: block;
}

.moreRecsList .descr {
	margin: 0 0 0 194px;
}

.moreRecsList h4, .moreRecsList .details {
	padding: 0 0 4px
}

.simpleListing {
	color: #999;
	font-size: 13px;
}

.simpleListing a {
	font-weight: bold;
}

.bestRecs .simpleListing {
	padding: 0 12px 18px;
}

/* blogowe about */

.about a {
	color: #f45207;	
}

.about h3 {
	color: #6a5235;
	font: normal 20px/24px Arial, Helvetica, sans-serif !important;	
	padding: 0 0 9px;
}

.about .boxContent {
	background: #faf8f0;
	padding: 9px 12px 12px;
	overflow: hidden;
}

.about .avatar {
	display: block;
	float: left;
	border: 1px solid #b49e44;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	padding: 2px;
}

.about p {
	margin: 0 0 0 96px;
	padding: 0 !important;
}

/* listy w bocznych boxach */

#sidebar .altBox {
	padding-top: 36px;
}

#sidebar .altBox .boxHeading {
	color: #6a5235;
	top: 24px;
}

.listing01 ul {
	padding: 4px 0;
}

.listing01 li, .listing01 h4, .listing01 li a {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
}

.listing01 li {
	padding: 2px 6px
}

.listing01 h4, .listing01 li a {
	color: #a91f28;
	padding: 0;
}

.listing02 ul {
	padding: 6px;
}

/* blog wpis */
.imgBox {
	font-size: 10px;
	text-align: right;
}

.imgBox span {
	display: block;
	padding: 0 2px;
}

.blogEntry p {
	padding-bottom: 20px;
}

/* Autorzy */

li.authors {
	padding: 20px 4px 5px 0px !important;
	min-height: 100px;
	clear: both;	
}

li.authors .avatar_box {
    float: left;
    font-size: 11px;
    height: 220px;
    margin-left: 0 !important;
    width: 200px;
}

li.authors .avatar_box a {
	margin-bottom: 10px;
}

li.authors .avatar_box p {
    clear: both;
    font-size: 13px;
    margin-bottom: 0;
    padding-top: 12px;
    text-align: center;
}

li.authors .description_box {
    height: 155px;
    margin-left: 0 !important;
    width: 410px;
	overflow: hidden;
}

li.authors .description_box h3 {
	padding-bottom: 7px;
}

li.authors p.gplus_profile {
	padding-top: 3px;
}

/* dodawanie recenzji */

.entryContent .reviewForm {
	margin-bottom: 8px; 
	margin-top: 8px
}

.entryContent .reviewForm fieldset ul li input.textInput {
	width: 300px !important;
}

.entryContent .reviewForm fieldset ul li textarea.textInput {
	width: 465px !important;
}

.entryContent .reviewForm fieldset ul li textarea.textInput {
	width: 313px !important;
}

/* dla podstrony profil - aktualności */
.profile-news { 
	padding: 6px 0 0;
}

#ui-stream {
	list-style: none;
	margin: 0 0px 15px;
	padding: 0px;
}

#ui-stream > li:first-child {
	padding-top: 0px !important;
}

#ui-stream > li, 
#ui-msg-thread .thread > li {
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid #ECECEC;
	clear: both;
}

#ui-stream .avatar, #ui-msg-thread .avatar {
	float: left;
	height: 50px;
	margin: 0;
	width: 50px;
	padding-bottom: 0px;
}

#ui-stream > li > div, .ui-thread-msg {
	margin: 0 0 0 65px;
	padding: 5px 0 0;
}

#ui-stream > li > div, .ui-thread-msg a {
	color: #F45207;
    font-weight: bold;	
}

#ui-stream .datetime, 
#ui-msg-thread .datetime {
	color: #615F62;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	padding-bottom: 0px;
	font-weight: bold;
}

#ui-stream .action, 
.ui-thread-msg .meta, 
.ui-thread-msg .subject {
	color: #615F62;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 0 10px;
}

#ui-stream .entry-content {
	padding: 5px 0 0;
}

#ui-stream .entry-author {
	color: #F45207;
	font-weight: bold;
}

#ui-stream .inner-link {
	color: #0066b3;
	padding-right: 6px;
	font-weight: bold;
}

#ui-stream .media {
	float: left;
	width: 140px;
}

#ui-stream .media img, 
#ui-stream .media object {
	display: block;
	max-width: 100%;
	width: auto;
}

#ui-stream .descr {
	margin: 0 0 0 150px;
}

#ui-stream .descr h6 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}

#ui-stream .descr .meta {
	color: #737373;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
}

#ui-stream .descr .meta span {
	border-right: 1px solid;
	margin-right: 5px;
	padding-right: 3px;
}

#ui-stream .descr .meta strong {
	color: #000;
	font-weight: normal;
}

#ui-stream blockquote {
    margin: 0 30px 0 20px;
    border-color: #CFB999;
    border-style: solid;
    border-width: 1px 1px 1px 3px;    
}

.quote-comment p {
	color: #797979;
	font-style: italic;
	padding-bottom: 5px;
}

/* skrzynka mailowa */

.tips {
    background: none repeat scroll 0 0 #EFEFEF;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.2;
    margin: 4px 2px 0;
    padding: 4px;
}

.mailTips {
    padding: 4px 0 4px 10px;
}

.emptyField {
    color: #999999 !important;
}


.mailTable { width: 100%; /* 630px */
    margin-top:25px;}

.mailTable th, .mailTable td {
	text-align: left;
	padding: 5px 0 5px 10px;
}

.mailTable th {
	background: #CFB999;
	color: #FFF;
	vertical-align: middle;
    font: bolder 12px Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}

.mailTable th a {
    color: #ffffff;
}

.mailTable td {
	vertical-align: top;
	border-bottom: 1px dotted #666666;
}

.mailTable th.choiceCell,
.mailTable td.choiceCell {
	text-align: center;
	font-weight: normal;
}

.mailTable {
	margin-top: 20px;
}

.mailTable img {
    border:none;
}

.mailTable td {
	font: normal 12px/1.2 Arial, Helvetica, sans-serif;
}

.mailTable th:first-child, .mailTable td:first-child{
	width: 16px;
}

.mailTable th+th, .mailTable td+td {
	padding-left: 8px;
	width: 130px;
}

.mailTable th+th+th, .mailTable td+td+td {
	padding-left: 10px;
	width: 237px;
}

.mailTable th+th+th+th, .mailTable td+td+td+td {
	width: 130px;
}

.mailTable .choiceCell {
	width: 59px;
}

.mailTable .choiceCell a {
	color: #fff;
	padding-right:5px;
	font: bolder 12px Arial,Helvetica,sans-serif;
}

.mailTable td:first-child img {
	display: block;
}

.mailTable td input {
	margin: 0;
	padding: 0;
}

div#attach-container {
	margin-left: 185px;
	margin-bottom: 20px;
	width: 380px;
}

div#attach-container input[type="file"] {
    font: 18px/18px Arial,Helvetica,sans-serif;
	display: block;
	margin-top: 10px;
}

/* główny panel - ogólne formatowanie - widok maila */

#main-panel .header {
	margin: 0 0 0px;
	padding: 0px 0 0px;
}

#main-panel .header h2 {
	float: left;
	font-size: 18px;
	line-height: 2;
	margin: 0;
	width: 45%;
}

#main-panel .header .menu, 
#main-panel .header .back, 
.options-toolbar .menu {
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	max-width: 50%;
	padding: 5px 0px 15px;
}

#main-panel .header .menu, 
.options-toolbar .menu {
	float: right;
	list-style: none;
    color: #FFFFFF !important;
    font: 18px/24px Arial,Helvetica,sans-serif;
    padding: 3px 0px 0 0px;
    text-align: left;	
    font-size: 11px;
}

#main-panel .header h3 {
    padding-bottom: 5px;
}

.attach {
	margin-left: 15px;
	font-size: 11px;
}

form .error-msg {
    color: #FF0000;
    font-size: 14px;
    line-height: 24px;
    padding: 5px 0 0;
    text-align: center;
    width: 84%;
}

/* w mailu widok awatara */

.messageTo {
    padding-bottom:0;
}

li.messageTo img {
    float:left;
}

li.messageTo p {
    color: #680E1A;
    font-size: 18px;
    margin-left: 65px;
}

/* menu uzytkownika w przepisach */

ul.user-recipe-menu li {
	padding-bottom: 5px;
}

/* listowanie obserwowanych/obserwujących */

ul.observed-users-list {
    border-bottom: 1px solid #ECECEC;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

ul.observed-users-list li {
    float: left;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
    width: 130px;
}

ul.observed-users-list li p {
	padding-top: 5px;
	text-align: center;
}

/* obrazek usuwania z obserwowanych */

.removeFollow {
	background: url(/img/common2/remove-follow.png) no-repeat 0 -17px !important;
	padding-left:12px;
    height: 16px;
	overflow: hidden;
	text-indent: -99999px;
	width: 16px;
}

.removeFollow:hover {
	background: url(/img/common2/remove-follow.png) no-repeat 0 -1px !important;
        text-decoration: none;
}

/* div przepisy obserwowanych */

div.cookbook-followed {
	clear: both;
}

/* Powiadomienia */

#logIn .notify-active {
	background: #f45207;
	margin-left: 5px;
}

#logIn .notify-empty:hover {
	margin-left: 5px;
}

#logIn .notify-empty-hover {
	background: #f45207 !important;
}

#logIn .notify-empty span {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin: 0;
    padding: 0 5px;
}
 
#logIn .notify-empty-hover span {
	border-color: #f45207;	
}

#logIn .notify-empty:hover span a {
	color: #f45207;
}

#logIn .notify-empty-hover span a {
	color: #FFFFFF !important;
}

#logIn .notify-empty {
	background: none;
	margin-left: 5px;
}

#logIn .notify-active-right span {
	border: 0px !important;
	margin-left: 0 !important;
}

#logIn .notify-empty-right span {
	border: none;
	margin-left: 0px;
	/*border: 0px !important;
	margin-left: 0 !important;*/
}

#logIn .notify-active span {
    border: none;
    margin: 0 5px;
    padding: 0 5px;
}

#logIn .notify-active a {
	font-weight: bold;
	color: #FFFFFF;
}

/* Powiadomienia górne */

#mainNav {
	clear: both;
	list-style: none;
	margin: 0;
}

#mainNav > li {
    float: left;
    position: relative;
    z-index: 1;
}

/*
#mainNav > li:hover {
	z-index: 2;
}
*/

#mainNav > li > a {
	height: 13px;
	position: relative;
}

#blog #mainNav .subNav > div {
    top: 23px;
}

#mainNav .subNav > div {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #F45207;
    color: #FFFFFF;
    display: none;
    height: auto;
    overflow: hidden;
    padding-top: 0px;
    position: absolute;
    top: 29px;
    width: auto;
    z-index: 1;
}

#masthead .options > .menu-context > div {
    top: -12px;
    left: auto;
    right: -3px;
}

/*
#mainNav > .subNav:hover > div,
#masthead .options > .menu-context:hover > div {
	display: block;
}
*/

#mainNav > .subNav:hover > a,
#mainNav > .subNav:hover > a:hover {
	z-index: 2;
	color: #fff;
}

#mainNav .subNav ul, #masthead .options > .menu-context ul {
    list-style: none outside none;
    margin: 0;
    padding: 2px 0;
}

#mainNav .subNav li, #masthead .menu-context li {
    border-bottom: 1px solid #FDDCCD;
    font-size: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 0;
    color: #2a2a2a;
    white-space: nowrap;
}

#mainNav .subNav li:last-child {
	border: 0px !important;
}

#mainNav .subNav li a,
#masthead .menu-context ul a {
	color: #f45207;
	display: block;
	text-decoration: none;
}

#mainNav .subNav li a:hover,
#masthead .menu-context ul a:hover {
	text-decoration: underline;
}

/* kolejne komentarze */

.commentsList div.delimeter {
    background: none repeat scroll 0 0 #CFB999;
    height: 1px;
    margin-bottom: 30px;
    margin-top: 40px;
    position: relative;
    text-align: center;
}

.commentsList div.delimeter span {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #CFB999;
    font-size: 18px;
    font-weight: bold;
    left: 330px;
    padding: 0 10px;
    position: absolute;
    top: -10px;
}


/* wiadomosci prywatne */

.msg-attachement {
	padding-top: 10px;
}

.msg-attachement .media-container {
	display: block;
	float: left;
	margin: 10px 0 0 10px;	
}

.msg-attachement .media-container img, 
.msg-attachement .media-container object {
	display: block;
}

/* .msg-attachement .media-container:nth-child(3n+4), */
.msg-attachement .media-container:first-child {
	margin: 10px 0 0;	
}