/*--- reset ---*/
body  {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
  {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/*--- base ---*/
p {margin:0 0 1em 0;}
span p {display:inline;}
strong, .strong {font-weight:bold;}



/*--- fonts ---*/
body {font-family:Georgia, times, serif; font-size:62.5%;}
h1, h2, h5 {font-weight:bold;}
p, label, input, textarea, h2, h3, h4, blockquote {font-size:1.5em;}
h1 {font-size: 3.6em;}
#footer p#copyright {font-family:arial, verdana, 'sans-serif'; font-size:13px;}  

.box.recipe h1 {font-size:2.8em;}
.box.recipe p.copyright {font-size:1.3em;}




/*--- colors ---*/
.box.recipe p.copyright {color:#}
#footer p#copyright, .box.recipe p.copyright {color:#797979;}





/*--- basic classes ---*/
.error {color:#ff2222;}
.happy {color:#1c82e2;}
.note {color:#999;}
.standout {background:#f7f9fd; border:1px solid #e7f0f5; padding:10px; margin-bottom:15px;}
ul.classic {padding:15px;}
ul.classic li {list-style:disc outside; font-size:1.5em;}

ul.swatches li {float:left;}
ul.swatches li.swatch.photo.thumb a:hover img {border:1px solid #aaa;}
ul.swatches li.swatch.photo.thumb img {float:left; border:1px solid #efefef;}
ul.swatches li.swatch.photo.thumb {margin:10px; padding:9px; width:243px; border:1px solid #e3e3e3;}
ul.swatches li.swatch.photo.thumb p {float:left;}

ul.swatches li.swatch.recipe.thumb a:hover img {border:1px solid #aaa;}
ul.swatches li.swatch.recipe.thumb img {float:left; border:1px solid #efefef;}
ul.swatches li.swatch.recipe.thumb {margin:10px; padding:9px; width:243px; min-height:220px;  border:1px solid #e3e3e3;}
ul.swatches li.swatch.recipe.thumb p {float:left;}


.caption {margin:10px 0 10px 0;}

.section {border-top:1px dashed #ddd; margin-top:10px; padding-top:10px;}


#footer img.icon {vertical-align:bottom;}



/*--- core layout ---*/
.content {position:relative; top:-40px; margin-bottom:-40px;}
.page {position:relative;  width:952px;  margin:0px auto 0px auto;}
.page .content {display:inline;  float:left;  width:952px;}

#header {padding-top:16px;  display:inline;  float:left;  width:952px;  clear:both;}



/*--- forms ---*/
input, label, textarea, .captcha {margin-top:.5em;}
.field {float:none;display:block;}
label {display:block;}
input {width:20em; padding:.5em;}
input#colorInp {width:auto;padding:0;margin:0;}
textarea {width:21.1em;}
.submitField {float:right;}
.submitField input {padding:.5em; width:auto;}
.captcha p.error {margin-bottom:0px;}
form p.note {margin-top:1em; margin-bottom:0px;}
  
  
  
  
/*--- specific to certain elements ---*/
.menu {font-family:verdana; font-size:18px; color:#9b9b9b;}

#cameraColor, #cameraMask {float:left; width:19px; height:16px; margin-right:5px;}
#cameraMask {background:url('img/camera-inverse.png') no-repeat top left;}

#siteTitle {display:inline; float:left; position:relative; top:0px; left:30px; z-index:1;}
#siteLogo  {
  width:298px; height:54px; margin-bottom:5px; 
  background:url('img/fpd/foodporndaily.png') no-repeat top left; display:block;}
#tagline {font-family:arial, verdana, 'sans-serif'; float:left; padding:16px 0 0 37px;  font-size:13px; color:#797979;}

#nav {float:right; padding:0 1em; margin-top:10px; margin-right:20px; font-family:arial, verdana, 'sans-serif';}
#nav a {text-decoration:none; color:#888;}
#nav a:hover {text-decoration:underline;}

#userNav {float:right; padding:0em 1em;}


a#headerRecipeLink {background:url('img/recipe-icon.gif') no-repeat center left; padding-left:25px;}
#header #nav a#headerPhotoLink,  #header #nav span#headerPhotoLink {text-decoration:none; background:url('img/camera-icon.gif') no-repeat center left; padding-left:25px;}
a#headerPhotoLink:hover strong {text-decoration:underline;}
a.recipeLink {background:url('img/recipe-icon.gif') no-repeat top left; padding-left:25px;}

#footer p#copyright {
  float:right; font-family:arial, verdana, 'sans-serif'; font-size:13px; color:#797979; margin-top:6px;
  margin-right:20px; padding-top:0px;}
#footer a#copyright {color:#333; text-decoration:underline;}
#footer a#copyright:hover {color:#797979;}
#footer a {color:#797979; text-decoration:none;}
#footer a:hover {text-decoration:underline;}



#mainPhotoBlock {width:952px; height:634px; position:relative;}

#mainPhotoBlock #mpb_border_top {
  background:url('img/fpd/corners/t1.png') repeat-x top;
  width:900px; height:634px; position:absolute; top:0; left:26px;}

#mainPhotoBlock #mpb_border_bottom {
  background:url('img/fpd/corners/b1.png') repeat-x bottom;
  width:900px; height:634px; position:absolute; bottom:0; left:26px;}

#mainPhotoBlock #mpb_border_left {
  background:url('img/fpd/corners/l1.png') repeat-y left;
  width:952px; height:582px; position:absolute; top:26px; left:0;}

#mainPhotoBlock #mpb_border_right {
  background:url('img/fpd/corners/r1.png') repeat-y right;
  width:952px; height:582px; position:absolute; top:26px; right:0;}

#mainPhotoBlock #mpb_corner_bl {
  background:url('img/fpd/corners/bl1.png') no-repeat bottom left;
  width:952px;
  height:634px;
  position:absolute;
  bottom:0;
  left:0;
}

#mainPhotoBlock #mpb_corner_br {
  background:url('img/fpd/corners/br1.png') no-repeat bottom right;
  width:952px; height:634px; position:absolute; bottom:0; right:0;}

#mainPhotoBlock #mpb_corner_tr {
  background:url('img/fpd/corners/tr1.png') no-repeat top right;
  width:952px; height:634px; position:absolute; top:0; right:0;}

#mainPhotoBlock #mpb_corner_tl {
  background:url('img/fpd/corners/tl1.png') no-repeat top left;
  width:952px; height:634px; position:absolute; top:0; left:0;}

#mainPhotoBlock img#mainPhoto {
  width:950px; height:632px; position:absolute; top:1px; left:1px;}




#gallery-recentPhotos h2 {padding-left:10px;}




#addPictureForm {padding-bottom:5px;}
#addPictureForm label {display:inline; float:left;}
#addPictureForm input {width:208px;}
#addPictureForm textarea {width:208px;}
#addPictureForm #submitField input, #addPictureBlock #addPictureForm #submitField input
  {float:right; width:135px; margin-bottom:0px;}

form img.thumb {border:1px solid #e0e0e0; padding:5px; margin:0px 15px 0px 0px;}
#addPictureBlock form {display:inline; float:left;}
#addPictureBlock img.thumb {display:inline; float:left;}
#addPictureBlock .fieldBlock {display:inline; float:left;}
#addPictureBlock #addPictureFieldBlock1 {width:240px;}
#addPictureBlock #addPictureFieldBlock2 {width:350px;}
#addPictureBlock #addPictureFieldBlock2 input {width:330px;}
#addPictureBlock #addPictureFieldBlock2 textarea {width:343px;}
textarea#recipeIngredients {height:220px;}
textarea#recipeBody {height:220px;}



.box.recipe h1 {margin-bottom:10px;}
.box.recipe img {float:right; margin:0 0 0 20px; padding:10px; border:1px solid #e0e0e0;}
.box.recipe p.copyright {margin:1em 0 0 0; padding:10px 0 0 0;  border-top:1px dashed #ddd;}



/*--- boxes/corners --- */
.box-t { background:url('img/fpd/corners/box-t.jpg') repeat-x top left; overflow:hidden; }
.box-l {background:url('img/fpd/corners/box-l.jpg') repeat-y top left;  overflow:hidden;}
.box-r {background:url('img/fpd/corners/box-r.jpg') repeat-y top right;  overflow:hidden;}
.box-b {background:url('img/fpd/corners/box-b.jpg') repeat-x bottom left;  overflow:hidden;}
.box-tl {background:url('img/fpd/corners/box-tl.jpg') no-repeat top left;  overflow:hidden;}
.box-tr {background:url('img/fpd/corners/box-tr.jpg') no-repeat top right;  overflow:hidden;}
.box-bl {background:url('img/fpd/corners/box-bl.jpg') no-repeat bottom left;  overflow:hidden;}
.box-br {
  background:url('img/fpd/corners/box-br.jpg') no-repeat bottom right;  overflow:hidden;
  padding:40px;
}




/*--- specific to certain pages ---*/
body.simple .page, body.simple #header
  {width:403px;}

body.simple .content
  {width:40.3em; display:block; float:left}

body.simple form {width:31.9em;}

body.simple #flashMessage {font-size:300%; color:#ff3333; text-align:center;}

  
#galleryContent, .page #aboutContent {padding-left:50px; width:902px;}


.wpcf7-not-valid-tip-no-ajax {color:#ff4444; font-size:13px;}
.wpcf7-mail-sent-ok {font-size:20px; color:#3ab01e; border:1px solid #edebbd; background:#f8ffd8; padding:15px; margin-top:15px;}
.wpcf7-validation-errors {font-size:13px;}